emoji-picker-react 4.5.2 → 4.5.4

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

@@ -1,5 +1,4 @@
-import { useRef, createElement, createContext, createRef, useContext, useState, useMemo, useEffect, useCallback, Fragment, Component, memo } from 'react';
-import clsx from 'clsx';
+import React__default, { useRef, createElement, createContext, createRef, useContext, useState, useMemo, useEffect, useCallback, Fragment, memo, Component } from 'react';
 
 var ClassNames;
 
@@ -33,6 +32,35 @@ function asSelectors() {
     return "." + c;
   }).join('');
 }
+function clsx() {
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
+
+  var classes = args.reduce(function (classes, arg) {
+    if (typeof arg === 'string') {
+      classes.push(arg);
+    }
+
+    if (Array.isArray(arg)) {
+      classes.push(clsx.apply(void 0, arg));
+    }
+
+    if (typeof arg === 'object') {
+      Object.entries(arg).forEach(function (_ref) {
+        var key = _ref[0],
+            value = _ref[1];
+
+        if (value) {
+          classes.push(key);
+        }
+      });
+    }
+
+    return classes;
+  }, []);
+  return classes.filter(Boolean).join(' ');
+}
 
 function focusElement(element) {
   if (!element) {
@@ -16894,11 +16922,6 @@ function basePickerConfig() {
     getEmojiUrl: emojiUrlByUnified,
     height: 450,
     lazyLoadEmojis: false,
-    onEmojiClick: function defaultOnClickHandler( // @ts-ignore
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    emoji, // @ts-ignore
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    event) {},
     previewConfig: _extends({}, basePreviewConfig),
     searchDisabled: false,
     searchPlaceHolder: DEFAULT_SEARCH_PLACEHOLDER,
@@ -16936,6 +16959,23 @@ function usePickerConfig() {
   return useContext(ConfigContext);
 }
 
+var MutableConfigContext = /*#__PURE__*/React__default.createContext({});
+function useMutableConfig() {
+  var mutableConfig = React__default.useContext(MutableConfigContext);
+  return mutableConfig;
+}
+function useDefineMutableConfig(config) {
+  var MutableConfigRef = React__default.useRef({
+    onEmojiClick: config.onEmojiClick || emptyFunc
+  });
+  React__default.useEffect(function () {
+    MutableConfigRef.current.onEmojiClick = config.onEmojiClick || emptyFunc;
+  }, [config.onEmojiClick]);
+  return MutableConfigRef;
+}
+
+function emptyFunc() {}
+
 function useSearchPlaceHolderConfig() {
   var _find;
 
@@ -16984,20 +17024,20 @@ function useCustomEmojisConfig() {
   return customEmojis;
 }
 function useOnEmojiClickConfig() {
-  var _usePickerConfig8 = usePickerConfig(),
-      onEmojiClick = _usePickerConfig8.onEmojiClick;
+  var _useMutableConfig = useMutableConfig(),
+      current = _useMutableConfig.current;
 
-  return onEmojiClick;
+  return current.onEmojiClick || function () {};
 }
 function usePreviewConfig() {
-  var _usePickerConfig9 = usePickerConfig(),
-      previewConfig = _usePickerConfig9.previewConfig;
+  var _usePickerConfig8 = usePickerConfig(),
+      previewConfig = _usePickerConfig8.previewConfig;
 
   return previewConfig;
 }
 function useThemeConfig() {
-  var _usePickerConfig10 = usePickerConfig(),
-      theme = _usePickerConfig10.theme;
+  var _usePickerConfig9 = usePickerConfig(),
+      theme = _usePickerConfig9.theme;
 
   if (theme === Theme.AUTO) {
     return isSystemDarkTheme() ? Theme.DARK : Theme.LIGHT;
@@ -17006,21 +17046,21 @@ function useThemeConfig() {
   return theme;
 }
 function useSuggestedEmojisModeConfig() {
-  var _usePickerConfig11 = usePickerConfig(),
-      suggestedEmojisMode = _usePickerConfig11.suggestedEmojisMode;
+  var _usePickerConfig10 = usePickerConfig(),
+      suggestedEmojisMode = _usePickerConfig10.suggestedEmojisMode;
 
   return suggestedEmojisMode;
 }
 function useLazyLoadEmojisConfig() {
-  var _usePickerConfig12 = usePickerConfig(),
-      lazyLoadEmojis = _usePickerConfig12.lazyLoadEmojis;
+  var _usePickerConfig11 = usePickerConfig(),
+      lazyLoadEmojis = _usePickerConfig11.lazyLoadEmojis;
 
   return lazyLoadEmojis;
 }
 function usePickerSizeConfig() {
-  var _usePickerConfig13 = usePickerConfig(),
-      height = _usePickerConfig13.height,
-      width = _usePickerConfig13.width;
+  var _usePickerConfig12 = usePickerConfig(),
+      height = _usePickerConfig12.height,
+      width = _usePickerConfig12.width;
 
   return {
     height: getDimension(height),
@@ -17028,32 +17068,32 @@ function usePickerSizeConfig() {
   };
 }
 function useEmojiVersionConfig() {
-  var _usePickerConfig14 = usePickerConfig(),
-      emojiVersion = _usePickerConfig14.emojiVersion;
+  var _usePickerConfig13 = usePickerConfig(),
+      emojiVersion = _usePickerConfig13.emojiVersion;
 
   return emojiVersion;
 }
 function useSearchDisabledConfig() {
-  var _usePickerConfig15 = usePickerConfig(),
-      searchDisabled = _usePickerConfig15.searchDisabled;
+  var _usePickerConfig14 = usePickerConfig(),
+      searchDisabled = _usePickerConfig14.searchDisabled;
 
   return searchDisabled;
 }
 function useSkinTonePickerLocationConfig() {
-  var _usePickerConfig16 = usePickerConfig(),
-      skinTonePickerLocation = _usePickerConfig16.skinTonePickerLocation;
+  var _usePickerConfig15 = usePickerConfig(),
+      skinTonePickerLocation = _usePickerConfig15.skinTonePickerLocation;
 
   return skinTonePickerLocation;
 }
 function useUnicodeToHide() {
-  var _usePickerConfig17 = usePickerConfig(),
-      unicodeToHide = _usePickerConfig17.unicodeToHide;
+  var _usePickerConfig16 = usePickerConfig(),
+      unicodeToHide = _usePickerConfig16.unicodeToHide;
 
   return unicodeToHide;
 }
 function useGetEmojiUrlConfig() {
-  var _usePickerConfig18 = usePickerConfig(),
-      getEmojiUrl = _usePickerConfig18.getEmojiUrl;
+  var _usePickerConfig17 = usePickerConfig(),
+      getEmojiUrl = _usePickerConfig17.getEmojiUrl;
 
   return getEmojiUrl;
 }
@@ -19796,7 +19836,12 @@ styleInject(css_248z$c);
 
 function EmojiPicker(props) {
   return createElement(ElementRefContextProvider, null, createElement(PickerConfigProvider, Object.assign({}, props), createElement(PickerMain, null, createElement(Header, null), createElement(Body, null), createElement(Preview, null))));
-}
+} // eslint-disable-next-line complexity
+
+
+var EmojiPickerReact = /*#__PURE__*/memo(EmojiPicker, function (prev, next) {
+  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;
+});
 
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ErrorBoundary, _React$Component);
@@ -19862,14 +19907,14 @@ function ExportedEmoji(_ref) {
 }
 
 function EmojiPicker$1(props) {
-  return createElement(ErrorBoundary, null, createElement(EmojiPicker, Object.assign({}, props)));
-} // eslint-disable-next-line complexity
-
-
-var index = /*#__PURE__*/memo(EmojiPicker$1, function (prev, next) {
-  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;
-});
+  var MutableConfigRef = useDefineMutableConfig({
+    onEmojiClick: props.onEmojiClick
+  });
+  return createElement(ErrorBoundary, null, createElement(MutableConfigContext.Provider, {
+    value: MutableConfigRef
+  }, createElement(EmojiPickerReact, Object.assign({}, props))));
+}
 
-export default index;
+export default EmojiPicker$1;
 export { Categories, ExportedEmoji as Emoji, EmojiStyle, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme };
 //# sourceMappingURL=emoji-picker-react.esm.js.map