emoji-picker-react 4.15.2 → 4.16.0

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

@@ -1,60 +1,74 @@
 import React__default, { memo, createElement, useState, useRef, useMemo, useEffect, createContext, useContext, createRef, useCallback, Fragment, useLayoutEffect, Suspense, Component } from 'react';
 import { createSheet, cx } from 'flairup';
 
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _createForOfIteratorHelperLoose(r, e) {
-  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (t) return (t = t.call(r)).next.bind(t);
-  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
-    t && (r = t);
-    var o = 0;
-    return function () {
-      return o >= r.length ? {
-        done: !0
-      } : {
-        done: !1,
-        value: r[o++]
-      };
-    };
-  }
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
-    return n;
-  }, _extends.apply(null, arguments);
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
 }
-function _inheritsLoose(t, o) {
-  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
 }
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
   }
-  return t;
+  return target;
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-function _setPrototypeOf(t, e) {
-  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
-    return t.__proto__ = e, t;
-  }, _setPrototypeOf(t, e);
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
 }
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
   }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 var ClassNames;
@@ -419,23 +433,23 @@ function useEmojiVariationPickerState() {
   return emojiVariationPickerState;
 }
 function useSkinToneFanOpenState() {
-  var _React$useContext0 = useContext(PickerContext),
-    skinToneFanOpenState = _React$useContext0.skinToneFanOpenState;
+  var _React$useContext10 = useContext(PickerContext),
+    skinToneFanOpenState = _React$useContext10.skinToneFanOpenState;
   return skinToneFanOpenState;
 }
 function useVisibleCategoriesState() {
-  var _React$useContext10 = useContext(PickerContext),
-    visibleCategoriesState = _React$useContext10.visibleCategoriesState;
+  var _React$useContext12 = useContext(PickerContext),
+    visibleCategoriesState = _React$useContext12.visibleCategoriesState;
   return visibleCategoriesState;
 }
 function useEmojiSizeState() {
-  var _React$useContext11 = useContext(PickerContext),
-    emojiSizeState = _React$useContext11.emojiSizeState;
+  var _React$useContext13 = useContext(PickerContext),
+    emojiSizeState = _React$useContext13.emojiSizeState;
   return emojiSizeState;
 }
 function useUpdateSuggested() {
-  var _React$useContext12 = useContext(PickerContext),
-    suggestedUpdateState = _React$useContext12.suggestedUpdateState;
+  var _React$useContext14 = useContext(PickerContext),
+    suggestedUpdateState = _React$useContext14.suggestedUpdateState;
   var suggestedUpdated = suggestedUpdateState[0],
     setsuggestedUpdate = suggestedUpdateState[1];
   return [suggestedUpdated, function updateSuggested() {
@@ -17601,7 +17615,7 @@ var basePreviewConfig = {
 };
 
 var _excluded = ["children"];
-var ConfigContext = /*#__PURE__*/createContext(/*#__PURE__*/basePickerConfig());
+var ConfigContext = /*#__PURE__*/createContext( /*#__PURE__*/basePickerConfig());
 function PickerConfigProvider(_ref) {
   var children = _ref.children,
     config = _objectWithoutPropertiesLoose(_ref, _excluded);
@@ -17745,73 +17759,73 @@ function useOnSkinToneChangeConfig() {
   return current.onSkinToneChange || function () {};
 }
 function usePreviewConfig() {
-  var _usePickerConfig0 = usePickerConfig(),
-    previewConfig = _usePickerConfig0.previewConfig;
+  var _usePickerConfig10 = usePickerConfig(),
+    previewConfig = _usePickerConfig10.previewConfig;
   return previewConfig;
 }
 function useThemeConfig() {
-  var _usePickerConfig1 = usePickerConfig(),
-    theme = _usePickerConfig1.theme;
+  var _usePickerConfig11 = usePickerConfig(),
+    theme = _usePickerConfig11.theme;
   return theme;
 }
 function useSuggestedEmojisModeConfig() {
-  var _usePickerConfig10 = usePickerConfig(),
-    suggestedEmojisMode = _usePickerConfig10.suggestedEmojisMode;
+  var _usePickerConfig12 = usePickerConfig(),
+    suggestedEmojisMode = _usePickerConfig12.suggestedEmojisMode;
   return suggestedEmojisMode;
 }
 function useLazyLoadEmojisConfig() {
-  var _usePickerConfig11 = usePickerConfig(),
-    lazyLoadEmojis = _usePickerConfig11.lazyLoadEmojis;
+  var _usePickerConfig13 = usePickerConfig(),
+    lazyLoadEmojis = _usePickerConfig13.lazyLoadEmojis;
   return lazyLoadEmojis;
 }
 function useClassNameConfig() {
-  var _usePickerConfig12 = usePickerConfig(),
-    className = _usePickerConfig12.className;
+  var _usePickerConfig14 = usePickerConfig(),
+    className = _usePickerConfig14.className;
   return className;
 }
 function useStyleConfig() {
-  var _usePickerConfig13 = usePickerConfig(),
-    height = _usePickerConfig13.height,
-    width = _usePickerConfig13.width,
-    style = _usePickerConfig13.style;
+  var _usePickerConfig15 = usePickerConfig(),
+    height = _usePickerConfig15.height,
+    width = _usePickerConfig15.width,
+    style = _usePickerConfig15.style;
   return _extends({
     height: getDimension(height),
     width: getDimension(width)
   }, style);
 }
 function useReactionsOpenConfig() {
-  var _usePickerConfig14 = usePickerConfig(),
-    reactionsDefaultOpen = _usePickerConfig14.reactionsDefaultOpen;
+  var _usePickerConfig16 = usePickerConfig(),
+    reactionsDefaultOpen = _usePickerConfig16.reactionsDefaultOpen;
   return reactionsDefaultOpen;
 }
 function useEmojiVersionConfig() {
-  var _usePickerConfig15 = usePickerConfig(),
-    emojiVersion = _usePickerConfig15.emojiVersion;
+  var _usePickerConfig17 = usePickerConfig(),
+    emojiVersion = _usePickerConfig17.emojiVersion;
   return emojiVersion;
 }
 function useSearchDisabledConfig() {
-  var _usePickerConfig16 = usePickerConfig(),
-    searchDisabled = _usePickerConfig16.searchDisabled;
+  var _usePickerConfig18 = usePickerConfig(),
+    searchDisabled = _usePickerConfig18.searchDisabled;
   return searchDisabled;
 }
 function useSkinTonePickerLocationConfig() {
-  var _usePickerConfig17 = usePickerConfig(),
-    skinTonePickerLocation = _usePickerConfig17.skinTonePickerLocation;
+  var _usePickerConfig19 = usePickerConfig(),
+    skinTonePickerLocation = _usePickerConfig19.skinTonePickerLocation;
   return skinTonePickerLocation;
 }
 function useUnicodeToHide() {
-  var _usePickerConfig18 = usePickerConfig(),
-    unicodeToHide = _usePickerConfig18.unicodeToHide;
+  var _usePickerConfig20 = usePickerConfig(),
+    unicodeToHide = _usePickerConfig20.unicodeToHide;
   return unicodeToHide;
 }
 function useReactionsConfig() {
-  var _usePickerConfig19 = usePickerConfig(),
-    reactions = _usePickerConfig19.reactions;
+  var _usePickerConfig21 = usePickerConfig(),
+    reactions = _usePickerConfig21.reactions;
   return reactions;
 }
 function useGetEmojiUrlConfig() {
-  var _usePickerConfig20 = usePickerConfig(),
-    getEmojiUrl = _usePickerConfig20.getEmojiUrl;
+  var _usePickerConfig22 = usePickerConfig(),
+    getEmojiUrl = _usePickerConfig22.getEmojiUrl;
   return getEmojiUrl;
 }
 function getDimension(dimensionConfig) {
@@ -19606,7 +19620,7 @@ function BtnPlus() {
     }
   });
 }
-var styles$5 = /*#__PURE__*/stylesheet.create(/*#__PURE__*/_extends({
+var styles$5 = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   plusSign: {
     fontSize: '20px',
     padding: '17px',
@@ -20197,7 +20211,7 @@ function useVariationPickerTop(VariationPickerRef) {
     return emojiOffsetTop - height;
   }
 }
-var styles$9 = /*#__PURE__*/stylesheet.create(/*#__PURE__*/_extends({
+var styles$9 = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   variationPicker: {
     '.': ClassNames.variationPicker,
     position: 'absolute',
@@ -20809,7 +20823,7 @@ var DarkInactivePosition = {
     }
   }
 };
-var styles$f = /*#__PURE__*/stylesheet.create(/*#__PURE__*/_extends({
+var styles$f = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   catBtn: {
     '.': 'epr-cat-btn',
     display: 'inline-block',
@@ -20954,7 +20968,7 @@ var HoverDark = {
     }
   }
 };
-var styles$h = /*#__PURE__*/stylesheet.create(/*#__PURE__*/_extends({
+var styles$h = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   btnClearSearch: {
     '.': 'epr-btn-clear-search',
     position: 'absolute',
@@ -21001,7 +21015,7 @@ function IcnSearch() {
     className: cx(styles$i.icnSearch)
   });
 }
-var styles$i = /*#__PURE__*/stylesheet.create(/*#__PURE__*/_extends({
+var styles$i = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   icnSearch: {
     '.': 'epr-icn-search',
     content: '',
@@ -21065,7 +21079,7 @@ function Search() {
     "aria-atomic": "true"
   }, statusSearchResults) : null, createElement(IcnSearch, null), createElement(BtnClearSearch, null));
 }
-var styles$j = /*#__PURE__*/stylesheet.create(/*#__PURE__*/_extends({
+var styles$j = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   overlay: {
     padding: 'var(--epr-header-padding)',
     zIndex: 'var(--epr-header-overlay-z-index)'