@atlaskit/emoji 64.2.1 → 64.3.0

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "64.2.1",
+	"version": "64.3.0",
 	"sideEffects": false
 }

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

@@ -1,8 +1,8 @@
-import React, { ContextType } from 'react';
+import PropTypes from 'prop-types';
 import { PureComponent } from 'react';
 import { EmojiDescription } from '../../types';
 import { Props as EmojiProps } from './Emoji';
-import { EmojiContext, EmojiContextType } from '../../context/EmojiContext';
+import { EmojiContext } from './internal-types';
 export interface State {
     cachedEmoji?: EmojiDescription;
     invalidImage?: boolean;
@@ -19,13 +19,15 @@ export declare const CachingEmoji: (props: CachingEmojiProps) => JSX.Element;
  * rendering paths depending on caching strategy.
  */
 export declare class CachingMediaEmoji extends PureComponent<CachingEmojiProps, State> {
+    static contextTypes: {
+        emoji: PropTypes.Requireable<any>;
+    };
     private mounted;
-    static contextType: React.Context<EmojiContextType>;
-    context: ContextType<typeof EmojiContext>;
-    constructor(props: EmojiProps, context: ContextType<typeof EmojiContext>);
+    context: EmojiContext;
+    constructor(props: EmojiProps, context: EmojiContext);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: EmojiProps, nextContext: EmojiContextType): void;
+    UNSAFE_componentWillReceiveProps(nextProps: EmojiProps, nextContext: EmojiContext): void;
     private loadEmoji;
     private handleLoadError;
     render(): JSX.Element;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { PureComponent } from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { EmojiDescription, EmojiDescriptionWithVariations, Message, OnToneSelected, OnToneSelectorCancelled, ToneSelection } from '../../types';
@@ -37,7 +36,7 @@ export declare class EmojiActions extends PureComponent<Props & WrappedComponent
     renderAddOwnEmoji(): JSX.Element | null;
     render(): JSX.Element;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { WrappedComponentProps } from 'react-intl-next';
 import { EmojiDescription } from '../../types';
 export interface OnDeleteEmoji {
@@ -14,7 +14,7 @@ export interface State {
     loading: boolean;
     error: boolean;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

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

@@ -1,9 +1,10 @@
 import { PureComponent } from 'react';
 import { Message } from '../../types';
+import { SerializedStyles } from '@emotion/core';
 export interface Props {
     message: Message;
-    className: string;
     tooltip?: boolean;
+    messageStyles: SerializedStyles;
 }
 export default class EmojiErrorMessage extends PureComponent<Props> {
     renderWithTooltip(): JSX.Element;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { PureComponent } from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { EmojiDescription, EmojiDescriptionWithVariations, OnToneSelected, OnToneSelectorCancelled, ToneSelection } from '../../types';
@@ -26,7 +25,7 @@ export declare class EmojiPreview extends PureComponent<Props & WrappedComponent
     renderAddOwnEmoji(): JSX.Element | null;
     render(): JSX.Element;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { EmojiDescription } from '../../types';
+declare type Props = {
+    emoji: EmojiDescription;
+};
+export declare const EmojiPreviewComponent: ({ emoji }: Props) => JSX.Element;
+export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { WrappedComponentProps } from 'react-intl-next';
 import { Message } from '../../types';
 import { UploadStatus } from './internal-types';
@@ -10,7 +10,7 @@ export interface EmojiUploadPreviewProps {
     onUploadCancelled: () => void;
     onAddEmoji: () => void;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<EmojiUploadPreviewProps & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<EmojiUploadPreviewProps & WrappedComponentProps<"intl">>;
 };
 export default _default;

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/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/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,7 +6,7 @@ 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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/emoji",
-  "version": "64.2.1",
+  "version": "64.3.0",
   "description": "Fabric emoji React components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,33 +29,32 @@
     "@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": "*",

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;

package/dist/cjs/context/EmojiContextProvider.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmojiContextProvider = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _EmojiContext = require("./EmojiContext");
-
-var EmojiContextProvider = function EmojiContextProvider(_ref) {
-  var children = _ref.children,
-      emojiContextValue = _ref.emojiContextValue;
-  return /*#__PURE__*/_react.default.createElement(_EmojiContext.EmojiContext.Provider, {
-    value: emojiContextValue
-  }, children);
-};
-
-exports.EmojiContextProvider = EmojiContextProvider;