@atlaskit/emoji 69.5.0 → 69.5.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/emoji
 
+## 69.5.2
+
+### Patch Changes
+
+- [`0fdcb6f2f96fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0fdcb6f2f96fd) -
+  Sorted type and interface props to improve Atlaskit docs
+- Updated dependencies
+
+## 69.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 69.5.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -3,9 +3,9 @@
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",
-		"composite": true,
 		"outDir": "../../../../../confluence/tsDist/@atlaskit__emoji",
-		"rootDir": "../"
+		"rootDir": "../",
+		"composite": true
 	},
 	"include": [
 		"../src/**/*.ts",

package/dist/cjs/util/analytics/analytics.js

@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "69.4.0"
+      packageVersion: "69.5.1"
     }, attributes)
   };
 };

package/dist/es2019/util/analytics/analytics.js

@@ -8,7 +8,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "69.4.0",
+    packageVersion: "69.5.1",
     ...attributes
   }
 });

package/dist/esm/util/analytics/analytics.js

@@ -13,7 +13,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "69.4.0"
+      packageVersion: "69.5.1"
     }, attributes)
   };
 };

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

@@ -13,21 +13,6 @@ interface GetEmojiProviderOptions {
 }
 export type { EmojiProvider, UploadingEmojiProvider } from '../types';
 export interface EmojiResourceConfig {
-    /**
-     * The service configuration for remotely recording emoji selections.
-     * A post will be performed to this URL with the EmojiId as the body.
-     */
-    recordConfig?: ServiceConfig;
-    /**
-     * This defines the different providers. Later providers will override earlier
-     * providers when performing shortName based look up.
-     */
-    providers: ServiceConfig[];
-    /**
-     * Additional configuration:
-     * * On-demand Fetching - Useful for when a product may prefer manually controlling when providers are fetched
-     */
-    options?: Options;
     /**
      * Must be set to true to enable upload support in the emoji components.
      *
@@ -42,24 +27,39 @@ export interface EmojiResourceConfig {
      */
     currentUser?: User;
     /**
-     * This is specifically used for fetching a meta information of a single emoji.
-     * Useful for when rendering a single or a subset of emojis on a page that does not require the
-     * whole provider list to be downloaded.
+     * A callback triggered on emoji load failure
      */
-    singleEmojiApi?: SingleEmojiApiLoaderConfig;
+    onEmojiLoadFail?: EmojiLoadFailCallback;
+    /**
+     * A callback triggered on emoji load success
+     */
+    onEmojiLoadSuccess?: EmojiLoadSuccessCallback;
     /**
      * Renders an image while the provider is being downloaded to reduce the time
      * the user is being presented with a placeholder
      */
     optimisticImageApi?: OptimisticImageApiLoaderConfig;
     /**
-     * A callback triggered on emoji load success
+     * Additional configuration:
+     * * On-demand Fetching - Useful for when a product may prefer manually controlling when providers are fetched
      */
-    onEmojiLoadSuccess?: EmojiLoadSuccessCallback;
+    options?: Options;
     /**
-     * A callback triggered on emoji load failure
+     * This defines the different providers. Later providers will override earlier
+     * providers when performing shortName based look up.
      */
-    onEmojiLoadFail?: EmojiLoadFailCallback;
+    providers: ServiceConfig[];
+    /**
+     * The service configuration for remotely recording emoji selections.
+     * A post will be performed to this URL with the EmojiId as the body.
+     */
+    recordConfig?: ServiceConfig;
+    /**
+     * This is specifically used for fetching a meta information of a single emoji.
+     * Useful for when rendering a single or a subset of emojis on a page that does not require the
+     * whole provider list to be downloaded.
+     */
+    singleEmojiApi?: SingleEmojiApiLoaderConfig;
 }
 export interface OnEmojiProviderChange extends OnProviderChange<EmojiSearchResult, any, void> {
 }
@@ -67,8 +67,8 @@ export interface Retry<T> {
     (): Promise<T> | T;
 }
 export interface ResolveReject<T> {
-    resolve(result: T): void;
     reject(reason?: any): void;
+    resolve(result: T): void;
 }
 /**
  * Checks if the emojiProvider can support uploading at a feature level.
@@ -79,8 +79,8 @@ export interface ResolveReject<T> {
  */
 export declare const supportsUploadFeature: (emojiProvider: EmojiProvider) => emojiProvider is UploadingEmojiProvider;
 export interface LastQuery {
-    query?: string;
     options?: SearchOptions;
+    query?: string;
 }
 export declare class EmojiResource extends AbstractResource<string, EmojiSearchResult, any, undefined, SearchOptions> implements EmojiProvider {
     protected recordConfig?: ServiceConfig;

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

@@ -11,8 +11,8 @@ export interface EmojiProgessCallback {
     (progress: EmojiProgress): void;
 }
 type TokenisedEmojiRepresentation = {
-    representation?: EmojiRepresentation;
     altRepresentation?: EmojiRepresentation;
+    representation?: EmojiRepresentation;
 };
 export declare const mediaProportionOfProgress: number;
 export default class SiteEmojiResource {

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

@@ -6,35 +6,43 @@ import React from 'react';
 import { type EmojiDescription, type OnEmojiEvent } from '../../types';
 export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMouseMove' | 'onFocus'> {
     /**
-     * The emoji to render
+     * Auto Width takes the constraint of height and enables native scaling based on the emojis image.
+     * This is primarily used when rendering emojis for SSR as the component does not know the width and height
+     * at the time of the render. It overrides the emoji representations width with 'auto' on the images width attribute
+     *
+     * Used only for image based emojis
      */
-    emoji: EmojiDescription;
+    autoWidth?: boolean;
     /**
-     * Show the emoji as selected
+     * Additional css classes, if required.
      */
-    selected?: boolean;
+    className?: string;
     /**
-     * Automatically show the emoji as selected based on mouse hover.
-     * CSS, fast, does not require a re-render, but selected state not
-     * externally controlled via props.
+     * Disables lazy load on images
      */
-    selectOnHover?: boolean;
+    disableLazyLoad?: boolean;
     /**
-     * Called when an emoji is selected
+     * This should only be set when the emoji is being used in the Editor.
+     * Currently when set -- this prevents any aria labels being added.
+     * This is acceptable in Editor -- as it uses another technique to announce the emoji nodes.
      */
-    onSelected?: OnEmojiEvent;
+    editorEmoji?: true;
     /**
-     * Called when the mouse moves over the emoji.
+     * The emoji to render
      */
-    onMouseMove?: OnEmojiEvent;
+    emoji: EmojiDescription;
     /**
-     * Called when the mouse moves over the emoji.
+     * Fits emoji to height in pixels, keeping aspect ratio
      */
-    onFocus?: OnEmojiEvent;
+    fitToHeight?: number;
     /**
      * Called when an emoji is deleted
      */
     onDelete?: OnEmojiEvent;
+    /**
+     * Called when the mouse moves over the emoji.
+     */
+    onFocus?: OnEmojiEvent;
     /**
      * Callback for if an emoji image fails to load.
      */
@@ -44,44 +52,36 @@ export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMo
      */
     onLoadSuccess?: (emoji: EmojiDescription) => void;
     /**
-     * Additional css classes, if required.
+     * Called when the mouse moves over the emoji.
      */
-    className?: string;
+    onMouseMove?: OnEmojiEvent;
     /**
-     * Show a tooltip on mouse hover.
+     * Called when an emoji is selected
      */
-    showTooltip?: boolean;
+    onSelected?: OnEmojiEvent;
     /**
-     * Show a delete button on mouse hover
-     * Used only for custom emoji
+     * Show the emoji as selected
      */
-    showDelete?: boolean;
+    selected?: boolean;
     /**
-     * Fits emoji to height in pixels, keeping aspect ratio
+     * Automatically show the emoji as selected based on mouse hover.
+     * CSS, fast, does not require a re-render, but selected state not
+     * externally controlled via props.
      */
-    fitToHeight?: number;
+    selectOnHover?: boolean;
     /**
      * Indicates whether emoji is an interactive element (tab index and role) or just a view
      */
     shouldBeInteractive?: boolean;
     /**
-     * Disables lazy load on images
-     */
-    disableLazyLoad?: boolean;
-    /**
-     * Auto Width takes the constraint of height and enables native scaling based on the emojis image.
-     * This is primarily used when rendering emojis for SSR as the component does not know the width and height
-     * at the time of the render. It overrides the emoji representations width with 'auto' on the images width attribute
-     *
-     * Used only for image based emojis
+     * Show a delete button on mouse hover
+     * Used only for custom emoji
      */
-    autoWidth?: boolean;
+    showDelete?: boolean;
     /**
-     * This should only be set when the emoji is being used in the Editor.
-     * Currently when set -- this prevents any aria labels being added.
-     * This is acceptable in Editor -- as it uses another technique to announce the emoji nodes.
+     * Show a tooltip on mouse hover.
      */
-    editorEmoji?: true;
+    showTooltip?: boolean;
 }
 export declare const SpriteEmoji: (props: Props) => JSX.Element;
 export declare const ImageEmoji: (props: Props) => JSX.Element;

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

@@ -3,24 +3,24 @@ import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnToneS
 import { type OnDeleteEmoji } from './EmojiDeletePreview';
 import { type OnUploadEmoji } from './EmojiUploadPicker';
 export interface Props {
-    selectedTone?: ToneSelection;
-    onToneSelected?: OnToneSelected;
-    onToneSelectorCancelled?: OnToneSelectorCancelled;
-    toneEmoji?: EmojiDescriptionWithVariations;
-    uploading: boolean;
-    uploadEnabled: boolean;
     emojiToDelete?: EmojiDescription;
     initialUploadName?: string;
-    uploadErrorMessage?: Message;
-    onUploadCancelled: () => void;
-    onUploadEmoji: OnUploadEmoji;
+    onChange: (value: string) => void;
     onCloseDelete: () => void;
     onDeleteEmoji: OnDeleteEmoji;
     onFileChooserClicked?: () => void;
     onOpenUpload: () => void;
+    onToneSelected?: OnToneSelected;
+    onToneSelectorCancelled?: OnToneSelectorCancelled;
+    onUploadCancelled: () => void;
+    onUploadEmoji: OnUploadEmoji;
     query?: string;
-    onChange: (value: string) => void;
     resultsCount?: number;
+    selectedTone?: ToneSelection;
+    toneEmoji?: EmojiDescriptionWithVariations;
+    uploadEnabled: boolean;
+    uploadErrorMessage?: Message;
+    uploading: boolean;
 }
 export declare const emojiActionsTestId = "emoji-actions";
 export declare const uploadEmojiTestId = "upload-emoji";

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

@@ -6,13 +6,13 @@ export interface OnDeleteEmoji {
 export declare const emojiDeletePreviewTestId = "emoji-delete-preview";
 export interface Props {
     emoji: EmojiDescription;
-    onDeleteEmoji: OnDeleteEmoji;
-    onCloseDelete: () => void;
     errorMessage?: string;
+    onCloseDelete: () => void;
+    onDeleteEmoji: OnDeleteEmoji;
 }
 export interface State {
-    loading: boolean;
     error: boolean;
+    loading: boolean;
 }
 declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;

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

@@ -1,9 +1,9 @@
 import type { Message } from '../../types';
 export type ErrorStyle = 'chooseFile' | 'delete' | 'preview';
 export interface Props {
+    errorStyle: ErrorStyle;
     message: Message;
     tooltip?: boolean;
-    errorStyle: ErrorStyle;
 }
 export declare const emojiErrorScreenreaderTestId = "emoji-error-screenreader-message";
 export declare const emojiErrorMessageTestId = "emoji-error-message";

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

@@ -1,11 +1,11 @@
 import type { StrictXCSSProp } from '@atlaskit/css';
 import type { EmojiImageRepresentation } from '../../types';
 export interface Props {
+    loading?: boolean;
+    representation?: EmojiImageRepresentation;
     shortName: string;
-    size?: number;
     showTooltip?: boolean;
-    representation?: EmojiImageRepresentation;
-    loading?: boolean;
+    size?: number;
     xcss?: StrictXCSSProp<'backgroundColor', never>;
 }
 export declare const emojiPlaceholderTestId: (shortName: string) => string;

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

@@ -5,11 +5,11 @@
 import React from 'react';
 import type { EmojiDescription } from '../../types';
 export interface Props {
+    ariaLabelText?: string;
+    defaultChecked?: boolean;
     emoji: EmojiDescription;
     onSelected?: () => void;
     selectOnHover?: boolean;
-    ariaLabelText?: string;
-    defaultChecked?: boolean;
 }
 export declare const EmojiRadioButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>>;

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

@@ -7,12 +7,12 @@ export declare const uploadEmojiNameInputTestId = "upload-emoji-name-input";
 export declare const uploadEmojiComponentTestId = "upload-emoji-component";
 export declare const cancelEmojiUploadPickerTestId = "cancel-emoji-upload-picker";
 export interface Props {
-    onUploadEmoji: OnUploadEmoji;
-    onUploadCancelled: () => void;
-    onFileChooserClicked?: () => void;
+    disableFocusLock?: boolean;
     errorMessage?: Message;
     initialUploadName?: string;
-    disableFocusLock?: boolean;
+    onFileChooserClicked?: () => void;
+    onUploadCancelled: () => void;
+    onUploadEmoji: OnUploadEmoji;
 }
 declare const EmojiUploadPickerComponent: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;

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

@@ -2,12 +2,12 @@ import { type WrappedComponentProps } from 'react-intl-next';
 import type { Message } from '../../types';
 import { UploadStatus } from './internal-types';
 export interface EmojiUploadPreviewProps {
+    errorMessage?: Message;
     name: string;
+    onAddEmoji: () => void;
+    onUploadCancelled: () => void;
     previewImage: string;
     uploadStatus?: UploadStatus;
-    errorMessage?: Message;
-    onUploadCancelled: () => void;
-    onAddEmoji: () => void;
 }
 export declare const uploadPreviewTestId = "upload-preview";
 export declare const cancelUploadButtonTestId = "cancel-upload-button";

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

@@ -1,11 +1,11 @@
 import React, { type ChangeEventHandler } from 'react';
 export interface Props {
-    label: string;
+    accept?: string;
     ariaDescribedBy?: string;
+    isDisabled?: boolean;
+    label: string;
     onChange?: ChangeEventHandler<any>;
     onClick?: () => void;
-    accept?: string;
-    isDisabled?: boolean;
 }
 export declare const chooseFileButtonTestId = "choose-file-button";
 export declare const fileUploadInputTestId = "file-upload";

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

@@ -7,8 +7,8 @@ export interface Props {
     emojiProvider: Promise<EmojiProvider>;
 }
 export interface State {
-    loadedEmojiProvider?: EmojiProvider;
     asyncLoadedComponent?: ComponentType<React.PropsWithChildren<any>>;
+    loadedEmojiProvider?: EmojiProvider;
 }
 /**
  * A base class for components that don't want to start rendering

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

@@ -1,12 +1,12 @@
 import React, { type ReactElement } from 'react';
 import type { RelativePosition } from '../../types';
 export interface Props {
-    target: string | Element;
-    relativePosition?: RelativePosition;
+    children: ReactElement<any>;
     offsetX?: number;
     offsetY?: number;
+    relativePosition?: RelativePosition;
+    target: string | Element;
     zIndex?: string | number;
-    children: ReactElement<any>;
 }
 declare const Popup: (props: React.PropsWithChildren<Props>) => React.JSX.Element;
 export default Popup;

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

@@ -5,14 +5,23 @@ import type { EmojiLoadSuccessCallback, EmojiLoadFailCallback } from '../../api/
 import { type EmojiId } from '../../types';
 export interface BaseResourcedEmojiProps {
     /**
-     * Emoji to display
+     * Custom Fallback allows a custom element or string to be rendered if an emoji fails to be fetched or found.
+     * By default it takes the fallback or shortName inside emojiId, but if this prop is set it override the internal
+     * fallbacks
+     * customFallback<Element | string> else emojiId.fallback else emojiId.shortName.
+     * Defaults to `undefined`.
      */
-    emojiId: EmojiId;
+    customFallback?: JSX.Element | string;
     /**
-     * Allows to show the tooltip.
-     * Defaults to `false`.
+     * This should only be set when the emoji is being used in the Editor.
+     * Currently when set -- this prevents any aria labels being added.
+     * This is acceptable in Editor -- as it uses another technique to announce the emoji nodes.
      */
-    showTooltip?: boolean;
+    editorEmoji?: true;
+    /**
+     * Emoji to display
+     */
+    emojiId: EmojiId;
     /**
      * Scales the emoji proportionally to provided hight.
      * Defaults to `undefined`.
@@ -25,44 +34,35 @@ export interface BaseResourcedEmojiProps {
      * Defaults to `false`.
      */
     optimistic?: boolean;
-    /**
-     * Custom Fallback allows a custom element or string to be rendered if an emoji fails to be fetched or found.
-     * By default it takes the fallback or shortName inside emojiId, but if this prop is set it override the internal
-     * fallbacks
-     * customFallback<Element | string> else emojiId.fallback else emojiId.shortName.
-     * Defaults to `undefined`.
-     */
-    customFallback?: JSX.Element | string;
     /**
      * Will attempt to render a highly condensed version of the emoji with an image url before showing the meta version.
      * All that is required for optimistic images to render is an emojiId, imageUrl and sizing props.
      * Defaults to `undefined`.
      */
     optimisticImageURL?: string;
-    /**
-     * This should only be set when the emoji is being used in the Editor.
-     * Currently when set -- this prevents any aria labels being added.
-     * This is acceptable in Editor -- as it uses another technique to announce the emoji nodes.
-     */
-    editorEmoji?: true;
     /**
      * allows custom styling to the placeholder component while the emoji is loading.
      */
     placeholderXcss?: StrictXCSSProp<'backgroundColor', never>;
+    /**
+     * Allows to show the tooltip.
+     * Defaults to `false`.
+     */
+    showTooltip?: boolean;
 }
 export interface Props extends BaseResourcedEmojiProps {
     /**
      * EmojiResource instance that handles fetching of emoji data.
      */
     emojiProvider: Promise<EmojiProvider>;
-    /**
-     * A callback triggered on emoji load success
-     */
-    onEmojiLoadSuccess?: EmojiLoadSuccessCallback;
     /**
      * A callback triggered on emoji load failure
      */
     onEmojiLoadFail?: EmojiLoadFailCallback;
+    /**
+     * A callback triggered on emoji load success
+     */
+    onEmojiLoadSuccess?: EmojiLoadSuccessCallback;
 }
 export declare const ResourcedEmojiComponent: ({ emojiProvider, emojiId, showTooltip, customFallback, fitToHeight, optimistic, optimisticImageURL, editorEmoji, placeholderXcss, onEmojiLoadSuccess, onEmojiLoadFail, }: Props) => React.JSX.Element;
 export default ResourcedEmojiComponent;

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

@@ -1,11 +1,11 @@
 export interface Props {
-    label: string;
     appearance: string;
-    error: boolean;
-    onSubmit: () => void;
-    loading: boolean;
     ariaDescribedBy?: string;
     ariaLabelledBy?: string;
+    error: boolean;
+    label: string;
+    loading: boolean;
+    onSubmit: () => void;
 }
 export declare const retryUploadButtonTestId = "retry-upload-button";
 export declare const uploadEmojiButtonTestId = "upload-emoji-button";

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

@@ -3,11 +3,11 @@ export interface OnScroll {
     (element: Element, event: UIEvent<any>): void;
 }
 export interface Props {
+    children?: ReactNode;
     className?: string;
     maxHeight?: string;
-    children?: ReactNode;
-    onScroll?: OnScroll;
     onMouseLeave?: MouseEventHandler<any>;
+    onScroll?: OnScroll;
 }
 export default class Scrollable extends PureComponent<Props, {}> {
     private scrollableDiv;

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

@@ -1,12 +1,12 @@
 import type { EmojiDescription } from '../../types';
 export declare const tonePreviewTestId = "tone-preview";
 export interface Props {
+    ariaExpanded?: boolean;
+    ariaLabelText?: string;
     emoji: EmojiDescription;
     isVisible?: boolean;
     onSelected?: () => void;
     selectOnHover?: boolean;
-    ariaLabelText?: string;
-    ariaExpanded?: boolean;
 }
 export declare const TonePreviewButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>;
 declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>>;

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

@@ -3,8 +3,8 @@ import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export interface Props {
     emoji: EmojiDescriptionWithVariations;
     isVisible: boolean;
-    onToneSelected: OnToneSelected;
     onToneClose?: () => void;
+    onToneSelected: OnToneSelected;
     selectedTone?: ToneSelection;
 }
 export declare const toneSelectorTestId = "tone-selector";

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

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

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

@@ -5,8 +5,8 @@ export interface EmojiContext {
     };
 }
 interface FocusIndexes {
-    rowIndex: number;
     columnIndex: number;
+    rowIndex: number;
 }
 export interface EmojiPickerListContextType {
     currentEmojisFocus: FocusIndexes;

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

@@ -1,9 +1,9 @@
 import type { CategoryDescription, OnCategory } from '../../types';
 import { type CategoryGroupKey, type CategoryId } from './categories';
 export interface Props {
-    dynamicCategories?: CategoryId[];
     activeCategoryId?: CategoryId | null;
     disableCategories?: boolean;
+    dynamicCategories?: CategoryId[];
     onCategorySelected?: OnCategory;
 }
 export type CategoryMap = {

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

@@ -12,17 +12,17 @@ import type { PickerRefHandler, Props as ComponentProps } from './EmojiPickerCom
 export declare const preloadEmojiPicker: () => void;
 export interface Props extends LoadingProps {
     /**
-     * Callback to be executed on emoji selection.
+     * Flag to disable tone selector.
      */
-    onSelection?: OnEmojiEvent;
+    hideToneSelector?: boolean;
     /**
      * Callback to handle picker reference.
      */
     onPickerRef?: PickerRefHandler;
     /**
-     * Flag to disable tone selector.
+     * Callback to be executed on emoji selection.
      */
-    hideToneSelector?: boolean;
+    onSelection?: OnEmojiEvent;
     /**
      * Size of Emoji Picker. default value is 'medium'.
      */