@atlaskit/emoji 67.4.1 → 67.4.2

package/dist/types-ts4.5/components/common/ToneSelector.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { EmojiDescriptionWithVariations, OnToneSelected, ToneSelection } from '../../types';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+export interface Props {
+    emoji: EmojiDescriptionWithVariations;
+    isVisible: boolean;
+    onToneSelected: OnToneSelected;
+    onToneClose?: () => void;
+    selectedTone?: ToneSelection;
+}
+export declare const toneSelectorTestId = "tone-selector";
+type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
+export declare const ToneSelectorInternal: FC<PropsWithAnalyticsEventsPropsType>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("react").PropsWithChildren<PropsWithAnalyticsEventsPropsType>, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
+export default _default;

package/dist/types-ts4.5/components/common/ToolTipContentWithKeymap.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { Keymap } from '../../util/keymaps';
+export declare const ToolTipContentWithKeymap: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
+    description?: string | React.ReactNode;
+    keymap?: Keymap | undefined;
+    shortcutOverride?: string | undefined;
+}) => jsx.JSX.Element | null>;

package/dist/types-ts4.5/components/common/UfoErrorBoundary.d.ts

@@ -0,0 +1,8 @@
+import React, { ErrorInfo } from 'react';
+import { UFOExperience } from '@atlaskit/ufo';
+export declare class UfoErrorBoundary extends React.Component<{
+    experiences: UFOExperience[];
+}> {
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): React.ReactNode;
+}

package/dist/types-ts4.5/components/common/UploadEmoji.d.ts

@@ -0,0 +1,5 @@
+import { MessageDescriptor } from 'react-intl-next';
+import { EmojiProvider } from '../../api/EmojiResource';
+import { EmojiDescription, EmojiUpload } from '../../types';
+import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
+export declare const uploadEmoji: (upload: EmojiUpload, emojiProvider: EmojiProvider, errorSetter: (message: MessageDescriptor | undefined) => void, onSuccess: (emojiDescription: EmojiDescription) => void, fireAnalytics: (event: AnalyticsEventPayload) => void, retry: boolean) => void;

package/dist/types-ts4.5/components/common/internal-types.d.ts

@@ -0,0 +1,20 @@
+import { EmojiProvider } from '../../api/EmojiResource';
+export interface EmojiContext {
+    emoji: {
+        emojiProvider: EmojiProvider;
+    };
+}
+interface FocusIndexes {
+    rowIndex: number;
+    columnIndex: number;
+}
+export interface EmojiPickerListContextType {
+    currentEmojisFocus: FocusIndexes;
+    setEmojisFocus: (indexes: FocusIndexes) => void;
+}
+export declare enum UploadStatus {
+    Waiting = 0,
+    Uploading = 1,
+    Error = 2
+}
+export {};

package/dist/types-ts4.5/components/common/setSkinToneAriaLabelText.d.ts

@@ -0,0 +1 @@
+export declare const setSkinToneAriaLabelText: (tone?: string) => string | undefined;

package/dist/types-ts4.5/components/common/styles.d.ts

@@ -0,0 +1,56 @@
+export declare const commonSelectedStyles = "emoji-common-selected";
+export declare const selectOnHoverStyles = "emoji-common-select-on-hover";
+export declare const emojiSprite = "emoji-common-emoji-sprite";
+export declare const emojiNodeStyles = "emoji-common-node";
+export declare const emojiImage = "emoji-common-emoji-image";
+export declare const emojiDeleteButton = "emoji-common-deleteButton";
+export declare const emojiMainStyle = "emoji-common-main-styles";
+export declare const deletableEmoji = "emoji-common-deletable";
+export declare const deleteButton: import("@emotion/react").SerializedStyles;
+export declare const emojiToneSelectorContainer: import("@emotion/react").SerializedStyles;
+export declare const emojiImageContainer: import("@emotion/react").SerializedStyles;
+export declare const emojiSpriteContainer: import("@emotion/react").SerializedStyles;
+export declare const placeholder = "emoji-common-placeholder";
+export declare const placeholderContainer: import("@emotion/react").SerializedStyles;
+export declare const placeholderContainerAnimated: import("@emotion/react").SerializedStyles;
+export declare const hidden: import("@emotion/react").SerializedStyles;
+export declare const emojiButton: import("@emotion/react").SerializedStyles;
+export declare const emojiRadio: import("@emotion/react").SerializedStyles;
+export declare const emojiPickerAddEmoji = "emoji-picker-add-emoji";
+export declare const previewText: import("@emotion/react").SerializedStyles;
+export declare const emojiName: import("@emotion/react").SerializedStyles;
+export declare const emojiShortName: import("@emotion/react").SerializedStyles;
+export declare const preview: import("@emotion/react").SerializedStyles;
+export declare const previewImg: import("@emotion/react").SerializedStyles;
+export declare const emojiScrollable: import("@emotion/react").SerializedStyles;
+export declare const emojiUpload: import("@emotion/react").SerializedStyles;
+export declare const emojiUploadTop: import("@emotion/react").SerializedStyles;
+export declare const uploadChooseFileMessage: import("@emotion/react").SerializedStyles;
+export declare const closeEmojiUploadButton: import("@emotion/react").SerializedStyles;
+export declare const emojiUploadBottom: import("@emotion/react").SerializedStyles;
+export declare const uploadChooseFileRow: import("@emotion/react").SerializedStyles;
+export declare const uploadChooseFileEmojiName: import("@emotion/react").SerializedStyles;
+export declare const uploadChooseFileBrowse: import("@emotion/react").SerializedStyles;
+export declare const uploadPreviewFooter: import("@emotion/react").SerializedStyles;
+export declare const uploadPreview: import("@emotion/react").SerializedStyles;
+export declare const uploadPreviewText: import("@emotion/react").SerializedStyles;
+export declare const bigEmojiPreview: import("@emotion/react").SerializedStyles;
+export declare const uploadAddRow: import("@emotion/react").SerializedStyles;
+export declare const addCustomEmoji: import("@emotion/react").SerializedStyles;
+export declare const submitDelete = "emoji-submit-delete";
+export declare const deletePreview: import("@emotion/react").SerializedStyles;
+export declare const deleteText: import("@emotion/react").SerializedStyles;
+export declare const headingH5: import("@emotion/react").SerializedStyles;
+export declare const requiredSymbol: import("@emotion/react").SerializedStyles;
+export declare const previewButtonGroup: import("@emotion/react").SerializedStyles;
+export declare const deleteFooter: import("@emotion/react").SerializedStyles;
+export declare const emojiDeleteErrorMessage: import("@emotion/react").SerializedStyles;
+export declare const emojiChooseFileErrorMessage: import("@emotion/react").SerializedStyles;
+export declare const emojiPreviewErrorMessage: import("@emotion/react").SerializedStyles;
+export declare const addCustomEmojiButton: import("@emotion/react").SerializedStyles;
+export declare const uploadRetryButton: import("@emotion/react").SerializedStyles;
+export declare const uploadEmojiButton: import("@emotion/react").SerializedStyles;
+export declare const cancelButton: import("@emotion/react").SerializedStyles;
+export declare const buttonSpinner: import("@emotion/react").SerializedStyles;
+export declare const emojiActionsWrapper: import("@emotion/react").SerializedStyles;
+export declare const tooltipShortcutStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/components/i18n.d.ts

@@ -0,0 +1,227 @@
+export declare const messages: {
+    deleteEmojiTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteEmojiTooltipForScreenreader: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteEmojiTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteEmojiDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteEmojiLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addCustomEmojiLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiNameAriaLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiChooseFileTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiChooseFileScreenReaderDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiSelectSkinToneButtonAriaLabelText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiSelectSkinToneListAriaLabelText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiImageRequirements: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiPreviewTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiPreview: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addEmojiLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    retryLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cancelLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    searchPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    searchLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    searchResultsStatus: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    searchResultsStatusSeeAll: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    categoriesSelectorLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    categoriesSearchResults: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    frequentCategory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    peopleCategory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    natureCategory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    foodsCategory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    activityCategory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    placesCategory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    objectsCategory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    symbolsCategory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    flagsCategory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    productivityCategory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    userUploadsCustomCategory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    allUploadsCustomCategory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteEmojiFailed: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiInvalidImage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiUploadFailed: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiImageTooBig: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiPickerTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiPickerListPanel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiPickerGrid: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emojiButtonRoleDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    error: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types-ts4.5/components/picker/CategorySelector.d.ts

@@ -0,0 +1,17 @@
+import { jsx } from '@emotion/react';
+import { CategoryDescription, OnCategory } from '../../types';
+import { CategoryGroupKey, CategoryId } from './categories';
+export interface Props {
+    dynamicCategories?: CategoryId[];
+    activeCategoryId?: CategoryId | null;
+    disableCategories?: boolean;
+    onCategorySelected?: OnCategory;
+}
+export type CategoryMap = {
+    [id: string]: CategoryDescription;
+};
+export declare const sortCategories: (c1: CategoryGroupKey, c2: CategoryGroupKey) => number;
+export declare const categorySelectorComponentTestId = "category-selector-component";
+export declare const categorySelectorCategoryTestId: (categoryId: string) => string;
+declare const CategorySelector: (props: Props) => jsx.JSX.Element;
+export default CategorySelector;

package/dist/types-ts4.5/components/picker/CategoryTracker.d.ts

@@ -0,0 +1,16 @@
+import { CategoryId } from './categories';
+/**
+ * Mapping between CategoryId and row
+ *
+ * Tracks which category is visible based on
+ * scrollTop, and virtual rows.
+ */
+export default class CategoryTracker {
+    private categoryToRow;
+    private rowToCategory;
+    constructor();
+    reset(): void;
+    add(category: CategoryId, row: number): void;
+    getRow(category: CategoryId): number | undefined;
+    getFirstCategory(): CategoryId | undefined;
+}

package/dist/types-ts4.5/components/picker/EmojiPicker.d.ts

@@ -0,0 +1,43 @@
+/** @jsx jsx */
+import { ComponentClass, FC } from 'react';
+import { jsx } from '@emotion/react';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { EmojiProvider } from '../../api/EmojiResource';
+import { OnEmojiEvent, PickerSize } from '../../types';
+import LoadingEmojiComponent, { Props as LoadingProps, State as LoadingState } from '../common/LoadingEmojiComponent';
+import { PickerRefHandler, Props as ComponentProps } from './EmojiPickerComponent';
+export interface Props extends LoadingProps {
+    /**
+     * Callback to be executed on emoji selection.
+     */
+    onSelection?: OnEmojiEvent;
+    /**
+     * Callback to handle picker reference.
+     */
+    onPickerRef?: PickerRefHandler;
+    /**
+     * Flag to disable tone selector.
+     */
+    hideToneSelector?: boolean;
+    /**
+     * Size of Emoji Picker. default value is 'medium'.
+     */
+    size?: PickerSize;
+}
+export declare class EmojiPickerInternal extends LoadingEmojiComponent<Props & WithAnalyticsEventsProps, LoadingState> {
+    static AsyncLoadedComponent?: FC<ComponentProps>;
+    static defaultProps: {
+        size: string;
+    };
+    state: {
+        asyncLoadedComponent: FC<ComponentProps> | undefined;
+    };
+    constructor(props: Props);
+    asyncLoadComponent(): void;
+    renderLoading(): JSX.Element | null;
+    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiPickerComponent: ComponentClass<ComponentProps>): jsx.JSX.Element;
+}
+declare const EmojiPicker: import("react").ForwardRefExoticComponent<Pick<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps>, "emojiProvider" | "onSelection" | "onPickerRef" | "hideToneSelector"> & Partial<Pick<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps>, "size">> & Partial<Pick<{
+    size: string;
+}, never>> & import("react").RefAttributes<any>>;
+export default EmojiPicker;

package/dist/types-ts4.5/components/picker/EmojiPickerCategoryHeading.d.ts

@@ -0,0 +1,14 @@
+/** @jsx jsx */
+import { FC } from 'react';
+import { CategoryGroupKey } from './categories';
+/**
+ * Test id for wrapper Emoji Picker List div
+ */
+export declare const RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID = "render-emoji-picker-categorty-heading";
+export interface Props {
+    id: CategoryGroupKey;
+    title: string;
+    className?: string;
+}
+declare const EmojiPickerCategoryHeading: FC<Props>;
+export default EmojiPickerCategoryHeading;

package/dist/types-ts4.5/components/picker/EmojiPickerComponent.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import { OnEmojiEvent, PickerSize } from '../../types';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+export interface PickerRefHandler {
+    (ref: any): any;
+}
+export interface Props {
+    /**
+     * Callback to be executed when user selects an emoji.
+     */
+    onSelection?: OnEmojiEvent;
+    /**
+     * Callback performed when picker reference is being set.
+     */
+    onPickerRef?: PickerRefHandler;
+    /**
+     * Flag to disable tone selector.
+     */
+    hideToneSelector?: boolean;
+    createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    size?: PickerSize;
+}
+declare const _default: import("react").MemoExoticComponent<({ onSelection, onPickerRef, hideToneSelector, createAnalyticsEvent, size, }: Props) => jsx.JSX.Element>;
+export default _default;

package/dist/types-ts4.5/components/picker/EmojiPickerEmojiRow.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { EmojiDescription, OnEmojiEvent } from '../../types';
+import { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
+import { CategoryGroupKey } from './categories';
+export interface Props {
+    category: CategoryGroupKey;
+    emojis: EmojiDescription[];
+    title: string;
+    showDelete: boolean;
+    onSelected?: OnEmojiEvent;
+    onMouseMove?: OnEmojiEvent;
+    onFocus?: OnEmojiEvent;
+    onDelete?: OnEmojiEvent;
+    virtualItemContext?: VirtualItemContext;
+}
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

package/dist/types-ts4.5/components/picker/EmojiPickerFooter.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import { EmojiDescription } from '../../types';
+export interface Props {
+    selectedEmoji?: EmojiDescription;
+}
+export declare const emojiPickerFooterTestId = "emoji-picker-footer";
+declare const _default: import("react").MemoExoticComponent<({ selectedEmoji }: Props) => jsx.JSX.Element>;
+export default _default;

package/dist/types-ts4.5/components/picker/EmojiPickerList.d.ts

@@ -0,0 +1,94 @@
+/** @jsx jsx */
+import { PureComponent } from 'react';
+import { jsx } from '@emotion/react';
+import { EmojiDescription, EmojiDescriptionWithVariations, Message, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, PickerSize, ToneSelection, User } from '../../types';
+import { CategoryId } from './categories';
+import { OnUploadEmoji } from '../common/EmojiUploadPicker';
+import { OnDeleteEmoji } from '../common/EmojiDeletePreview';
+/**
+ * Test id for wrapper Emoji Picker List div
+ */
+export declare const RENDER_EMOJI_PICKER_LIST_TESTID = "render-emoji-picker-list";
+export interface OnSearch {
+    (query: string): void;
+}
+export interface Props {
+    emojis: EmojiDescription[];
+    currentUser?: User;
+    onEmojiSelected?: OnEmojiEvent;
+    onEmojiActive?: OnEmojiEvent;
+    onEmojiDelete?: OnEmojiEvent;
+    onCategoryActivated?: OnCategory;
+    selectedTone?: ToneSelection;
+    onSearch?: OnSearch;
+    loading?: boolean;
+    query?: string;
+    initialUploadName?: string;
+    onToneSelected?: OnToneSelected;
+    onToneSelectorCancelled?: OnToneSelectorCancelled;
+    toneEmoji?: EmojiDescriptionWithVariations;
+    uploading: boolean;
+    emojiToDelete?: EmojiDescription;
+    uploadErrorMessage?: Message;
+    uploadEnabled: boolean;
+    onUploadEmoji: OnUploadEmoji;
+    onUploadCancelled: () => void;
+    onDeleteEmoji: OnDeleteEmoji;
+    onCloseDelete: () => void;
+    onFileChooserClicked?: () => void;
+    onOpenUpload: () => void;
+    size?: PickerSize;
+    activeCategoryId?: CategoryId | null;
+}
+export interface State {
+}
+export default class EmojiPickerVirtualListInternal extends PureComponent<Props, State> {
+    static defaultProps: {
+        onEmojiSelected: () => void;
+        onEmojiActive: () => void;
+        onEmojiDelete: () => void;
+        onCategoryActivated: () => void;
+        onSearch: () => void;
+        size: string;
+    };
+    private allEmojiGroups;
+    private virtualItems;
+    private categoryTracker;
+    private lastYourUploadsRow;
+    private listRef;
+    constructor(props: Props);
+    UNSAFE_componentWillUpdate(nextProps: Props, nextState: State): void;
+    private onEmojiActive;
+    private onSearch;
+    private findEmojiRowAndColumnById;
+    /**
+     * Scrolls to a category in the list view
+     */
+    reveal(category: CategoryId): void;
+    scrollToBottom(): void;
+    scrollToTop(): void;
+    scrollToRow(index?: number): void;
+    scrollToRecentlyUploaded(uploadedEmoji: EmojiDescription): void;
+    private buildVirtualItemFromGroup;
+    private buildVirtualItems;
+    private addToCategoryMap;
+    private groupByCategory;
+    private buildEmojiGroupedByCategory;
+    private findCategoryToActivate;
+    /**
+     * onRowsRendered callback function
+     *
+     * Check the category of top of rendered row and inform category selector to change active category
+     * Rove index of emoji picker list
+     */
+    private onRowsRendered;
+    private rowSize;
+    private renderRow;
+    /**
+     * After deleting emoji, we'll update the focus index to the first emoji of last row of your uploads, so when user navigate back focus will still work
+     * if last emoji in your uploads is deleted, the updated focus index will be outdated, as there will be no your uploads section
+     * however, it'll trigger onChange from VirtualList, which will update focus index automatically for us
+     */
+    private handleOnCloseDelete;
+    render(): jsx.JSX.Element;
+}

package/dist/types-ts4.5/components/picker/EmojiPickerListSearch.d.ts

@@ -0,0 +1,11 @@
+import { jsx } from '@emotion/react';
+import { Styles } from '../../types';
+export interface Props {
+    style?: Styles;
+    query?: string;
+    isVisible?: boolean;
+    onChange: (value: string) => void;
+    resultsCount: number;
+}
+export declare const emojiPickerSearchTestId = "emoji-picker-serach";
+export declare const EmojiPickerListSearch: (props: Props) => jsx.JSX.Element;

package/dist/types-ts4.5/components/picker/EmojiPickerSizes.d.ts

@@ -0,0 +1,11 @@
+export declare const sizes: {
+    listHeight: number;
+    listWidth: number;
+    searchHeight: number;
+    categoryHeadingHeight: number;
+    emojiRowHeight: number;
+    addEmojiHeight: number;
+    loadingRowHeight: number;
+    uploadActionHeight: number;
+    emojiPerRow: number;
+};

package/dist/types-ts4.5/components/picker/EmojiPickerVirtualItems.d.ts

@@ -0,0 +1,33 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
+import { Props as EmojiRowProps } from './EmojiPickerEmojiRow';
+import { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
+export interface RenderItem {
+    (context?: VirtualItemContext): ReactNode;
+}
+export interface VirtualItem<P> {
+    height: number;
+    props: P;
+    renderItem: RenderItem;
+}
+export declare abstract class AbstractItem<P> implements VirtualItem<P> {
+    readonly height: number;
+    readonly props: P;
+    constructor(props: P, height: number);
+    abstract renderItem: RenderItem;
+}
+export declare class EmojisRowItem extends AbstractItem<EmojiRowProps> {
+    constructor(props: EmojiRowProps);
+    renderItem: (context?: VirtualItemContext) => jsx.JSX.Element;
+}
+export declare class LoadingItem extends AbstractItem<{}> {
+    constructor();
+    renderItem: () => jsx.JSX.Element;
+}
+export declare class CategoryHeadingItem extends AbstractItem<CategoryHeadingProps> {
+    constructor(props: CategoryHeadingProps);
+    renderItem: () => jsx.JSX.Element;
+}
+export declare const virtualItemRenderer: (rows: VirtualItem<CategoryHeadingProps | EmojiRowProps | {}>[], context: VirtualItemContext) => jsx.JSX.Element;