@atlaskit/emoji 69.0.1 → 69.0.2

package/dist/types/components/compiled/picker/EmojiPicker.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { ComponentClass } from 'react';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { EmojiProvider } from '../../../api/EmojiResource';
+import type { OnEmojiEvent, PickerSize } from '../../../types';
+import LoadingEmojiComponent, { type Props as LoadingProps, type State as LoadingState } from '../../common/LoadingEmojiComponent';
+import type { PickerRefHandler, Props as ComponentProps } from './EmojiPickerComponent';
+export declare const preloadEmojiPicker: () => void;
+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?: React.ComponentType<React.PropsWithChildren<ComponentProps>>;
+    static defaultProps: {
+        size: string;
+    };
+    state: {
+        asyncLoadedComponent: import("react").ComponentType<import("react").PropsWithChildren<ComponentProps>> | undefined;
+    };
+    constructor(props: Props);
+    asyncLoadComponent(): void;
+    renderLoading(): JSX.Element | null;
+    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiPickerComponent: ComponentClass<ComponentProps>): JSX.Element;
+}
+declare const EmojiPicker: import("react").ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export default EmojiPicker;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { CategoryGroupKey } from '../../picker/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: ({ id, title, className }: Props) => JSX.Element;
+export default EmojiPickerCategoryHeading;

package/dist/types/components/compiled/picker/EmojiPickerComponent.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { type OnEmojiEvent, type PickerSize } from '../../../types';
+import type { 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.Element>;
+export default _default;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { EmojiDescription, OnEmojiEvent } from '../../../types';
+import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
+import type { CategoryGroupKey } from '../../picker/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").MemoExoticComponent<({ emojis, onSelected, onMouseMove, onFocus, title, showDelete, onDelete, virtualItemContext, }: Props) => JSX.Element>;
+export default _default;

package/dist/types/components/compiled/picker/EmojiPickerFooter.d.ts

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

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

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

package/dist/types/components/compiled/picker/EmojiPickerTabPanel.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type WrappedComponentProps } from 'react-intl-next';
+/**
+ * TODO: have to use class component here as unit test is relying on ref.root. Will refactor this whole file + EmojiPickerList to functional component in future
+ * ticket: COLLAB-2317
+ */
+interface EmojiPickerTabPanelProps extends WrappedComponentProps {
+    /**
+     * Indicate whether the panel shows search results or full emojis list
+     */
+    showSearchResults: boolean;
+    children?: React.ReactNode;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<React.PropsWithChildren<EmojiPickerTabPanelProps>>> & {
+    WrappedComponent: React.ComponentType<React.PropsWithChildren<EmojiPickerTabPanelProps>>;
+};
+export default _default;

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

@@ -0,0 +1,35 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { ReactNode } from 'react';
+import { type Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
+import { type Props as EmojiRowProps } from './EmojiPickerEmojiRow';
+import type { 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.Element;
+}
+export declare class LoadingItem extends AbstractItem<{}> {
+    constructor();
+    renderItem: () => JSX.Element;
+}
+export declare class CategoryHeadingItem extends AbstractItem<CategoryHeadingProps> {
+    constructor(props: CategoryHeadingProps);
+    renderItem: () => JSX.Element;
+}
+export declare const virtualItemRenderer: (rows: VirtualItem<CategoryHeadingProps | EmojiRowProps | {}>[], context: VirtualItemContext) => JSX.Element;

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

@@ -0,0 +1,42 @@
+import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
+import React from 'react';
+type Props = {
+    overscanRowCount: number;
+    rowHeight: (index: number) => number;
+    rowRenderer: (context: VirtualItemContext) => JSX.Element;
+    onRowsRendered: (indexes: {
+        startIndex: number;
+    }) => void;
+    rowCount: number;
+    scrollToAlignment: 'start' | 'end';
+    width: number;
+    height: number;
+};
+export type ListRef = {
+    /**
+     * Scroll to the row by row index
+     * @param index row index of virtual list
+     */
+    scrollToRow: (index?: number) => void;
+    /**
+     * Scroll to the row by row index, and focus on last emoji in that row
+     * @param index row index of virtual list
+     * @returns
+     */
+    scrollToRowAndFocusLastEmoji: (index?: number) => void;
+    /**
+     * Scroll to a emoji in virtual list and focus on it
+     * @param rIndex row index of virtual list
+     * @param cIndex column index of virtual list
+     */
+    scrollToEmojiAndFocus: (rIndex: number, cIndex: number) => void;
+    /**
+     * Update the focus index of virtual list, which will manage tabIndex via EmojiPickerListContext
+     * @param rIndex row index of virtual list
+     * @param cIndex column index of virtual list
+     */
+    updateFocusIndex: (rIndex: number, cIndex?: number) => void;
+};
+export declare const virtualListScrollContainerTestId = "virtual-list-scroll-container";
+export declare const VirtualList: React.ForwardRefExoticComponent<Props & React.RefAttributes<ListRef>>;
+export {};

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

@@ -1,9 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React, { PureComponent } from 'react';
-import { jsx } from '@emotion/react';
 import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, PickerSize, ToneSelection, User } from '../../types';
 import { type CategoryId } from './categories';
 import type { OnUploadEmoji } from '../common/EmojiUploadPicker';
@@ -100,6 +95,6 @@ export declare class EmojiPickerVirtualListInternalOld extends PureComponent<Pro
      * however, it'll trigger onChange from VirtualList, which will update focus index automatically for us
      */
     private handleOnCloseDelete;
-    render(): jsx.JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const EmojiPickerVirtualListInternalNew: React.ForwardRefExoticComponent<Props & React.RefAttributes<PickerListRef>>;

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

@@ -0,0 +1,21 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type WrappedComponentProps } from 'react-intl-next';
+/**
+ * TODO: have to use class component here as unit test is relying on ref.root. Will refactor this whole file + EmojiPickerList to functional component in future
+ * ticket: COLLAB-2317
+ */
+interface EmojiPickerTabPanelProps extends WrappedComponentProps {
+    /**
+     * Indicate whether the panel shows search results or full emojis list
+     */
+    showSearchResults: boolean;
+    children?: React.ReactNode;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<React.PropsWithChildren<EmojiPickerTabPanelProps>>> & {
+    WrappedComponent: React.ComponentType<React.PropsWithChildren<EmojiPickerTabPanelProps>>;
+};
+export default _default;

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

@@ -2,7 +2,6 @@ import type { PickerSize } from '../../types';
 export declare const emojiPicker: (hasPreview?: boolean, size?: PickerSize) => import("@emotion/react").SerializedStyles;
 export declare const categorySelector: import("@emotion/react").SerializedStyles;
 export declare const categorySelectorTablist: import("@emotion/react").SerializedStyles;
-export declare const emojiPickerList: import("@emotion/react").SerializedStyles;
 export declare const virtualList: import("@emotion/react").SerializedStyles;
 export declare const searchIcon: import("@emotion/react").SerializedStyles;
 export declare const input: import("@emotion/react").SerializedStyles;

package/dist/types/index.d.ts

@@ -1,7 +1,8 @@
 import { AbstractResource } from '@atlaskit/util-service-support';
 import { Emoji, EmojiPlaceholder } from './element';
 import ResourcedEmoji from './components/common/ResourcedEmoji';
-import EmojiPicker, { preloadEmojiPicker } from './components/picker/EmojiPicker';
+import { EmojiPicker } from './picker';
+import { preloadEmojiPicker } from './components/picker/EmojiPicker';
 import EmojiUploader from './components/uploader/EmojiUploader';
 import EmojiTypeAhead from './components/typeahead/EmojiTypeAhead';
 import EmojiTypeAheadItem from './components/typeahead/EmojiTypeAheadItem';

package/dist/types/picker.d.ts

@@ -1 +1,3 @@
-export { default as EmojiPicker } from './components/picker/EmojiPicker';
+/// <reference types="react" />
+declare const EmojiPicker: import("react").FC<Omit<Omit<import("./components/compiled/picker/EmojiPicker").Props & import("@atlaskit/analytics-next").WithAnalyticsEventsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "ref"> & Omit<Omit<import("./components/picker/EmojiPicker").Props & import("@atlaskit/analytics-next").WithAnalyticsEventsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
+export { EmojiPicker };

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { CategoryDescription, OnCategory } from '../../../types';
+import { type CategoryGroupKey, type CategoryId } from '../../picker/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.Element;
+export default CategorySelector;

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

@@ -0,0 +1,44 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { ComponentClass } from 'react';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { EmojiProvider } from '../../../api/EmojiResource';
+import type { OnEmojiEvent, PickerSize } from '../../../types';
+import LoadingEmojiComponent, { type Props as LoadingProps, type State as LoadingState } from '../../common/LoadingEmojiComponent';
+import type { PickerRefHandler, Props as ComponentProps } from './EmojiPickerComponent';
+export declare const preloadEmojiPicker: () => void;
+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?: React.ComponentType<React.PropsWithChildren<ComponentProps>>;
+    static defaultProps: {
+        size: string;
+    };
+    state: {
+        asyncLoadedComponent: import("react").ComponentType<import("react").PropsWithChildren<ComponentProps>> | undefined;
+    };
+    constructor(props: Props);
+    asyncLoadComponent(): void;
+    renderLoading(): JSX.Element | null;
+    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiPickerComponent: ComponentClass<ComponentProps>): JSX.Element;
+}
+declare const EmojiPicker: import("react").ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
+export default EmojiPicker;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { CategoryGroupKey } from '../../picker/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: ({ id, title, className }: Props) => JSX.Element;
+export default EmojiPickerCategoryHeading;

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { type OnEmojiEvent, type PickerSize } from '../../../types';
+import type { 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.Element>;
+export default _default;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { EmojiDescription, OnEmojiEvent } from '../../../types';
+import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
+import type { CategoryGroupKey } from '../../picker/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").MemoExoticComponent<({ emojis, onSelected, onMouseMove, onFocus, title, showDelete, onDelete, virtualItemContext, }: Props) => JSX.Element>;
+export default _default;

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

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

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

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

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

@@ -0,0 +1,21 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type WrappedComponentProps } from 'react-intl-next';
+/**
+ * TODO: have to use class component here as unit test is relying on ref.root. Will refactor this whole file + EmojiPickerList to functional component in future
+ * ticket: COLLAB-2317
+ */
+interface EmojiPickerTabPanelProps extends WrappedComponentProps {
+    /**
+     * Indicate whether the panel shows search results or full emojis list
+     */
+    showSearchResults: boolean;
+    children?: React.ReactNode;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<React.PropsWithChildren<EmojiPickerTabPanelProps>>> & {
+    WrappedComponent: React.ComponentType<React.PropsWithChildren<EmojiPickerTabPanelProps>>;
+};
+export default _default;

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

@@ -0,0 +1,35 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { ReactNode } from 'react';
+import { type Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
+import { type Props as EmojiRowProps } from './EmojiPickerEmojiRow';
+import type { 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.Element;
+}
+export declare class LoadingItem extends AbstractItem<{}> {
+    constructor();
+    renderItem: () => JSX.Element;
+}
+export declare class CategoryHeadingItem extends AbstractItem<CategoryHeadingProps> {
+    constructor(props: CategoryHeadingProps);
+    renderItem: () => JSX.Element;
+}
+export declare const virtualItemRenderer: (rows: VirtualItem<CategoryHeadingProps | EmojiRowProps | {}>[], context: VirtualItemContext) => JSX.Element;

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

@@ -0,0 +1,42 @@
+import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
+import React from 'react';
+type Props = {
+    overscanRowCount: number;
+    rowHeight: (index: number) => number;
+    rowRenderer: (context: VirtualItemContext) => JSX.Element;
+    onRowsRendered: (indexes: {
+        startIndex: number;
+    }) => void;
+    rowCount: number;
+    scrollToAlignment: 'start' | 'end';
+    width: number;
+    height: number;
+};
+export type ListRef = {
+    /**
+     * Scroll to the row by row index
+     * @param index row index of virtual list
+     */
+    scrollToRow: (index?: number) => void;
+    /**
+     * Scroll to the row by row index, and focus on last emoji in that row
+     * @param index row index of virtual list
+     * @returns
+     */
+    scrollToRowAndFocusLastEmoji: (index?: number) => void;
+    /**
+     * Scroll to a emoji in virtual list and focus on it
+     * @param rIndex row index of virtual list
+     * @param cIndex column index of virtual list
+     */
+    scrollToEmojiAndFocus: (rIndex: number, cIndex: number) => void;
+    /**
+     * Update the focus index of virtual list, which will manage tabIndex via EmojiPickerListContext
+     * @param rIndex row index of virtual list
+     * @param cIndex column index of virtual list
+     */
+    updateFocusIndex: (rIndex: number, cIndex?: number) => void;
+};
+export declare const virtualListScrollContainerTestId = "virtual-list-scroll-container";
+export declare const VirtualList: React.ForwardRefExoticComponent<Props & React.RefAttributes<ListRef>>;
+export {};

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

@@ -1,9 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React, { PureComponent } from 'react';
-import { jsx } from '@emotion/react';
 import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, PickerSize, ToneSelection, User } from '../../types';
 import { type CategoryId } from './categories';
 import type { OnUploadEmoji } from '../common/EmojiUploadPicker';
@@ -100,6 +95,6 @@ export declare class EmojiPickerVirtualListInternalOld extends PureComponent<Pro
      * however, it'll trigger onChange from VirtualList, which will update focus index automatically for us
      */
     private handleOnCloseDelete;
-    render(): jsx.JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const EmojiPickerVirtualListInternalNew: React.ForwardRefExoticComponent<Props & React.RefAttributes<PickerListRef>>;

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

@@ -0,0 +1,21 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type WrappedComponentProps } from 'react-intl-next';
+/**
+ * TODO: have to use class component here as unit test is relying on ref.root. Will refactor this whole file + EmojiPickerList to functional component in future
+ * ticket: COLLAB-2317
+ */
+interface EmojiPickerTabPanelProps extends WrappedComponentProps {
+    /**
+     * Indicate whether the panel shows search results or full emojis list
+     */
+    showSearchResults: boolean;
+    children?: React.ReactNode;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<React.PropsWithChildren<EmojiPickerTabPanelProps>>> & {
+    WrappedComponent: React.ComponentType<React.PropsWithChildren<EmojiPickerTabPanelProps>>;
+};
+export default _default;

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

@@ -2,7 +2,6 @@ import type { PickerSize } from '../../types';
 export declare const emojiPicker: (hasPreview?: boolean, size?: PickerSize) => import("@emotion/react").SerializedStyles;
 export declare const categorySelector: import("@emotion/react").SerializedStyles;
 export declare const categorySelectorTablist: import("@emotion/react").SerializedStyles;
-export declare const emojiPickerList: import("@emotion/react").SerializedStyles;
 export declare const virtualList: import("@emotion/react").SerializedStyles;
 export declare const searchIcon: import("@emotion/react").SerializedStyles;
 export declare const input: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/index.d.ts

@@ -1,7 +1,8 @@
 import { AbstractResource } from '@atlaskit/util-service-support';
 import { Emoji, EmojiPlaceholder } from './element';
 import ResourcedEmoji from './components/common/ResourcedEmoji';
-import EmojiPicker, { preloadEmojiPicker } from './components/picker/EmojiPicker';
+import { EmojiPicker } from './picker';
+import { preloadEmojiPicker } from './components/picker/EmojiPicker';
 import EmojiUploader from './components/uploader/EmojiUploader';
 import EmojiTypeAhead from './components/typeahead/EmojiTypeAhead';
 import EmojiTypeAheadItem from './components/typeahead/EmojiTypeAheadItem';

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

@@ -1 +1,3 @@
-export { default as EmojiPicker } from './components/picker/EmojiPicker';
+/// <reference types="react" />
+declare const EmojiPicker: import("react").FC<Omit<Omit<import("./components/compiled/picker/EmojiPicker").Props & import("@atlaskit/analytics-next").WithAnalyticsEventsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "ref"> & Omit<Omit<import("./components/picker/EmojiPicker").Props & import("@atlaskit/analytics-next").WithAnalyticsEventsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
+export { EmojiPicker };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "69.0.1",
+	"version": "69.0.2",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,13 +37,14 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/button": "^21.1.0",
+		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/heading": "^5.1.0",
 		"@atlaskit/icon": "^25.0.0",
 		"@atlaskit/media-client": "^32.0.0",
 		"@atlaskit/media-client-react": "^4.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.1.0",
-		"@atlaskit/primitives": "^14.1.0",
+		"@atlaskit/primitives": "^14.2.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",