emoji-picker-react 4.7.9 → 4.7.11

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

@@ -1,4 +1,4 @@
-import React__default, { useState, useEffect, createElement, createContext, useContext, useRef, useMemo, useCallback, createRef, Fragment, memo, Component } from 'react';
+import React__default, { memo, createElement, useState, useEffect, createContext, useContext, useRef, useMemo, useCallback, createRef, Fragment, Component } from 'react';
 import { createSheet, cx } from 'flairup';
 
 function _extends() {
@@ -103,19 +103,7 @@ function asSelectors() {
   }).join('');
 }
 
-var isEverMounted = false;
-function useIsEverMounted() {
-  var _React$useState = useState(isEverMounted),
-    isMounted = _React$useState[0],
-    setIsMounted = _React$useState[1];
-  useEffect(function () {
-    setIsMounted(true);
-    isEverMounted = true;
-  }, []);
-  return isMounted || isEverMounted;
-}
-
-var stylesheet = /*#__PURE__*/createSheet('epr');
+var stylesheet = /*#__PURE__*/createSheet('epr', null);
 var hidden = {
   display: 'none',
   opacity: '0',
@@ -128,18 +116,14 @@ var commonStyles = /*#__PURE__*/stylesheet.create({
     '.': ClassNames.hidden
   }, hidden)
 });
-function PickerStyleTag() {
-  var isMounted = useIsEverMounted();
-  if (stylesheet.isApplied() && isMounted) {
-    return null;
-  }
+var PickerStyleTag = /*#__PURE__*/memo(function PickerStyleTag() {
   return createElement("style", {
     suppressHydrationWarning: true,
     dangerouslySetInnerHTML: {
       __html: stylesheet.getStyle()
     }
   });
-}
+});
 var commonInteractionStyles = /*#__PURE__*/stylesheet.create({
   '.epr-main': {
     ':has(input:not(:placeholder-shown))': {
@@ -18524,6 +18508,18 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
   }
 });
 
+var isEverMounted = false;
+function useIsEverMounted() {
+  var _React$useState = useState(isEverMounted),
+    isMounted = _React$useState[0],
+    setIsMounted = _React$useState[1];
+  useEffect(function () {
+    setIsMounted(true);
+    isEverMounted = true;
+  }, []);
+  return isMounted || isEverMounted;
+}
+
 function Suggested(_ref) {
   var categoryConfig = _ref.categoryConfig;
   var _useUpdateSuggested = useUpdateSuggested(),
@@ -19422,7 +19418,7 @@ var DarkInactivePosition = {
     }
   }
 };
-var styles$e = /*#__PURE__*/stylesheet.create({
+var styles$e = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   catBtn: {
     '.': 'epr-cat-btn',
     display: 'inline-block',
@@ -19475,16 +19471,11 @@ var styles$e = /*#__PURE__*/stylesheet.create({
     '&.epr-icn-travel_places': {
       backgroundPositionX: 'calc(var(--epr-category-navigation-button-size) * -3)'
     }
-  },
-  '.epr-dark-theme': /*#__PURE__*/_extends({
-    catBtn: DarkPositionY
-  }, DarkInactivePosition),
-  '.epr-auto-theme': /*#__PURE__*/_extends({
-    catBtn: {
-      '@media (prefers-color-scheme: dark)': DarkPositionY
-    }
-  }, DarkInactivePosition)
-});
+  }
+}, /*#__PURE__*/darkMode('catBtn', DarkPositionY), {
+  '.epr-dark-theme': /*#__PURE__*/_extends({}, DarkInactivePosition),
+  '.epr-auto-theme': /*#__PURE__*/_extends({}, DarkInactivePosition)
+}));
 
 function CategoryNavigation() {
   var _useState = useState(null),
@@ -19566,7 +19557,7 @@ var HoverDark = {
     }
   }
 };
-var styles$g = /*#__PURE__*/stylesheet.create({
+var styles$g = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   btnClearSearch: {
     '.': 'epr-btn-clear-search',
     position: 'absolute',
@@ -19601,24 +19592,10 @@ var styles$g = /*#__PURE__*/stylesheet.create({
     ':focus': {
       backgroundPositionY: '-20px'
     }
-  },
-  '.epr-dark-theme': {
-    icnClearnSearch: {
-      backgroundPositionY: '-40px'
-    },
-    btnClearSearch: HoverDark
-  },
-  '.epr-auto-theme': {
-    icnClearnSearch: {
-      '@media (prefers-color-scheme: dark)': {
-        backgroundPositionY: '-40px'
-      }
-    },
-    btnClearSearch: {
-      '@media (prefers-color-scheme: dark)': HoverDark
-    }
   }
-});
+}, /*#__PURE__*/darkMode('icnClearnSearch', {
+  backgroundPositionY: '-40px'
+}), /*#__PURE__*/darkMode('btnClearSearch', HoverDark)));
 
 var SCOPE = /*#__PURE__*/asSelectors(ClassNames.emojiPicker) + " " + /*#__PURE__*/asSelectors(ClassNames.emojiList);
 var EMOJI_BUTTON = /*#__PURE__*/['button', asSelectors(ClassNames.emoji)].join('');
@@ -19714,7 +19691,7 @@ function Search() {
     "aria-atomic": "true"
   }, statusSearchResults) : null, createElement(IcnSearch, null), createElement(BtnClearSearch, null));
 }
-var styles$i = /*#__PURE__*/stylesheet.create({
+var styles$i = /*#__PURE__*/stylesheet.create( /*#__PURE__*/_extends({
   overlay: {
     padding: 'var(--epr-header-padding)',
     zIndex: 'var(--epr-header-overlay-z-index)'
@@ -19786,33 +19763,14 @@ var styles$i = /*#__PURE__*/stylesheet.create({
     ':focus': {
       backgroundPositionY: '-20px'
     }
-  },
-  '.epr-dark-theme': {
-    icnClearnSearch: {
-      backgroundPositionY: '-40px'
-    },
-    btnClearSearch: {
-      ':hover > .epr-icn-clear-search': {
-        backgroundPositionY: '-60px'
-      }
-    }
-  },
-  '.epr-auto-theme': {
-    icnClearnSearch: {
-      '@media (prefers-color-scheme: dark)': {
-        backgroundPositionY: '-40px'
-      }
-    },
-    btnClearSearch: {
-      '@media (prefers-color-scheme: dark)': {
-        // @ts-ignore
-        ':hover > .epr-icn-clear-search': {
-          backgroundPositionY: '-60px'
-        }
-      }
-    }
   }
-});
+}, /*#__PURE__*/darkMode('icnClearnSearch', {
+  backgroundPositionY: '-40px'
+}), /*#__PURE__*/darkMode('btnClearSearch', {
+  ':hover > .epr-icn-clear-search': {
+    backgroundPositionY: '-60px'
+  }
+})));
 
 function Header() {
   return createElement(Relative, {