emoji-picker-react 4.3.0 → 4.4.0-rc.1

package/dist/config/config.d.ts

@@ -1,4 +1,5 @@
 import { GetEmojiUrl } from '../components/emoji/Emoji';
+import { DataEmoji } from '../dataUtils/DataTypes';
 import { EmojiClickData, EmojiStyle, SkinTones, SuggestionMode, Theme } from '../types/exposedTypes';
 import { CategoriesConfig } from './categoryConfig';
 export declare function mergeConfig(userConfig?: PickerConfig): PickerConfigInternal;
@@ -19,6 +20,7 @@ export declare type PickerConfigInternal = {
     height: PickerDimensions;
     width: PickerDimensions;
     getEmojiUrl: GetEmojiUrl;
+    showEmoji: undefined | ((emoji: DataEmoji) => boolean);
 };
 export declare type PreviewConfig = {
     defaultEmoji: string;

package/dist/config/useConfig.d.ts

@@ -1,3 +1,4 @@
+import { DataEmoji } from '../dataUtils/DataTypes';
 import { EmojiClickData, EmojiStyle, SkinTones, SuggestionMode, Theme } from '../types/exposedTypes';
 import { CategoriesConfig } from './categoryConfig';
 import { PickerDimensions, PreviewConfig } from './config';
@@ -18,3 +19,4 @@ export declare function usePickerSizeConfig(): {
 };
 export declare function useEmojiVersionConfig(): string | null;
 export declare function useGetEmojiUrlConfig(): (unified: string, style: EmojiStyle) => string;
+export declare function useShowEmojiConfig(): undefined | ((emoji: DataEmoji) => boolean);

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

@@ -16799,6 +16799,7 @@ function basePickerConfig() {
     event) {},
     previewConfig: _extends({}, basePreviewConfig),
     searchPlaceHolder: 'Search',
+    showEmoji: undefined,
     skinTonesDisabled: false,
     suggestedEmojisMode: exports.SuggestionMode.FREQUENT,
     theme: exports.Theme.LIGHT,
@@ -16917,6 +16918,12 @@ function useGetEmojiUrlConfig() {
 
   return getEmojiUrl;
 }
+function useShowEmojiConfig() {
+  var _usePickerConfig15 = usePickerConfig(),
+      showEmoji = _usePickerConfig15.showEmoji;
+
+  return showEmoji;
+}
 
 function getDimension(dimensionConfig) {
   return typeof dimensionConfig === 'number' ? dimensionConfig + "px" : dimensionConfig;
@@ -16965,24 +16972,37 @@ function useDebouncedState(initialValue, delay) {
   return [state, debouncedSetState];
 }
 
+function isFunction(value) {
+  return typeof value === 'function';
+}
+
 function useDisallowedEmojis() {
   var DisallowedEmojisRef = React.useRef({});
   var emojiVersionConfig = useEmojiVersionConfig();
+  var shouldShowEmoji = useShowEmojiConfig();
   return React.useMemo(function () {
     var emojiVersion = parseFloat("" + emojiVersionConfig);
 
-    if (!emojiVersionConfig || Number.isNaN(emojiVersion)) {
+    if ((!emojiVersionConfig || Number.isNaN(emojiVersion)) && !shouldShowEmoji) {
       return DisallowedEmojisRef.current;
     }
 
     return allEmojis.reduce(function (disallowedEmojis, emoji) {
+      if (isFunction(shouldShowEmoji) && !shouldShowEmoji(emoji)) {
+        disallowEmoji();
+      }
+
       if (addedInNewerVersion(emoji, emojiVersion)) {
-        disallowedEmojis[emojiUnified(emoji)] = true;
+        disallowEmoji();
       }
 
       return disallowedEmojis;
+
+      function disallowEmoji() {
+        disallowedEmojis[emojiUnified(emoji)] = true;
+      }
     }, DisallowedEmojisRef.current);
-  }, [emojiVersionConfig]);
+  }, [emojiVersionConfig, shouldShowEmoji]);
 }
 
 function addedInNewerVersion(emoji, supportedLevel) {
@@ -17989,7 +18009,7 @@ function useFocusCategoryNavigation() {
 function useSetFilterRef() {
   var filterRef = useFilterRef();
   return function setFilter(setter) {
-    if (typeof setter === 'function') {
+    if (isFunction(setter)) {
       return setFilter(setter(filterRef.current));
     }