From 42fc3c3e503c7311dc1e8f521d21ace0d0079597 Mon Sep 17 00:00:00 2001
From: Evyatar <code@ealush.com>
Date: Fri, 23 Feb 2024 01:00:45 +0200
Subject: [PATCH] emoji-picker-react@4.8.0

---
 package-lock.json                 |  8 ++++----
 package.json                      |  2 +-
 src/components/PickerControls.tsx | 24 ++++++++++++++++++++++++
 src/components/PickerDemo.tsx     |  2 ++
 4 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b0921026..0dc6756a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.1",
       "dependencies": {
         "@vercel/analytics": "^1.1.1",
-        "emoji-picker-react": "^4.7.18",
+        "emoji-picker-react": "^4.8.0",
         "next": "13.5.6",
         "react": "^18",
         "react-dom": "^18"
@@ -1038,9 +1038,9 @@
       }
     },
     "node_modules/emoji-picker-react": {
-      "version": "4.7.18",
-      "resolved": "https://registry.npmjs.org/emoji-picker-react/-/emoji-picker-react-4.7.18.tgz",
-      "integrity": "sha512-ZYTUl9KdSFfrdmPmAhcVwSv6/fBuhIw6LxqOJ8jz5min8sezjEArGs25LGjf6VABNE4895HBsuJ5uVKIb0lJuw==",
+      "version": "4.8.0",
+      "resolved": "https://registry.npmjs.org/emoji-picker-react/-/emoji-picker-react-4.8.0.tgz",
+      "integrity": "sha512-gKv+NOM2FjNAokXqlhhmDJMLp1hBTx4X+OoYrPAK1qpTVBseoeybtqPBR1NXixTow7Vbxv1WOuI3SSTiEB089A==",
       "dependencies": {
         "flairup": "0.0.38"
       },
diff --git a/package.json b/package.json
index 8c995bf4..90991639 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@vercel/analytics": "^1.1.1",
-    "emoji-picker-react": "^4.7.18",
+    "emoji-picker-react": "^4.8.0",
     "next": "13.5.6",
     "react": "^18",
     "react-dom": "^18"
diff --git a/src/components/PickerControls.tsx b/src/components/PickerControls.tsx
index 66dfd846..a1ed3d88 100644
--- a/src/components/PickerControls.tsx
+++ b/src/components/PickerControls.tsx
@@ -80,6 +80,12 @@ export function PickerControls({
           updateState("reactionsDefaultOpen", reactionsDefaultOpen)
         }
       />
+      <ChkAllowExpandReactions
+        allowExpandReactions={pickerProps.allowExpandReactions}
+        setAllowExpandReactions={(allowExpandReactions) =>
+          updateState("allowExpandReactions", allowExpandReactions)
+        }
+      />
       <div className={styles.spacer} />
       <button onClick={reset} className={styles.ButtonReset}>
         Reset
@@ -327,3 +333,21 @@ function ChkReactions({
     </Label>
   );
 }
+
+function ChkAllowExpandReactions({
+  allowExpandReactions,
+  setAllowExpandReactions,
+}: {
+  allowExpandReactions?: boolean;
+  setAllowExpandReactions: (allowExpandReactions: boolean) => void;
+}) {
+  return (
+    <Label text="Allow Expand Reactions">
+      <input
+        type="checkbox"
+        checked={allowExpandReactions}
+        onChange={(e) => setAllowExpandReactions(e.target.checked)}
+      />
+    </Label>
+  );
+}
diff --git a/src/components/PickerDemo.tsx b/src/components/PickerDemo.tsx
index 5cb29a9e..c96c8855 100644
--- a/src/components/PickerDemo.tsx
+++ b/src/components/PickerDemo.tsx
@@ -17,6 +17,7 @@ const DEFAULT_THEME = Theme.AUTO;
 const DEFAULT_SUGGESTED_EMOJIS_MODE = SuggestionMode.RECENT;
 const DEFAULT_HEIGHT = 450;
 const DEFAULT_WIDTH = 350;
+const DEFAULT_ALLOW_EXPAND_REACTIONS = true;
 const DEFAULT_SKIN_TONE_PICKER_LOCATION = SkinTonePickerLocation.SEARCH;
 
 export default function PickerDemo() {
@@ -92,4 +93,5 @@ const defaultProps = {
   height: DEFAULT_HEIGHT,
   width: DEFAULT_WIDTH,
   skinTonePickerLocation: DEFAULT_SKIN_TONE_PICKER_LOCATION,
+  allowExpandReactions: DEFAULT_ALLOW_EXPAND_REACTIONS,
 } as PickerProps;