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.
- package/dist/emoji-picker-react.cjs.development.js +20 -11
- package/dist/emoji-picker-react.cjs.development.js.map +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js.map +1 -1
- package/dist/emoji-picker-react.esm.js +21 -12
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Stylesheet/stylesheet.tsx +5 -2
- package/src/components/main/PickerMain.tsx +2 -1
|
@@ -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;
|