@atlaskit/emoji 64.2.1 → 64.4.1

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,17 +6,17 @@ 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 { 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';
 export default EmojiPicker;

package/dist/types/types.d.ts

@@ -302,3 +302,16 @@ export declare enum ProviderTypes {
     ATLASSIAN = "ATLASSIAN",
     UNKNOWN = "UNKNOWN"
 }
+export declare enum UfoExperienceName {
+    EMOJI_RENDERED = "emoji-rendered",
+    EMOJI_RESOURCE_FETCHED = "emoji-resource-fetched",
+    EMOJI_PICKER_OPENED = "emoji-picker-opened",
+    EMOJI_SELECTION_RECORDED = "emoji-selection-recorded",
+    EMOJI_UPLOADED = "emoji-uploaded",
+    EMOJI_SEARCHED = "emoji-searched"
+}
+export declare enum UfoComponentName {
+    EMOJI = "emoji",
+    EMOJI_PICKER = "emoji-picker",
+    EMOJI_PROVIDER = "emoji-provider"
+}

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

@@ -1,13 +1,9 @@
 import { AnalyticsEventPayload, CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { EmojiDescription, EmojiId } from '../../types';
-import { ConcurrentExperience } from '@atlaskit/ufo';
-export declare type UfoExperienceName = 'emoji-rendered' | 'emoji-resource-fetched';
-export declare const ufoExperiences: Record<UfoExperienceName, ConcurrentExperience>;
-export declare const sampledUfoRenderedEmoji: (emojiId: EmojiId) => import("./samplingUfo").WithSampling;
+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;
 }

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

@@ -1,5 +1,6 @@
 export { ufoExperiencesSampled, clearSampled, isExperienceSampled, withSampling, } from './samplingUfo';
 export type { UFOExperienceSampledRecords, WithSampling } from './samplingUfo';
-export { categoryClickedEvent, createAndFireEventInElementsChannel, closedPickerEvent, deleteBeginEvent, deleteCancelEvent, deleteConfirmEvent, insertionFailed, insertionSucceeded, openedPickerEvent, pickerClickedEvent, pickerSearchedEvent, recordSelectionFailedSli, recordSelectionSucceededSli, sampledUfoRenderedEmoji, selectedFileEvent, toneSelectedEvent, toneSelectorClosedEvent, toneSelectorOpenedEvent, typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, ufoExperiences, uploadBeginButton, uploadCancelButton, uploadConfirmButton, uploadFailedEvent, uploadSucceededEvent, } from './analytics';
-export type { EmojiInsertionAnalytic, UfoExperienceName } from './analytics';
+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/ufoExperiences.d.ts

@@ -0,0 +1,11 @@
+import { EmojiId } from '../../types';
+import { ConcurrentExperience, UFOExperience } from '@atlaskit/ufo';
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/emoji",
-  "version": "64.2.1",
+  "version": "64.4.1",
   "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": "*",
@@ -78,7 +77,7 @@
     "rxjs": "^5.5.0",
     "serialize-javascript": "^5.0.1",
     "sinon": "^2.2.0",
-    "typescript": "3.9.6",
+    "typescript": "3.9.10",
     "wait-for-expect": "^1.2.0",
     "webpack-dev-server": "^3.11.2"
   },

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;

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

@@ -1,43 +0,0 @@
-import classNames from 'classnames';
-import React from 'react';
-import { PureComponent } from 'react';
-import CachingEmoji from '../../components/common/CachingEmoji';
-import * as styles from '../common/styles';
-export default class EmojiPickerPreview extends PureComponent {
-  renderEmojiPreview() {
-    const {
-      emoji
-    } = this.props;
-
-    if (emoji) {
-      const previewClasses = classNames({
-        [styles.preview]: true
-      });
-      const previewTextClasses = classNames({
-        [styles.previewText]: true,
-        [styles.previewSingleLine]: !emoji.name
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        className: previewClasses
-      }, /*#__PURE__*/React.createElement("span", {
-        className: styles.previewImg
-      }, /*#__PURE__*/React.createElement(CachingEmoji, {
-        emoji: emoji
-      })), /*#__PURE__*/React.createElement("div", {
-        className: previewTextClasses
-      }, /*#__PURE__*/React.createElement("span", {
-        className: styles.name
-      }, emoji.name), /*#__PURE__*/React.createElement("span", {
-        className: styles.shortName
-      }, emoji.shortName)));
-    }
-  }
-
-  render() {
-    const sectionClasses = classNames([styles.emojiPreview, styles.emojiPreviewSection]);
-    return /*#__PURE__*/React.createElement("div", {
-      className: sectionClasses
-    }, this.renderEmojiPreview());
-  }
-
-}

package/dist/es2019/context/EmojiContext.js

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export const EmojiContext = /*#__PURE__*/createContext(null);

package/dist/es2019/context/EmojiContextProvider.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { EmojiContext } from './EmojiContext';
-export const EmojiContextProvider = ({
-  children,
-  emojiContextValue
-}) => {
-  return /*#__PURE__*/React.createElement(EmojiContext.Provider, {
-    value: emojiContextValue
-  }, children);
-};

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

@@ -1,67 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
-import classNames from 'classnames';
-import React from 'react';
-import { PureComponent } from 'react';
-import CachingEmoji from '../../components/common/CachingEmoji';
-import * as styles from '../common/styles';
-
-var EmojiPickerPreview = /*#__PURE__*/function (_PureComponent) {
-  _inherits(EmojiPickerPreview, _PureComponent);
-
-  var _super = _createSuper(EmojiPickerPreview);
-
-  function EmojiPickerPreview() {
-    _classCallCheck(this, EmojiPickerPreview);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(EmojiPickerPreview, [{
-    key: "renderEmojiPreview",
-    value: function renderEmojiPreview() {
-      var emoji = this.props.emoji;
-
-      if (emoji) {
-        var _classNames2;
-
-        var previewClasses = classNames(_defineProperty({}, styles.preview, true));
-        var previewTextClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, styles.previewText, true), _defineProperty(_classNames2, styles.previewSingleLine, !emoji.name), _classNames2));
-        return /*#__PURE__*/React.createElement("div", {
-          className: previewClasses
-        }, /*#__PURE__*/React.createElement("span", {
-          className: styles.previewImg
-        }, /*#__PURE__*/React.createElement(CachingEmoji, {
-          emoji: emoji
-        })), /*#__PURE__*/React.createElement("div", {
-          className: previewTextClasses
-        }, /*#__PURE__*/React.createElement("span", {
-          className: styles.name
-        }, emoji.name), /*#__PURE__*/React.createElement("span", {
-          className: styles.shortName
-        }, emoji.shortName)));
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var sectionClasses = classNames([styles.emojiPreview, styles.emojiPreviewSection]);
-      return /*#__PURE__*/React.createElement("div", {
-        className: sectionClasses
-      }, this.renderEmojiPreview());
-    }
-  }]);
-
-  return EmojiPickerPreview;
-}(PureComponent);
-
-export { EmojiPickerPreview as default };

package/dist/esm/context/EmojiContext.js

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export var EmojiContext = /*#__PURE__*/createContext(null);

package/dist/esm/context/EmojiContextProvider.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { EmojiContext } from './EmojiContext';
-export var EmojiContextProvider = function EmojiContextProvider(_ref) {
-  var children = _ref.children,
-      emojiContextValue = _ref.emojiContextValue;
-  return /*#__PURE__*/React.createElement(EmojiContext.Provider, {
-    value: emojiContextValue
-  }, children);
-};

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

@@ -1,9 +0,0 @@
-import { PureComponent } from 'react';
-import { EmojiDescription } from '../../types';
-export interface Props {
-    emoji?: EmojiDescription;
-}
-export default class EmojiPickerPreview extends PureComponent<Props, {}> {
-    renderEmojiPreview(): JSX.Element | undefined;
-    render(): JSX.Element;
-}

package/dist/types/context/EmojiContext.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { EmojiContext as InternalEmojiContextType } from '../components/common/internal-types';
-export declare type EmojiContextType = InternalEmojiContextType | null;
-export declare const EmojiContext: import("react").Context<EmojiContextType>;

package/dist/types/context/EmojiContextProvider.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { EmojiContextType } from './EmojiContext';
-declare type EmojiContextProviderType = {
-    emojiContextValue: EmojiContextType;
-};
-export declare const EmojiContextProvider: FC<EmojiContextProviderType>;
-export {};