emoji-picker-react 4.7.10 → 4.7.11

package/dist/Stylesheet/stylesheet.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Styles } from 'flairup';
+import * as React from 'react';
 export declare const stylesheet: {
     create: <K extends string>(styles: Partial<{ [k in K]: Partial<Partial<CSSStyleDeclaration> & Partial<{
         '.'?: string | string[] | undefined;
@@ -9,7 +9,7 @@ export declare const stylesheet: {
     isApplied: () => boolean;
 };
 export declare const commonStyles: Record<never, Set<string>>;
-export declare function PickerStyleTag(): JSX.Element | null;
+export declare const PickerStyleTag: React.NamedExoticComponent<object>;
 export declare const commonInteractionStyles: Record<never, Set<string>>;
 export declare function darkMode(key: string, value: Styles): {
     '.epr-dark-theme': {

package/dist/emoji-picker-react.cjs.development.js

@@ -110,19 +110,7 @@ function asSelectors() {
   }).join('');
 }
 
-var isEverMounted = false;
-function useIsEverMounted() {
-  var _React$useState = React.useState(isEverMounted),
-    isMounted = _React$useState[0],
-    setIsMounted = _React$useState[1];
-  React.useEffect(function () {
-    setIsMounted(true);
-    isEverMounted = true;
-  }, []);
-  return isMounted || isEverMounted;
-}
-
-var stylesheet = /*#__PURE__*/flairup.createSheet('epr');
+var stylesheet = /*#__PURE__*/flairup.createSheet('epr', null);
 var hidden = {
   display: 'none',
   opacity: '0',
@@ -135,18 +123,14 @@ var commonStyles = /*#__PURE__*/stylesheet.create({
     '.': ClassNames.hidden
   }, hidden)
 });
-function PickerStyleTag() {
-  var isMounted = useIsEverMounted();
-  if (stylesheet.isApplied() && isMounted) {
-    return null;
-  }
+var PickerStyleTag = /*#__PURE__*/React.memo(function PickerStyleTag() {
   return React.createElement("style", {
     suppressHydrationWarning: true,
     dangerouslySetInnerHTML: {
       __html: stylesheet.getStyle()
     }
   });
-}
+});
 var commonInteractionStyles = /*#__PURE__*/stylesheet.create({
   '.epr-main': {
     ':has(input:not(:placeholder-shown))': {
@@ -18525,6 +18509,18 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
   }
 });
 
+var isEverMounted = false;
+function useIsEverMounted() {
+  var _React$useState = React.useState(isEverMounted),
+    isMounted = _React$useState[0],
+    setIsMounted = _React$useState[1];
+  React.useEffect(function () {
+    setIsMounted(true);
+    isEverMounted = true;
+  }, []);
+  return isMounted || isEverMounted;
+}
+
 function Suggested(_ref) {
   var categoryConfig = _ref.categoryConfig;
   var _useUpdateSuggested = useUpdateSuggested(),