From 2b06a31c30db942a1ff44ab6443fc7b8844cdcff Mon Sep 17 00:00:00 2001
From: Evyatar <code@ealush.com>
Date: Mon, 22 Jan 2024 21:45:09 +0200
Subject: [PATCH] With Reactions Pre-Release

---
 package-lock.json                 | 14 +++++++-------
 package.json                      |  2 +-
 src/components/PickerControls.tsx | 24 ++++++++++++++++++++++++
 3 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 28a98d05..d3f13fd9 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.6.15",
+        "emoji-picker-react": "^4.7.16-rc.0",
         "next": "13.5.6",
         "react": "^18",
         "react-dom": "^18"
@@ -985,9 +985,9 @@
       }
     },
     "node_modules/emoji-picker-react": {
-      "version": "4.6.15",
-      "resolved": "https://registry.npmjs.org/emoji-picker-react/-/emoji-picker-react-4.6.15.tgz",
-      "integrity": "sha512-dmj3qVQN8K5tLG1jmyv2SntzmJsv4vOB8eqqr9j8Fal6pTYkp5IoZP22K593HCDocyJBZEN/fOkvYoBt38AkfA==",
+      "version": "4.7.16-rc.0",
+      "resolved": "https://registry.npmjs.org/emoji-picker-react/-/emoji-picker-react-4.7.16-rc.0.tgz",
+      "integrity": "sha512-CAWg2fMrgtRdhEuXj1ReHsdec63WXfvWimXh1amjFLocRGXkwVPT34rYBhpzuzs/WMQ1i8vsUsySX1Zb0hQyRg==",
       "dependencies": {
         "flairup": "0.0.32"
       },
@@ -4386,9 +4386,9 @@
       }
     },
     "emoji-picker-react": {
-      "version": "4.6.15",
-      "resolved": "https://registry.npmjs.org/emoji-picker-react/-/emoji-picker-react-4.6.15.tgz",
-      "integrity": "sha512-dmj3qVQN8K5tLG1jmyv2SntzmJsv4vOB8eqqr9j8Fal6pTYkp5IoZP22K593HCDocyJBZEN/fOkvYoBt38AkfA==",
+      "version": "4.7.16-rc.0",
+      "resolved": "https://registry.npmjs.org/emoji-picker-react/-/emoji-picker-react-4.7.16-rc.0.tgz",
+      "integrity": "sha512-CAWg2fMrgtRdhEuXj1ReHsdec63WXfvWimXh1amjFLocRGXkwVPT34rYBhpzuzs/WMQ1i8vsUsySX1Zb0hQyRg==",
       "requires": {
         "flairup": "0.0.32"
       }
diff --git a/package.json b/package.json
index fdb018d4..ad1d97d1 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@vercel/analytics": "^1.1.1",
-    "emoji-picker-react": "^4.6.15",
+    "emoji-picker-react": "^4.7.16-rc.0",
     "next": "13.5.6",
     "react": "^18",
     "react-dom": "^18"
diff --git a/src/components/PickerControls.tsx b/src/components/PickerControls.tsx
index 84ae985b..66dfd846 100644
--- a/src/components/PickerControls.tsx
+++ b/src/components/PickerControls.tsx
@@ -74,6 +74,12 @@ export function PickerControls({
           updateState("customEmojis", customEmojis)
         }
       />
+      <ChkReactions
+        reactionsDefaultOpen={pickerProps.reactionsDefaultOpen}
+        setReactionsDefaultOpen={(reactionsDefaultOpen) =>
+          updateState("reactionsDefaultOpen", reactionsDefaultOpen)
+        }
+      />
       <div className={styles.spacer} />
       <button onClick={reset} className={styles.ButtonReset}>
         Reset
@@ -303,3 +309,21 @@ function SelectSkinTonePickerLocation({
     </Label>
   );
 }
+
+function ChkReactions({
+  reactionsDefaultOpen,
+  setReactionsDefaultOpen,
+}: {
+  reactionsDefaultOpen?: boolean;
+  setReactionsDefaultOpen: (reactionsDefaultOpen: boolean) => void;
+}) {
+  return (
+    <Label text="Reactions">
+      <input
+        type="checkbox"
+        checked={reactionsDefaultOpen}
+        onChange={(e) => setReactionsDefaultOpen(e.target.checked)}
+      />
+    </Label>
+  );
+}