@atlaskit/emoji 71.17.0 → 72.0.0

package/dist/types/api/internal/UsageFrequencyComparator.d.ts

@@ -0,0 +1,17 @@
+import type { EmojiDescription } from '../../types';
+import type { EmojiComparator } from './Comparators';
+/**
+ * Order two emoji such as the one which is more frequently used comes first. If neither have any usage
+ * information then leave their order unchanged.
+ */
+export declare class UsageFrequencyComparator implements EmojiComparator {
+    private positionLookup;
+    constructor(orderedIds: Array<string>);
+    compare(e1: EmojiDescription, e2: EmojiDescription): number;
+    /**
+     * Get the ordinal representing the position of this emoji.
+     *
+     * @param id the id of the emoji
+     */
+    private getPositionInOrder;
+}

package/dist/types/api/internal/UsageFrequencyTracker.d.ts

@@ -31,16 +31,3 @@ export declare class UsageFrequencyTracker {
      */
     clear(): void;
 }
-export declare class Gateway {
-    private maximumPermitted;
-    private count;
-    constructor(maximumPermitted: number);
-    /**
-     * Run the supplied function if the count of already submitted work allows it. Drop the work
-     * if it's not allowed to run.
-     *
-     * Will return true if the function has been submitted or false if it was not submitted.
-     */
-    submit(f: () => void): boolean;
-    private completed;
-}

package/dist/types/api/internal/createSearchEmojiComparator.d.ts

@@ -0,0 +1,9 @@
+import type { EmojiComparator } from './Comparators';
+/**
+ * Create the default sort comparator to be used for the user queries against emoji
+ *
+ * @param query the query used in the search to be sorted. Any colons will be stripped from the query and it will be
+ * converted to lowercase.
+ * @param orderedIds the id of emoji ordered by how frequently they are used
+ */
+export declare function createSearchEmojiComparator(query?: string, orderedIds?: Array<string>): EmojiComparator;

package/dist/types/api/internal/createUsageOnlyEmojiComparator.d.ts

@@ -0,0 +1,2 @@
+import type { EmojiComparator } from './Comparators';
+export declare function createUsageOnlyEmojiComparator(orderedIds: Array<string>): EmojiComparator;

package/dist/types/api/isMediaApiUrl.d.ts

@@ -0,0 +1,2 @@
+import { type EmojiMeta } from '../types';
+export declare const isMediaApiUrl: (url: string, meta?: EmojiMeta) => boolean;

package/dist/types/api/media/BrowserCacheStrategy.d.ts

@@ -0,0 +1,15 @@
+import type { EmojiDescription, OptionalEmojiDescription } from '../../types';
+import type { EmojiCacheStrategy } from './MediaEmojiCache';
+import type MediaImageLoader from './MediaImageLoader';
+/**
+ * For browsers that support caching for resources
+ * regardless of originally supplied headers (basically everything but Firefox).
+ */
+export declare class BrowserCacheStrategy implements EmojiCacheStrategy {
+    private cachedImageUrls;
+    private mediaImageLoader;
+    constructor(mediaImageLoader: MediaImageLoader);
+    loadEmoji(emoji: EmojiDescription, useAlt?: boolean): OptionalEmojiDescription | Promise<OptionalEmojiDescription>;
+    optimisticRendering(): boolean;
+    static supported(mediaPath: string, mediaImageLoader: MediaImageLoader): Promise<boolean>;
+}

package/dist/types/api/media/MediaEmojiCache.d.ts

@@ -1,38 +1,11 @@
 import type { EmojiDescription, OptionalEmojiDescription } from '../../types';
-import MediaImageLoader from './MediaImageLoader';
 import type TokenManager from './TokenManager';
 export interface EmojiCacheStrategy {
     loadEmoji(emoji: EmojiDescription, useAlt?: boolean): OptionalEmojiDescription | Promise<OptionalEmojiDescription>;
     optimisticRendering(): boolean;
 }
-/**
- * For browsers that support caching for resources
- * regardless of originally supplied headers (basically everything but Firefox).
- */
-export declare class BrowserCacheStrategy implements EmojiCacheStrategy {
-    private cachedImageUrls;
-    private mediaImageLoader;
-    constructor(mediaImageLoader: MediaImageLoader);
-    loadEmoji(emoji: EmojiDescription, useAlt?: boolean): OptionalEmojiDescription | Promise<OptionalEmojiDescription>;
-    optimisticRendering(): boolean;
-    static supported(mediaPath: string, mediaImageLoader: MediaImageLoader): Promise<boolean>;
-}
-/**
- * For browsers that do no cache images without equivalent headers (e.g. Firefox).
- *
- * Images are cached in memory in a LRU cache. Images considered too large,
- * are not cached, but retrieved each time.
- *
- * Images are still cached by the browser, but loading in asynchronous with
- * small delay noticable to the end user.
- */
-export declare class MemoryCacheStrategy implements EmojiCacheStrategy {
-    private dataURLCache;
-    private mediaImageLoader;
-    constructor(mediaImageLoader: MediaImageLoader);
-    loadEmoji(emoji: EmojiDescription, useAlt?: boolean): OptionalEmojiDescription | Promise<OptionalEmojiDescription>;
-    optimisticRendering(): boolean;
-}
+export declare const maxImageCached: any;
+export declare const maxImageSize: any;
 /**
  * Provides a cache for Media Emoji.
  *

package/dist/types/api/media/MemoryCacheStrategy.d.ts

@@ -0,0 +1,19 @@
+import type { EmojiDescription, OptionalEmojiDescription } from '../../types';
+import type { EmojiCacheStrategy } from './MediaEmojiCache';
+import type MediaImageLoader from './MediaImageLoader';
+/**
+ * For browsers that do no cache images without equivalent headers (e.g. Firefox).
+ *
+ * Images are cached in memory in a LRU cache. Images considered too large,
+ * are not cached, but retrieved each time.
+ *
+ * Images are still cached by the browser, but loading in asynchronous with
+ * small delay noticable to the end user.
+ */
+export declare class MemoryCacheStrategy implements EmojiCacheStrategy {
+    private dataURLCache;
+    private mediaImageLoader;
+    constructor(mediaImageLoader: MediaImageLoader);
+    loadEmoji(emoji: EmojiDescription, useAlt?: boolean): OptionalEmojiDescription | Promise<OptionalEmojiDescription>;
+    optimisticRendering(): boolean;
+}

package/dist/types/api/media/getRequiredRepresentation.d.ts

@@ -0,0 +1,2 @@
+import type { EmojiDescription, EmojiRepresentation } from '../../types';
+export declare const getRequiredRepresentation: (emoji: EmojiDescription, useAlt?: boolean) => EmojiRepresentation;

package/dist/types/api/shouldUseAltRepresentation.d.ts

@@ -0,0 +1,2 @@
+import { type EmojiDescription } from '../types';
+export declare const shouldUseAltRepresentation: (emoji: EmojiDescription, fitToHeight?: number) => boolean;

package/dist/types/api/supportsUploadFeature.d.ts

@@ -0,0 +1,9 @@
+import { type EmojiProvider, type UploadingEmojiProvider } from '../types';
+/**
+ * Checks if the emojiProvider can support uploading at a feature level.
+ *
+ * Follow this up with an isUploadSupported() check to see if the provider is actually
+ * configured to support uploads.
+ * https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates
+ */
+export declare const supportsUploadFeature: (emojiProvider: EmojiProvider) => emojiProvider is UploadingEmojiProvider;

package/dist/types/components/common/AddOwnEmoji.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type WrappedComponentProps } from 'react-intl';
+import { type Props as EmojiActionsProps } from './EmojiActions';
+type AddOwnEmojiProps = EmojiActionsProps & WrappedComponentProps;
+export declare const AddOwnEmoji: (props: AddOwnEmojiProps) => JSX.Element;
+export {};

package/dist/types/components/common/CachingEmoji.d.ts

@@ -12,10 +12,5 @@ export interface CachingEmojiProps extends EmojiProps {
  * Renders an emoji from a cached image, if required.
  */
 export declare const CachingEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element;
-/**
- * Rendering a media emoji image from a cache for media emoji, with different
- * rendering paths depending on caching strategy.
- */
-export declare const CachingMediaEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element;
 declare const _default_1: React.MemoExoticComponent<(props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element>;
 export default _default_1;

package/dist/types/components/common/CachingMediaEmoji.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { CachingEmojiProps } from './CachingEmoji';
+/**
+ * Rendering a media emoji image from a cache for media emoji, with different
+ * rendering paths depending on caching strategy.
+ */
+export declare const CachingMediaEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element;

package/dist/types/components/common/DeletableEmojiTooltipContent.d.ts

@@ -1,6 +1,2 @@
 import React from 'react';
-import type { EmojiDescription } from '../../types';
 export declare const DeletableEmojiTooltipContent: () => React.JSX.Element;
-export declare const DeletableEmojiTooltipContentForScreenReader: ({ emoji, }: {
-    emoji: EmojiDescription;
-}) => React.JSX.Element;

package/dist/types/components/common/DeletableEmojiTooltipContentForScreenReader.d.ts

@@ -0,0 +1 @@
+export declare const DeletableEmojiTooltipContentForScreenReader: any;

package/dist/types/components/common/Emoji.d.ts

@@ -93,9 +93,7 @@ export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMo
      */
     showTooltip?: boolean;
 }
-export declare const SpriteEmoji: (props: Props) => JSX.Element;
-export declare const UnicodeEmoji: (props: Props) => JSX.Element;
-export declare const ImageEmoji: (props: Props) => JSX.Element;
+export declare const unicodeEmojiCanvasSize: any;
 interface EmojiNodeWrapperProps extends Props {
     type: 'sprite' | 'image' | 'unicode';
 }

package/dist/types/components/common/EmojiActions.d.ts

@@ -4,26 +4,26 @@
  */
 import { type ComponentType, type FC } from 'react';
 import { type WithIntlProps, type WrappedComponentProps } from 'react-intl';
-import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnToneSelected, OnToneSelectorCancelled, ToneSelection } from '../../types';
 import type { AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnToneSelected, OnToneSelectorCancelled, ToneSelection } from '../../types';
+import type { ProductivityColor } from '../../util/productivity-colors';
 import type { CategoryId } from '../picker/categories';
 import { type OnDeleteEmoji } from './EmojiDeletePreview';
 import { type OnUploadEmoji } from './EmojiUploadPicker';
-import type { ProductivityColor } from '../../util/productivity-colors';
 export interface Props {
-    activeCategoryId?: CategoryId | null;
     activeAtlassianSubcategory?: string | null;
+    activeCategoryId?: CategoryId | null;
     /**
      * Current Confluence page content id, required to enable AI emoji generation.
      * When undefined, the "Create an emoji with Rovo" section is not shown.
      */
     contentId?: string;
+    emojiToDelete?: EmojiDescription;
     /**
      * Fires an analytics event in the elements channel. Required for AI emoji
      * generation analytics.
      */
     fireAnalytics?: (event: AnalyticsEventPayload) => void;
-    emojiToDelete?: EmojiDescription;
     initialUploadName?: string;
     onChange: (value: string) => void;
     onCloseDelete: () => void;
@@ -49,8 +49,6 @@ export interface Props {
 export declare const emojiActionsTestId = "emoji-actions";
 export declare const uploadEmojiTestId = "upload-emoji";
 type PropsWithWrappedComponentPropsType = Props & WrappedComponentProps;
-type AddOwnEmojiProps = PropsWithWrappedComponentPropsType;
-export declare const AddOwnEmoji: (props: AddOwnEmojiProps) => JSX.Element;
 type EmojiActionsProps = PropsWithWrappedComponentPropsType;
 export declare const EmojiActions: (props: EmojiActionsProps) => JSX.Element;
 declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {

package/dist/types/components/common/EmojiPlaceholder.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import type { StrictXCSSProp } from '@atlaskit/css';
 import type { EmojiImageRepresentation } from '../../types';
 export interface Props {
@@ -8,6 +12,9 @@ export interface Props {
     size?: number;
     xcss?: StrictXCSSProp<'backgroundColor', never>;
 }
-export declare const emojiPlaceholderTestId: (shortName: string) => string;
 declare const EmojiPlaceholder: (props: Props) => JSX.Element;
 export default EmojiPlaceholder;
+/**
+ * @deprecated Use `import { emojiPlaceholderTestId } from '@atlaskit/emoji/emoji-placeholder'` instead.
+ */
+export { emojiPlaceholderTestId } from './emojiPlaceholderTestId';

package/dist/types/components/common/ImageEmoji.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { Props } from './Emoji';
+export declare const ImageEmoji: (props: Props) => JSX.Element;

package/dist/types/components/common/RecordSelectionDefault.d.ts

@@ -1,6 +1,6 @@
-import { type EmojiInsertionAnalytic } from '../../util/analytics';
-import type { OnEmojiEvent } from '../../types';
 import type { EmojiProvider } from '../../api/EmojiResource';
+import type { OnEmojiEvent } from '../../types';
+import type { EmojiInsertionAnalytic } from '../../util/analytics/analytics';
 /**
  * A function that will wrap any configured Emoji 'onSelection' function to ensure recordSelection is always
  * called.

package/dist/types/components/common/SpriteEmoji.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { Props } from './Emoji';
+export declare const SpriteEmoji: (props: Props) => JSX.Element;

package/dist/types/components/common/ToneSelector.d.ts

@@ -1,6 +1,10 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type ForwardRefExoticComponent, type MemoExoticComponent, type RefAttributes } from 'react';
-import type { EmojiDescriptionWithVariations, OnToneSelected, ToneSelection } from '../../types';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { EmojiDescriptionWithVariations, OnToneSelected, ToneSelection } from '../../types';
 export interface Props {
     emoji: EmojiDescriptionWithVariations;
     isVisible: boolean;
@@ -9,7 +13,6 @@ export interface Props {
     selectedTone?: ToneSelection;
 }
 export declare const toneSelectorTestId = "tone-selector";
-type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
-export declare const ToneSelectorInternal: (props: PropsWithAnalyticsEventsPropsType) => JSX.Element;
+export declare const ToneSelector: any;
 declare const _default_1: MemoExoticComponent<ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & RefAttributes<any>>>;
 export default _default_1;

package/dist/types/components/common/ToneSelectorInternal.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { Props } from './ToneSelector';
+type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
+export declare const ToneSelectorInternal: (props: PropsWithAnalyticsEventsPropsType) => JSX.Element;
+export {};

package/dist/types/components/common/ToolTipContentWithKeymap.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import { type Keymap } from '../../util/keymaps';
+import type { Keymap } from '../../util/keymaps';
 export declare const ToolTipContentWithKeymap: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;
     keymap?: Keymap;

package/dist/types/components/common/UnicodeEmoji.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { Props } from './Emoji';
+export declare const UnicodeEmoji: (props: Props) => JSX.Element;

package/dist/types/components/common/UploadEmoji.d.ts

@@ -1,5 +1,5 @@
 import type { MessageDescriptor } from 'react-intl';
-import { type EmojiProvider } from '../../api/EmojiResource';
-import type { EmojiDescription, EmojiUpload } from '../../types';
 import type { AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import type { EmojiProvider } from '../../api/EmojiResource';
+import type { EmojiDescription, EmojiUpload } from '../../types';
 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/components/common/emojiPlaceholderTestId.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+export declare const emojiPlaceholderTestId: any;

package/dist/types/components/common/handleDelete.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+export declare const handleDelete: any;

package/dist/types/components/common/isRefreshEmojiPickerEnabled.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+export declare const isRefreshEmojiPickerEnabled: () => boolean;

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

@@ -0,0 +1,7 @@
+import type { RenderItem, VirtualItem } from './EmojiPickerVirtualItems';
+export declare abstract class AbstractItem<P> implements VirtualItem<P> {
+    readonly height: number;
+    readonly props: P;
+    constructor(props: P, height: number);
+    abstract renderItem: RenderItem;
+}

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

@@ -0,0 +1,10 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { AbstractItem } from './AbstractItem';
+import { type Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
+export declare class CategoryHeadingItem extends AbstractItem<CategoryHeadingProps> {
+    constructor(props: CategoryHeadingProps);
+    renderItem: () => JSX.Element;
+}

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

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import type { CategoryDescription, OnCategory } from '../../types';
-import { type CategoryGroupKey, type CategoryId } from './categories';
+import { type CategoryId } from './categories';
 export interface Props {
     activeCategoryId?: CategoryId | null;
     disableCategories?: boolean;
@@ -9,9 +13,6 @@ export interface Props {
 export type CategoryMap = {
     [id: string]: CategoryDescription;
 };
-export declare const sortCategories: (c1: CategoryGroupKey, c2: CategoryGroupKey) => number;
-export declare const sortCategoriesNew: (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/components/picker/EmojiPicker.d.ts

@@ -3,13 +3,10 @@
  * @jsx jsx
  */
 import React from 'react';
-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;
+import { type Props as LoadingProps } from '../common/LoadingEmojiComponent';
+import type { PickerRefHandler } from './EmojiPickerComponent';
 export interface Props extends LoadingProps {
     /**
      * The current Confluence page content id. When provided (and the
@@ -34,18 +31,21 @@ export interface Props extends LoadingProps {
      */
     size?: PickerSize;
 }
-export declare class EmojiPickerInternal extends LoadingEmojiComponent<Props & WithAnalyticsEventsProps, LoadingState> {
-    static AsyncLoadedComponent?: React.ComponentType<React.PropsWithChildren<ComponentProps>>;
-    static defaultProps: {
-        size: string;
-    };
-    state: {
-        asyncLoadedComponent: React.ComponentType<React.PropsWithChildren<ComponentProps>> | undefined;
-    };
-    constructor(props: Props);
-    asyncLoadComponent(): void;
-    renderLoading(): JSX.Element | null;
-    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiPickerComponent: ComponentClass<ComponentProps>): JSX.Element;
-}
-declare const EmojiPicker: React.ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export declare const EmojiPicker: React.ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default EmojiPicker;
+/**
+ * @deprecated Use `import { preloadEmojiPicker } from '@atlaskit/emoji/emoji-picker'` instead.
+ */
+export { preloadEmojiPicker } from './preloadEmojiPicker';
+/**
+ * @deprecated Use `import { EmojiPickerInternal } from '@atlaskit/emoji/emoji-picker'` instead.
+ */
+export { EmojiPickerInternal } from './EmojiPickerInternal';
+/**
+ * @deprecated Use `import { emojiPickerModuleLoader } from '@atlaskit/emoji/emoji-picker'` instead.
+ */
+export { emojiPickerModuleLoader } from './emojiPickerModuleLoader';
+/**
+ * @deprecated Use `import { emojiPickerLoader } from '@atlaskit/emoji/emoji-picker'` instead.
+ */
+export { emojiPickerLoader } from './emojiPickerLoader';

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

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import type { CategoryGroupKey } from './categories';
 /**
  * Test id for wrapper Emoji Picker List div

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

@@ -1,17 +1,21 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type MemoExoticComponent } from 'react';
-import { type OnEmojiEvent, type PickerSize } from '../../types';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type OnEmojiEvent, type PickerSize } from '../../types';
 export interface PickerRefHandler {
     (ref: any): any;
 }
 export interface Props {
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
     /**
      * The current Confluence page content id. When provided (and the
      * `confluence_ai_generated_emojis` experiment is on), enables the
      * "Create an emoji with Rovo" AI generation section in the upload flow.
      */
     contentId?: string;
+    createAnalyticsEvent?: CreateUIAnalyticsEvent;
     /**
      * Flag to disable tone selector.
      */

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

@@ -0,0 +1,24 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { ComponentClass } from 'react';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { EmojiProvider } from '../../api/EmojiResource';
+import LoadingEmojiComponent, { type State as LoadingState } from '../common/LoadingEmojiComponent';
+import type { Props } from './EmojiPicker';
+import type { Props as ComponentProps } from './EmojiPickerComponent';
+export declare class EmojiPickerInternal extends LoadingEmojiComponent<Props & WithAnalyticsEventsProps, LoadingState> {
+    static AsyncLoadedComponent?: React.ComponentType<React.PropsWithChildren<ComponentProps>>;
+    static defaultProps: {
+        size: string;
+    };
+    state: {
+        asyncLoadedComponent: React.ComponentType<React.PropsWithChildren<ComponentProps>> | undefined;
+    };
+    constructor(props: Props);
+    asyncLoadComponent(): void;
+    renderLoading(): JSX.Element | null;
+    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiPickerComponent: ComponentClass<ComponentProps>): JSX.Element;
+}

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

@@ -1,10 +1,10 @@
 import React from 'react';
+import type { AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, PickerSize, ToneSelection, User } from '../../types';
 import { type ProductivityColor } from '../../util/productivity-colors';
-import { type CategoryId } from './categories';
-import type { AnalyticsEventPayload } from '@atlaskit/analytics-next';
-import type { OnUploadEmoji } from '../common/EmojiUploadPicker';
 import type { OnDeleteEmoji } from '../common/EmojiDeletePreview';
+import type { OnUploadEmoji } from '../common/EmojiUploadPicker';
+import { type CategoryId } from './categories';
 /**
  * Test id for wrapper Emoji Picker List div
  */
@@ -16,11 +16,11 @@ export interface Props {
     activeCategoryId?: CategoryId | null;
     /** Current Confluence page content id, enables AI emoji generation. */
     contentId?: string;
-    /** Fires analytics events (used by AI emoji generation). */
-    fireAnalytics?: (event: AnalyticsEventPayload) => void;
     currentUser?: User;
     emojis: EmojiDescription[];
     emojiToDelete?: EmojiDescription;
+    /** Fires analytics events (used by AI emoji generation). */
+    fireAnalytics?: (event: AnalyticsEventPayload) => void;
     initialUploadName?: string;
     loading?: boolean;
     onCategoryActivated?: OnCategory;

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

@@ -3,9 +3,6 @@
  * @jsx jsx
  */
 import type { ReactNode } from 'react';
-import { type Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
-import { type Props as EmojiRowProps } from './EmojiPickerEmojiRow';
-import { type Props as NoResultsProps } from './EmojiPickerNoResults';
 import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
 export interface RenderItem {
     (context?: VirtualItemContext): ReactNode;
@@ -15,26 +12,3 @@ export interface VirtualItem<P> {
     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 class NoResultsItem extends AbstractItem<NoResultsProps> {
-    constructor(props: NoResultsProps);
-    renderItem: () => JSX.Element;
-}
-export declare const virtualItemRenderer: (rows: VirtualItem<CategoryHeadingProps | EmojiRowProps | NoResultsProps | {}>[], context: VirtualItemContext) => JSX.Element;

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

@@ -0,0 +1,11 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
+import { AbstractItem } from './AbstractItem';
+import { type Props as EmojiRowProps } from './EmojiPickerEmojiRow';
+export declare class EmojisRowItem extends AbstractItem<EmojiRowProps> {
+    constructor(props: EmojiRowProps);
+    renderItem: (context?: VirtualItemContext) => JSX.Element;
+}

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

@@ -0,0 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { AbstractItem } from './AbstractItem';
+export declare class LoadingItem extends AbstractItem<{}> {
+    constructor();
+    renderItem: () => JSX.Element;
+}

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

@@ -0,0 +1,10 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { AbstractItem } from './AbstractItem';
+import { type Props as NoResultsProps } from './EmojiPickerNoResults';
+export declare class NoResultsItem extends AbstractItem<NoResultsProps> {
+    constructor(props: NoResultsProps);
+    renderItem: () => JSX.Element;
+}

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

@@ -0,0 +1,5 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+export declare const categorySelectorCategoryTestId: any;