emoji-picker-react 4.4.5 → 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/emoji/Emoji.d.ts

@@ -17,6 +17,6 @@ declare type BaseProps = {
     getEmojiUrl?: GetEmojiUrl;
 };
 export declare function ClickableEmoji({ emoji, unified, hidden, hiddenOnSearch, emojiStyle, showVariations, size, lazyLoad, getEmojiUrl, }: ClickableEmojiProps): JSX.Element;
-export declare function ViewOnlyEmoji({ emoji, unified, emojiStyle, size, lazyLoad, getEmojiUrl, }: BaseProps): JSX.Element;
+export declare function ViewOnlyEmoji({ emoji, unified, emojiStyle, size, lazyLoad, getEmojiUrl, }: BaseProps): JSX.Element | null;
 export declare type GetEmojiUrl = (unified: string, style: EmojiStyle) => string;
 export {};

package/dist/dataUtils/emojiSelectors.d.ts

@@ -3,7 +3,7 @@ import { EmojiStyle, SkinTones } from '../types/exposedTypes';
 import { DataEmoji, DataEmojis } from './DataTypes';
 export declare function emojiNames(emoji: DataEmoji): string[];
 export declare function addedIn(emoji: DataEmoji): number;
-export declare function emojiName(emoji: DataEmoji): string;
+export declare function emojiName(emoji?: DataEmoji): string;
 export declare function unifiedWithoutSkinTone(unified: string): string;
 export declare function emojiUnified(emoji: DataEmoji, skinTone?: string): string;
 export declare function emojisByCategory(category: Categories): DataEmojis;

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

@@ -16642,6 +16642,10 @@ function addedIn(emoji) {
   return parseFloat(emoji[EmojiProperties.added_in]);
 }
 function emojiName(emoji) {
+  if (!emoji) {
+    return '';
+  }
+
   return emojiNames(emoji)[0];
 }
 function unifiedWithoutSkinTone(unified) {
@@ -17084,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);
 }
@@ -17670,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);
   };
 }
 
@@ -18081,10 +18083,6 @@ function useIsEmojiHidden() {
   };
 }
 
-function asEmoji(emoji) {
-  return emoji;
-}
-
 function Button(props) {
   return React.createElement("button", Object.assign({
     type: "button"
@@ -18136,13 +18134,18 @@ function ViewOnlyEmoji(_ref2) {
   }
 
   var emojiToRender = emoji ? emoji : emojiByUnified(unified);
+
+  if (!emojiToRender) {
+    return null;
+  }
+
   return React.createElement(React.Fragment, null, emojiStyle === exports.EmojiStyle.NATIVE ? React.createElement(NativeEmoji, {
     unified: unified,
     style: style
   }) : React.createElement(EmojiImg, {
     unified: unified,
     style: style,
-    emoji: asEmoji(emojiToRender),
+    emoji: emojiToRender,
     emojiStyle: emojiStyle,
     lazyLoad: lazyLoad,
     getEmojiUrl: getEmojiUrl
@@ -18477,7 +18480,6 @@ function EmojiVariationPicker() {
     pointerStyle = getPointerStyle();
   }
 
-  var safeEmoji = asEmoji(emoji);
   return React.createElement("div", {
     ref: VariationPickerRef,
     className: clsx(ClassNames.variationPicker, {
@@ -18487,10 +18489,10 @@ function EmojiVariationPicker() {
     style: {
       top: top
     }
-  }, visible ? [emojiUnified(safeEmoji)].concat(emojiVariations(safeEmoji)).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: safeEmoji,
+      emoji: emoji,
       unified: unified,
       emojiStyle: emojiStyle,
       showVariations: false,
@@ -18841,11 +18843,16 @@ function PreviewBody() {
   return React.createElement(PreviewContent, null);
 
   function PreviewContent() {
-    var defaultEmoji = asEmoji(variationPickerEmoji != null ? variationPickerEmoji : emojiByUnified(previewConfig.defaultEmoji));
+    var defaultEmoji = variationPickerEmoji != null ? variationPickerEmoji : emojiByUnified(previewConfig.defaultEmoji);
+
+    if (!defaultEmoji) {
+      return null;
+    }
+
     var defaultText = variationPickerEmoji ? emojiName(variationPickerEmoji) : previewConfig.defaultCaption;
     return React.createElement(React.Fragment, null, React.createElement("div", null, show ? React.createElement(ViewOnlyEmoji, {
       unified: previewEmoji == null ? void 0 : previewEmoji.unified,
-      emoji: asEmoji(emoji),
+      emoji: emoji,
       emojiStyle: emojiStyle,
       size: 45,
       getEmojiUrl: getEmojiUrl
@@ -18857,7 +18864,7 @@ function PreviewBody() {
       getEmojiUrl: getEmojiUrl
     }) : null), show ? React.createElement("div", {
       className: "epr-preview-emoji-label"
-    }, emojiName(asEmoji(emoji))) : React.createElement("div", {
+    }, emojiName(emoji)) : React.createElement("div", {
       className: "epr-preview-emoji-label"
     }, defaultText));
   }