emoji-picker-react 4.5.16 → 4.6.0

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

@@ -16921,6 +16921,7 @@ function basePickerConfig() {
   return {
     autoFocusSearch: true,
     categories: baseCategoriesConfig(),
+    className: '',
     customEmojis: [],
     defaultSkinTone: SkinTones.NEUTRAL,
     emojiStyle: EmojiStyle.APPLE,
@@ -16934,6 +16935,7 @@ function basePickerConfig() {
     searchPlaceholder: DEFAULT_SEARCH_PLACEHOLDER,
     skinTonePickerLocation: SkinTonePickerLocation.SEARCH,
     skinTonesDisabled: false,
+    style: {},
     suggestedEmojisMode: SuggestionMode.FREQUENT,
     theme: Theme.LIGHT,
     unicodeToHide: new Set(KNOWN_FAILING_EMOJIS),
@@ -17075,43 +17077,50 @@ function useLazyLoadEmojisConfig() {
 
   return lazyLoadEmojis;
 }
-function usePickerSizeConfig() {
+function useClassNameConfig() {
   var _usePickerConfig12 = usePickerConfig(),
-      height = _usePickerConfig12.height,
-      width = _usePickerConfig12.width;
+      className = _usePickerConfig12.className;
 
-  return {
+  return className;
+}
+function useStyleConfig() {
+  var _usePickerConfig13 = usePickerConfig(),
+      height = _usePickerConfig13.height,
+      width = _usePickerConfig13.width,
+      style = _usePickerConfig13.style;
+
+  return _extends({
     height: getDimension(height),
     width: getDimension(width)
-  };
+  }, style);
 }
 function useEmojiVersionConfig() {
-  var _usePickerConfig13 = usePickerConfig(),
-      emojiVersion = _usePickerConfig13.emojiVersion;
+  var _usePickerConfig14 = usePickerConfig(),
+      emojiVersion = _usePickerConfig14.emojiVersion;
 
   return emojiVersion;
 }
 function useSearchDisabledConfig() {
-  var _usePickerConfig14 = usePickerConfig(),
-      searchDisabled = _usePickerConfig14.searchDisabled;
+  var _usePickerConfig15 = usePickerConfig(),
+      searchDisabled = _usePickerConfig15.searchDisabled;
 
   return searchDisabled;
 }
 function useSkinTonePickerLocationConfig() {
-  var _usePickerConfig15 = usePickerConfig(),
-      skinTonePickerLocation = _usePickerConfig15.skinTonePickerLocation;
+  var _usePickerConfig16 = usePickerConfig(),
+      skinTonePickerLocation = _usePickerConfig16.skinTonePickerLocation;
 
   return skinTonePickerLocation;
 }
 function useUnicodeToHide() {
-  var _usePickerConfig16 = usePickerConfig(),
-      unicodeToHide = _usePickerConfig16.unicodeToHide;
+  var _usePickerConfig17 = usePickerConfig(),
+      unicodeToHide = _usePickerConfig17.unicodeToHide;
 
   return unicodeToHide;
 }
 function useGetEmojiUrlConfig() {
-  var _usePickerConfig17 = usePickerConfig(),
-      getEmojiUrl = _usePickerConfig17.getEmojiUrl;
+  var _usePickerConfig18 = usePickerConfig(),
+      getEmojiUrl = _usePickerConfig18.getEmojiUrl;
 
   return getEmojiUrl;
 }
@@ -19882,19 +19891,12 @@ function PickerRootElement(_ref2) {
   var theme = useThemeConfig();
   var searchModeActive = useIsSearchMode();
   var PickerMainRef = usePickerMainRef();
-
-  var _usePickerSizeConfig = usePickerSizeConfig(),
-      height = _usePickerSizeConfig.height,
-      width = _usePickerSizeConfig.width;
-
+  var className = useClassNameConfig();
+  var style = useStyleConfig();
   useKeyboardNavigation();
   useOnFocus();
-  var style = {
-    height: height,
-    width: width
-  };
   return createElement("aside", {
-    className: clsx(ClassNames.emojiPicker, 'epr-main', (_clsx = {}, _clsx[ClassNames.searchActive] = searchModeActive, _clsx[ClassNames.darkTheme] = theme === Theme.DARK, _clsx[ClassNames.autoTheme] = theme === Theme.AUTO, _clsx)),
+    className: clsx(ClassNames.emojiPicker, 'epr-main', (_clsx = {}, _clsx[ClassNames.searchActive] = searchModeActive, _clsx[ClassNames.darkTheme] = theme === Theme.DARK, _clsx[ClassNames.autoTheme] = theme === Theme.AUTO, _clsx), className),
     ref: PickerMainRef,
     style: style
   }, children);
@@ -19913,7 +19915,7 @@ var EmojiPickerReact = /*#__PURE__*/memo(EmojiPicker, function (prev, next) {
 
   var prevCustomEmojis = (_prev$customEmojis = prev.customEmojis) != null ? _prev$customEmojis : [];
   var nextCustomEmojis = (_next$customEmojis = next.customEmojis) != null ? _next$customEmojis : [];
-  return prev.emojiVersion === next.emojiVersion && prev.searchPlaceHolder === next.searchPlaceHolder && prev.searchPlaceholder === next.searchPlaceholder && prev.defaultSkinTone === next.defaultSkinTone && prev.skinTonesDisabled === next.skinTonesDisabled && prev.autoFocusSearch === next.autoFocusSearch && prev.emojiStyle === next.emojiStyle && prev.theme === next.theme && prev.suggestedEmojisMode === next.suggestedEmojisMode && prev.lazyLoadEmojis === next.lazyLoadEmojis && prev.height === next.height && prev.width === next.width && prev.searchDisabled === next.searchDisabled && prev.skinTonePickerLocation === next.skinTonePickerLocation && prevCustomEmojis.length === nextCustomEmojis.length;
+  return prev.emojiVersion === next.emojiVersion && prev.searchPlaceHolder === next.searchPlaceHolder && prev.searchPlaceholder === next.searchPlaceholder && prev.defaultSkinTone === next.defaultSkinTone && prev.skinTonesDisabled === next.skinTonesDisabled && prev.autoFocusSearch === next.autoFocusSearch && prev.emojiStyle === next.emojiStyle && prev.theme === next.theme && prev.suggestedEmojisMode === next.suggestedEmojisMode && prev.lazyLoadEmojis === next.lazyLoadEmojis && prev.className === next.className && prev.height === next.height && prev.width === next.width && prev.style === next.style && prev.searchDisabled === next.searchDisabled && prev.skinTonePickerLocation === next.skinTonePickerLocation && prevCustomEmojis.length === nextCustomEmojis.length;
 });
 
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {