emoji-picker-react 4.4.9 → 4.4.10

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

@@ -13,7 +13,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__";
@@ -16854,7 +16854,8 @@ function basePickerConfig() {
     skinTonesDisabled: false,
     suggestedEmojisMode: SuggestionMode.FREQUENT,
     theme: Theme.LIGHT,
-    width: 350
+    width: 350,
+    unicodeToHide: new Set()
   };
 }
 var basePreviewConfig = {
@@ -16975,9 +16976,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;
 }
@@ -17029,6 +17036,13 @@ function useDebouncedState(initialValue, delay) {
   return [state, debouncedSetState];
 }
 
+function useIsUnicodeHidden() {
+  var unicodeToHide = useUnicodeToHide();
+  return function (emojiUnified) {
+    return unicodeToHide.has(emojiUnified);
+  };
+}
+
 function useDisallowedEmojis() {
   var DisallowedEmojisRef = useRef({});
   var emojiVersionConfig = useEmojiVersionConfig();
@@ -17050,9 +17064,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));
   };
 }
 
@@ -17393,7 +17408,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;
@@ -17583,7 +17599,7 @@ function parseNativeEmoji(unified) {
 }
 
 var SUGGESTED_LS_KEY = 'epr_suggested';
-function getsuggested(mode) {
+function getSuggested(mode) {
   try {
     var _window, _window$localStorage$, _window2;
 
@@ -17604,8 +17620,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) {
@@ -17723,7 +17739,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 = useCallback(function onMouseDown(event) {
@@ -18142,7 +18158,7 @@ function ClickableEmoji(_ref) {
       getEmojiUrl = _ref.getEmojiUrl;
   var hasVariations = emojiHasVariations(emoji);
   return 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)
@@ -18258,9 +18274,9 @@ function Suggested(_ref) {
   var suggestedEmojisModeConfig = useSuggestedEmojisModeConfig();
   var getEmojiUrl = useGetEmojiUrlConfig();
   var suggested = 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();
@@ -18510,7 +18526,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);
   useEffect(function () {
     if (!visible) {
       return;