emoji-picker-react 4.5.0 → 4.5.1

package/dist/emoji-picker-react.esm.js

@@ -17709,6 +17709,13 @@ function setSuggested(emoji, skinTone) {
   }
 }
 
+function isCustomCategory(category) {
+  return category.category === Categories.CUSTOM;
+}
+function isCustomEmoji(emoji) {
+  return emoji.imgUrl !== undefined;
+}
+
 function useCloseAllOpenToggles() {
   var _useEmojiVariationPic = useEmojiVariationPickerState(),
       variationPicker = _useEmojiVariationPic[0],
@@ -17777,6 +17784,7 @@ function useMouseDownHandlers(BodyRef) {
       updateSuggested = _useUpdateSuggested[1];
 
   var getEmojiUrl = useGetEmojiUrlConfig();
+  var activeEmojiStyle = useEmojiStyleConfig();
   var onClick = useCallback(function onClick(event) {
     if (disallowClickRef.current) {
       return;
@@ -17795,8 +17803,8 @@ function useMouseDownHandlers(BodyRef) {
     var skinToneToUse = activeVariationFromUnified(unified) || activeSkinTone;
     updateSuggested();
     setSuggested(emoji, skinToneToUse);
-    onEmojiClick(emojiClickOutput(emoji, skinToneToUse, getEmojiUrl), event);
-  }, [activeSkinTone, closeAllOpenToggles, disallowClickRef, onEmojiClick, updateSuggested, getEmojiUrl]);
+    onEmojiClick(emojiClickOutput(emoji, skinToneToUse, activeEmojiStyle, getEmojiUrl), event);
+  }, [activeSkinTone, closeAllOpenToggles, disallowClickRef, onEmojiClick, updateSuggested, getEmojiUrl, activeEmojiStyle]);
   var onMouseDown = useCallback(function onMouseDown(event) {
     var _window;
 
@@ -17867,15 +17875,40 @@ function emojiFromEvent(event) {
   return emojiFromElement(target);
 }
 
-function emojiClickOutput(emoji, activeSkinTone, getEmojiUrl) {
+function emojiClickOutput(emoji, activeSkinTone, activeEmojiStyle, getEmojiUrl) {
+  var names = emojiNames(emoji);
+
+  if (isCustomEmoji(emoji)) {
+    var _unified = emojiUnified(emoji);
+
+    return {
+      activeSkinTone: activeSkinTone,
+      emoji: _unified,
+      getImageUrl: function getImageUrl() {
+        return emoji.imgUrl;
+      },
+      imageUrl: emoji.imgUrl,
+      isCustom: true,
+      names: names,
+      unified: _unified,
+      unifiedWithoutSkinTone: _unified
+    };
+  }
+
   var unified = emojiUnified(emoji, activeSkinTone);
   return {
     activeSkinTone: activeSkinTone,
     emoji: parseNativeEmoji(unified),
     getImageUrl: function getImageUrl(emojiStyle) {
+      if (emojiStyle === void 0) {
+        emojiStyle = activeEmojiStyle != null ? activeEmojiStyle : EmojiStyle.APPLE;
+      }
+
       return getEmojiUrl(unified, emojiStyle);
     },
-    names: emojiNames(emoji),
+    imageUrl: getEmojiUrl(unified, activeEmojiStyle != null ? activeEmojiStyle : EmojiStyle.APPLE),
+    isCustom: false,
+    names: names,
     unified: unified,
     unifiedWithoutSkinTone: emojiUnified(emoji)
   };
@@ -18217,13 +18250,6 @@ function ClickableEmojiButton(_ref) {
   }, children);
 }
 
-function isCustomCategory(category) {
-  return category.category === Categories.CUSTOM;
-}
-function isCustomEmoji(emoji) {
-  return emoji.imgUrl !== undefined;
-}
-
 function EmojiImg(_ref) {
   var emojiName = _ref.emojiName,
       style = _ref.style,
@@ -18279,7 +18305,7 @@ function ViewOnlyEmoji(_ref) {
     return createElement(EmojiImg, {
       style: style,
       emojiName: unified,
-      emojiStyle: emojiStyle,
+      emojiStyle: EmojiStyle.NATIVE,
       lazyLoad: lazyLoad,
       imgUrl: emojiToRender.imgUrl,
       onError: onError
@@ -19817,9 +19843,10 @@ function ExportedEmoji(_ref) {
       emojiStyle = _ref$emojiStyle === void 0 ? EmojiStyle.APPLE : _ref$emojiStyle,
       _ref$lazyLoad = _ref.lazyLoad,
       lazyLoad = _ref$lazyLoad === void 0 ? false : _ref$lazyLoad,
-      getEmojiUrl = _ref.getEmojiUrl;
+      getEmojiUrl = _ref.getEmojiUrl,
+      emojiUrl = _ref.emojiUrl;
 
-  if (!unified) {
+  if (!unified && !emojiUrl && !getEmojiUrl) {
     return null;
   }
 
@@ -19828,7 +19855,9 @@ function ExportedEmoji(_ref) {
     size: size,
     emojiStyle: emojiStyle,
     lazyLoad: lazyLoad,
-    getEmojiUrl: getEmojiUrl
+    getEmojiUrl: emojiUrl ? function () {
+      return emojiUrl;
+    } : getEmojiUrl
   });
 }