emoji-picker-react 4.7.10 → 4.7.11
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/Stylesheet/stylesheet.d.ts +2 -2
- package/dist/emoji-picker-react.cjs.development.js +15 -19
- 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 +16 -20
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/Stylesheet/stylesheet.tsx +3 -10
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React__default, { useState, useEffect,
|
|
1
|
+
import React__default, { memo, createElement, useState, useEffect, createContext, useContext, useRef, useMemo, useCallback, createRef, Fragment, Component } from 'react';
|
|
2
2
|
import { createSheet, cx } from 'flairup';
|
|
3
3
|
|
|
4
4
|
function _extends() {
|
|
@@ -103,19 +103,7 @@ function asSelectors() {
|
|
|
103
103
|
}).join('');
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
-
var
|
|
107
|
-
function useIsEverMounted() {
|
|
108
|
-
var _React$useState = useState(isEverMounted),
|
|
109
|
-
isMounted = _React$useState[0],
|
|
110
|
-
setIsMounted = _React$useState[1];
|
|
111
|
-
useEffect(function () {
|
|
112
|
-
setIsMounted(true);
|
|
113
|
-
isEverMounted = true;
|
|
114
|
-
}, []);
|
|
115
|
-
return isMounted || isEverMounted;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
var stylesheet = /*#__PURE__*/createSheet('epr');
|
|
106
|
+
var stylesheet = /*#__PURE__*/createSheet('epr', null);
|
|
119
107
|
var hidden = {
|
|
120
108
|
display: 'none',
|
|
121
109
|
opacity: '0',
|
|
@@ -128,18 +116,14 @@ var commonStyles = /*#__PURE__*/stylesheet.create({
|
|
|
128
116
|
'.': ClassNames.hidden
|
|
129
117
|
}, hidden)
|
|
130
118
|
});
|
|
131
|
-
function PickerStyleTag() {
|
|
132
|
-
var isMounted = useIsEverMounted();
|
|
133
|
-
if (stylesheet.isApplied() && isMounted) {
|
|
134
|
-
return null;
|
|
135
|
-
}
|
|
119
|
+
var PickerStyleTag = /*#__PURE__*/memo(function PickerStyleTag() {
|
|
136
120
|
return createElement("style", {
|
|
137
121
|
suppressHydrationWarning: true,
|
|
138
122
|
dangerouslySetInnerHTML: {
|
|
139
123
|
__html: stylesheet.getStyle()
|
|
140
124
|
}
|
|
141
125
|
});
|
|
142
|
-
}
|
|
126
|
+
});
|
|
143
127
|
var commonInteractionStyles = /*#__PURE__*/stylesheet.create({
|
|
144
128
|
'.epr-main': {
|
|
145
129
|
':has(input:not(:placeholder-shown))': {
|
|
@@ -18524,6 +18508,18 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
|
|
|
18524
18508
|
}
|
|
18525
18509
|
});
|
|
18526
18510
|
|
|
18511
|
+
var isEverMounted = false;
|
|
18512
|
+
function useIsEverMounted() {
|
|
18513
|
+
var _React$useState = useState(isEverMounted),
|
|
18514
|
+
isMounted = _React$useState[0],
|
|
18515
|
+
setIsMounted = _React$useState[1];
|
|
18516
|
+
useEffect(function () {
|
|
18517
|
+
setIsMounted(true);
|
|
18518
|
+
isEverMounted = true;
|
|
18519
|
+
}, []);
|
|
18520
|
+
return isMounted || isEverMounted;
|
|
18521
|
+
}
|
|
18522
|
+
|
|
18527
18523
|
function Suggested(_ref) {
|
|
18528
18524
|
var categoryConfig = _ref.categoryConfig;
|
|
18529
18525
|
var _useUpdateSuggested = useUpdateSuggested(),
|