emoji-picker-react 5.0.0 → 5.0.2
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/DomUtils/classNames.d.ts +0 -1
- package/dist/DomUtils/keyboardNavigation.d.ts +10 -2
- package/dist/DomUtils/selectors.d.ts +2 -2
- package/dist/data/index.js +1 -1
- package/dist/data/skinToneVariations.js +2 -2
- package/dist/data/skinToneVariations.ts +8 -7
- package/dist/data-core/prepare.d.ts +6 -0
- package/dist/esm/chunks/chunk-56D5WCOZ.mjs +6729 -0
- package/dist/esm/chunks/chunk-7ZGTUZFB.mjs +8021 -12
- package/dist/esm/chunks/chunk-IODYR4CR.mjs +14 -0
- package/dist/esm/chunks/chunk-LO4TPPLH.mjs +32 -42
- package/dist/esm/chunks/chunk-RU7G34WK.mjs +156 -0
- package/dist/esm/chunks/emojis-6L3GRBAP.mjs +5 -7
- package/dist/esm/data.mjs +9 -16
- package/dist/esm/index.mjs +230 -340
- package/dist/esm/primitives/index.mjs +6 -65
- package/dist/hooks/preloadEmoji.d.ts +1 -5
- package/dist/hooks/useCategoryHeight.d.ts +2 -1
- package/dist/hooks/useEmojiVirtualization.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/primitives/index.js +1 -1
- package/dist/virtualization/virtualizationHelpers.d.ts +2 -0
- package/llms-full.txt +9 -3
- package/package.json +2 -2
- package/src/DomUtils/classNames.ts +0 -4
- package/src/DomUtils/elementPositionInRow.ts +2 -2
- package/src/DomUtils/keyboardNavigation.ts +74 -10
- package/src/DomUtils/scrollTo.ts +2 -2
- package/src/DomUtils/selectors.ts +10 -16
- package/src/components/body/EmojiCategory.tsx +1 -1
- package/src/components/body/EmojiList.tsx +54 -23
- package/src/components/context/PickerDataContext.tsx +7 -2
- package/src/components/header/Search/Search.tsx +4 -2
- package/src/components/header/SkinTonePicker/BtnSkinToneVariation.tsx +7 -6
- package/src/components/main/defaultAppearance.tsx +2 -1
- package/src/config/config.ts +6 -3
- package/src/data/skinToneVariations.ts +8 -7
- package/src/data-core/pickerData.ts +8 -12
- package/src/data-core/prepare.ts +32 -39
- package/src/data-core/search.ts +10 -2
- package/src/dataUtils/emojiSelectors.ts +2 -1
- package/src/dataUtils/parseNativeEmoji.ts +3 -4
- package/src/dataUtils/suggestedEmojis.ts +25 -39
- package/src/hooks/preloadEmoji.ts +13 -52
- package/src/hooks/useActiveCategoryScrollDetection.ts +22 -19
- package/src/hooks/useCategoryHeight.ts +38 -6
- package/src/hooks/useDisallowedEmojis.ts +23 -13
- package/src/hooks/useEmojiVirtualization.tsx +102 -66
- package/src/hooks/useFilter.ts +10 -8
- package/src/hooks/useIsEmojiHidden.ts +16 -12
- package/src/hooks/useKeyboardNavigation.ts +104 -17
- package/src/primitives/structuralStyles.tsx +3 -0
- package/src/primitives/tokens.ts +1 -0
- package/src/virtualization/virtualizationHelpers.ts +9 -2
- package/dist/esm/chunks/chunk-46BUDQLE.mjs +0 -228
- package/dist/esm/chunks/chunk-FQIJ4HBW.mjs +0 -25
- package/dist/esm/chunks/chunk-KQPOIRSC.mjs +0 -9305
|
@@ -1,67 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
Empty,
|
|
7
|
-
List,
|
|
8
|
-
LoadError,
|
|
9
|
-
Loading,
|
|
10
|
-
Panel,
|
|
11
|
-
Preview,
|
|
12
|
-
Reactions,
|
|
13
|
-
Root,
|
|
14
|
-
Search,
|
|
15
|
-
SearchInput,
|
|
16
|
-
SkinTone,
|
|
17
|
-
SkinTonePickerLocation,
|
|
18
|
-
SkinTones,
|
|
19
|
-
SuggestionMode,
|
|
20
|
-
Theme,
|
|
21
|
-
Viewport,
|
|
22
|
-
darkPickerTokens,
|
|
23
|
-
defaultPickerTokens,
|
|
24
|
-
lightPickerTokens,
|
|
25
|
-
structuralPickerTokens,
|
|
26
|
-
useActiveEmoji,
|
|
27
|
-
useCategoryNavigation,
|
|
28
|
-
useEmojiDataState,
|
|
29
|
-
usePickerMode,
|
|
30
|
-
useSearchActions,
|
|
31
|
-
useSearchState,
|
|
32
|
-
useSkinTone
|
|
33
|
-
} from "../chunks/chunk-KQPOIRSC.mjs";
|
|
34
|
-
import "../chunks/chunk-46BUDQLE.mjs";
|
|
2
|
+
import { Categories, CategoryNav, EmojiStyle, Empty, List, LoadError, Loading, Panel, Preview, Reactions, Root, Search, SearchInput, SkinTone, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme, Viewport, darkPickerTokens, defaultPickerTokens, lightPickerTokens, structuralPickerTokens, useActiveEmoji, useCategoryNavigation, useEmojiDataState, usePickerMode, useSearchActions, useSearchState, useSkinTone } from "../chunks/chunk-56D5WCOZ.mjs";
|
|
3
|
+
|
|
4
|
+
import "../chunks/chunk-RU7G34WK.mjs";
|
|
5
|
+
|
|
35
6
|
import "../chunks/chunk-LO4TPPLH.mjs";
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
CategoryNav,
|
|
39
|
-
EmojiStyle,
|
|
40
|
-
Empty,
|
|
41
|
-
List,
|
|
42
|
-
LoadError,
|
|
43
|
-
Loading,
|
|
44
|
-
Panel,
|
|
45
|
-
Preview,
|
|
46
|
-
Reactions,
|
|
47
|
-
Root,
|
|
48
|
-
Search,
|
|
49
|
-
SearchInput,
|
|
50
|
-
SkinTone,
|
|
51
|
-
SkinTonePickerLocation,
|
|
52
|
-
SkinTones,
|
|
53
|
-
SuggestionMode,
|
|
54
|
-
Theme,
|
|
55
|
-
Viewport,
|
|
56
|
-
darkPickerTokens,
|
|
57
|
-
defaultPickerTokens,
|
|
58
|
-
lightPickerTokens,
|
|
59
|
-
structuralPickerTokens,
|
|
60
|
-
useActiveEmoji,
|
|
61
|
-
useCategoryNavigation,
|
|
62
|
-
useEmojiDataState,
|
|
63
|
-
usePickerMode,
|
|
64
|
-
useSearchActions,
|
|
65
|
-
useSearchState,
|
|
66
|
-
useSkinTone
|
|
67
|
-
};
|
|
7
|
+
|
|
8
|
+
export { Categories, CategoryNav, EmojiStyle, Empty, List, LoadError, Loading, Panel, Preview, Reactions, Root, Search, SearchInput, SkinTone, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme, Viewport, darkPickerTokens, defaultPickerTokens, lightPickerTokens, structuralPickerTokens, useActiveEmoji, useCategoryNavigation, useEmojiDataState, usePickerMode, useSearchActions, useSearchState, useSkinTone };
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import { GetEmojiUrl } from '../components/emoji/BaseEmojiProps';
|
|
2
2
|
import { DataEmoji } from '../dataUtils/DataTypes';
|
|
3
3
|
import { EmojiStyleValue } from '../types/exposedTypes';
|
|
4
|
-
|
|
5
|
-
export declare function preloadEmojiIfNeeded(emoji: undefined | DataEmoji, emojiStyles: EmojiStyleValue, scrollTop: number, clientHeight: number, topOffset: number, style: {
|
|
6
|
-
top: number;
|
|
7
|
-
} | undefined, dimensions: Dimensions, getEmojiUrl: GetEmojiUrl): void;
|
|
8
|
-
export declare function preloadEmoji(getEmojiUrl: GetEmojiUrl, emoji: undefined | DataEmoji, emojiStyle: EmojiStyleValue): void;
|
|
4
|
+
export declare function preloadEmoji(getEmojiUrl: GetEmojiUrl, emoji: undefined | DataEmoji, emojiStyle: EmojiStyleValue, rendered?: string): void;
|
|
9
5
|
export declare const preloadedEmojs: Set<string>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export declare function useCategoryHeight(emojiCount: number): {
|
|
1
|
+
export declare function useCategoryHeight(emojiCount: number, ready?: boolean): {
|
|
2
2
|
categoryHeight: number;
|
|
3
3
|
emojisPerRow: number;
|
|
4
4
|
emojiSize: number;
|
|
5
5
|
rowWidth: number;
|
|
6
|
+
viewportHeight?: number;
|
|
6
7
|
} | undefined;
|