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
|
@@ -3,5 +3,5 @@ import { CategoryConfig } from '../../config/categoryConfig';
|
|
|
3
3
|
declare type Props = Readonly<{
|
|
4
4
|
categoryConfig: CategoryConfig;
|
|
5
5
|
}>;
|
|
6
|
-
export declare function Suggested({ categoryConfig }: Props): JSX.Element;
|
|
6
|
+
export declare function Suggested({ categoryConfig }: Props): JSX.Element | null;
|
|
7
7
|
export {};
|
|
@@ -110,14 +110,16 @@ function asSelectors() {
|
|
|
110
110
|
}).join('');
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
|
|
114
|
-
|
|
113
|
+
var isEverMounted = false;
|
|
114
|
+
function useIsEverMounted() {
|
|
115
|
+
var _React$useState = React.useState(isEverMounted),
|
|
115
116
|
isMounted = _React$useState[0],
|
|
116
117
|
setIsMounted = _React$useState[1];
|
|
117
118
|
React.useEffect(function () {
|
|
118
119
|
setIsMounted(true);
|
|
120
|
+
isEverMounted = true;
|
|
119
121
|
}, []);
|
|
120
|
-
return isMounted;
|
|
122
|
+
return isMounted || isEverMounted;
|
|
121
123
|
}
|
|
122
124
|
|
|
123
125
|
var stylesheet = /*#__PURE__*/flairup.createSheet('epr');
|
|
@@ -134,7 +136,7 @@ var commonStyles = /*#__PURE__*/stylesheet.create({
|
|
|
134
136
|
}, hidden)
|
|
135
137
|
});
|
|
136
138
|
function PickerStyleTag() {
|
|
137
|
-
var isMounted =
|
|
139
|
+
var isMounted = useIsEverMounted();
|
|
138
140
|
if (stylesheet.isApplied() && isMounted) {
|
|
139
141
|
return null;
|
|
140
142
|
}
|
|
@@ -18534,6 +18536,7 @@ function Suggested(_ref) {
|
|
|
18534
18536
|
var categoryConfig = _ref.categoryConfig;
|
|
18535
18537
|
var _useUpdateSuggested = useUpdateSuggested(),
|
|
18536
18538
|
suggestedUpdated = _useUpdateSuggested[0];
|
|
18539
|
+
var isMounted = useIsEverMounted();
|
|
18537
18540
|
var suggestedEmojisModeConfig = useSuggestedEmojisModeConfig();
|
|
18538
18541
|
var getEmojiUrl = useGetEmojiUrlConfig();
|
|
18539
18542
|
var suggested = React.useMemo(function () {
|
|
@@ -18543,6 +18546,9 @@ function Suggested(_ref) {
|
|
|
18543
18546
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18544
18547
|
[suggestedUpdated, suggestedEmojisModeConfig]);
|
|
18545
18548
|
var emojiStyle = useEmojiStyleConfig();
|
|
18549
|
+
if (!isMounted) {
|
|
18550
|
+
return null;
|
|
18551
|
+
}
|
|
18546
18552
|
return React.createElement(EmojiCategory, {
|
|
18547
18553
|
categoryConfig: categoryConfig,
|
|
18548
18554
|
hiddenOnSearch: true,
|
|
@@ -18567,8 +18573,7 @@ function EmojiList() {
|
|
|
18567
18573
|
var categories = useCategoriesConfig();
|
|
18568
18574
|
var renderdCategoriesCountRef = React.useRef(0);
|
|
18569
18575
|
return React.createElement("ul", {
|
|
18570
|
-
className: flairup.cx(styles$7.emojiList)
|
|
18571
|
-
suppressHydrationWarning: true
|
|
18576
|
+
className: flairup.cx(styles$7.emojiList)
|
|
18572
18577
|
}, categories.map(function (categoryConfig) {
|
|
18573
18578
|
var category = categoryFromCategoryConfig(categoryConfig);
|
|
18574
18579
|
if (category === exports.Categories.SUGGESTED) {
|