emoji-picker-react 4.6.2 → 4.6.4-rc.1

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.
Files changed (89) hide show
  1. package/dist/DomUtils/categoryNameFromDom.d.ts +1 -1
  2. package/dist/DomUtils/classNames.d.ts +23 -23
  3. package/dist/DomUtils/elementPositionInRow.d.ts +10 -10
  4. package/dist/DomUtils/focusElement.d.ts +5 -5
  5. package/dist/DomUtils/getActiveElement.d.ts +2 -2
  6. package/dist/DomUtils/keyboardNavigation.d.ts +8 -8
  7. package/dist/DomUtils/scrollTo.d.ts +5 -5
  8. package/dist/DomUtils/selectors.d.ts +31 -31
  9. package/dist/EmojiPickerReact.d.ts +6 -6
  10. package/dist/Stylesheet/stylesheet.d.ts +39 -11
  11. package/dist/components/ErrorBoundary.d.ts +15 -15
  12. package/dist/components/Layout/Absolute.d.ts +8 -8
  13. package/dist/components/Layout/Flex.d.ts +14 -14
  14. package/dist/components/Layout/Relative.d.ts +8 -8
  15. package/dist/components/Layout/Space.d.ts +7 -7
  16. package/dist/components/atoms/Button.d.ts +6 -6
  17. package/dist/components/body/Body.d.ts +2 -2
  18. package/dist/components/body/EmojiCategory.d.ts +11 -11
  19. package/dist/components/body/EmojiList.d.ts +2 -3
  20. package/dist/components/body/EmojiVariationPicker.d.ts +3 -3
  21. package/dist/components/body/Suggested.d.ts +7 -7
  22. package/dist/components/context/ElementRefContext.d.ts +14 -14
  23. package/dist/components/context/PickerConfigContext.d.ts +9 -9
  24. package/dist/components/context/PickerContext.d.ts +25 -22
  25. package/dist/components/emoji/BaseEmojiProps.d.ts +12 -12
  26. package/dist/components/emoji/ClickableEmojiButton.d.ts +13 -13
  27. package/dist/components/emoji/Emoji.d.ts +12 -12
  28. package/dist/components/emoji/EmojiImg.d.ts +10 -10
  29. package/dist/components/emoji/ExportedEmoji.d.ts +11 -11
  30. package/dist/components/emoji/NativeEmoji.d.ts +5 -5
  31. package/dist/components/emoji/ViewOnlyEmoji.d.ts +3 -3
  32. package/dist/components/footer/Preview.d.ts +8 -8
  33. package/dist/components/header/CssSearch.d.ts +4 -4
  34. package/dist/components/header/Header.d.ts +3 -3
  35. package/dist/components/header/Search.d.ts +4 -4
  36. package/dist/components/header/SkinTonePicker.d.ts +12 -12
  37. package/dist/components/main/PickerMain.d.ts +6 -7
  38. package/dist/components/navigation/CategoryNavigation.d.ts +3 -3
  39. package/dist/config/categoryConfig.d.ts +20 -20
  40. package/dist/config/cdnUrls.d.ts +2 -2
  41. package/dist/config/config.d.ts +47 -47
  42. package/dist/config/customEmojiConfig.d.ts +6 -6
  43. package/dist/config/mutableConfig.d.ts +8 -8
  44. package/dist/config/useConfig.d.ts +25 -25
  45. package/dist/data/emojis.d.ts +50 -50
  46. package/dist/data/groups.d.ts +2 -2
  47. package/dist/data/skinToneVariations.d.ts +5 -5
  48. package/dist/dataUtils/DataTypes.d.ts +19 -19
  49. package/dist/dataUtils/alphaNumericEmojiIndex.d.ts +5 -5
  50. package/dist/dataUtils/emojiSelectors.d.ts +18 -18
  51. package/dist/dataUtils/parseNativeEmoji.d.ts +1 -1
  52. package/dist/dataUtils/suggested.d.ts +11 -11
  53. package/dist/emoji-picker-react.cjs.development.css +0 -2
  54. package/dist/emoji-picker-react.cjs.development.js +115 -93
  55. package/dist/emoji-picker-react.cjs.development.js.map +1 -1
  56. package/dist/emoji-picker-react.cjs.production.min.js +1 -1
  57. package/dist/emoji-picker-react.cjs.production.min.js.map +1 -1
  58. package/dist/emoji-picker-react.esm.js +131 -115
  59. package/dist/emoji-picker-react.esm.js.map +1 -1
  60. package/dist/hooks/preloadEmoji.d.ts +5 -5
  61. package/dist/hooks/useActiveCategoryScrollDetection.d.ts +1 -1
  62. package/dist/hooks/useCloseAllOpenToggles.d.ts +2 -2
  63. package/dist/hooks/useDebouncedState.d.ts +1 -1
  64. package/dist/hooks/useDisallowMouseMove.d.ts +4 -4
  65. package/dist/hooks/useDisallowedEmojis.d.ts +3 -3
  66. package/dist/hooks/useEmojiPreviewEvents.d.ts +3 -3
  67. package/dist/hooks/useFilter.d.ts +12 -12
  68. package/dist/hooks/useFocus.d.ts +3 -3
  69. package/dist/hooks/useHideEmojisByUniocode.d.ts +1 -1
  70. package/dist/hooks/useInitialLoad.d.ts +2 -2
  71. package/dist/hooks/useIsEmojiHidden.d.ts +8 -8
  72. package/dist/hooks/useIsSearchMode.d.ts +1 -1
  73. package/dist/hooks/useKeyboardNavigation.d.ts +1 -1
  74. package/dist/hooks/useMouseDownHandlers.d.ts +3 -3
  75. package/dist/hooks/useOnFocus.d.ts +1 -1
  76. package/dist/hooks/useOnScroll.d.ts +2 -2
  77. package/dist/hooks/useScrollCategoryIntoView.d.ts +1 -1
  78. package/dist/hooks/useSetVariationPicker.d.ts +2 -2
  79. package/dist/hooks/useShouldHideCustomEmojis.d.ts +1 -1
  80. package/dist/hooks/useShouldShowSkinTonePicker.d.ts +4 -4
  81. package/dist/index.d.ts +7 -7
  82. package/dist/typeRefinements/typeRefinements.d.ts +5 -5
  83. package/dist/types/exposedTypes.d.ts +50 -50
  84. package/package.json +6 -3
  85. package/src/components/body/Body.tsx +1 -1
  86. package/src/components/body/EmojiList.tsx +12 -3
  87. package/src/components/main/PickerMain.tsx +15 -4
  88. package/src/components/body/EmojiList.css +0 -5
  89. package/src/components/main/PickerMain.css +0 -9
@@ -1,22 +1,25 @@
1
- import * as React from 'react';
2
- import { DataEmoji } from '../../dataUtils/DataTypes';
3
- import { FilterDict } from '../../hooks/useFilter';
4
- import { SkinTones } from '../../types/exposedTypes';
5
- export declare function PickerContextProvider({ children }: Props): JSX.Element;
6
- declare type ReactState<T> = [T, React.Dispatch<React.SetStateAction<T>>];
7
- declare type Props = Readonly<{
8
- children: React.ReactNode;
9
- }>;
10
- export declare function useFilterRef(): React.MutableRefObject<Record<string, Record<string, DataEmoji>>>;
11
- export declare function useDisallowClickRef(): React.MutableRefObject<boolean>;
12
- export declare function useDisallowMouseRef(): React.MutableRefObject<boolean>;
13
- export declare function useSearchTermState(): [string, (term: string) => Promise<string>];
14
- export declare function useActiveSkinToneState(): [SkinTones, (skinTone: SkinTones) => void];
15
- export declare function useEmojisThatFailedToLoadState(): ReactState<Set<string>>;
16
- export declare function useIsPastInitialLoad(): boolean;
17
- export declare function useEmojiVariationPickerState(): ReactState<DataEmoji | null>;
18
- export declare function useSkinToneFanOpenState(): ReactState<boolean>;
19
- export declare function useDisallowedEmojisRef(): React.MutableRefObject<Record<string, boolean>>;
20
- export declare function useUpdateSuggested(): [number, () => void];
21
- export declare type FilterState = Record<string, FilterDict>;
22
- export {};
1
+ import * as React from 'react';
2
+ import { DataEmoji } from '../../dataUtils/DataTypes';
3
+ import { FilterDict } from '../../hooks/useFilter';
4
+ import { SkinTones } from '../../types/exposedTypes';
5
+ export declare function PickerContextProvider({ children }: Props): JSX.Element;
6
+ type ReactState<T> = [T, React.Dispatch<React.SetStateAction<T>>];
7
+ type Props = Readonly<{
8
+ children: React.ReactNode;
9
+ }>;
10
+ export declare function useFilterRef(): React.MutableRefObject<FilterState>;
11
+ export declare function useDisallowClickRef(): React.MutableRefObject<boolean>;
12
+ export declare function useDisallowMouseRef(): React.MutableRefObject<boolean>;
13
+ export declare function useSearchTermState(): [string, (term: string) => Promise<string>];
14
+ export declare function useActiveSkinToneState(): [
15
+ SkinTones,
16
+ (skinTone: SkinTones) => void
17
+ ];
18
+ export declare function useEmojisThatFailedToLoadState(): ReactState<Set<string>>;
19
+ export declare function useIsPastInitialLoad(): boolean;
20
+ export declare function useEmojiVariationPickerState(): ReactState<DataEmoji | null>;
21
+ export declare function useSkinToneFanOpenState(): ReactState<boolean>;
22
+ export declare function useDisallowedEmojisRef(): React.MutableRefObject<Record<string, boolean>>;
23
+ export declare function useUpdateSuggested(): [number, () => void];
24
+ export type FilterState = Record<string, FilterDict>;
25
+ export {};
@@ -1,12 +1,12 @@
1
- import { CustomEmoji } from '../../config/customEmojiConfig';
2
- import { DataEmoji } from '../../dataUtils/DataTypes';
3
- import { EmojiStyle } from '../../types/exposedTypes';
4
- export declare type BaseEmojiProps = {
5
- emoji?: DataEmoji | CustomEmoji;
6
- emojiStyle: EmojiStyle;
7
- unified: string;
8
- size?: number;
9
- lazyLoad?: boolean;
10
- getEmojiUrl?: GetEmojiUrl;
11
- };
12
- export declare type GetEmojiUrl = (unified: string, style: EmojiStyle) => string;
1
+ import { CustomEmoji } from '../../config/customEmojiConfig';
2
+ import { DataEmoji } from '../../dataUtils/DataTypes';
3
+ import { EmojiStyle } from '../../types/exposedTypes';
4
+ export type BaseEmojiProps = {
5
+ emoji?: DataEmoji | CustomEmoji;
6
+ emojiStyle: EmojiStyle;
7
+ unified: string;
8
+ size?: number;
9
+ lazyLoad?: boolean;
10
+ getEmojiUrl?: GetEmojiUrl;
11
+ };
12
+ export type GetEmojiUrl = (unified: string, style: EmojiStyle) => string;
@@ -1,13 +1,13 @@
1
- import * as React from 'react';
2
- import './Emoji.css';
3
- declare type ClickableEmojiButtonProps = Readonly<{
4
- hidden?: boolean;
5
- showVariations?: boolean;
6
- hiddenOnSearch?: boolean;
7
- emojiNames: string[];
8
- children: React.ReactNode;
9
- hasVariations: boolean;
10
- unified?: string;
11
- }>;
12
- export declare function ClickableEmojiButton({ emojiNames, unified, hidden, hiddenOnSearch, showVariations, hasVariations, children }: ClickableEmojiButtonProps): JSX.Element;
13
- export {};
1
+ import * as React from 'react';
2
+ import './Emoji.css';
3
+ type ClickableEmojiButtonProps = Readonly<{
4
+ hidden?: boolean;
5
+ showVariations?: boolean;
6
+ hiddenOnSearch?: boolean;
7
+ emojiNames: string[];
8
+ children: React.ReactNode;
9
+ hasVariations: boolean;
10
+ unified?: string;
11
+ }>;
12
+ export declare function ClickableEmojiButton({ emojiNames, unified, hidden, hiddenOnSearch, showVariations, hasVariations, children }: ClickableEmojiButtonProps): JSX.Element;
13
+ export {};
@@ -1,12 +1,12 @@
1
- /// <reference types="react" />
2
- import { DataEmoji } from '../../dataUtils/DataTypes';
3
- import './Emoji.css';
4
- import { BaseEmojiProps } from './BaseEmojiProps';
5
- declare type ClickableEmojiProps = Readonly<BaseEmojiProps & {
6
- hidden?: boolean;
7
- showVariations?: boolean;
8
- hiddenOnSearch?: boolean;
9
- emoji: DataEmoji;
10
- }>;
11
- export declare function ClickableEmoji({ emoji, unified, hidden, hiddenOnSearch, emojiStyle, showVariations, size, lazyLoad, getEmojiUrl }: ClickableEmojiProps): JSX.Element;
12
- export {};
1
+ /// <reference types="react" />
2
+ import { DataEmoji } from '../../dataUtils/DataTypes';
3
+ import './Emoji.css';
4
+ import { BaseEmojiProps } from './BaseEmojiProps';
5
+ type ClickableEmojiProps = Readonly<BaseEmojiProps & {
6
+ hidden?: boolean;
7
+ showVariations?: boolean;
8
+ hiddenOnSearch?: boolean;
9
+ emoji: DataEmoji;
10
+ }>;
11
+ export declare function ClickableEmoji({ emoji, unified, hidden, hiddenOnSearch, emojiStyle, showVariations, size, lazyLoad, getEmojiUrl }: ClickableEmojiProps): JSX.Element;
12
+ export {};
@@ -1,10 +1,10 @@
1
- import * as React from 'react';
2
- import { EmojiStyle } from '../../types/exposedTypes';
3
- export declare function EmojiImg({ emojiName, style, lazyLoad, imgUrl, onError }: {
4
- emojiName: string;
5
- emojiStyle: EmojiStyle;
6
- style: React.CSSProperties;
7
- lazyLoad?: boolean;
8
- imgUrl: string;
9
- onError: () => void;
10
- }): JSX.Element;
1
+ import * as React from 'react';
2
+ import { EmojiStyle } from '../../types/exposedTypes';
3
+ export declare function EmojiImg({ emojiName, style, lazyLoad, imgUrl, onError }: {
4
+ emojiName: string;
5
+ emojiStyle: EmojiStyle;
6
+ style: React.CSSProperties;
7
+ lazyLoad?: boolean;
8
+ imgUrl: string;
9
+ onError: () => void;
10
+ }): JSX.Element;
@@ -1,11 +1,11 @@
1
- /// <reference types="react" />
2
- import { EmojiStyle } from '../../types/exposedTypes';
3
- import { GetEmojiUrl } from './BaseEmojiProps';
4
- export declare function ExportedEmoji({ unified, size, emojiStyle, lazyLoad, getEmojiUrl, emojiUrl }: {
5
- unified: string;
6
- emojiStyle?: EmojiStyle;
7
- size?: number;
8
- lazyLoad?: boolean;
9
- getEmojiUrl?: GetEmojiUrl;
10
- emojiUrl?: string;
11
- }): JSX.Element | null;
1
+ /// <reference types="react" />
2
+ import { EmojiStyle } from '../../types/exposedTypes';
3
+ import { GetEmojiUrl } from './BaseEmojiProps';
4
+ export declare function ExportedEmoji({ unified, size, emojiStyle, lazyLoad, getEmojiUrl, emojiUrl }: {
5
+ unified: string;
6
+ emojiStyle?: EmojiStyle;
7
+ size?: number;
8
+ lazyLoad?: boolean;
9
+ getEmojiUrl?: GetEmojiUrl;
10
+ emojiUrl?: string;
11
+ }): JSX.Element | null;
@@ -1,5 +1,5 @@
1
- import * as React from 'react';
2
- export declare function NativeEmoji({ unified, style }: {
3
- unified: string;
4
- style: React.CSSProperties;
5
- }): JSX.Element;
1
+ import * as React from 'react';
2
+ export declare function NativeEmoji({ unified, style }: {
3
+ unified: string;
4
+ style: React.CSSProperties;
5
+ }): JSX.Element;
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
2
- import { BaseEmojiProps } from './BaseEmojiProps';
3
- export declare function ViewOnlyEmoji({ emoji, unified, emojiStyle, size, lazyLoad, getEmojiUrl }: BaseEmojiProps): JSX.Element | null;
1
+ /// <reference types="react" />
2
+ import { BaseEmojiProps } from './BaseEmojiProps';
3
+ export declare function ViewOnlyEmoji({ emoji, unified, emojiStyle, size, lazyLoad, getEmojiUrl }: BaseEmojiProps): JSX.Element | null;
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
2
- import './Preview.css';
3
- export declare function Preview(): JSX.Element | null;
4
- export declare function PreviewBody(): JSX.Element;
5
- export declare type PreviewEmoji = null | {
6
- unified: string;
7
- originalUnified: string;
8
- };
1
+ /// <reference types="react" />
2
+ import './Preview.css';
3
+ export declare function Preview(): JSX.Element | null;
4
+ export declare function PreviewBody(): JSX.Element;
5
+ export type PreviewEmoji = null | {
6
+ unified: string;
7
+ originalUnified: string;
8
+ };
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
2
- export declare function CssSearch({ value }: {
3
- value: undefined | string;
4
- }): JSX.Element | null;
1
+ /// <reference types="react" />
2
+ export declare function CssSearch({ value }: {
3
+ value: undefined | string;
4
+ }): JSX.Element | null;
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
2
- import './Header.css';
3
- export declare function Header(): JSX.Element;
1
+ /// <reference types="react" />
2
+ import './Header.css';
3
+ export declare function Header(): JSX.Element;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
2
- import './Search.css';
3
- export declare function SearchContainer(): JSX.Element | null;
4
- export declare function Search(): JSX.Element;
1
+ /// <reference types="react" />
2
+ import './Search.css';
3
+ export declare function SearchContainer(): JSX.Element | null;
4
+ export declare function Search(): JSX.Element;
@@ -1,12 +1,12 @@
1
- /// <reference types="react" />
2
- import './SkinTonePicker.css';
3
- declare type Props = {
4
- direction?: SkinTonePickerDirection;
5
- };
6
- export declare function SkinTonePickerMenu(): JSX.Element;
7
- export declare function SkinTonePicker({ direction }: Props): JSX.Element | null;
8
- export declare enum SkinTonePickerDirection {
9
- VERTICAL = "epr-vertical",
10
- HORIZONTAL = "epr-horizontal"
11
- }
12
- export {};
1
+ /// <reference types="react" />
2
+ import './SkinTonePicker.css';
3
+ type Props = {
4
+ direction?: SkinTonePickerDirection;
5
+ };
6
+ export declare function SkinTonePickerMenu(): JSX.Element;
7
+ export declare function SkinTonePicker({ direction }: Props): JSX.Element | null;
8
+ export declare enum SkinTonePickerDirection {
9
+ VERTICAL = "epr-vertical",
10
+ HORIZONTAL = "epr-horizontal"
11
+ }
12
+ export {};
@@ -1,7 +1,6 @@
1
- import * as React from 'react';
2
- import './PickerMain.css';
3
- declare type Props = Readonly<{
4
- children: React.ReactNode;
5
- }>;
6
- export default function PickerMain({ children }: Props): JSX.Element;
7
- export {};
1
+ import * as React from 'react';
2
+ type Props = Readonly<{
3
+ children: React.ReactNode;
4
+ }>;
5
+ export default function PickerMain({ children }: Props): JSX.Element;
6
+ export {};
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
2
- import './CategoryNavigation.css';
3
- export declare function CategoryNavigation(): JSX.Element;
1
+ /// <reference types="react" />
2
+ import './CategoryNavigation.css';
3
+ export declare function CategoryNavigation(): JSX.Element;
@@ -1,20 +1,20 @@
1
- import { Categories, SuggestionMode } from '../types/exposedTypes';
2
- export { Categories };
3
- export declare const SuggestedRecent: CategoryConfig;
4
- export declare type CustomCategoryConfig = {
5
- category: Categories.CUSTOM;
6
- name: string;
7
- };
8
- export declare function baseCategoriesConfig(modifiers?: Record<Categories, CategoryConfig>): CategoriesConfig;
9
- export declare function categoryFromCategoryConfig(category: CategoryConfig): Categories;
10
- export declare function categoryNameFromCategoryConfig(category: CategoryConfig): string;
11
- export declare type CategoriesConfig = CategoryConfig[];
12
- export declare type CategoryConfig = {
13
- category: Categories;
14
- name: string;
15
- };
16
- export declare type UserCategoryConfig = Array<Categories | CategoryConfig>;
17
- export declare function mergeCategoriesConfig(userCategoriesConfig?: UserCategoryConfig, modifiers?: CategoryConfigModifiers): CategoriesConfig;
18
- declare type CategoryConfigModifiers = {
19
- suggestionMode?: SuggestionMode;
20
- };
1
+ import { Categories, SuggestionMode } from '../types/exposedTypes';
2
+ export { Categories };
3
+ export declare const SuggestedRecent: CategoryConfig;
4
+ export type CustomCategoryConfig = {
5
+ category: Categories.CUSTOM;
6
+ name: string;
7
+ };
8
+ export declare function baseCategoriesConfig(modifiers?: Record<Categories, CategoryConfig>): CategoriesConfig;
9
+ export declare function categoryFromCategoryConfig(category: CategoryConfig): Categories;
10
+ export declare function categoryNameFromCategoryConfig(category: CategoryConfig): string;
11
+ export type CategoriesConfig = CategoryConfig[];
12
+ export type CategoryConfig = {
13
+ category: Categories;
14
+ name: string;
15
+ };
16
+ export type UserCategoryConfig = Array<Categories | CategoryConfig>;
17
+ export declare function mergeCategoriesConfig(userCategoriesConfig?: UserCategoryConfig, modifiers?: CategoryConfigModifiers): CategoriesConfig;
18
+ type CategoryConfigModifiers = {
19
+ suggestionMode?: SuggestionMode;
20
+ };
@@ -1,2 +1,2 @@
1
- import { EmojiStyle } from '../types/exposedTypes';
2
- export declare function cdnUrl(emojiStyle: EmojiStyle): string;
1
+ import { EmojiStyle } from '../types/exposedTypes';
2
+ export declare function cdnUrl(emojiStyle: EmojiStyle): string;
@@ -1,47 +1,47 @@
1
- import * as React from 'react';
2
- import { GetEmojiUrl } from '../components/emoji/BaseEmojiProps';
3
- import { EmojiClickData, EmojiStyle, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme } from '../types/exposedTypes';
4
- import { CategoriesConfig } from './categoryConfig';
5
- import { CustomEmoji } from './customEmojiConfig';
6
- export declare const DEFAULT_SEARCH_PLACEHOLDER = "Search";
7
- export declare const SEARCH_RESULTS_NO_RESULTS_FOUND = "No results found";
8
- export declare const SEARCH_RESULTS_SUFFIX = " found. Use up and down arrow keys to navigate.";
9
- export declare const SEARCH_RESULTS_ONE_RESULT_FOUND: string;
10
- export declare const SEARCH_RESULTS_MULTIPLE_RESULTS_FOUND: string;
11
- export declare function mergeConfig(userConfig?: PickerConfig): PickerConfigInternal;
12
- export declare function basePickerConfig(): PickerConfigInternal;
13
- export declare type PickerConfigInternal = {
14
- emojiVersion: string | null;
15
- searchPlaceHolder: string;
16
- searchPlaceholder: string;
17
- defaultSkinTone: SkinTones;
18
- skinTonesDisabled: boolean;
19
- autoFocusSearch: boolean;
20
- emojiStyle: EmojiStyle;
21
- categories: CategoriesConfig;
22
- theme: Theme;
23
- suggestedEmojisMode: SuggestionMode;
24
- lazyLoadEmojis: boolean;
25
- previewConfig: PreviewConfig;
26
- className: string;
27
- height: PickerDimensions;
28
- width: PickerDimensions;
29
- style: React.CSSProperties;
30
- getEmojiUrl: GetEmojiUrl;
31
- searchDisabled: boolean;
32
- skinTonePickerLocation: SkinTonePickerLocation;
33
- unicodeToHide: Set<string>;
34
- customEmojis: CustomEmoji[];
35
- };
36
- export declare type PreviewConfig = {
37
- defaultEmoji: string;
38
- defaultCaption: string;
39
- showPreview: boolean;
40
- };
41
- declare type ConfigExternal = {
42
- previewConfig: Partial<PreviewConfig>;
43
- onEmojiClick: (emoji: EmojiClickData, event: MouseEvent) => void;
44
- } & Omit<PickerConfigInternal, 'previewConfig' | 'unicodeToHide'>;
45
- export declare type PickerConfig = Partial<ConfigExternal>;
46
- export declare type PickerDimensions = string | number;
47
- export {};
1
+ import * as React from 'react';
2
+ import { GetEmojiUrl } from '../components/emoji/BaseEmojiProps';
3
+ import { EmojiClickData, EmojiStyle, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme } from '../types/exposedTypes';
4
+ import { CategoriesConfig } from './categoryConfig';
5
+ import { CustomEmoji } from './customEmojiConfig';
6
+ export declare const DEFAULT_SEARCH_PLACEHOLDER = "Search";
7
+ export declare const SEARCH_RESULTS_NO_RESULTS_FOUND = "No results found";
8
+ export declare const SEARCH_RESULTS_SUFFIX = " found. Use up and down arrow keys to navigate.";
9
+ export declare const SEARCH_RESULTS_ONE_RESULT_FOUND: string;
10
+ export declare const SEARCH_RESULTS_MULTIPLE_RESULTS_FOUND: string;
11
+ export declare function mergeConfig(userConfig?: PickerConfig): PickerConfigInternal;
12
+ export declare function basePickerConfig(): PickerConfigInternal;
13
+ export type PickerConfigInternal = {
14
+ emojiVersion: string | null;
15
+ searchPlaceHolder: string;
16
+ searchPlaceholder: string;
17
+ defaultSkinTone: SkinTones;
18
+ skinTonesDisabled: boolean;
19
+ autoFocusSearch: boolean;
20
+ emojiStyle: EmojiStyle;
21
+ categories: CategoriesConfig;
22
+ theme: Theme;
23
+ suggestedEmojisMode: SuggestionMode;
24
+ lazyLoadEmojis: boolean;
25
+ previewConfig: PreviewConfig;
26
+ className: string;
27
+ height: PickerDimensions;
28
+ width: PickerDimensions;
29
+ style: React.CSSProperties;
30
+ getEmojiUrl: GetEmojiUrl;
31
+ searchDisabled: boolean;
32
+ skinTonePickerLocation: SkinTonePickerLocation;
33
+ unicodeToHide: Set<string>;
34
+ customEmojis: CustomEmoji[];
35
+ };
36
+ export type PreviewConfig = {
37
+ defaultEmoji: string;
38
+ defaultCaption: string;
39
+ showPreview: boolean;
40
+ };
41
+ type ConfigExternal = {
42
+ previewConfig: Partial<PreviewConfig>;
43
+ onEmojiClick: (emoji: EmojiClickData, event: MouseEvent) => void;
44
+ } & Omit<PickerConfigInternal, 'previewConfig' | 'unicodeToHide'>;
45
+ export type PickerConfig = Partial<ConfigExternal>;
46
+ export type PickerDimensions = string | number;
47
+ export {};
@@ -1,6 +1,6 @@
1
- import { EmojiProperties } from '../dataUtils/DataTypes';
2
- export declare type CustomEmoji = {
3
- names: string[];
4
- [EmojiProperties.imgUrl]: string;
5
- id: string;
6
- };
1
+ import { EmojiProperties } from '../dataUtils/DataTypes';
2
+ export type CustomEmoji = {
3
+ names: string[];
4
+ [EmojiProperties.imgUrl]: string;
5
+ id: string;
6
+ };
@@ -1,8 +1,8 @@
1
- import React from 'react';
2
- import { EmojiClickData } from '../types/exposedTypes';
3
- export declare type MutableConfig = {
4
- onEmojiClick?: (emoji: EmojiClickData, event: MouseEvent) => void;
5
- };
6
- export declare const MutableConfigContext: React.Context<React.MutableRefObject<MutableConfig>>;
7
- export declare function useMutableConfig(): React.MutableRefObject<MutableConfig>;
8
- export declare function useDefineMutableConfig(config: MutableConfig): React.MutableRefObject<MutableConfig>;
1
+ import React from 'react';
2
+ import { EmojiClickData } from '../types/exposedTypes';
3
+ export type MutableConfig = {
4
+ onEmojiClick?: (emoji: EmojiClickData, event: MouseEvent) => void;
5
+ };
6
+ export declare const MutableConfigContext: React.Context<React.MutableRefObject<MutableConfig>>;
7
+ export declare function useMutableConfig(): React.MutableRefObject<MutableConfig>;
8
+ export declare function useDefineMutableConfig(config: MutableConfig): React.MutableRefObject<MutableConfig>;
@@ -1,25 +1,25 @@
1
- import * as React from 'react';
2
- import { EmojiClickData, EmojiStyle, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme } from '../types/exposedTypes';
3
- import { CategoriesConfig } from './categoryConfig';
4
- import { PreviewConfig } from './config';
5
- import { CustomEmoji } from './customEmojiConfig';
6
- export declare function useSearchPlaceHolderConfig(): string;
7
- export declare function useDefaultSkinToneConfig(): SkinTones;
8
- export declare function useSkinTonesDisabledConfig(): boolean;
9
- export declare function useEmojiStyleConfig(): EmojiStyle;
10
- export declare function useAutoFocusSearchConfig(): boolean;
11
- export declare function useCategoriesConfig(): CategoriesConfig;
12
- export declare function useCustomEmojisConfig(): CustomEmoji[];
13
- export declare function useOnEmojiClickConfig(): (emoji: EmojiClickData, event: MouseEvent) => void;
14
- export declare function usePreviewConfig(): PreviewConfig;
15
- export declare function useThemeConfig(): Theme;
16
- export declare function useSuggestedEmojisModeConfig(): SuggestionMode;
17
- export declare function useLazyLoadEmojisConfig(): boolean;
18
- export declare function useClassNameConfig(): string;
19
- export declare function useStyleConfig(): React.CSSProperties;
20
- export declare function useEmojiVersionConfig(): string | null;
21
- export declare function useSearchDisabledConfig(): boolean;
22
- export declare function useSkinTonePickerLocationConfig(): SkinTonePickerLocation;
23
- export declare function useUnicodeToHide(): Set<string>;
24
- export declare function useGetEmojiUrlConfig(): (unified: string, style: EmojiStyle) => string;
25
- export declare function useSearchResultsConfig(searchResultsCount: number): string;
1
+ import * as React from 'react';
2
+ import { EmojiClickData, EmojiStyle, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme } from '../types/exposedTypes';
3
+ import { CategoriesConfig } from './categoryConfig';
4
+ import { PreviewConfig } from './config';
5
+ import { CustomEmoji } from './customEmojiConfig';
6
+ export declare function useSearchPlaceHolderConfig(): string;
7
+ export declare function useDefaultSkinToneConfig(): SkinTones;
8
+ export declare function useSkinTonesDisabledConfig(): boolean;
9
+ export declare function useEmojiStyleConfig(): EmojiStyle;
10
+ export declare function useAutoFocusSearchConfig(): boolean;
11
+ export declare function useCategoriesConfig(): CategoriesConfig;
12
+ export declare function useCustomEmojisConfig(): CustomEmoji[];
13
+ export declare function useOnEmojiClickConfig(): (emoji: EmojiClickData, event: MouseEvent) => void;
14
+ export declare function usePreviewConfig(): PreviewConfig;
15
+ export declare function useThemeConfig(): Theme;
16
+ export declare function useSuggestedEmojisModeConfig(): SuggestionMode;
17
+ export declare function useLazyLoadEmojisConfig(): boolean;
18
+ export declare function useClassNameConfig(): string;
19
+ export declare function useStyleConfig(): React.CSSProperties;
20
+ export declare function useEmojiVersionConfig(): string | null;
21
+ export declare function useSearchDisabledConfig(): boolean;
22
+ export declare function useSkinTonePickerLocationConfig(): SkinTonePickerLocation;
23
+ export declare function useUnicodeToHide(): Set<string>;
24
+ export declare function useGetEmojiUrlConfig(): (unified: string, style: EmojiStyle) => string;
25
+ export declare function useSearchResultsConfig(searchResultsCount: number): string;
@@ -1,50 +1,50 @@
1
- declare const _default: {
2
- custom: never[];
3
- smileys_people: ({
4
- n: string[];
5
- u: string;
6
- a: string;
7
- v?: undefined;
8
- } | {
9
- n: string[];
10
- u: string;
11
- v: string[];
12
- a: string;
13
- })[];
14
- animals_nature: {
15
- n: string[];
16
- u: string;
17
- a: string;
18
- }[];
19
- food_drink: {
20
- n: string[];
21
- u: string;
22
- a: string;
23
- }[];
24
- travel_places: {
25
- n: string[];
26
- u: string;
27
- a: string;
28
- }[];
29
- activities: {
30
- n: string[];
31
- u: string;
32
- a: string;
33
- }[];
34
- objects: {
35
- n: string[];
36
- u: string;
37
- a: string;
38
- }[];
39
- symbols: {
40
- n: string[];
41
- u: string;
42
- a: string;
43
- }[];
44
- flags: {
45
- n: string[];
46
- u: string;
47
- a: string;
48
- }[];
49
- };
50
- export default _default;
1
+ declare const _default: {
2
+ custom: never[];
3
+ smileys_people: ({
4
+ n: string[];
5
+ u: string;
6
+ a: string;
7
+ v?: undefined;
8
+ } | {
9
+ n: string[];
10
+ u: string;
11
+ v: string[];
12
+ a: string;
13
+ })[];
14
+ animals_nature: {
15
+ n: string[];
16
+ u: string;
17
+ a: string;
18
+ }[];
19
+ food_drink: {
20
+ n: string[];
21
+ u: string;
22
+ a: string;
23
+ }[];
24
+ travel_places: {
25
+ n: string[];
26
+ u: string;
27
+ a: string;
28
+ }[];
29
+ activities: {
30
+ n: string[];
31
+ u: string;
32
+ a: string;
33
+ }[];
34
+ objects: {
35
+ n: string[];
36
+ u: string;
37
+ a: string;
38
+ }[];
39
+ symbols: {
40
+ n: string[];
41
+ u: string;
42
+ a: string;
43
+ }[];
44
+ flags: {
45
+ n: string[];
46
+ u: string;
47
+ a: string;
48
+ }[];
49
+ };
50
+ export default _default;
@@ -1,2 +1,2 @@
1
- declare const groups: string[];
2
- export default groups;
1
+ declare const groups: string[];
2
+ export default groups;
@@ -1,5 +1,5 @@
1
- import { SkinTones } from '../types/exposedTypes';
2
- declare const skinToneVariations: SkinTones[];
3
- export declare const skinTonesNamed: Record<string, string>;
4
- export declare const skinTonesMapped: Record<string, string>;
5
- export default skinToneVariations;
1
+ import { SkinTones } from '../types/exposedTypes';
2
+ declare const skinToneVariations: SkinTones[];
3
+ export declare const skinTonesNamed: Record<string, string>;
4
+ export declare const skinTonesMapped: Record<string, string>;
5
+ export default skinToneVariations;