@atlaskit/emoji 64.2.0 → 64.4.0

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

@@ -10,6 +10,8 @@ export default class ResourcedEmoji extends LoadingEmojiComponent<Props, Loading
     state: {
         asyncLoadedComponent: React.ComponentClass<ComponentProps, any>;
     };
+    constructor(props: Props);
+    componentWillUnmount(): void;
     asyncLoadComponent(): void;
     renderLoading(): JSX.Element;
     renderLoaded(loadedEmojiProvider: EmojiProvider, ResourcedEmojiComponent: ComponentClass<ComponentProps>): JSX.Element;

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

@@ -1,6 +1,8 @@
+import PropTypes from 'prop-types';
 import { Component } from 'react';
 import EmojiProvider from '../../api/EmojiResource';
 import { EmojiId, OptionalEmojiDescription } from '../../types';
+import { EmojiContext } from './internal-types';
 import { State as LoadingState } from './LoadingEmojiComponent';
 export interface BaseResourcedEmojiProps {
     emojiId: EmojiId;
@@ -15,8 +17,12 @@ export interface State extends LoadingState {
     loaded: boolean;
 }
 export default class ResourcedEmojiComponent extends Component<Props, State> {
+    static childContextTypes: {
+        emoji: PropTypes.Requireable<any>;
+    };
     private ready;
     constructor(props: Props);
+    getChildContext(): EmojiContext;
     private refreshEmoji;
     UNSAFE_componentWillMount(): void;
     componentWillUnmount(): void;

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

@@ -1,7 +1,5 @@
 import { Component } from 'react';
 export interface Props {
-    className: string;
-    retryClassName: string;
     label: string;
     appearance: string;
     error: boolean;

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

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

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

@@ -1,50 +1,50 @@
-export declare const selected = "emoji-common-selected";
-export declare const selectOnHover = "emoji-common-select-on-hover";
+export declare const commonSelectedStyles = "emoji-common-selected";
+export declare const selectOnHoverStyles = "emoji-common-select-on-hover";
 export declare const emojiSprite = "emoji-common-emoji-sprite";
-export declare const emojiNode = "emoji-common-node";
+export declare const emojiNodeStyles = "emoji-common-node";
 export declare const emojiImage = "emoji-common-emoji-image";
-export declare const deleteButton: string;
-export declare const emoji: string;
-export declare const emojiContainer: string;
+export declare const emojiDeleteButton = "emoji-common-deleteButton";
+export declare const emojiMainStyle = "emoji-common-main-styles";
+export declare const deleteButton: import("@emotion/utils").SerializedStyles;
+export declare const emojiToneSelectorContainer: import("@emotion/utils").SerializedStyles;
+export declare const emojiStyles: import("@emotion/utils").SerializedStyles;
+export declare const emojiContainer: import("@emotion/utils").SerializedStyles;
 export declare const placeholder = "emoji-common-placeholder";
-export declare const placeholderContainer: string;
-export declare const placeholderEmoji: string;
-export declare const emojiButton: string;
-export declare const hiddenToneButton: string;
+export declare const placeholderContainer: 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 preview = "emoji-common-preview";
-export declare const previewImg = "emoji-common-preview-image";
-export declare const previewText = "emoji-common-preview-text";
-export declare const name = "emoji-common-name";
-export declare const shortName = "emoji-common-shortname";
-export declare const previewSingleLine = "emoji-common-preview-single-line";
 export declare const toneSelectorContainer = "emoji-common-tone-selector-container";
-export declare const emojiPreviewSection = "emoji-preview-section";
-export declare const emojiPreview: string;
-export declare const emojiToneSelectorContainer: string;
-export declare const emojiScrollable: string;
-export declare const emojiUpload: string;
-export declare const uploadChooseFileMessage: string;
-export declare const emojiUploadBottom: string;
-export declare const uploadChooseFileRow: string;
-export declare const uploadChooseFileEmojiName: string;
-export declare const uploadChooseFileBrowse: string;
-export declare const uploadPreviewFooter: string;
-export declare const uploadPreview: string;
-export declare const uploadPreviewText: string;
-export declare const bigEmojiPreview: string;
-export declare const uploadAddRow: string;
-export declare const AddCustomEmoji: string;
+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;
+export declare const emojiUploadBottom: import("@emotion/utils").SerializedStyles;
+export declare const uploadChooseFileRow: import("@emotion/utils").SerializedStyles;
+export declare const uploadChooseFileEmojiName: import("@emotion/utils").SerializedStyles;
+export declare const uploadChooseFileBrowse: import("@emotion/utils").SerializedStyles;
+export declare const uploadPreviewFooter: import("@emotion/utils").SerializedStyles;
+export declare const uploadPreview: import("@emotion/utils").SerializedStyles;
+export declare const uploadPreviewText: import("@emotion/utils").SerializedStyles;
+export declare const bigEmojiPreview: import("@emotion/utils").SerializedStyles;
+export declare const uploadAddRow: import("@emotion/utils").SerializedStyles;
+export declare const addCustomEmoji: import("@emotion/utils").SerializedStyles;
 export declare const submitDelete = "emoji-submit-delete";
-export declare const previewButtonGroup = "emoji-preview-button-group";
-export declare const deletePreview: string;
-export declare const deleteText: string;
-export declare const deleteFooter: string;
-export declare const emojiDeleteErrorMessage: string;
-export declare const emojiChooseFileErrorMessage: string;
-export declare const emojiPreviewErrorMessage: string;
-export declare const addCustomEmojiButton: string;
-export declare const uploadRetryButton: string;
-export declare const uploadEmojiButton: string;
-export declare const cancelButton: string;
-export declare const buttonSpinner: string;
+export declare const deletePreview: import("@emotion/utils").SerializedStyles;
+export declare const deleteText: import("@emotion/utils").SerializedStyles;
+export declare const previewButtonGroup: import("@emotion/utils").SerializedStyles;
+export declare const deleteFooter: import("@emotion/utils").SerializedStyles;
+export declare const emojiDeleteErrorMessage: import("@emotion/utils").SerializedStyles;
+export declare const emojiChooseFileErrorMessage: import("@emotion/utils").SerializedStyles;
+export declare const emojiPreviewErrorMessage: import("@emotion/utils").SerializedStyles;
+export declare const addCustomEmojiButton: import("@emotion/utils").SerializedStyles;
+export declare const uploadRetryButton: import("@emotion/utils").SerializedStyles;
+export declare const uploadEmojiButton: import("@emotion/utils").SerializedStyles;
+export declare const cancelButton: import("@emotion/utils").SerializedStyles;
+export declare const buttonSpinner: import("@emotion/utils").SerializedStyles;

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

@@ -1,5 +1,4 @@
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import React from 'react';
 import { ComponentClass } from 'react';
 import { EmojiProvider } from '../../api/EmojiResource';
 import { OnEmojiEvent } from '../../types';
@@ -13,12 +12,12 @@ export interface Props extends LoadingProps {
 export declare class EmojiPickerInternal extends LoadingEmojiComponent<Props & WithAnalyticsEventsProps, LoadingState> {
     static AsyncLoadedComponent?: ComponentClass<ComponentProps>;
     state: {
-        asyncLoadedComponent: React.ComponentClass<ComponentProps, any> | undefined;
+        asyncLoadedComponent: ComponentClass<ComponentProps, any> | undefined;
     };
     constructor(props: Props);
     asyncLoadComponent(): void;
     renderLoading(): JSX.Element | null;
     renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiPickerComponent: ComponentClass<ComponentProps>): JSX.Element;
 }
-declare const EmojiPicker: React.ForwardRefExoticComponent<Pick<Props & WithAnalyticsEventsProps, "emojiProvider" | "onSelection" | "onPickerRef" | "hideToneSelector"> & React.RefAttributes<any>>;
+declare const EmojiPicker: import("react").ForwardRefExoticComponent<Pick<Props & WithAnalyticsEventsProps, "emojiProvider" | "onSelection" | "onPickerRef" | "hideToneSelector"> & import("react").RefAttributes<any>>;
 export default EmojiPicker;

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

@@ -1,7 +1,9 @@
+import PropTypes from 'prop-types';
 import { PureComponent } from 'react';
 import { MessageDescriptor } from 'react-intl-next';
 import { EmojiProvider } from '../../api/EmojiResource';
 import { EmojiDescription, EmojiId, OnEmojiEvent, OptionalEmojiDescription, OptionalEmojiDescriptionWithVariations, ToneSelection } from '../../types';
+import { EmojiContext } from '../common/internal-types';
 import { CategoryId } from './categories';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface PickerRefHandler {
@@ -32,11 +34,15 @@ export interface State {
     loading: boolean;
 }
 export default class EmojiPickerComponent extends PureComponent<Props, State> {
+    static childContextTypes: {
+        emoji: PropTypes.Requireable<any>;
+    };
     static defaultProps: {
         onSelection: () => void;
     };
     constructor(props: Props);
     openTime: number;
+    getChildContext(): EmojiContext;
     UNSAFE_componentWillMount(): void;
     componentDidMount(): void;
     componentWillUnmount(): void;

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

@@ -1,5 +1,7 @@
+import PropTypes from 'prop-types';
 import { PureComponent } from 'react';
 import { EmojiDescription, EmojiDescriptionWithVariations, Message, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, ToneSelection, User } from '../../types';
+import { EmojiContext } from '../common/internal-types';
 import { CategoryId } from './categories';
 import { OnUploadEmoji } from '../common/EmojiUploadPicker';
 import { OnDeleteEmoji } from '../common/EmojiDeletePreview';
@@ -35,6 +37,12 @@ export interface Props {
 export interface State {
 }
 export default class EmojiPickerVirtualList extends PureComponent<Props, State> {
+    static contextTypes: {
+        emoji: PropTypes.Requireable<any>;
+    };
+    static childContextTypes: {
+        emoji: PropTypes.Requireable<any>;
+    };
     static defaultProps: {
         onEmojiSelected: () => void;
         onEmojiActive: () => void;
@@ -46,7 +54,9 @@ export default class EmojiPickerVirtualList extends PureComponent<Props, State>
     private activeCategoryId;
     private virtualItems;
     private categoryTracker;
+    context: EmojiContext;
     constructor(props: Props);
+    getChildContext(): EmojiContext;
     UNSAFE_componentWillUpdate(nextProps: Props, nextState: State): void;
     private onEmojiMouseEnter;
     private onSearch;

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

@@ -1,19 +1,18 @@
-export declare const active = "emoji-picker-active";
-export declare const disable = "emoji-picker-disable";
-export declare const emojiPicker: string;
+export declare const emojiPicker: import("@emotion/utils").SerializedStyles;
 export declare const addButton = "emoji-picker-add-button";
-export declare const categorySelector: string;
-export declare const category: string;
-export declare const emojiPickerList: string;
-export declare const virtualList: string;
-export declare const searchIcon = "search-icon";
-export declare const input = "input";
-export declare const pickerSearch: string;
-export declare const emojiPickerSpinner: string;
-export declare const emojiPickerRow: string;
-export declare const emojiCategoryTitle: string;
-export declare const emojiItem: string;
-export declare const addEmoji: string;
-export declare const emojiPickerFooter: string;
-export declare const emojiPickerFooterWithTopShadow: string;
-export declare const emojiActionsContainerWithBottomShadow: string;
+export declare const categorySelector: import("@emotion/utils").SerializedStyles;
+export declare const active: import("@emotion/utils").SerializedStyles;
+export declare const disable: import("@emotion/utils").SerializedStyles;
+export declare const categoryStyles: import("@emotion/utils").SerializedStyles;
+export declare const emojiPickerList: import("@emotion/utils").SerializedStyles;
+export declare const virtualList: import("@emotion/utils").SerializedStyles;
+export declare const searchIcon: import("@emotion/utils").SerializedStyles;
+export declare const input: import("@emotion/utils").SerializedStyles;
+export declare const pickerSearch: import("@emotion/utils").SerializedStyles;
+export declare const emojiPickerSpinner: import("@emotion/utils").SerializedStyles;
+export declare const emojiPickerRow: import("@emotion/utils").SerializedStyles;
+export declare const emojiCategoryTitle: import("@emotion/utils").SerializedStyles;
+export declare const emojiItem: import("@emotion/utils").SerializedStyles;
+export declare const emojiPickerFooter: import("@emotion/utils").SerializedStyles;
+export declare const emojiPickerFooterWithTopShadow: import("@emotion/utils").SerializedStyles;
+export declare const emojiActionsContainerWithBottomShadow: import("@emotion/utils").SerializedStyles;

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

@@ -1,6 +1,8 @@
+import PropTypes from 'prop-types';
 import { PureComponent } from 'react';
 import { EmojiProvider } from '../../api/EmojiResource';
 import { EmojiDescription, OnEmojiEvent, ToneSelection } from '../../types';
+import { EmojiContext } from '../common/internal-types';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface OnLifecycle {
     (): void;
@@ -22,6 +24,9 @@ export interface State {
     loading: boolean;
 }
 export default class EmojiTypeAheadComponent extends PureComponent<Props, State> {
+    static childContextTypes: {
+        emoji: PropTypes.Requireable<any>;
+    };
     static defaultProps: {
         onSelection: () => void;
         onOpen: () => void;
@@ -36,6 +41,7 @@ export default class EmojiTypeAheadComponent extends PureComponent<Props, State>
     private sessionId;
     private selected;
     constructor(props: Props);
+    getChildContext(): EmojiContext;
     componentDidMount(): void;
     componentWillUnmount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;

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

@@ -1,9 +1,10 @@
-export declare const selected = "emoji-typeahead-selected";
 export declare const emojiTypeAhead = "emoji-typeahead-element";
 export declare const typeAheadListContainer = "emoji-typeahead-list-container";
-export declare const typeAheadList: string;
-export declare const typeAheadEmpty: string;
-export declare const typeAheadItem: string;
-export declare const typeAheadItemRow: string;
-export declare const emojiTypeAheadSpinnerContainer: string;
-export declare const emojiTypeAheadSpinner: string;
+export declare const typeaheadSelected = "emoji-typeahead-selected";
+export declare const typeAheadList: import("@emotion/utils").SerializedStyles;
+export declare const typeAheadEmpty: import("@emotion/utils").SerializedStyles;
+export declare const selected: import("@emotion/utils").SerializedStyles;
+export declare const typeAheadItem: import("@emotion/utils").SerializedStyles;
+export declare const typeAheadItemRow: import("@emotion/utils").SerializedStyles;
+export declare const emojiTypeAheadSpinnerContainer: import("@emotion/utils").SerializedStyles;
+export declare const emojiTypeAheadSpinner: import("@emotion/utils").SerializedStyles;

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

@@ -16,6 +16,7 @@ export interface State {
 export default class EmojiUploadComponent extends PureComponent<Props, State> {
     private ref?;
     constructor(props: Props);
+    componentWillUnmount(): void;
     private onUploadEmoji;
     private prepareForUpload;
     onFileChooserClicked: () => void;

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

@@ -1,2 +1,2 @@
-export declare const emojiUploadWidget: string;
-export declare const emojiUploadFooter: string;
+export declare const emojiUploadWidget: import("@emotion/utils").SerializedStyles;
+export declare const emojiUploadFooter: import("@emotion/utils").SerializedStyles;

package/dist/types/index.d.ts

@@ -6,16 +6,16 @@ import EmojiPicker from './components/picker/EmojiPicker';
 import EmojiUploader from './components/uploader/EmojiUploader';
 import EmojiTypeAhead from './components/typeahead/EmojiTypeAhead';
 import EmojiTypeAheadItem from './components/typeahead/EmojiTypeAheadItem';
-export { selected, selectOnHover, emojiSprite, emojiNode, emojiImage, } from './components/common/styles';
+export { commonSelectedStyles as selected, selectOnHoverStyles as selectOnHover, emojiSprite, emojiNodeStyles as emojiNode, emojiImage, } from './components/common/styles';
 import EmojiResource, { EmojiProvider, UploadingEmojiProvider, EmojiResourceConfig } from './api/EmojiResource';
 import EmojiRepository from './api/EmojiRepository';
 import EmojiLoader from './api/EmojiLoader';
 import { denormaliseEmojiServiceResponse } from './api/EmojiUtils';
 import { toEmojiId, toOptionalEmojiId } from './util/type-helpers';
-import { recordSelectionFailedSli, recordSelectionSucceededSli } from './util/analytics';
+import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences } 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, ResourcedEmoji, denormaliseEmojiServiceResponse, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
+export { AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUploader, EmojiResource, EmojiRepository, EmojiTypeAhead, ResourcedEmoji, denormaliseEmojiServiceResponse, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
 export type { EmojiProvider, UploadingEmojiProvider, EmojiResourceConfig, };
 export { SearchSort, } 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

@@ -296,3 +296,9 @@ export interface User {
 }
 export declare type OptionalUser = User | undefined;
 export declare type Message = React.ReactNode;
+export declare enum ProviderTypes {
+    SITE = "SITE",
+    STANDARD = "STANDARD",
+    ATLASSIAN = "ATLASSIAN",
+    UNKNOWN = "UNKNOWN"
+}

package/dist/types/util/{analytics.d.ts → analytics/analytics.d.ts}

@@ -1,9 +1,9 @@
 import { AnalyticsEventPayload, CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { EmojiDescription } from '../types';
+import { EmojiDescription } from '../../types';
 export declare const createAndFireEventInElementsChannel: (payload: Record<string, any>) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
 export declare type EmojiInsertionAnalytic = (source: 'picker' | 'typeahead') => AnalyticsEventPayload;
-export declare const insertionSucceeded: EmojiInsertionAnalytic;
-export declare const insertionFailed: EmojiInsertionAnalytic;
+export declare const recordSucceeded: EmojiInsertionAnalytic;
+export declare const recordFailed: EmojiInsertionAnalytic;
 interface Duration {
     duration: number;
 }
@@ -42,12 +42,12 @@ export declare const uploadSucceededEvent: (attributes: Duration) => Record<stri
 export declare const uploadFailedEvent: (attributes: {
     reason: string;
 } & Duration) => Record<string, any>;
-interface EmojiId {
+interface Attributes {
     emojiId?: string;
 }
-export declare const deleteBeginEvent: (attributes: EmojiId) => Record<string, any>;
-export declare const deleteConfirmEvent: (attributes: EmojiId) => Record<string, any>;
-export declare const deleteCancelEvent: (attributes: EmojiId) => Record<string, any>;
+export declare const deleteBeginEvent: (attributes: Attributes) => Record<string, any>;
+export declare const deleteConfirmEvent: (attributes: Attributes) => Record<string, any>;
+export declare const deleteCancelEvent: (attributes: Attributes) => Record<string, any>;
 export declare const selectedFileEvent: () => Record<string, any>;
 export declare const typeaheadCancelledEvent: (duration: number, query?: string | undefined, emojiList?: EmojiDescription[] | undefined) => Record<string, any>;
 export declare const typeaheadSelectedEvent: (pressed: boolean, duration: number, emoji: EmojiDescription, emojiList?: EmojiDescription[] | undefined, query?: string | undefined, exactMatch?: boolean | undefined) => Record<string, any>;

package/dist/types/util/analytics/index.d.ts

@@ -0,0 +1,6 @@
+export { ufoExperiencesSampled, clearSampled, isExperienceSampled, withSampling, } from './samplingUfo';
+export type { UFOExperienceSampledRecords, WithSampling } from './samplingUfo';
+export { categoryClickedEvent, createAndFireEventInElementsChannel, closedPickerEvent, deleteBeginEvent, deleteCancelEvent, deleteConfirmEvent, recordFailed, recordSucceeded, openedPickerEvent, pickerClickedEvent, pickerSearchedEvent, recordSelectionFailedSli, recordSelectionSucceededSli, selectedFileEvent, toneSelectedEvent, toneSelectorClosedEvent, toneSelectorOpenedEvent, typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, uploadBeginButton, uploadCancelButton, uploadConfirmButton, uploadFailedEvent, uploadSucceededEvent, } from './analytics';
+export { sampledUfoRenderedEmoji, ufoExperiences } from './ufoExperiences';
+export type { EmojiInsertionAnalytic } from './analytics';
+export { useSampledUFOComponentExperience } from './useSampledUFOComponentExperience';

package/dist/types/util/analytics/samplingUfo.d.ts

@@ -0,0 +1,31 @@
+import { UFOExperience } from '@atlaskit/ufo';
+export interface UFOExperienceSampledRecords {
+    [experienceName: string]: UFOExperienceSampledRecord;
+}
+interface SamplingInstancesRecord {
+    [key: string]: boolean;
+}
+interface UFOExperienceSampledRecord {
+    sampledInstance: SamplingInstancesRecord;
+    sampled: boolean;
+}
+export declare const ufoExperiencesSampled: UFOExperienceSampledRecords;
+declare type SamplingFunc = (rate: number) => boolean;
+export declare const clearSampled: () => void;
+export declare const isExperienceSampled: (rate: number) => boolean;
+export interface WithSampling extends Omit<UFOExperience, 'start'> {
+    start: (options: {
+        samplingRate: number;
+        samplingFunc?: SamplingFunc;
+        startTime?: number;
+    }) => Promise<void>;
+}
+/**
+ * This function is a temp solution to reduce the event traffic, as UFO package does not support it.
+ *
+ * e.g. Emoji Picker contains thousands of emojis, which means will trigger a large number of renderred events without sampling
+ * @param ufoExperience
+ * @returns
+ */
+export declare const withSampling: (ufoExperience: UFOExperience) => WithSampling;
+export {};

package/dist/types/util/analytics/ufoExperiences.d.ts

@@ -0,0 +1,12 @@
+import { EmojiId } from '../../types';
+import { ConcurrentExperience, UFOExperience } from '@atlaskit/ufo';
+export declare type UfoExperienceName = 'emoji-rendered' | 'emoji-resource-fetched' | 'emoji-picker-opened' | 'emoji-selection-recorded' | 'emoji-uploaded' | 'emoji-searched';
+export declare const ufoExperiences: {
+    'emoji-rendered': ConcurrentExperience;
+    'emoji-resource-fetched': ConcurrentExperience;
+    'emoji-picker-opened': UFOExperience;
+    'emoji-selection-recorded': UFOExperience;
+    'emoji-uploaded': UFOExperience;
+    'emoji-searched': UFOExperience;
+};
+export declare const sampledUfoRenderedEmoji: (emojiId: EmojiId) => import("./samplingUfo").WithSampling;

package/dist/types/util/analytics/useSampledUFOComponentExperience.d.ts

@@ -0,0 +1,8 @@
+import { CustomData, UFOExperience } from '@atlaskit/ufo';
+/**
+ * A hook to start an experience and to auto abort the experience when the parent component is unmounted.
+ * Use this instead of a direct call to `experience.start`. If you need to restart the experience
+ * simply trigger an unmount and remount of the parent component.
+ * @param experience the experience to start and abort
+ */
+export declare const useSampledUFOComponentExperience: (experience: UFOExperience, samplingRate: number, metadata?: CustomData | undefined) => null;

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

@@ -20,3 +20,5 @@ export declare const defaultCategories: CategoryId[];
 export declare const defaultListLimit = 50;
 export declare const migrationUserId = "hipchat_migration_emoticons";
 export declare const analyticsEmojiPrefix = "atlassian.fabric.emoji.picker";
+export declare const SAMPLING_RATE_EMOJI_RENDERED_EXP = 0.05;
+export declare const SAMPLING_RATE_EMOJI_RENDERED_EXP_RESOURCEEMOJI = 0.1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/emoji",
-  "version": "64.2.0",
+  "version": "64.4.0",
   "description": "Fabric emoji React components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,36 +29,37 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.2.0",
     "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/media-client": "^14.4.0",
+    "@atlaskit/media-client": "^15.0.0",
     "@atlaskit/spinner": "^15.0.0",
     "@atlaskit/textfield": "^5.1.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.7.0",
+    "@atlaskit/tokens": "^0.8.0",
     "@atlaskit/tooltip": "^17.5.0",
+    "@atlaskit/ufo": "^0.1.0",
     "@atlaskit/util-service-support": "^6.1.0",
     "@babel/runtime": "^7.0.0",
-    "classnames": "^2.2.5",
+    "@emotion/core": "^10.0.9",
     "js-search": "^2.0.0",
     "lru-fast": "^0.2.2",
+    "prop-types": "^15.5.10",
     "react-virtualized": "^9.8.0",
-    "typestyle": "^1.4.4",
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
-    "react-intl-next": "npm:react-intl@^5.18.1",
-    "rxjs": "^5.5.0"
+    "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/editor-test-helpers": "^16.1.0",
+    "@atlaskit/editor-test-helpers": "^17.0.0",
     "@atlaskit/elements-test-helpers": "^0.7.0",
-    "@atlaskit/media-core": "^32.2.0",
+    "@atlaskit/media-core": "^32.3.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/util-data-test": "^17.2.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@atlassian/ufo": "^0.1.10",
     "@testing-library/react": "^8.0.1",
     "@types/js-search": "^1.4.0",
     "@types/react-virtualized": "^9.18.12",

package/dist/cjs/components/picker/EmojiPickerPreview.js

@@ -1,87 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _CachingEmoji = _interopRequireDefault(require("../../components/common/CachingEmoji"));
-
-var styles = _interopRequireWildcard(require("../common/styles"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var EmojiPickerPreview = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(EmojiPickerPreview, _PureComponent);
-
-  var _super = _createSuper(EmojiPickerPreview);
-
-  function EmojiPickerPreview() {
-    (0, _classCallCheck2.default)(this, EmojiPickerPreview);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(EmojiPickerPreview, [{
-    key: "renderEmojiPreview",
-    value: function renderEmojiPreview() {
-      var emoji = this.props.emoji;
-
-      if (emoji) {
-        var _classNames2;
-
-        var previewClasses = (0, _classnames.default)((0, _defineProperty2.default)({}, styles.preview, true));
-        var previewTextClasses = (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, styles.previewText, true), (0, _defineProperty2.default)(_classNames2, styles.previewSingleLine, !emoji.name), _classNames2));
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: previewClasses
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: styles.previewImg
-        }, /*#__PURE__*/_react.default.createElement(_CachingEmoji.default, {
-          emoji: emoji
-        })), /*#__PURE__*/_react.default.createElement("div", {
-          className: previewTextClasses
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: styles.name
-        }, emoji.name), /*#__PURE__*/_react.default.createElement("span", {
-          className: styles.shortName
-        }, emoji.shortName)));
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var sectionClasses = (0, _classnames.default)([styles.emojiPreview, styles.emojiPreviewSection]);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: sectionClasses
-      }, this.renderEmojiPreview());
-    }
-  }]);
-  return EmojiPickerPreview;
-}(_react.PureComponent);
-
-exports.default = EmojiPickerPreview;

package/dist/cjs/context/EmojiContext.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmojiContext = void 0;
-
-var _react = require("react");
-
-var EmojiContext = /*#__PURE__*/(0, _react.createContext)(null);
-exports.EmojiContext = EmojiContext;