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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -110,6 +110,16 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
110
110
  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
111
111
  }
112
112
 
113
+ function useIsMounted() {
114
+ var _React$useState = React.useState(false),
115
+ isMounted = _React$useState[0],
116
+ setIsMounted = _React$useState[1];
117
+ React.useEffect(function () {
118
+ setIsMounted(true);
119
+ }, []);
120
+ return isMounted;
121
+ }
122
+
113
123
  var stylesheet = /*#__PURE__*/flairup.createSheet('epr');
114
124
  var hidden = {
115
125
  display: 'none',
@@ -122,6 +132,15 @@ var commonStyles = /*#__PURE__*/stylesheet.create({
122
132
  '.': ClassNames.hidden
123
133
  }, hidden)
124
134
  });
135
+ function PickerStyleTag() {
136
+ var isMounted = useIsMounted();
137
+ if (stylesheet.isApplied() && isMounted) {
138
+ return null;
139
+ }
140
+ return React.createElement("style", {
141
+ suppressHydrationWarning: true
142
+ }, stylesheet.getStyle());
143
+ }
125
144
  var commonInteractionStyles = /*#__PURE__*/stylesheet.create({
126
145
  '.epr-main': {
127
146
  ':has(input:not(:placeholder-shown))': {
@@ -18307,16 +18326,6 @@ var styles$4 = /*#__PURE__*/stylesheet.create({
18307
18326
  }
18308
18327
  });
18309
18328
 
18310
- function useIsMounted() {
18311
- var _React$useState = React.useState(false),
18312
- isMounted = _React$useState[0],
18313
- setIsMounted = _React$useState[1];
18314
- React.useEffect(function () {
18315
- setIsMounted(true);
18316
- }, []);
18317
- return isMounted;
18318
- }
18319
-
18320
18329
  function Suggested(_ref) {
18321
18330
  var categoryConfig = _ref.categoryConfig;
18322
18331
  var _useUpdateSuggested = useUpdateSuggested(),
@@ -19940,7 +19949,7 @@ function useOnFocus() {
19940
19949
 
19941
19950
  function PickerMain(_ref) {
19942
19951
  var children = _ref.children;
19943
- return React.createElement(PickerContextProvider, null, React.createElement(PickerRootElement, null, children));
19952
+ return React.createElement(PickerContextProvider, null, React.createElement(PickerStyleTag, null), React.createElement(PickerRootElement, null, children));
19944
19953
  }
19945
19954
  function PickerRootElement(_ref2) {
19946
19955
  var _cx;