@atlaskit/emoji 67.0.7 → 67.2.0

package/dist/types/components/i18n.d.ts

@@ -44,6 +44,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    emojiSelectSkinToneListAriaLabelText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     emojiImageRequirements: {
         id: string;
         defaultMessage: string;
@@ -84,6 +89,21 @@ export declare const messages: {
         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;
@@ -169,4 +189,24 @@ export declare const messages: {
         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;
+    };
 };

package/dist/types/components/picker/CategorySelector.d.ts

@@ -1,6 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
+import { jsx } from '@emotion/react';
 import { CategoryDescription, OnCategory } from '../../types';
 import { CategoryGroupKey, CategoryId } from './categories';
 export interface Props {
@@ -9,16 +7,11 @@ export interface Props {
     disableCategories?: boolean;
     onCategorySelected?: OnCategory;
 }
-export interface State {
-    categories: CategoryId[];
-}
 export declare 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 _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
-};
-export default _default;
+declare const CategorySelector: (props: Props) => jsx.JSX.Element;
+export default CategorySelector;

package/dist/types/components/picker/CategoryTracker.d.ts

@@ -1,5 +1,4 @@
 import { CategoryId } from './categories';
-import { VirtualList } from './VirtualList';
 /**
  * Mapping between CategoryId and row
  *
@@ -13,5 +12,4 @@ export default class CategoryTracker {
     reset(): void;
     add(category: CategoryId, row: number): void;
     getRow(category: CategoryId): number | undefined;
-    findNearestCategoryAbove(startIndex: number, list?: VirtualList): CategoryId | undefined;
 }

package/dist/types/components/picker/EmojiPickerCategoryHeading.d.ts

@@ -1,11 +1,12 @@
 /** @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: string;
+    id: CategoryGroupKey;
     title: string;
     className?: string;
 }

package/dist/types/components/picker/EmojiPickerEmojiRow.d.ts

@@ -1,12 +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/components/picker/EmojiPickerList.d.ts

@@ -38,10 +38,11 @@ export interface Props {
     onFileChooserClicked?: () => void;
     onOpenUpload: () => void;
     size?: PickerSize;
+    activeCategoryId?: CategoryId | null;
 }
 export interface State {
 }
-export default class EmojiPickerVirtualList extends PureComponent<Props, State> {
+export default class EmojiPickerVirtualListInternal extends PureComponent<Props, State> {
     static defaultProps: {
         onEmojiSelected: () => void;
         onEmojiActive: () => void;
@@ -51,29 +52,35 @@ export default class EmojiPickerVirtualList extends PureComponent<Props, State>
         size: string;
     };
     private allEmojiGroups;
-    private activeCategoryId;
     private virtualItems;
     private categoryTracker;
+    private lastYourUploadsRow;
+    private listRef;
     constructor(props: Props);
     UNSAFE_componentWillUpdate(nextProps: Props, nextState: State): void;
-    private onEmojiMouseEnter;
+    private onEmojiActive;
     private onSearch;
     /**
      * Scrolls to a category in the list view
      */
     reveal(category: CategoryId): void;
     scrollToBottom(): void;
+    scrollToTop(): void;
+    scrollToRow(index?: number): void;
+    scrollToRecentlyUploaded(): void;
     private buildVirtualItemFromGroup;
     private buildVirtualItems;
     private addToCategoryMap;
     private groupByCategory;
     private buildEmojiGroupedByCategory;
-    private repaintList;
+    private findCategoryToActivate;
     /**
-     * Checks if list is showing a new CategoryId
-     * to inform selector to change active category
+     * 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 checkCategoryIdChange;
+    private onRowsRendered;
     private rowSize;
     private renderRow;
     render(): jsx.JSX.Element;

package/dist/types/components/picker/EmojiPickerListSearch.d.ts

@@ -1,14 +1,10 @@
-/** @jsx jsx */
-import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
+import { jsx } from '@emotion/react';
 import { Styles } from '../../types';
 export interface Props {
     style?: Styles;
     query?: string;
-    onChange: any;
+    onChange: (value: string) => void;
+    resultsCount: number;
 }
 export declare const emojiPickerSearchTestId = "emoji-picker-serach";
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
-};
-export default _default;
+export declare const EmojiPickerListSearch: (props: Props) => jsx.JSX.Element;

package/dist/types/components/picker/EmojiPickerVirtualItems.d.ts

@@ -20,7 +20,7 @@ export declare abstract class AbstractItem<P> implements VirtualItem<P> {
 }
 export declare class EmojisRowItem extends AbstractItem<EmojiRowProps> {
     constructor(props: EmojiRowProps);
-    renderItem: () => jsx.JSX.Element;
+    renderItem: (context?: VirtualItemContext | undefined) => jsx.JSX.Element;
 }
 export declare class LoadingItem extends AbstractItem<{}> {
     constructor();

package/dist/types/components/picker/VirtualList.d.ts

@@ -1,7 +1,5 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
-import { PureComponent, UIEvent } from 'react';
+import React from 'react';
 declare type Props = {
     overscanRowCount: number;
     rowHeight: (index: number) => number;
@@ -14,26 +12,11 @@ declare type Props = {
     width: number;
     height: number;
 };
+export declare type ListRef = {
+    scrollToRow: (index?: number) => void;
+    scrollToRowAndFocusLastEmoji: (index?: number) => void;
+    updateFocusIndex: (index: number) => void;
+};
 export declare const virtualListScrollContainerTestId = "virtual-list-scroll-container";
-export declare class VirtualList extends PureComponent<Props> {
-    private parentRef;
-    private rowVirtualizer;
-    /**
-     * Determine if the component is mounted to the DOM or not
-     */
-    private _isMounted;
-    constructor(props: Props);
-    private getVirtualizerOptions;
-    private isElementVisible;
-    private getFirstVisibleListElementIndex;
-    private onRendered;
-    componentDidUpdate(): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    scrollToRow(index?: number): void;
-    forceUpdateGrid(): void;
-    recomputeRowHeights(): void;
-    handleScroll(e: UIEvent<HTMLDivElement>): void;
-    render(): jsx.JSX.Element;
-}
+export declare const VirtualList: React.ForwardRefExoticComponent<Props & React.RefAttributes<ListRef>>;
 export {};

package/dist/types/components/picker/styles.d.ts

@@ -1,7 +1,7 @@
 import { PickerSize } from '../../types';
 export declare const emojiPicker: (hasPreview?: boolean | undefined, size?: PickerSize) => import("@emotion/react").SerializedStyles;
-export declare const addButton = "emoji-picker-add-button";
 export declare const categorySelector: import("@emotion/react").SerializedStyles;
+export declare const categorySelectorTablist: import("@emotion/react").SerializedStyles;
 export declare const active: import("@emotion/react").SerializedStyles;
 export declare const disable: import("@emotion/react").SerializedStyles;
 export declare const categoryStyles: import("@emotion/react").SerializedStyles;

package/dist/types/context/EmojiPickerListContext.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+import { EmojiPickerListContextType } from '../components/common/internal-types';
+export declare const EmojiPickerListContext: React.Context<EmojiPickerListContextType>;
+export interface EmojiPickerListContextProviderProps {
+    initialEmojisFocus: {
+        rowIndex: number;
+        columnIndex: number;
+    };
+}
+export declare const EmojiPickerListContextProvider: FC<EmojiPickerListContextProviderProps>;

package/dist/types/hooks/useEmojiPickerListContext.d.ts

@@ -0,0 +1 @@
+export declare const useEmojiPickerListContext: () => import("../components/common/internal-types").EmojiPickerListContextType;

package/dist/types/hooks/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare function useIsMounted(): boolean;

package/dist/types/i18n/cs.d.ts

@@ -1,38 +1,38 @@
 declare const _default: {
-    'fabric.emoji.add.custom.emoji.label': string;
-    'fabric.emoji.add.label': string;
-    'fabric.emoji.cancel.label': string;
-    'fabric.emoji.categories.search.results': string;
-    'fabric.emoji.category.activity': string;
-    'fabric.emoji.category.all.uploads': string;
-    'fabric.emoji.category.flags': string;
-    'fabric.emoji.category.foods': string;
-    'fabric.emoji.category.frequent': string;
-    'fabric.emoji.category.nature': string;
-    'fabric.emoji.category.objects': string;
-    'fabric.emoji.category.people': string;
-    'fabric.emoji.category.places': string;
-    'fabric.emoji.category.productivity': string;
-    'fabric.emoji.category.symbols': string;
-    'fabric.emoji.category.user.uploads': string;
-    'fabric.emoji.choose.file.screenReaderDescription': string;
-    'fabric.emoji.choose.file.title': string;
-    'fabric.emoji.delete.description': string;
-    'fabric.emoji.delete.label': string;
-    'fabric.emoji.delete.title': string;
-    'fabric.emoji.error.delete.failed': string;
-    'fabric.emoji.error.image.too.big': string;
-    'fabric.emoji.error.invalid.image': string;
-    'fabric.emoji.error.upload.failed': string;
-    'fabric.emoji.image.requirements': string;
-    'fabric.emoji.name.ariaLabel': string;
-    'fabric.emoji.placeholder': string;
-    'fabric.emoji.preview': string;
-    'fabric.emoji.preview.title': string;
-    'fabric.emoji.retry.label': string;
-    'fabric.emoji.search.label': string;
-    'fabric.emoji.search.placeholder': string;
-    'fabric.emoji.select.skin.tone.ariaLabel': string;
+    "fabric.emoji.add.custom.emoji.label": string;
+    "fabric.emoji.add.label": string;
+    "fabric.emoji.cancel.label": string;
+    "fabric.emoji.categories.search.results": string;
+    "fabric.emoji.category.activity": string;
+    "fabric.emoji.category.all.uploads": string;
+    "fabric.emoji.category.flags": string;
+    "fabric.emoji.category.foods": string;
+    "fabric.emoji.category.frequent": string;
+    "fabric.emoji.category.nature": string;
+    "fabric.emoji.category.objects": string;
+    "fabric.emoji.category.people": string;
+    "fabric.emoji.category.places": string;
+    "fabric.emoji.category.productivity": string;
+    "fabric.emoji.category.symbols": string;
+    "fabric.emoji.category.user.uploads": string;
+    "fabric.emoji.choose.file.screenReaderDescription": string;
+    "fabric.emoji.choose.file.title": string;
+    "fabric.emoji.delete.description": string;
+    "fabric.emoji.delete.label": string;
+    "fabric.emoji.delete.title": string;
+    "fabric.emoji.error.delete.failed": string;
+    "fabric.emoji.error.image.too.big": string;
+    "fabric.emoji.error.invalid.image": string;
+    "fabric.emoji.error.upload.failed": string;
+    "fabric.emoji.image.requirements": string;
+    "fabric.emoji.name.ariaLabel": string;
+    "fabric.emoji.placeholder": string;
+    "fabric.emoji.preview": string;
+    "fabric.emoji.preview.title": string;
+    "fabric.emoji.retry.label": string;
+    "fabric.emoji.search.label": string;
+    "fabric.emoji.search.placeholder": string;
+    "fabric.emoji.select.skin.tone.ariaLabel": string;
 };
 /**
  * NOTE:

package/dist/types/i18n/da.d.ts

@@ -1,38 +1,38 @@
 declare const _default: {
-    'fabric.emoji.add.custom.emoji.label': string;
-    'fabric.emoji.add.label': string;
-    'fabric.emoji.cancel.label': string;
-    'fabric.emoji.categories.search.results': string;
-    'fabric.emoji.category.activity': string;
-    'fabric.emoji.category.all.uploads': string;
-    'fabric.emoji.category.flags': string;
-    'fabric.emoji.category.foods': string;
-    'fabric.emoji.category.frequent': string;
-    'fabric.emoji.category.nature': string;
-    'fabric.emoji.category.objects': string;
-    'fabric.emoji.category.people': string;
-    'fabric.emoji.category.places': string;
-    'fabric.emoji.category.productivity': string;
-    'fabric.emoji.category.symbols': string;
-    'fabric.emoji.category.user.uploads': string;
-    'fabric.emoji.choose.file.screenReaderDescription': string;
-    'fabric.emoji.choose.file.title': string;
-    'fabric.emoji.delete.description': string;
-    'fabric.emoji.delete.label': string;
-    'fabric.emoji.delete.title': string;
-    'fabric.emoji.error.delete.failed': string;
-    'fabric.emoji.error.image.too.big': string;
-    'fabric.emoji.error.invalid.image': string;
-    'fabric.emoji.error.upload.failed': string;
-    'fabric.emoji.image.requirements': string;
-    'fabric.emoji.name.ariaLabel': string;
-    'fabric.emoji.placeholder': string;
-    'fabric.emoji.preview': string;
-    'fabric.emoji.preview.title': string;
-    'fabric.emoji.retry.label': string;
-    'fabric.emoji.search.label': string;
-    'fabric.emoji.search.placeholder': string;
-    'fabric.emoji.select.skin.tone.ariaLabel': string;
+    "fabric.emoji.add.custom.emoji.label": string;
+    "fabric.emoji.add.label": string;
+    "fabric.emoji.cancel.label": string;
+    "fabric.emoji.categories.search.results": string;
+    "fabric.emoji.category.activity": string;
+    "fabric.emoji.category.all.uploads": string;
+    "fabric.emoji.category.flags": string;
+    "fabric.emoji.category.foods": string;
+    "fabric.emoji.category.frequent": string;
+    "fabric.emoji.category.nature": string;
+    "fabric.emoji.category.objects": string;
+    "fabric.emoji.category.people": string;
+    "fabric.emoji.category.places": string;
+    "fabric.emoji.category.productivity": string;
+    "fabric.emoji.category.symbols": string;
+    "fabric.emoji.category.user.uploads": string;
+    "fabric.emoji.choose.file.screenReaderDescription": string;
+    "fabric.emoji.choose.file.title": string;
+    "fabric.emoji.delete.description": string;
+    "fabric.emoji.delete.label": string;
+    "fabric.emoji.delete.title": string;
+    "fabric.emoji.error.delete.failed": string;
+    "fabric.emoji.error.image.too.big": string;
+    "fabric.emoji.error.invalid.image": string;
+    "fabric.emoji.error.upload.failed": string;
+    "fabric.emoji.image.requirements": string;
+    "fabric.emoji.name.ariaLabel": string;
+    "fabric.emoji.placeholder": string;
+    "fabric.emoji.preview": string;
+    "fabric.emoji.preview.title": string;
+    "fabric.emoji.retry.label": string;
+    "fabric.emoji.search.label": string;
+    "fabric.emoji.search.placeholder": string;
+    "fabric.emoji.select.skin.tone.ariaLabel": string;
 };
 /**
  * NOTE:

package/dist/types/i18n/de.d.ts

@@ -1,38 +1,38 @@
 declare const _default: {
-    'fabric.emoji.add.custom.emoji.label': string;
-    'fabric.emoji.add.label': string;
-    'fabric.emoji.cancel.label': string;
-    'fabric.emoji.categories.search.results': string;
-    'fabric.emoji.category.activity': string;
-    'fabric.emoji.category.all.uploads': string;
-    'fabric.emoji.category.flags': string;
-    'fabric.emoji.category.foods': string;
-    'fabric.emoji.category.frequent': string;
-    'fabric.emoji.category.nature': string;
-    'fabric.emoji.category.objects': string;
-    'fabric.emoji.category.people': string;
-    'fabric.emoji.category.places': string;
-    'fabric.emoji.category.productivity': string;
-    'fabric.emoji.category.symbols': string;
-    'fabric.emoji.category.user.uploads': string;
-    'fabric.emoji.choose.file.screenReaderDescription': string;
-    'fabric.emoji.choose.file.title': string;
-    'fabric.emoji.delete.description': string;
-    'fabric.emoji.delete.label': string;
-    'fabric.emoji.delete.title': string;
-    'fabric.emoji.error.delete.failed': string;
-    'fabric.emoji.error.image.too.big': string;
-    'fabric.emoji.error.invalid.image': string;
-    'fabric.emoji.error.upload.failed': string;
-    'fabric.emoji.image.requirements': string;
-    'fabric.emoji.name.ariaLabel': string;
-    'fabric.emoji.placeholder': string;
-    'fabric.emoji.preview': string;
-    'fabric.emoji.preview.title': string;
-    'fabric.emoji.retry.label': string;
-    'fabric.emoji.search.label': string;
-    'fabric.emoji.search.placeholder': string;
-    'fabric.emoji.select.skin.tone.ariaLabel': string;
+    "fabric.emoji.add.custom.emoji.label": string;
+    "fabric.emoji.add.label": string;
+    "fabric.emoji.cancel.label": string;
+    "fabric.emoji.categories.search.results": string;
+    "fabric.emoji.category.activity": string;
+    "fabric.emoji.category.all.uploads": string;
+    "fabric.emoji.category.flags": string;
+    "fabric.emoji.category.foods": string;
+    "fabric.emoji.category.frequent": string;
+    "fabric.emoji.category.nature": string;
+    "fabric.emoji.category.objects": string;
+    "fabric.emoji.category.people": string;
+    "fabric.emoji.category.places": string;
+    "fabric.emoji.category.productivity": string;
+    "fabric.emoji.category.symbols": string;
+    "fabric.emoji.category.user.uploads": string;
+    "fabric.emoji.choose.file.screenReaderDescription": string;
+    "fabric.emoji.choose.file.title": string;
+    "fabric.emoji.delete.description": string;
+    "fabric.emoji.delete.label": string;
+    "fabric.emoji.delete.title": string;
+    "fabric.emoji.error.delete.failed": string;
+    "fabric.emoji.error.image.too.big": string;
+    "fabric.emoji.error.invalid.image": string;
+    "fabric.emoji.error.upload.failed": string;
+    "fabric.emoji.image.requirements": string;
+    "fabric.emoji.name.ariaLabel": string;
+    "fabric.emoji.placeholder": string;
+    "fabric.emoji.preview": string;
+    "fabric.emoji.preview.title": string;
+    "fabric.emoji.retry.label": string;
+    "fabric.emoji.search.label": string;
+    "fabric.emoji.search.placeholder": string;
+    "fabric.emoji.select.skin.tone.ariaLabel": string;
 };
 /**
  * NOTE:

package/dist/types/i18n/en.d.ts

@@ -1,38 +1,38 @@
 declare const _default: {
-    'fabric.emoji.add.custom.emoji.label': string;
-    'fabric.emoji.add.label': string;
-    'fabric.emoji.cancel.label': string;
-    'fabric.emoji.categories.search.results': string;
-    'fabric.emoji.category.activity': string;
-    'fabric.emoji.category.all.uploads': string;
-    'fabric.emoji.category.flags': string;
-    'fabric.emoji.category.foods': string;
-    'fabric.emoji.category.frequent': string;
-    'fabric.emoji.category.nature': string;
-    'fabric.emoji.category.objects': string;
-    'fabric.emoji.category.people': string;
-    'fabric.emoji.category.places': string;
-    'fabric.emoji.category.productivity': string;
-    'fabric.emoji.category.symbols': string;
-    'fabric.emoji.category.user.uploads': string;
-    'fabric.emoji.choose.file.screenReaderDescription': string;
-    'fabric.emoji.choose.file.title': string;
-    'fabric.emoji.delete.description': string;
-    'fabric.emoji.delete.label': string;
-    'fabric.emoji.delete.title': string;
-    'fabric.emoji.error.delete.failed': string;
-    'fabric.emoji.error.image.too.big': string;
-    'fabric.emoji.error.invalid.image': string;
-    'fabric.emoji.error.upload.failed': string;
-    'fabric.emoji.image.requirements': string;
-    'fabric.emoji.name.ariaLabel': string;
-    'fabric.emoji.placeholder': string;
-    'fabric.emoji.preview': string;
-    'fabric.emoji.preview.title': string;
-    'fabric.emoji.retry.label': string;
-    'fabric.emoji.search.label': string;
-    'fabric.emoji.search.placeholder': string;
-    'fabric.emoji.select.skin.tone.ariaLabel': string;
+    "fabric.emoji.add.custom.emoji.label": string;
+    "fabric.emoji.add.label": string;
+    "fabric.emoji.cancel.label": string;
+    "fabric.emoji.categories.search.results": string;
+    "fabric.emoji.category.activity": string;
+    "fabric.emoji.category.all.uploads": string;
+    "fabric.emoji.category.flags": string;
+    "fabric.emoji.category.foods": string;
+    "fabric.emoji.category.frequent": string;
+    "fabric.emoji.category.nature": string;
+    "fabric.emoji.category.objects": string;
+    "fabric.emoji.category.people": string;
+    "fabric.emoji.category.places": string;
+    "fabric.emoji.category.productivity": string;
+    "fabric.emoji.category.symbols": string;
+    "fabric.emoji.category.user.uploads": string;
+    "fabric.emoji.choose.file.screenReaderDescription": string;
+    "fabric.emoji.choose.file.title": string;
+    "fabric.emoji.delete.description": string;
+    "fabric.emoji.delete.label": string;
+    "fabric.emoji.delete.title": string;
+    "fabric.emoji.error.delete.failed": string;
+    "fabric.emoji.error.image.too.big": string;
+    "fabric.emoji.error.invalid.image": string;
+    "fabric.emoji.error.upload.failed": string;
+    "fabric.emoji.image.requirements": string;
+    "fabric.emoji.name.ariaLabel": string;
+    "fabric.emoji.placeholder": string;
+    "fabric.emoji.preview": string;
+    "fabric.emoji.preview.title": string;
+    "fabric.emoji.retry.label": string;
+    "fabric.emoji.search.label": string;
+    "fabric.emoji.search.placeholder": string;
+    "fabric.emoji.select.skin.tone.ariaLabel": string;
 };
 /**
  * NOTE: