emoji-picker-react 4.4.6 → 4.4.8

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

@@ -17094,14 +17094,14 @@ function PickerContextProvider(_ref) {
       activeSkinTone: activeSkinTone,
       disallowClickRef: disallowClickRef,
       disallowMouseRef: disallowMouseRef,
+      disallowedEmojisRef: disallowedEmojisRef,
       emojiVariationPickerState: emojiVariationPickerState,
       emojisThatFailedToLoadState: emojisThatFailedToLoadState,
       filterRef: filterRef,
       isPastInitialLoad: isPastInitialLoad,
       searchTerm: searchTerm,
       skinToneFanOpenState: skinToneFanOpenState,
-      suggestedUpdateState: suggestedUpdateState,
-      disallowedEmojisRef: disallowedEmojisRef
+      suggestedUpdateState: suggestedUpdateState
     }
   }, children);
 }
@@ -17680,12 +17680,10 @@ function useSetVariationPicker() {
     var _emojiFromElement = emojiFromElement(element),
         emoji = _emojiFromElement[0];
 
-    if (!emoji) {
-      return;
+    if (emoji) {
+      setAnchoredEmojiRef(element);
+      setEmojiVariationPicker(emoji);
     }
-
-    setAnchoredEmojiRef(element);
-    setEmojiVariationPicker(emoji);
   };
 }
 
@@ -18327,7 +18325,8 @@ function RenderCategory(_ref) {
       activeSkinTone = _useActiveSkinToneSta[0];
 
   var isEmojiDisallowed = useIsEmojiDisallowed();
-  var getEmojiUrl = useGetEmojiUrlConfig(); // Small trick to defer the rendering of all emoji categories until the first category is visible
+  var getEmojiUrl = useGetEmojiUrlConfig();
+  var showVariations = !useSkinTonesDisabledConfig(); // Small trick to defer the rendering of all emoji categories until the first category is visible
   // This way the user gets to actually see something and not wait for the whole picker to render.
 
   var emojisToPush = !isPastInitialLoad && index > 1 ? [] : emojisByCategory(category);
@@ -18351,6 +18350,7 @@ function RenderCategory(_ref) {
     }
 
     return createElement(ClickableEmoji, {
+      showVariations: showVariations,
       key: unified,
       emoji: emoji,
       unified: unified,
@@ -18527,10 +18527,6 @@ function EmojiVariationPicker() {
     pointerStyle = getPointerStyle();
   }
 
-  if (!emoji) {
-    return null;
-  }
-
   return createElement("div", {
     ref: VariationPickerRef,
     className: clsx(ClassNames.variationPicker, {
@@ -18540,7 +18536,7 @@ function EmojiVariationPicker() {
     style: {
       top: top
     }
-  }, visible ? [emojiUnified(emoji)].concat(emojiVariations(emoji)).slice(0, 6).map(function (unified) {
+  }, visible && emoji ? [emojiUnified(emoji)].concat(emojiVariations(emoji)).slice(0, 6).map(function (unified) {
     return createElement(ClickableEmoji, {
       key: unified,
       emoji: emoji,