emoji-picker-react 4.4.6 → 4.4.7

package/README.md

@@ -263,3 +263,11 @@ For reference, if you only need to shim global, you can add
   window.global = window;
 </script>
 ```
+
+# Other stuff I build
+
+If you enjoy using emoji-picker-react, you may be interested in some of my other open source projects:
+
+- [Vest](https://github.com/ealush/vest) - The best form validation framwork to date.
+- [Context](https://github.com/ealush/vest/tree/latest/packages/context) - Context propagation library for JS Apps.
+- [n4s](https://github.com/ealush/vest/tree/latest/packages/n4s) - enforce: fluent assertion library.

package/dist/components/body/EmojiVariationPicker.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import './EmojiVariationPicker.css';
-export declare function EmojiVariationPicker(): JSX.Element | null;
+export declare function EmojiVariationPicker(): JSX.Element;

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

@@ -17088,14 +17088,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);
 }
@@ -17674,12 +17674,10 @@ function useSetVariationPicker() {
     var _emojiFromElement = emojiFromElement(element),
         emoji = _emojiFromElement[0];
 
-    if (!emoji) {
-      return;
+    if (emoji) {
+      setAnchoredEmojiRef(element);
+      setEmojiVariationPicker(emoji);
     }
-
-    setAnchoredEmojiRef(element);
-    setEmojiVariationPicker(emoji);
   };
 }
 
@@ -18482,10 +18480,6 @@ function EmojiVariationPicker() {
     pointerStyle = getPointerStyle();
   }
 
-  if (!emoji) {
-    return null;
-  }
-
   return React.createElement("div", {
     ref: VariationPickerRef,
     className: clsx(ClassNames.variationPicker, {
@@ -18495,7 +18489,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 React.createElement(ClickableEmoji, {
       key: unified,
       emoji: emoji,