@atlaskit/emoji 65.0.0 → 65.2.0

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

@@ -1,10 +1,8 @@
 import React from 'react';
-import { PureComponent } from 'react';
-import { MessageDescriptor, WrappedComponentProps } from 'react-intl-next';
+import { WrappedComponentProps } from 'react-intl-next';
 import { EmojiUpload, Message } from '../../types';
-import { UploadStatus } from './internal-types';
 export interface OnUploadEmoji {
-    (upload: EmojiUpload, retry: boolean): void;
+    (upload: EmojiUpload, retry: boolean, onSuccessHandler?: () => void): void;
 }
 export interface Props {
     onUploadEmoji: OnUploadEmoji;
@@ -13,29 +11,7 @@ export interface Props {
     errorMessage?: Message;
     initialUploadName?: string;
 }
-export interface State {
-    previewImage?: string;
-    name?: string;
-    filename?: string;
-    uploadStatus?: UploadStatus;
-    chooseEmojiErrorMessage?: MessageDescriptor;
-}
-export declare class EmojiUploadPicker extends PureComponent<Props & WrappedComponentProps, State> {
-    state: State;
-    constructor(props: Props & WrappedComponentProps);
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    private onNameChange;
-    private onAddEmoji;
-    private errorOnUpload;
-    private onFileLoad;
-    private cancelChooseFile;
-    private onChooseFile;
-    clearUploadPicker: () => void;
-    render(): JSX.Element;
-}
-declare const _default: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Props & WrappedComponentProps<"intl">>, "intl"> & {
-    forwardedRef?: React.Ref<any> | undefined;
-} & React.RefAttributes<any>> & {
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-import { ChangeEventHandler, PureComponent } from 'react';
+import { FC, ChangeEventHandler } from 'react';
 export interface Props {
     label: string;
     ariaDescribedBy?: string;
@@ -7,7 +7,5 @@ export interface Props {
     accept?: string;
     isDisabled?: boolean;
 }
-export default class FileChooser extends PureComponent<Props, {}> {
-    onChooseFile: () => void;
-    render(): JSX.Element;
-}
+declare const FileChooser: FC<Props>;
+export default FileChooser;

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

@@ -1,6 +1,9 @@
 import { Component, ComponentType } from 'react';
 import { EmojiProvider } from '../../api/EmojiResource';
 export interface Props {
+    /**
+     * Emoji Resource instance
+     */
     emojiProvider: Promise<EmojiProvider>;
 }
 export interface State {

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

@@ -1,4 +1,4 @@
-import { PureComponent, ReactElement } from 'react';
+import { ReactElement, FC } from 'react';
 import { RelativePosition } from '../../types';
 export interface Props {
     target: string | Element;
@@ -8,22 +8,5 @@ export interface Props {
     zIndex?: string | number;
     children: ReactElement<any>;
 }
-export default class Popup extends PureComponent<Props, {}> {
-    private popup?;
-    private debounced;
-    static defaultProps: {
-        relativePosition: string;
-        offsetX: number;
-        offsetY: number;
-        zIndex: number;
-    };
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    applyBelowPosition(): void;
-    applyAbovePosition(): void;
-    applyAbsolutePosition(): void;
-    private handleResize;
-    renderContent(): void;
-    render(): JSX.Element;
-}
+declare const Popup: FC<Props>;
+export default Popup;

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

@@ -1,36 +1,48 @@
 import { FC } from 'react';
-import EmojiProvider from '../../api/EmojiResource';
-import { EmojiId, OptionalEmojiDescription } from '../../types';
-import { State as LoadingState } from './LoadingEmojiComponent';
+import { EmojiResource } from '../../api/EmojiResource';
+import { EmojiId } from '../../types';
 export interface BaseResourcedEmojiProps {
+    /**
+     * Emoji to display
+     */
     emojiId: EmojiId;
+    /**
+     * Allows to show the tooltip.
+     * Defaults to `false`.
+     */
     showTooltip?: boolean;
+    /**
+     * Scales the emoji proportionally to provided hight.
+     * Defaults to `undefined`.
+     */
     fitToHeight?: number;
     /**
      * Optimistic will call the fetch interface first and not wait for the entire emoji collection
      * to be available before rendering. This is useful for views or pages that show a select set of
      * emojis.
+     * 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
+     * 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 it required to work is an emojiId, imageUrl and some sizing (with good defaults)
+     * All that is required for optimistic images to render is an emojiId, imageUrl and sizing props.
+     * Defaults to `undefined`.
      */
     optimisticImageURL?: string;
 }
 export interface Props extends BaseResourcedEmojiProps {
-    emojiProvider: EmojiProvider;
-}
-export interface State extends LoadingState {
-    emoji: OptionalEmojiDescription;
-    loaded: boolean;
+    /**
+     * EmojiResource instance that handles fetching of emoji data.
+     */
+    emojiProvider: EmojiResource;
 }
 export declare const ResourcedEmojiComponent: FC<Props>;
+export default ResourcedEmojiComponent;

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

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import { FC } from 'react';
 export interface Props {
     label: string;
     appearance: string;
@@ -6,9 +6,5 @@ export interface Props {
     onSubmit: () => void;
     loading: boolean;
 }
-export default class RetryableButton extends Component<Props, {}> {
-    constructor(props: Props);
-    renderLoading(): JSX.Element;
-    renderRetry(): JSX.Element;
-    render(): JSX.Element;
-}
+declare const RetryableButton: FC<Props>;
+export default RetryableButton;

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

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import React, { FC } from 'react';
 import { EmojiDescriptionWithVariations, OnToneSelected } from '../../types';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export interface Props {
@@ -6,13 +6,7 @@ export interface Props {
     onToneSelected: OnToneSelected;
     previewEmojiId?: string;
 }
-export declare class ToneSelectorInternal extends PureComponent<Props & WithAnalyticsEventsProps, {}> {
-    private fireEvent;
-    componentDidMount(): void;
-    UNSAFE_componentWillMount(): void;
-    firstToneButtonRef: React.RefObject<HTMLButtonElement>;
-    private onToneSelectedHandler;
-    render(): JSX.Element;
-}
-declare const ToneSelector: React.ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+declare type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
+export declare const ToneSelectorInternal: FC<PropsWithAnalyticsEventsPropsType>;
+declare const ToneSelector: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PropsWithAnalyticsEventsPropsType>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default ToneSelector;

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

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

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

@@ -14,15 +14,12 @@ export declare const placeholderContainer: import("@emotion/utils").SerializedSt
 export declare const placeholderContainerAnimated: import("@emotion/utils").SerializedStyles;
 export declare const emojiButton: import("@emotion/utils").SerializedStyles;
 export declare const hiddenToneButton: import("@emotion/utils").SerializedStyles;
-export declare const buttons = "emoji-common-buttons";
-export declare const toneSelectorContainer = "emoji-common-tone-selector-container";
 export declare const emojiPickerAddEmoji = "emoji-picker-add-emoji";
 export declare const previewText: import("@emotion/utils").SerializedStyles;
 export declare const emojiName: import("@emotion/utils").SerializedStyles;
 export declare const emojiShortName: import("@emotion/utils").SerializedStyles;
 export declare const preview: import("@emotion/utils").SerializedStyles;
 export declare const previewImg: import("@emotion/utils").SerializedStyles;
-export declare const emojiPreview: import("@emotion/utils").SerializedStyles;
 export declare const emojiScrollable: import("@emotion/utils").SerializedStyles;
 export declare const emojiUpload: import("@emotion/utils").SerializedStyles;
 export declare const uploadChooseFileMessage: import("@emotion/utils").SerializedStyles;
@@ -49,3 +46,4 @@ export declare const uploadRetryButton: import("@emotion/utils").SerializedStyle
 export declare const uploadEmojiButton: import("@emotion/utils").SerializedStyles;
 export declare const cancelButton: import("@emotion/utils").SerializedStyles;
 export declare const buttonSpinner: import("@emotion/utils").SerializedStyles;
+export declare const emojiActionsWrapper: import("@emotion/utils").SerializedStyles;

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

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

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

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

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

@@ -1,18 +1,27 @@
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { ComponentClass } from 'react';
+import { ComponentClass, FC } from 'react';
 import { EmojiProvider } from '../../api/EmojiResource';
 import { OnEmojiEvent } from '../../types';
 import LoadingEmojiComponent, { Props as LoadingProps, State as LoadingState } from '../common/LoadingEmojiComponent';
 import { PickerRefHandler, Props as ComponentProps } from './EmojiPickerComponent';
 export interface Props extends LoadingProps {
+    /**
+     * Callback to be executed on emoji selection.
+     */
     onSelection?: OnEmojiEvent;
+    /**
+     * Callback to handle picker reference.
+     */
     onPickerRef?: PickerRefHandler;
+    /**
+     * Flag to disable tone selector.
+     */
     hideToneSelector?: boolean;
 }
 export declare class EmojiPickerInternal extends LoadingEmojiComponent<Props & WithAnalyticsEventsProps, LoadingState> {
-    static AsyncLoadedComponent?: ComponentClass<ComponentProps>;
+    static AsyncLoadedComponent?: FC<ComponentProps>;
     state: {
-        asyncLoadedComponent: ComponentClass<ComponentProps, any> | undefined;
+        asyncLoadedComponent: FC<ComponentProps> | undefined;
     };
     constructor(props: Props);
     asyncLoadComponent(): void;

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

@@ -1,9 +1,8 @@
-import { PureComponent } from 'react';
+import { FC } from 'react';
 export interface Props {
     id: string;
     title: string;
     className?: string;
 }
-export default class EmojiPickerCategoryHeading extends PureComponent<Props, {}> {
-    render(): JSX.Element;
-}
+declare const EmojiPickerCategoryHeading: FC<Props>;
+export default EmojiPickerCategoryHeading;

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

@@ -1,90 +1,28 @@
-import { PureComponent } from 'react';
-import { MessageDescriptor } from 'react-intl-next';
+/// <reference types="react" />
 import { EmojiProvider } from '../../api/EmojiResource';
-import { EmojiDescription, EmojiId, OnEmojiEvent, OptionalEmojiDescriptionWithVariations, ToneSelection } from '../../types';
-import { CategoryId } from './categories';
+import { OnEmojiEvent } from '../../types';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface PickerRefHandler {
     (ref: any): any;
 }
 export interface Props {
+    /**
+     * EmojiResource instance that handles emoji meta data.
+     */
     emojiProvider: EmojiProvider;
-    onSelection?: OnEmojiEvent;
-    onPickerRef?: PickerRefHandler;
-    hideToneSelector?: boolean;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
-}
-export interface State {
-    filteredEmojis: EmojiDescription[];
-    searchEmojis: EmojiDescription[];
-    frequentlyUsedEmojis?: EmojiDescription[];
-    selectedEmoji?: EmojiDescription;
-    activeCategory?: CategoryId;
-    disableCategories?: boolean;
-    dynamicCategories: CategoryId[];
-    selectedTone?: ToneSelection;
-    toneEmoji?: OptionalEmojiDescriptionWithVariations;
-    query: string;
-    uploadErrorMessage?: MessageDescriptor;
-    uploadSupported: boolean;
-    uploading: boolean;
-    emojiToDelete?: EmojiDescription;
-    loading: boolean;
-}
-export default class EmojiPickerComponent extends PureComponent<Props, State> {
-    static defaultProps: {
-        onSelection: () => void;
-    };
-    constructor(props: Props);
-    openTime: number;
-    UNSAFE_componentWillMount(): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    componentDidUpdate(prevProps: Props): void;
-    onEmojiActive: (_emojiId: EmojiId, emoji?: EmojiDescription | undefined) => void;
-    onCategoryActivated: (category: CategoryId | null) => void;
-    onCategorySelected: (categoryId: CategoryId | null) => void;
-    onFileChooserClicked: () => void;
-    private fireAnalytics;
-    private calculateElapsedTime;
-    private onUploadSupported;
-    private onSearch;
-    private onSearchResult;
-    private onFrequentEmojiResult;
     /**
-     * If there is no user search in the EmojiPicker then it should display all emoji received from the EmojiRepository and should
-     * also include a special category of most frequently used emoji (if there are any). This method decides if we are in this 'no search'
-     * state and appends the frequent emoji if necessary.
-     *
-     * @param searchEmoji the emoji last received from the EmojiRepository after a search (may be empty)
-     * @param frequentEmoji the frequently used emoji last received from the EmojiRepository (may be empty)
+     * Callback to be executed when user selects an emoji.
      */
-    private buildQuerySpecificEmojiList;
+    onSelection?: OnEmojiEvent;
     /**
-     * Calculate and set the new state of the component in response to the list of emoji changing for some reason (a search has returned
-     * or the frequently used emoji have updated.)
+     * Callback performed when picker reference is being set.
      */
-    private setStateAfterEmojiChange;
-    private onDynamicCategoryChange;
-    private onProviderChange;
-    private onToneSelected;
-    private onToneSelectorCancelled;
+    onPickerRef?: PickerRefHandler;
     /**
-     * Updates the emoji displayed by the picker. If there is no query specified then we expect to retrieve all emoji for display,
-     * by category, in the picker. This differs from when there is a query in which case we expect to receive a sorted result matching
-     * the search.
+     * Flag to disable tone selector.
      */
-    private updateEmojis;
-    private onOpenUpload;
-    private onUploadEmoji;
-    private onTriggerDelete;
-    private onCloseDelete;
-    private onDeleteEmoji;
-    private scrollToEndOfList;
-    private onUploadCancelled;
-    private getDynamicCategories;
-    private handlePickerRef;
-    private onSelectWrapper;
-    render(): JSX.Element;
+    hideToneSelector?: boolean;
+    createAnalyticsEvent?: CreateUIAnalyticsEvent;
 }
+declare const _default: import("react").MemoExoticComponent<({ emojiProvider, onSelection, onPickerRef, hideToneSelector, createAnalyticsEvent, }: Props) => JSX.Element>;
+export default _default;

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

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+/// <reference types="react" />
 import { EmojiDescription, OnEmojiEvent } from '../../types';
 export interface Props {
     emojis: EmojiDescription[];
@@ -8,6 +8,5 @@ export interface Props {
     onMouseMove?: OnEmojiEvent;
     onDelete?: OnEmojiEvent;
 }
-export default class EmojiPickerEmojiRow extends PureComponent<Props, {}> {
-    render(): JSX.Element;
-}
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

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

@@ -1,9 +1,7 @@
-import { PureComponent } from 'react';
+/// <reference types="react" />
 import { EmojiDescription } from '../../types';
 export interface Props {
     selectedEmoji?: EmojiDescription;
-    isUploading: boolean;
-}
-export default class EmojiPickerFooter extends PureComponent<Props, {}> {
-    render(): JSX.Element | null;
 }
+declare const _default: import("react").MemoExoticComponent<({ selectedEmoji }: Props) => JSX.Element>;
+export default _default;

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

@@ -1,4 +1,4 @@
-export declare const emojiPicker: import("@emotion/utils").SerializedStyles;
+export declare const emojiPicker: (hasPreview?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
 export declare const addButton = "emoji-picker-add-button";
 export declare const categorySelector: import("@emotion/utils").SerializedStyles;
 export declare const active: import("@emotion/utils").SerializedStyles;

package/dist/types/components/typeahead/EmojiTypeAheadComponent.d.ts

@@ -6,14 +6,32 @@ export interface OnLifecycle {
     (): void;
 }
 export interface EmojiTypeAheadBaseProps {
+    /**
+     * Callback to be executed when user selects an emoji.
+     */
     onSelection?: OnEmojiEvent;
+    /**
+     * Search query.
+     */
     query?: string;
+    /**
+     * Number of results to be displayed in the search results list
+     */
     listLimit?: number;
+    /**
+     * Callback to be executed when typeahead component is being shown
+     */
     onOpen?: OnLifecycle;
+    /**
+     * Callback to be executed when typeahead component disappears
+     */
     onClose?: OnLifecycle;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
 }
 export interface Props extends EmojiTypeAheadBaseProps {
+    /**
+     * EmojiResource instance that handles fetching of emoji data.
+     */
     emojiProvider: EmojiProvider;
 }
 export interface State {

package/dist/types/components/uploader/EmojiUploadComponent.d.ts

@@ -1,5 +1,4 @@
-import { PureComponent } from 'react';
-import { MessageDescriptor } from 'react-intl-next';
+/// <reference types="react" />
 import { EmojiProvider } from '../../api/EmojiResource';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface UploadRefHandler {
@@ -10,18 +9,5 @@ export interface Props {
     onUploaderRef?: UploadRefHandler;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
 }
-export interface State {
-    uploadErrorMessage?: MessageDescriptor;
-}
-export default class EmojiUploadComponent extends PureComponent<Props, State> {
-    private ref?;
-    constructor(props: Props);
-    componentWillUnmount(): void;
-    private onUploadEmoji;
-    private prepareForUpload;
-    onFileChooserClicked: () => void;
-    private onUploadCancelled;
-    private onUploaderRef;
-    private fireAnalytics;
-    render(): JSX.Element;
-}
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

package/dist/types/components/uploader/EmojiUploader.d.ts

@@ -1,21 +1,19 @@
-import React from 'react';
-import { ComponentClass } from 'react';
+import React, { FC } from 'react';
 import LoadingEmojiComponent, { Props as LoadingProps, State as LoadingState } from '../common/LoadingEmojiComponent';
-import { UploadRefHandler, Props as ComponentProps } from './EmojiUploadComponent';
+import { Props as ComponentProps } from './EmojiUploadComponent';
 import { EmojiProvider } from '../../api/EmojiResource';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface Props extends LoadingProps {
-    onUploaderRef?: UploadRefHandler;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
 }
 export declare class EmojiUploaderInternal extends LoadingEmojiComponent<Props, LoadingState> {
-    static AsyncLoadedComponent?: ComponentClass<ComponentProps>;
+    static AsyncLoadedComponent?: FC<ComponentProps>;
     state: {
-        asyncLoadedComponent: React.ComponentClass<ComponentProps, any> | undefined;
+        asyncLoadedComponent: React.FC<ComponentProps> | undefined;
     };
     constructor(props: Props);
     asyncLoadComponent(): void;
-    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiUploadComponent: ComponentClass<ComponentProps>): JSX.Element;
+    renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiUploadComponent: FC<ComponentProps>): JSX.Element;
 }
 declare type EmojiUploader = EmojiUploaderInternal;
 declare const EmojiUploader: React.ForwardRefExoticComponent<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;

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

@@ -0,0 +1 @@
+export declare const useEmojiContext: () => import("../context/EmojiContext").EmojiContextType;

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

@@ -0,0 +1 @@
+export declare function usePrevious<T>(value: T | null | undefined): T | null | undefined;

package/dist/types/index.d.ts

@@ -16,7 +16,9 @@ import { toEmojiId, toOptionalEmojiId } from './util/type-helpers';
 import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, WithSamplingUFOExperience } from './util/analytics';
 import { customCategory, defaultEmojiHeight, emojiPickerWidth, emojiPickerHeight } from './util/constants';
 import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
-export { AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUploader, EmojiResource, EmojiRepository, EmojiTypeAhead, EmojiImage, ResourcedEmoji, denormaliseEmojiServiceResponse, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
+import { useEmojiContext } from './hooks/useEmojiContext';
+import { EmojiContextProvider } from './context/EmojiContextProvider';
+export { AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUploader, EmojiResource, EmojiRepository, EmojiTypeAhead, EmojiImage, ResourcedEmoji, EmojiContextProvider, useEmojiContext, denormaliseEmojiServiceResponse, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
 export type { EmojiProvider, UploadingEmojiProvider, EmojiResourceConfig, WithSamplingUFOExperience, };
 export { SearchSort, UfoExperienceName, UfoComponentName, } from './types';
 export type { CategoryId, EmojiRepresentation, EmojiServiceRepresentation, Message, OptionalEmojiDescription, OptionalEmojiDescriptionWithVariations, OptionalUser, RelativePosition, ToneSelection, AltRepresentations, CategoryDescription, EmojiDescription, EmojiDescriptionWithVariations, EmojiId, EmojiImageRepresentation, EmojiMeta, EmojiResponse, EmojiSearchResult, EmojiServiceDescription, EmojiServiceDescriptionWithVariations, EmojiServiceResponse, EmojiUpload, EmojiVariationDescription, ImageRepresentation, MediaApiRepresentation, MediaApiToken, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, SearchOptions, SpriteImageRepresentation, SpriteRepresentation, SpriteServiceRepresentation, SpriteSheet, SpriteSheets, Styles, User, } from './types';

package/dist/types/types.d.ts

@@ -272,7 +272,7 @@ export interface CategoryDescription {
     order: number;
 }
 export interface OnToneSelected {
-    (variation: number): void;
+    (variation: ToneValueType): void;
 }
 export interface OnToneSelectorCancelled {
     (): void;
@@ -348,3 +348,4 @@ export declare enum UfoEmojiTimings {
     ONLOAD_START = "emoji-onload_start",
     ONLOAD_END = "emoji-onload_end"
 }
+export declare type ToneValueType = number;

package/dist/types/util/constants.d.ts

@@ -14,6 +14,7 @@ export declare const MAX_ORDINAL = 100000;
 export declare const defaultEmojiHeight = 20;
 export declare const emojiPickerWidth = 350;
 export declare const emojiPickerHeight = 295;
+export declare const emojiPickerHeightWithPreview = 348;
 export declare const localStoragePrefix = "fabric.emoji";
 export declare const selectedToneStorageKey: string;
 export declare const defaultCategories: CategoryId[];