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

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

@@ -16803,6 +16803,7 @@ function basePickerConfig() {
     event) {},
     previewConfig: _extends({}, basePreviewConfig),
     searchPlaceHolder: 'Search',
+    showEmoji: undefined,
     skinTonesDisabled: false,
     suggestedEmojisMode: SuggestionMode.FREQUENT,
     theme: Theme.LIGHT,
@@ -16905,8 +16906,8 @@ function usePickerSizeConfig() {
       width = _usePickerConfig12.width;
 
   return {
-    height: height,
-    width: width
+    height: getDimension(height),
+    width: getDimension(width)
   };
 }
 function useEmojiVersionConfig() {
@@ -16921,6 +16922,16 @@ function useGetEmojiUrlConfig() {
 
   return getEmojiUrl;
 }
+function useShowEmojiConfig() {
+  var _usePickerConfig15 = usePickerConfig(),
+      showEmoji = _usePickerConfig15.showEmoji;
+
+  return showEmoji;
+}
+
+function getDimension(dimensionConfig) {
+  return typeof dimensionConfig === 'number' ? dimensionConfig + "px" : dimensionConfig;
+}
 
 var alphaNumericEmojiIndex = {};
 setTimeout(function () {
@@ -16965,24 +16976,37 @@ function useDebouncedState(initialValue, delay) {
   return [state, debouncedSetState];
 }
 
+function isFunction(value) {
+  return typeof value === 'function';
+}
+
 function useDisallowedEmojis() {
   var DisallowedEmojisRef = useRef({});
   var emojiVersionConfig = useEmojiVersionConfig();
+  var shouldShowEmoji = useShowEmojiConfig();
   return 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 +18013,7 @@ function useFocusCategoryNavigation() {
 function useSetFilterRef() {
   var filterRef = useFilterRef();
   return function setFilter(setter) {
-    if (typeof setter === 'function') {
+    if (isFunction(setter)) {
       return setFilter(setter(filterRef.current));
     }
 
@@ -19459,8 +19483,8 @@ function PickerRootElement(_ref2) {
   useKeyboardNavigation();
   useOnFocus();
   var style = {
-    height: height + "px",
-    width: width + "px"
+    height: height,
+    width: width
   };
   return createElement("aside", {
     className: clsx(ClassNames.emojiPicker, 'epr-main', (_clsx = {}, _clsx[ClassNames.searchActive] = searchModeActive, _clsx['epr-dark-theme'] = theme === Theme.DARK, _clsx)),