Merge branch 'release/v3.9.0'

.cz.yaml

@@ -3,6 +3,6 @@ commitizen:
   name: cz_conventional_commits
   tag_format: v$version
   update_changelog_on_bump: true
-  version: 3.8.0
+  version: 3.9.0
   version_files:
   - package.json

CHANGELOG.md

@@ -1,3 +1,30 @@
+## v3.9.0 (2022-11-16)
+
+### Feat
+
+- **components**: show quoted message info
+- **mutation**: show user info at the top of reply item
+- **label-info**: show emoticons in label item
+
+### Fix
+
+- **announcement**: update layout on close
+
+### Refactor
+
+- **mutation**: implement its own `createContainer()` in the component file
+- **components**: update `UserInfo`
+- **stylesheets**: sort variables in ascending order
+- **helpers**: rename function
+- rename enum
+- **stylesheets**: add `strip-unit` function
+- **helpers**: change singleton to memoization
+- **helpers**: change singleton to memoization
+- **helpers**: update imports
+- **components**: update `Emoticon`
+- **components**: update typings
+- **components**: update `UnlockIconMapToggleButton`
+
 ## v3.8.0 (2022-11-05)
 
 ### Feat

dist/libel.js.LICENSE.txt

@@ -48,7 +48,7 @@
 */
 
 /*!
-* tabbable 5.2.1
+* tabbable 5.3.3
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
 

dist/libel.meta.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name        Libel
-// @version     3.8.0
+// @version     3.9.0
 // @author      kitce <[email protected]>
 // @description Label users on LIHKG
 // @homepage    https://kitce.github.io/libel

package.json

@@ -2,7 +2,7 @@
   "name": "libel",
   "namespace": "libel",
   "displayName": "Libel",
-  "version": "3.8.0",
+  "version": "3.9.0",
   "description": "Label users on LIHKG",
   "author": "kitce <[email protected]>",
   "repository": {
@@ -52,6 +52,7 @@
     "localforage": "^1.9.0",
     "lodash": "^4.17.21",
     "lz-string": "^1.3.34",
+    "mem": "^9.0.2",
     "mustache": "^4.2.0",
     "react": "^18.1.0",
     "react-dnd": "^16.0.0",

src/components/AddLabelButton/AddLabelButton.tsx

@@ -9,6 +9,7 @@ import { mapPostToSource } from '../../helpers/label';
 import useLabelSourcePost from '../../hooks/useLabelSourcePost';
 import { actions as personalActions, IAddLabelPayload } from '../../store/slices/personal';
 import { useTypedDispatch } from '../../store/store';
+import lihkgCssClasses from '../../stylesheets/variables/lihkg/classes.module.scss';
 import { EventAction, EventCategory, EventLabel } from '../../types/ga';
 import IconButton from '../IconButton/IconButton';
 import useLabelForm from '../LabelForm/useLabelForm';
@@ -80,3 +81,10 @@ const AddLabelButton: React.FunctionComponent<TProps> = (props) => {
 AddLabelButton.displayName = 'AddLabelButton';
 
 export default AddLabelButton;
+
+export const createContainer = () => {
+  const container = document.createElement('div');
+  container.classList.add(lihkgCssClasses.replyToolbarButton);
+  container.classList.add(styles.container);
+  return container;
+};