emoji-picker-react 4.6.12-rc.3 → 4.6.12-rc.4

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

@@ -110,6 +110,16 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   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 useIsMounted() {
+  var _React$useState = React.useState(false),
+    isMounted = _React$useState[0],
+    setIsMounted = _React$useState[1];
+  React.useEffect(function () {
+    setIsMounted(true);
+  }, []);
+  return isMounted;
+}
+
 var stylesheet = /*#__PURE__*/flairup.createSheet('epr');
 var hidden = {
   display: 'none',
@@ -122,6 +132,13 @@ var commonStyles = /*#__PURE__*/stylesheet.create({
     '.': ClassNames.hidden
   }, hidden)
 });
+function PickerStyleTag() {
+  var isMounted = useIsMounted();
+  if (stylesheet.isApplied() && isMounted) {
+    return null;
+  }
+  return React.createElement("style", null, stylesheet.getStyle());
+}
 var commonInteractionStyles = /*#__PURE__*/stylesheet.create({
   '.epr-main': {
     ':has(input:not(:placeholder-shown))': {
@@ -18307,16 +18324,6 @@ var styles$4 = /*#__PURE__*/stylesheet.create({
   }
 });
 
-function useIsMounted() {
-  var _React$useState = React.useState(false),
-    isMounted = _React$useState[0],
-    setIsMounted = _React$useState[1];
-  React.useEffect(function () {
-    setIsMounted(true);
-  }, []);
-  return isMounted;
-}
-
 function Suggested(_ref) {
   var categoryConfig = _ref.categoryConfig;
   var _useUpdateSuggested = useUpdateSuggested(),
@@ -19940,7 +19947,7 @@ function useOnFocus() {
 
 function PickerMain(_ref) {
   var children = _ref.children;
-  return React.createElement(PickerContextProvider, null, React.createElement(PickerRootElement, null, children));
+  return React.createElement(PickerContextProvider, null, React.createElement(PickerStyleTag, null), React.createElement(PickerRootElement, null, children));
 }
 function PickerRootElement(_ref2) {
   var _cx;