emoji-picker-react 4.17.3 → 4.17.4

package/dist/emoji-picker-react.cjs.development.js

@@ -24015,12 +24015,14 @@ function useMouseDownHandlers(ContainerRef, mouseEventSource) {
     updateSuggested = _useUpdateSuggested[1];
   var getEmojiUrl = useGetEmojiUrlConfig();
   var activeEmojiStyle = useEmojiStyleConfig();
+  var _usePickerDataContext = usePickerDataContext(),
+    emojiByUnified = _usePickerDataContext.emojiByUnified;
   var onClick = React.useCallback(function onClick(event) {
     if (disallowClickRef.current) {
       return;
     }
     closeAllOpenToggles();
-    var _emojiFromEvent = emojiFromEvent(event),
+    var _emojiFromEvent = emojiFromEvent(event, emojiByUnified),
       emoji = _emojiFromEvent[0],
       unified = _emojiFromEvent[1];
     if (!emoji || !unified) {
@@ -24030,13 +24032,13 @@ function useMouseDownHandlers(ContainerRef, mouseEventSource) {
     updateSuggested();
     setSuggested(emoji, skinToneToUse);
     onEmojiClick(emojiClickOutput(emoji, skinToneToUse, activeEmojiStyle, getEmojiUrl), event);
-  }, [activeSkinTone, closeAllOpenToggles, disallowClickRef, onEmojiClick, updateSuggested, getEmojiUrl, activeEmojiStyle]);
+  }, [activeSkinTone, closeAllOpenToggles, disallowClickRef, emojiByUnified, onEmojiClick, updateSuggested, getEmojiUrl, activeEmojiStyle]);
   var onMouseDown = React.useCallback(function onMouseDown(event) {
     var _window;
     if (mouseDownTimerRef.current) {
       clearTimeout(mouseDownTimerRef.current);
     }
-    var _emojiFromEvent2 = emojiFromEvent(event),
+    var _emojiFromEvent2 = emojiFromEvent(event, emojiByUnified),
       emoji = _emojiFromEvent2[0];
     if (!emoji || !emojiHasVariations$1(emoji)) {
       return;
@@ -24048,7 +24050,7 @@ function useMouseDownHandlers(ContainerRef, mouseEventSource) {
       setVariationPicker(event.target);
       setEmojiVariationPicker(emoji);
     }, 500);
-  }, [disallowClickRef, closeAllOpenToggles, setVariationPicker, setEmojiVariationPicker]);
+  }, [disallowClickRef, emojiByUnified, closeAllOpenToggles, setVariationPicker, setEmojiVariationPicker]);
   var onMouseUp = React.useCallback(function onMouseUp() {
     if (mouseDownTimerRef.current) {
       clearTimeout(mouseDownTimerRef.current);
@@ -24085,12 +24087,23 @@ function useMouseDownHandlers(ContainerRef, mouseEventSource) {
     };
   }, [ContainerRef, onClick, onMouseDown, onMouseUp]);
 }
-function emojiFromEvent(event) {
+function emojiFromEvent(event, lookupEmojiByUnified) {
   var target = event == null ? void 0 : event.target;
   if (!isEmojiElement(target)) {
     return [];
   }
-  return emojiFromElement(target);
+  var _allUnifiedFromEmojiE = allUnifiedFromEmojiElement(target),
+    unified = _allUnifiedFromEmojiE.unified,
+    originalUnified = _allUnifiedFromEmojiE.originalUnified;
+  var resolvedUnified = unified != null ? unified : originalUnified;
+  if (!resolvedUnified) {
+    return [];
+  }
+  var emoji = lookupEmojiByUnified(resolvedUnified);
+  if (!emoji) {
+    return [];
+  }
+  return [emoji, unified != null ? unified : resolvedUnified];
 }
 function emojiClickOutput(emoji, activeSkinTone, activeEmojiStyle, getEmojiUrl) {
   var names = emojiNames$1(emoji);