emoji-picker-react 4.22.3 → 5.0.1

package/dist/DomUtils/selectors.d.ts

@@ -1,35 +1,31 @@
-import { DataEmoji } from '../dataUtils/DataTypes';
-export declare type NullableElement = HTMLElement | null;
-export declare const EmojiButtonSelector: string;
-export declare const VisibleEmojiSelector: string;
-export declare function buttonFromTarget(emojiElement: NullableElement): HTMLButtonElement | null;
-export declare function isEmojiButton(element: NullableElement): boolean;
-export declare function emojiFromElement(element: NullableElement): [DataEmoji, string] | [];
-export declare function isEmojiElement(element: NullableElement): boolean;
-export declare function categoryLabelFromCategory(category: NullableElement): NullableElement;
-export declare function closestCategoryLabel(element: NullableElement): NullableElement;
-export declare function elementHeight(element: NullableElement): number;
-export declare function emojiTrueOffsetTop(element: NullableElement): number;
-export declare function categoryLabelHeight(category: NullableElement): number;
-export declare function isEmojiBehindLabel(emoji: NullableElement): boolean;
-export declare function queryScrollBody(root: NullableElement): NullableElement;
-export declare function emojiDistanceFromScrollTop(emoji: NullableElement): number;
-export declare function closestScrollBody(element: NullableElement): NullableElement;
-export declare function emojiTruOffsetLeft(element: NullableElement): number;
-export declare function unifiedFromEmojiElement(emoji: NullableElement): string | null;
-export declare function originalUnifiedFromEmojiElement(emoji: NullableElement): string | null;
-export declare function allUnifiedFromEmojiElement(emoji: NullableElement): {
-    unified: string | null;
-    originalUnified: string | null;
-};
-export declare function isVisibleEmoji(element: HTMLElement): boolean;
-export declare function isHidden(element: NullableElement): boolean;
-export declare function allVisibleEmojis(parent: NullableElement): HTMLElement[];
-export declare function lastVisibleEmoji(element: NullableElement): NullableElement;
-export declare function nextVisibleEmoji(element: HTMLElement): NullableElement;
-export declare function prevVisibleEmoji(element: HTMLElement): NullableElement;
-export declare function firstVisibleEmoji(parent: NullableElement): NullableElement;
-export declare function prevCategory(element: NullableElement): NullableElement;
-export declare function nextCategory(element: NullableElement): NullableElement;
-export declare function closestCategory(element: NullableElement): NullableElement;
-export declare function closestCategoryContent(element: NullableElement): NullableElement;
+export type NullableElement = HTMLElement | null;
+export declare const EmojiButtonSelector = "button.epr-emoji";
+export declare const VisibleEmojiSelector = "button.epr-emoji.epr-visible:not(.epr-hidden)";
+export declare function buttonFromTarget(emojiElement: NullableElement): HTMLButtonElement | null;
+export declare function isEmojiButton(element: NullableElement): boolean;
+export declare function isEmojiElement(element: NullableElement): boolean;
+export declare function categoryLabelFromCategory(category: NullableElement): NullableElement;
+export declare function closestCategoryLabel(element: NullableElement): NullableElement;
+export declare function elementHeight(element: NullableElement): number;
+/** Layout size including host button borders (unaffected by transforms). */
+export declare function elementBorderBoxHeight(element: NullableElement): number;
+export declare function emojiTrueOffsetTop(element: NullableElement): number;
+export declare function categoryLabelHeight(category: NullableElement): number;
+export declare function isEmojiBehindLabel(emoji: NullableElement): boolean;
+export declare function queryScrollBody(root: NullableElement): NullableElement;
+export declare function emojiDistanceFromScrollTop(emoji: NullableElement): number;
+export declare function closestScrollBody(element: NullableElement): NullableElement;
+export declare function emojiTruOffsetLeft(element: NullableElement): number;
+export declare function unifiedFromEmojiElement(emoji: NullableElement): string | null;
+export declare function originalUnifiedFromEmojiElement(emoji: NullableElement): string | null;
+export declare function allUnifiedFromEmojiElement(emoji: NullableElement): {
+    unified: string | null;
+    originalUnified: string | null;
+};
+export declare function isVisibleEmoji(element: HTMLElement): boolean;
+export declare function isHidden(element: NullableElement): boolean;
+export declare function allVisibleEmojis(parent: NullableElement): HTMLElement[];
+export declare function firstVisibleEmoji(parent: NullableElement): NullableElement;
+export declare function adjacentCategory(element: NullableElement, direction: number): NullableElement;
+export declare function closestCategory(element: NullableElement): HTMLElement | null;
+export declare function closestCategoryContent(element: NullableElement): HTMLElement | null;

package/dist/EmojiPickerReact.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { PickerProps } from './index';
-declare function EmojiPicker(props: PickerProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof EmojiPicker>;
-export default _default;
+import * as React from 'react';
+import { PickerProps } from './index';
+declare function EmojiPicker(props: PickerProps): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof EmojiPicker>;
+export default _default;

package/dist/Stylesheet/DedupedStyle.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+/**
+ * Renders `css` once per document or shadow root. Every instance renders
+ * the element during SSR and its first client render, so hydration matches
+ * the server markup; duplicates drop right after the first paint.
+ * When the owner unmounts, the next instance renders the element in the
+ * same commit. A different nonce or layer gets its own element: a style
+ * allowed by one nonce must not stand in for another under CSP.
+ */
+export declare function DedupedStyle({ css, nonce }: {
+    css: string;
+    nonce?: string;
+}): React.JSX.Element | null;

package/dist/Stylesheet/stylesheet.d.ts

@@ -1,37 +1,40 @@
-import * as React from 'react';
-import { Styles } from 'shipstyles';
-export declare const stylesheet: {
-    create: <K extends string>(styles: Partial<{ [k in K]: Partial<{
-        '.'?: string | string[] | undefined;
-        '--'?: any;
-    }> | Partial<Partial<CSSStyleDeclaration> & Partial<{
-        '.'?: string | string[] | undefined;
-        '--'?: any;
-    }>>; }> | Partial<{}>) => Record<Exclude<Exclude<K, any>, any>, Set<string>> & Record<never, Set<string>>;
-    keyframes: <KF extends string>(keyframesInput: Record<KF, {
-        [stage: string]: Partial<CSSStyleDeclaration>;
-    }>) => Record<KF, string>;
-    getStyle: () => string;
-    isApplied: () => boolean;
-};
-export declare const commonStyles: Record<never, Set<string>>;
-export declare const PickerStyleTag: React.NamedExoticComponent<{
-    nonce?: string | undefined;
-}>;
-export declare const commonInteractionStyles: Record<never, Set<string>>;
-export declare function darkMode(key: string, value: Styles): {
-    '.epr-dark-theme': {
-        [x: string]: Partial<Partial<CSSStyleDeclaration> & Partial<{
-            '.'?: string | string[] | undefined;
-            '--'?: any;
-        }>>;
-    };
-    '.epr-auto-theme': {
-        [x: string]: {
-            '@media (prefers-color-scheme: dark)': Partial<Partial<CSSStyleDeclaration> & Partial<{
-                '.'?: string | string[] | undefined;
-                '--'?: any;
-            }>>;
-        };
-    };
-};
+import * as React from 'react';
+import { Styles } from 'shipstyles';
+export declare const stylesheet: {
+    create: <K extends string>(styles: import("shipstyles").CreateSheetInput<K>) => { [P in Exclude<Exclude<K, keyof CSSStyleDeclaration | `@media ${string}` | "--" | `:${string}` | `*${string}` | `+${string}` | `.${string}` | `~${string}` | `>${string}` | `&.${string}` | `&:${string}`>, keyof CSSStyleDeclaration | `@media ${string}` | "--" | `:${string}` | `*${string}` | `+${string}` | `.${string}` | `~${string}` | `>${string}` | `&.${string}` | `&:${string}`>]: Set<string>; } & {
+        [x: string]: Set<string>;
+    };
+    keyframes: <KF extends string>(keyframesInput: { [P in KF]: {
+        [stage: string]: Partial<CSSStyleDeclaration>;
+    }; }) => Record<KF, string>;
+    getStyle: () => string;
+    isApplied: () => boolean;
+};
+export declare function finalizeCss(css: string, cssLayer?: string): string;
+export declare const commonStyles: {
+    hidden: Set<string>;
+} & {
+    [x: string]: Set<string>;
+};
+export declare const PickerStyleTag: React.NamedExoticComponent<{
+    nonce?: string;
+    cssLayer?: string;
+}>;
+export declare const commonInteractionStyles: {
+    categoryBtn: Set<string>;
+    hiddenOnSearch: Set<string>;
+    visibleOnSearchOnly: Set<string>;
+    hiddenOnReactions: Set<string>;
+} & {
+    [x: string]: Set<string>;
+};
+export declare function darkMode(key: string, value: Styles): {
+    '.epr-dark-theme': {
+        [styleKey: string]: Styles;
+    };
+    '.epr-auto-theme': {
+        [styleKey: string]: {
+            '@media (prefers-color-scheme: dark)': Styles;
+        };
+    };
+};

package/dist/components/ErrorBoundary.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-export default class ErrorBoundary extends React.Component<{
-    children: React.ReactNode;
-}, {
-    hasError: boolean;
-}> {
-    constructor(props: {
-        children: React.ReactNode;
-    });
-    static getDerivedStateFromError(): {
-        hasError: boolean;
-    };
-    componentDidCatch(error: Error, errorInfo: any): void;
-    render(): number | boolean | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactFragment | null | undefined;
-}
+import * as React from 'react';
+export default class ErrorBoundary extends React.Component<{
+    children: React.ReactNode;
+}, {
+    hasError: boolean;
+}> {
+    constructor(props: {
+        children: React.ReactNode;
+    });
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, errorInfo: any): void;
+    render(): React.ReactNode;
+}

package/dist/components/Layout/Absolute.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-declare type Props = Readonly<{
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}>;
-export default function Absolute({ children, className, style }: Props): JSX.Element;
-export {};
+import * as React from 'react';
+type Props = Readonly<{
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export default function Absolute({ children, className, style }: Props): React.JSX.Element;
+export {};

package/dist/components/Layout/Flex.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-export declare enum FlexDirection {
-    ROW = "FlexRow",
-    COLUMN = "FlexColumn"
-}
-declare type Props = Readonly<{
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    direction?: FlexDirection;
-}>;
-export default function Flex({ children, className, style, direction, }: Props): JSX.Element;
-export {};
+import * as React from 'react';
+export declare enum FlexDirection {
+    ROW = "FlexRow",
+    COLUMN = "FlexColumn"
+}
+type Props = Readonly<{
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    direction?: FlexDirection;
+}>;
+export default function Flex({ children, className, style, direction, }: Props): React.JSX.Element;
+export {};

package/dist/components/Layout/Relative.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-declare type Props = Readonly<{
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}>;
-export default function Relative({ children, className, style }: Props): JSX.Element;
-export {};
+import * as React from 'react';
+type Props = Readonly<{
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export default function Relative({ children, className, style }: Props): React.JSX.Element;
+export {};

package/dist/components/Layout/Space.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-declare type Props = Readonly<{
-    className?: string;
-    style?: React.CSSProperties;
-}>;
-export default function Space({ className, style }: Props): JSX.Element;
-export {};
+import * as React from 'react';
+type Props = Readonly<{
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export default function Space({ className, style }: Props): React.JSX.Element;
+export {};

package/dist/components/Reactions/BtnPlus.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function BtnPlus(): JSX.Element;
+import * as React from 'react';
+export declare function BtnPlus(): React.JSX.Element;

package/dist/components/Reactions/DEFAULT_REACTIONS.d.ts

@@ -1 +1 @@
-export declare const DEFAULT_REACTIONS: string[];
+export declare const DEFAULT_REACTIONS: string[];

package/dist/components/Reactions/Reactions.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare function Reactions(): JSX.Element | null;
+import * as React from 'react';
+export type ReactionsProps = Omit<React.HTMLAttributes<HTMLUListElement>, 'role' | 'children' | 'dangerouslySetInnerHTML'>;
+export declare const Reactions: React.NamedExoticComponent<ReactionsProps & React.RefAttributes<HTMLUListElement>>;

package/dist/components/atoms/Button.d.ts

@@ -1,6 +1,11 @@
-import * as React from 'react';
-interface Props extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    className?: string;
-}
-export declare function Button(props: Props): JSX.Element;
-export {};
+import * as React from 'react';
+interface Props extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    className?: string;
+}
+export declare function Button(props: Props): React.JSX.Element;
+export declare const buttonStyles: {
+    button: Set<string>;
+} & {
+    [x: string]: Set<string>;
+};
+export {};

package/dist/components/body/EmojiCategory.d.ts

@@ -1,12 +1,13 @@
-import * as React from 'react';
-import { CategoryConfig } from '../../types/exposedTypes';
-declare type Props = Readonly<{
-    categoryConfig: CategoryConfig;
-    children?: React.ReactNode;
-    hidden?: boolean;
-    hiddenOnSearch?: boolean;
-    height?: number;
-    emojisPerRow?: number;
-}>;
-export declare function EmojiCategory({ categoryConfig, children, hidden, hiddenOnSearch, height, emojisPerRow, }: Props): JSX.Element;
-export {};
+import * as React from 'react';
+import { CategoryConfig } from '../../types/exposedTypes';
+type Props = Readonly<{
+    categoryConfig: CategoryConfig;
+    children?: React.ReactNode;
+    hidden?: boolean;
+    hiddenOnSearch?: boolean;
+    height?: number;
+    emojisPerRow?: number;
+    emojiCount?: number;
+}>;
+export declare function EmojiCategory({ categoryConfig, children, hidden, hiddenOnSearch, height, emojisPerRow, emojiCount, }: Props): React.JSX.Element;
+export {};

package/dist/components/body/EmojiList.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
-export declare function EmojiList({ scrollTop }: {
-    scrollTop: number;
-}): JSX.Element;
+import * as React from 'react';
+export declare function EmojiList({ scrollTop, outerRef, className, nativeProps, }: {
+    scrollTop: number;
+    outerRef?: React.Ref<HTMLUListElement>;
+    className?: string;
+    nativeProps?: Omit<React.HTMLAttributes<HTMLUListElement>, 'role' | 'children' | 'className' | 'ref'>;
+}): React.JSX.Element;

package/dist/components/body/EmojiVariationPicker.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function EmojiVariationPicker(): JSX.Element;
+import * as React from 'react';
+export declare function EmojiVariationPicker(): React.JSX.Element;

package/dist/components/body/MeasureEmoji.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function MeasureEmoji(): JSX.Element | null;
+import * as React from 'react';
+export declare function MeasureEmoji(): React.JSX.Element | null;

package/dist/components/body/listComponents.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { DataEmoji } from '../../dataUtils/DataTypes';
+import { EmojiStyleValue } from '../../types/exposedTypes';
+/** The emoji a custom `Emoji` cell renders. */
+export type ListEmoji = {
+    /** True while hovered or keyboard-focused. */
+    isActive: boolean;
+    /** Unified code including the active skin tone, e.g. `1f44d-1f3fd`. */
+    unified: string;
+    names: string[];
+    /** Native emoji text (custom emojis: their id). */
+    emoji: string;
+    isCustom: boolean;
+    /** Active image style URL, or undefined for standard native emojis. */
+    imageUrl?: string;
+    /** Whether a long press opens skin tone variations. */
+    hasVariations: boolean;
+};
+/**
+ * Props for a custom emoji cell. Spread everything except `emoji` onto a
+ * `<button>`: the library-owned attributes (type, class, position style,
+ * tabIndex, aria-label, data-epr-*) carry selection, keyboard navigation,
+ * virtualization and accessibility. `children` is the default glyph/image;
+ * render it or your own content.
+ */
+export type EmojiRenderProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    emoji: ListEmoji;
+    children: React.ReactNode;
+};
+/**
+ * Props for a custom category header. Spread everything except `category`
+ * onto the header element; it stays sticky and measured.
+ */
+export type CategoryHeaderRenderProps = React.HTMLAttributes<HTMLElement> & {
+    category: {
+        id: string;
+        name: string;
+    };
+    children: React.ReactNode;
+};
+export type ListComponents = {
+    Emoji?: React.ComponentType<EmojiRenderProps>;
+    CategoryHeader?: React.ComponentType<CategoryHeaderRenderProps>;
+};
+export declare const ListComponentsContext: React.Context<ListComponents>;
+export declare function useListComponents(): ListComponents;
+export declare function emojiRenderInfo(emoji: DataEmoji, unified: string, emojiStyle: EmojiStyleValue, getEmojiUrl: (unified: string, style: EmojiStyleValue) => string): Omit<ListEmoji, 'isActive'>;

package/dist/components/context/ElementRefContext.d.ts

@@ -1,16 +1,18 @@
-import * as React from 'react';
-import { NullableElement } from '../../DomUtils/selectors';
-export declare function ElementRefContextProvider({ children, }: {
-    children: React.ReactNode;
-}): JSX.Element;
-export declare type ElementRef<E extends HTMLElement = HTMLElement> = React.MutableRefObject<E | null>;
-export declare function useEmojiListRef(): ElementRef<HTMLUListElement>;
-export declare function usePickerMainRef(): ElementRef<HTMLElement>;
-export declare function useAnchoredEmojiRef(): ElementRef<HTMLElement>;
-export declare function useSetAnchoredEmojiRef(): (target: NullableElement) => void;
-export declare function useBodyRef(): ElementRef<HTMLDivElement>;
-export declare function useReactionsRef(): ElementRef<HTMLUListElement>;
-export declare function useSearchInputRef(): ElementRef<HTMLInputElement>;
-export declare function useSkinTonePickerRef(): ElementRef<HTMLDivElement>;
-export declare function useCategoryNavigationRef(): ElementRef<HTMLDivElement>;
-export declare function useVariationPickerRef(): ElementRef<HTMLDivElement>;
+import * as React from 'react';
+import { NullableElement } from '../../DomUtils/selectors';
+export declare function ElementRefContextProvider({ children, }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export type ElementRef<E extends HTMLElement = HTMLElement> = React.MutableRefObject<E | null> & {
+    subscribe?: (listener: () => void) => () => void;
+};
+export declare function useEmojiListRef(): ElementRef<HTMLUListElement>;
+export declare function usePickerMainRef(): ElementRef<HTMLElement>;
+export declare function useAnchoredEmojiRef(): ElementRef<HTMLElement>;
+export declare function useSetAnchoredEmojiRef(): (target: NullableElement) => void;
+export declare function useBodyRef(): ElementRef<HTMLDivElement>;
+export declare function useReactionsRef(): ElementRef<HTMLUListElement>;
+export declare function useSearchInputRef(): ElementRef<HTMLInputElement>;
+export declare function useSkinTonePickerRef(): ElementRef<HTMLDivElement>;
+export declare function useCategoryNavigationRef(): ElementRef<HTMLDivElement>;
+export declare function useVariationPickerRef(): ElementRef<HTMLDivElement>;

package/dist/components/context/PickerConfigContext.d.ts

@@ -1,9 +1,14 @@
-import * as React from 'react';
-import { PickerConfig, PickerConfigInternal } from '../../config/config';
-declare type Props = PickerConfig & Readonly<{
-    children: React.ReactNode;
-}>;
-export declare function PickerConfigProvider({ children, ...config }: Props): JSX.Element;
-export declare function useSetConfig(config: PickerConfig): PickerConfigInternal;
-export declare function usePickerConfig(): PickerConfigInternal;
-export {};
+import * as React from 'react';
+import { PickerConfig, PickerConfigInternal } from '../../config/config';
+type Props = PickerConfig & Readonly<{
+    children: React.ReactNode;
+}>;
+type SearchSlice = {
+    searchValue: string | undefined;
+    defaultSearchValue: string | undefined;
+};
+export declare function PickerConfigProvider({ children, ...config }: Props): React.JSX.Element;
+export declare function useSearchSliceConfig(): SearchSlice;
+export declare function useSetConfig(config: PickerConfig): PickerConfigInternal;
+export declare function usePickerConfig(): PickerConfigInternal;
+export {};

package/dist/components/context/PickerContext.d.ts

@@ -1,25 +1,57 @@
-import * as React from 'react';
-import { DataEmoji } from '../../dataUtils/DataTypes';
-import { FilterDict } from '../../hooks/useFilter';
-import { SkinTones } from '../../types/exposedTypes';
-export declare function PickerContextProvider({ children }: Props): JSX.Element;
-declare type ReactState<T> = [T, React.Dispatch<React.SetStateAction<T>>];
-declare type Props = Readonly<{
-    children: React.ReactNode;
-}>;
-export declare function useFilterRef(): React.MutableRefObject<Record<string, Record<string, DataEmoji>>>;
-export declare function useDisallowClickRef(): React.MutableRefObject<boolean>;
-export declare function useDisallowMouseRef(): React.MutableRefObject<boolean>;
-export declare function useReactionsModeState(): ReactState<boolean>;
-export declare function useSearchTermState(): [string, (term: string) => Promise<string>];
-export declare function useActiveSkinToneState(): [SkinTones, (skinTone: SkinTones) => void];
-export declare function useEmojisThatFailedToLoadState(): ReactState<Set<string>>;
-export declare function useIsPastInitialLoad(): boolean;
-export declare function useEmojiVariationPickerState(): ReactState<DataEmoji | null>;
-export declare function useSkinToneFanOpenState(): ReactState<boolean>;
-export declare function useDisallowedEmojisRef(): React.MutableRefObject<Record<string, boolean>>;
-export declare function useVisibleCategoriesState(): ReactState<string[]>;
-export declare function useEmojiSizeState(): ReactState<number | null>;
-export declare function useUpdateSuggested(): [number, () => void];
-export declare type FilterState = Record<string, FilterDict>;
-export {};
+import * as React from 'react';
+import { DataEmoji } from '../../dataUtils/DataTypes';
+import { NativeEmojiSupport } from '../../dataUtils/nativeEmojiSupport';
+import { FilterDict } from '../../hooks/useFilter';
+import { createActiveEmojiStore } from '../../state/activeEmojiStore';
+import { NavigationRegistry } from '../../state/navigationRegistry';
+import { SkinTones } from '../../types/exposedTypes';
+type ReactState<T> = [T, React.Dispatch<React.SetStateAction<T>>];
+export interface PickerServices {
+    activeEmojiStore: ReturnType<typeof createActiveEmojiStore>;
+    filterRef: React.MutableRefObject<FilterState>;
+    filterQueryOrderRef: React.MutableRefObject<string[]>;
+    disallowClickRef: React.MutableRefObject<boolean>;
+    disallowMouseRef: React.MutableRefObject<boolean>;
+    navigationRegistry: NavigationRegistry;
+    requestNativeProbe: RequestNativeProbe;
+}
+export type ActiveEmojiState = null | {
+    unified: string;
+    originalUnified: string;
+};
+type RequestNativeProbe = (unifieds: string[]) => void;
+/**
+ * Asks for exact checks of identities about to be shown: grid cells in
+ * and near the viewport, their skin tone variants, and reaction choices.
+ */
+export declare function useRequestNativeProbe(): RequestNativeProbe;
+export declare function useNativeEmojiSupport(): NativeEmojiSupport | null;
+export declare function PickerContextProvider({ children }: Props): React.JSX.Element;
+type Props = Readonly<{
+    children: React.ReactNode;
+}>;
+export declare function useFilterRef(): React.MutableRefObject<FilterState>;
+export declare function useFilterQueryOrderRef(): React.MutableRefObject<string[]>;
+export declare function useDisallowClickRef(): React.MutableRefObject<boolean>;
+export declare function useDisallowMouseRef(): React.MutableRefObject<boolean>;
+export declare function useNavigationRegistry(): NavigationRegistry;
+export declare function useActiveEmojiState(): ReactState<ActiveEmojiState>;
+export declare function useIsActiveEmoji(unified?: string): boolean;
+export declare function useReactionsModeState(): ReactState<boolean>;
+export declare function useSearchTermState(): [string, (term: string) => Promise<string>];
+export declare function useSearchDisplayState(): ReactState<string>;
+export declare function useSearchCommittedState(): ReactState<string>;
+export declare function useSearchComposingState(): ReactState<boolean>;
+export declare function useActiveSkinToneState(): [
+    SkinTones,
+    (skinTone: SkinTones) => void
+];
+export declare function useEmojisThatFailedToLoadState(): [Set<string>, (unified: string) => void];
+export declare function useIsPastInitialLoad(): boolean;
+export declare function useEmojiVariationPickerState(): ReactState<DataEmoji | null>;
+export declare function useSkinToneFanOpenState(): ReactState<boolean>;
+export declare function useVisibleCategoriesState(): ReactState<string[]>;
+export declare function useEmojiSizeState(): ReactState<number | null>;
+export declare function useUpdateSuggested(): [number, () => void];
+export type FilterState = Record<string, FilterDict>;
+export {};

package/dist/components/context/PickerDataContext.d.ts

@@ -1,17 +1,23 @@
-import React from 'react';
-import { DataEmoji, DataEmojis } from '../../dataUtils/DataTypes';
-import { Categories, EmojiData, SkinTones } from '../../types/exposedTypes';
-export interface PickerDataContextValue {
-    emojiData: EmojiData;
-    allEmojis: DataEmojis;
-    allEmojisByUnified: Record<string, DataEmoji>;
-    searchIndex: Record<string, Record<string, DataEmoji>>;
-    customGroups: Record<string, DataEmojis>;
-    emojiByUnified: (unified?: string) => DataEmoji | undefined;
-    activeVariationFromUnified: (unified: string) => SkinTones | null;
-}
-export declare function PickerDataProvider({ children, }: {
-    children: React.ReactNode;
-}): JSX.Element;
-export declare function usePickerDataContext(): PickerDataContextValue;
-export declare function useGetEmojisByCategory(): (category: Categories, group?: string | undefined) => DataEmojis;
+import React from 'react';
+import { DataEmoji, DataEmojis } from '../../dataUtils/DataTypes';
+import type { FilterDict } from '../../hooks/useFilter';
+import { Categories, EmojiData, SkinTones } from '../../types/exposedTypes';
+export interface PickerDataContextValue {
+    emojiData: EmojiData;
+    allEmojis: DataEmojis;
+    allEmojisByUnified: Record<string, DataEmoji>;
+    customGroups: Record<string, DataEmojis>;
+    emojiByUnified: (unified?: string) => DataEmoji | undefined;
+    activeVariationFromUnified: (unified: string) => SkinTones | null;
+    /**
+     * Query-to-filter-dict through the single shared prepared core: core
+     * dataset matches mapped back to source records, unioned with the
+     * Root-local custom emojis the core never sees.
+     */
+    queryFilterDict: (query: string) => FilterDict;
+}
+export declare function PickerDataProvider({ children, }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function usePickerDataContext(): PickerDataContextValue;
+export declare function useGetEmojisByCategory(): (category: Categories, group?: string) => DataEmojis;