emoji-picker-react 4.7.7-rc.0 → 4.7.7
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/components/body/Suggested.d.ts +1 -1
- package/dist/emoji-picker-react.cjs.development.js +11 -6
- 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 +11 -6
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/dist/hooks/useIsEverMounted.d.ts +1 -0
- package/package.json +1 -1
- package/src/Stylesheet/stylesheet.tsx +2 -2
- package/src/components/body/EmojiList.tsx +1 -1
- package/src/components/body/Suggested.tsx +6 -0
- package/src/hooks/useIsEverMounted.ts +14 -0
- package/dist/hooks/useIsMounted.d.ts +0 -1
- package/src/hooks/useIsMounted.ts +0 -11
|
@@ -103,14 +103,16 @@ function asSelectors() {
|
|
|
103
103
|
}).join('');
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
-
|
|
107
|
-
|
|
106
|
+
var isEverMounted = false;
|
|
107
|
+
function useIsEverMounted() {
|
|
108
|
+
var _React$useState = useState(isEverMounted),
|
|
108
109
|
isMounted = _React$useState[0],
|
|
109
110
|
setIsMounted = _React$useState[1];
|
|
110
111
|
useEffect(function () {
|
|
111
112
|
setIsMounted(true);
|
|
113
|
+
isEverMounted = true;
|
|
112
114
|
}, []);
|
|
113
|
-
return isMounted;
|
|
115
|
+
return isMounted || isEverMounted;
|
|
114
116
|
}
|
|
115
117
|
|
|
116
118
|
var stylesheet = /*#__PURE__*/createSheet('epr');
|
|
@@ -127,7 +129,7 @@ var commonStyles = /*#__PURE__*/stylesheet.create({
|
|
|
127
129
|
}, hidden)
|
|
128
130
|
});
|
|
129
131
|
function PickerStyleTag() {
|
|
130
|
-
var isMounted =
|
|
132
|
+
var isMounted = useIsEverMounted();
|
|
131
133
|
if (stylesheet.isApplied() && isMounted) {
|
|
132
134
|
return null;
|
|
133
135
|
}
|
|
@@ -18533,6 +18535,7 @@ function Suggested(_ref) {
|
|
|
18533
18535
|
var categoryConfig = _ref.categoryConfig;
|
|
18534
18536
|
var _useUpdateSuggested = useUpdateSuggested(),
|
|
18535
18537
|
suggestedUpdated = _useUpdateSuggested[0];
|
|
18538
|
+
var isMounted = useIsEverMounted();
|
|
18536
18539
|
var suggestedEmojisModeConfig = useSuggestedEmojisModeConfig();
|
|
18537
18540
|
var getEmojiUrl = useGetEmojiUrlConfig();
|
|
18538
18541
|
var suggested = useMemo(function () {
|
|
@@ -18542,6 +18545,9 @@ function Suggested(_ref) {
|
|
|
18542
18545
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18543
18546
|
[suggestedUpdated, suggestedEmojisModeConfig]);
|
|
18544
18547
|
var emojiStyle = useEmojiStyleConfig();
|
|
18548
|
+
if (!isMounted) {
|
|
18549
|
+
return null;
|
|
18550
|
+
}
|
|
18545
18551
|
return createElement(EmojiCategory, {
|
|
18546
18552
|
categoryConfig: categoryConfig,
|
|
18547
18553
|
hiddenOnSearch: true,
|
|
@@ -18566,8 +18572,7 @@ function EmojiList() {
|
|
|
18566
18572
|
var categories = useCategoriesConfig();
|
|
18567
18573
|
var renderdCategoriesCountRef = useRef(0);
|
|
18568
18574
|
return createElement("ul", {
|
|
18569
|
-
className: cx(styles$7.emojiList)
|
|
18570
|
-
suppressHydrationWarning: true
|
|
18575
|
+
className: cx(styles$7.emojiList)
|
|
18571
18576
|
}, categories.map(function (categoryConfig) {
|
|
18572
18577
|
var category = categoryFromCategoryConfig(categoryConfig);
|
|
18573
18578
|
if (category === Categories.SUGGESTED) {
|