emoji-picker-react 4.4.9 → 4.4.10

package/dist/DomUtils/classNames.d.ts

@@ -8,7 +8,7 @@ export declare enum ClassNames {
     category = "epr-emoji-category",
     label = "epr-emoji-category-label",
     categoryContent = "epr-emoji-category-content",
-    emojiHasVariatios = "epr-emoji-has-variations",
+    emojiHasVariations = "epr-emoji-has-variations",
     scrollBody = "epr-body",
     emojiList = "epr-emoji-list",
     external = "__EmojiPicker__",

package/dist/config/config.d.ts

@@ -21,6 +21,7 @@ export declare type PickerConfigInternal = {
     getEmojiUrl: GetEmojiUrl;
     searchDisabled: boolean;
     skinTonePickerLocation: SkinTonePickerLocation;
+    unicodeToHide: Set<string>;
 };
 export declare type PreviewConfig = {
     defaultEmoji: string;
@@ -29,7 +30,7 @@ export declare type PreviewConfig = {
 };
 declare type ConfigExternal = {
     previewConfig: Partial<PreviewConfig>;
-} & Omit<PickerConfigInternal, 'previewConfig'>;
+} & Omit<PickerConfigInternal, 'previewConfig' | 'unicodeToHide'>;
 export declare type PickerConfig = Partial<ConfigExternal>;
 export declare type PickerDimensions = string | number;
 export {};

package/dist/config/useConfig.d.ts

@@ -19,4 +19,5 @@ export declare function usePickerSizeConfig(): {
 export declare function useEmojiVersionConfig(): string | null;
 export declare function useSearchDisabledConfig(): boolean;
 export declare function useSkinTonePickerLocationConfig(): SkinTonePickerLocation;
+export declare function useUnicodeToHide(): Set<string>;
 export declare function useGetEmojiUrlConfig(): (unified: string, style: EmojiStyle) => string;

package/dist/data/emojis.d.ts

@@ -1,2 +1,49 @@
-import emojis from './emojis.json';
-export default emojis;
+declare const _default: {
+    smileys_people: ({
+        n: string[];
+        u: string;
+        a: string;
+        v?: undefined;
+    } | {
+        n: string[];
+        u: string;
+        v: string[];
+        a: string;
+    })[];
+    animals_nature: {
+        n: string[];
+        u: string;
+        a: string;
+    }[];
+    food_drink: {
+        n: string[];
+        u: string;
+        a: string;
+    }[];
+    travel_places: {
+        n: string[];
+        u: string;
+        a: string;
+    }[];
+    activities: {
+        n: string[];
+        u: string;
+        a: string;
+    }[];
+    objects: {
+        n: string[];
+        u: string;
+        a: string;
+    }[];
+    symbols: {
+        n: string[];
+        u: string;
+        a: string;
+    }[];
+    flags: {
+        n: string[];
+        u: string;
+        a: string;
+    }[];
+};
+export default _default;

package/dist/dataUtils/suggested.d.ts

@@ -6,6 +6,6 @@ declare type SuggestedItem = {
     count: number;
 };
 declare type Suggested = SuggestedItem[];
-export declare function getsuggested(mode?: SuggestionMode): Suggested;
-export declare function setsuggested(emoji: DataEmoji, skinTone: SkinTones): void;
+export declare function getSuggested(mode?: SuggestionMode): Suggested;
+export declare function setSuggested(emoji: DataEmoji, skinTone: SkinTones): void;
 export {};

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

@@ -19,7 +19,7 @@ var ClassNames;
   ClassNames["category"] = "epr-emoji-category";
   ClassNames["label"] = "epr-emoji-category-label";
   ClassNames["categoryContent"] = "epr-emoji-category-content";
-  ClassNames["emojiHasVariatios"] = "epr-emoji-has-variations";
+  ClassNames["emojiHasVariations"] = "epr-emoji-has-variations";
   ClassNames["scrollBody"] = "epr-body";
   ClassNames["emojiList"] = "epr-emoji-list";
   ClassNames["external"] = "__EmojiPicker__";
@@ -16848,7 +16848,8 @@ function basePickerConfig() {
     skinTonesDisabled: false,
     suggestedEmojisMode: exports.SuggestionMode.FREQUENT,
     theme: exports.Theme.LIGHT,
-    width: 350
+    width: 350,
+    unicodeToHide: new Set()
   };
 }
 var basePreviewConfig = {
@@ -16969,9 +16970,15 @@ function useSkinTonePickerLocationConfig() {
 
   return skinTonePickerLocation;
 }
-function useGetEmojiUrlConfig() {
+function useUnicodeToHide() {
   var _usePickerConfig16 = usePickerConfig(),
-      getEmojiUrl = _usePickerConfig16.getEmojiUrl;
+      unicodeToHide = _usePickerConfig16.unicodeToHide;
+
+  return unicodeToHide;
+}
+function useGetEmojiUrlConfig() {
+  var _usePickerConfig17 = usePickerConfig(),
+      getEmojiUrl = _usePickerConfig17.getEmojiUrl;
 
   return getEmojiUrl;
 }
@@ -17023,6 +17030,13 @@ function useDebouncedState(initialValue, delay) {
   return [state, debouncedSetState];
 }
 
+function useIsUnicodeHidden() {
+  var unicodeToHide = useUnicodeToHide();
+  return function (emojiUnified) {
+    return unicodeToHide.has(emojiUnified);
+  };
+}
+
 function useDisallowedEmojis() {
   var DisallowedEmojisRef = React.useRef({});
   var emojiVersionConfig = useEmojiVersionConfig();
@@ -17044,9 +17058,10 @@ function useDisallowedEmojis() {
 }
 function useIsEmojiDisallowed() {
   var disallowedEmojis = useDisallowedEmojis();
+  var isUnicodeHidden = useIsUnicodeHidden();
   return function isEmojiDisallowed(emoji) {
     var unified = unifiedWithoutSkinTone(emojiUnified(emoji));
-    return Boolean(disallowedEmojis[unified]);
+    return Boolean(disallowedEmojis[unified] || isUnicodeHidden(unified));
   };
 }
 
@@ -17387,7 +17402,8 @@ function isEmojiBehindLabel(emoji) {
   return emojiDistanceFromScrollTop(emoji) < categoryLabelHeight(closestCategory(emoji));
 }
 function queryScrollBody(root) {
-  return root ? root.matches(asSelectors(ClassNames.scrollBody)) ? root : root.querySelector(asSelectors(ClassNames.scrollBody)) : null;
+  if (!root) return null;
+  return root.matches(asSelectors(ClassNames.scrollBody)) ? root : root.querySelector(asSelectors(ClassNames.scrollBody));
 }
 function emojiDistanceFromScrollTop(emoji) {
   var _closestScrollBody$sc, _closestScrollBody;
@@ -17577,7 +17593,7 @@ function parseNativeEmoji(unified) {
 }
 
 var SUGGESTED_LS_KEY = 'epr_suggested';
-function getsuggested(mode) {
+function getSuggested(mode) {
   try {
     var _window, _window$localStorage$, _window2;
 
@@ -17598,8 +17614,8 @@ function getsuggested(mode) {
     return [];
   }
 }
-function setsuggested(emoji, skinTone) {
-  var recent = getsuggested();
+function setSuggested(emoji, skinTone) {
+  var recent = getSuggested();
   var unified = emojiUnified(emoji, skinTone);
   var originalUnified = emojiUnified(emoji);
   var existing = recent.find(function (_ref) {
@@ -17717,7 +17733,7 @@ function useMouseDownHandlers(BodyRef) {
 
     var skinToneToUse = activeVariationFromUnified(unified) || activeSkinTone;
     updateSuggested();
-    setsuggested(emoji, skinToneToUse);
+    setSuggested(emoji, skinToneToUse);
     onEmojiClick(emojiClickOutput(emoji, skinToneToUse, getEmojiUrl), event);
   }, [activeSkinTone, closeAllOpenToggles, disallowClickRef, onEmojiClick, updateSuggested, getEmojiUrl]);
   var onMouseDown = React.useCallback(function onMouseDown(event) {
@@ -18106,7 +18122,7 @@ function ClickableEmoji(_ref) {
       getEmojiUrl = _ref.getEmojiUrl;
   var hasVariations = emojiHasVariations(emoji);
   return React.createElement(Button, {
-    className: clsx(ClassNames.emoji, (_clsx = {}, _clsx[ClassNames.hidden] = hidden, _clsx[ClassNames.hiddenOnSearch] = hiddenOnSearch, _clsx[ClassNames.visible] = !hidden && !hiddenOnSearch, _clsx[ClassNames.emojiHasVariatios] = hasVariations && showVariations, _clsx)),
+    className: clsx(ClassNames.emoji, (_clsx = {}, _clsx[ClassNames.hidden] = hidden, _clsx[ClassNames.hiddenOnSearch] = hiddenOnSearch, _clsx[ClassNames.visible] = !hidden && !hiddenOnSearch, _clsx[ClassNames.emojiHasVariations] = hasVariations && showVariations, _clsx)),
     "data-unified": unified,
     "aria-label": emojiName(emoji),
     "data-full-name": emojiNames(emoji)
@@ -18219,9 +18235,9 @@ function Suggested(_ref) {
   var suggestedEmojisModeConfig = useSuggestedEmojisModeConfig();
   var getEmojiUrl = useGetEmojiUrlConfig();
   var suggested = React.useMemo(function () {
-    var _getsuggested;
+    var _getSuggested;
 
-    return (_getsuggested = getsuggested(suggestedEmojisModeConfig)) != null ? _getsuggested : [];
+    return (_getSuggested = getSuggested(suggestedEmojisModeConfig)) != null ? _getSuggested : [];
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [suggestedUpdated, suggestedEmojisModeConfig]);
   var emojiStyle = useEmojiStyleConfig();
@@ -18465,7 +18481,7 @@ function EmojiVariationPicker() {
   var getPointerStyle = usePointerStyle(VariationPickerRef);
   var getEmojiUrl = useGetEmojiUrlConfig();
   var button = buttonFromTarget(AnchoredEmojiRef.current);
-  var visible = emoji && button && emojiHasVariations(emoji) && button.classList.contains(ClassNames.emojiHasVariatios);
+  var visible = emoji && button && emojiHasVariations(emoji) && button.classList.contains(ClassNames.emojiHasVariations);
   React.useEffect(function () {
     if (!visible) {
       return;