@atlaskit/emoji 71.17.1 → 72.0.1

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

@@ -0,0 +1,92 @@
+/* EmojiPickerInternal.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["emojiProvider"];
+import "./EmojiPickerInternal.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import React from 'react';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
+import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
+import { ufoExperiences } from '../../util/analytics/ufoExperiences';
+import { defaultEmojiPickerSize } from '../../util/constants';
+import LoadingEmojiComponent from '../common/LoadingEmojiComponent';
+import { UfoErrorBoundary } from '../common/UfoErrorBoundary';
+import { LoadingItem } from './LoadingItem';
+import { emojiPickerLoader } from './emojiPickerLoader';
+var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
+  if (!FeatureGates.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
+var emojiPicker = null;
+var emojiPickerNew = null;
+export var EmojiPickerInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
+  function EmojiPickerInternal(props) {
+    var _this;
+    _classCallCheck(this, EmojiPickerInternal);
+    _this = _callSuper(this, EmojiPickerInternal, [props, {}]);
+    _defineProperty(_this, "state", {
+      asyncLoadedComponent: EmojiPickerInternal.AsyncLoadedComponent
+    });
+    ufoExperiences['emoji-picker-opened'].start();
+    return _this;
+  }
+  _inherits(EmojiPickerInternal, _LoadingEmojiComponen);
+  return _createClass(EmojiPickerInternal, [{
+    key: "asyncLoadComponent",
+    value: function asyncLoadComponent() {
+      var _this2 = this;
+      emojiPickerLoader().then(function (component) {
+        EmojiPickerInternal.AsyncLoadedComponent = component;
+        _this2.setAsyncState(component);
+      });
+    }
+  }, {
+    key: "renderLoading",
+    value: function renderLoading() {
+      var _this3 = this;
+      var item = new LoadingItem();
+      var handlePickerRef = function handlePickerRef(ref) {
+        if (_this3.props.onPickerRef) {
+          _this3.props.onPickerRef(ref);
+        }
+      };
+      ufoExperiences['emoji-picker-opened'].markFMP();
+      return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+        ref: handlePickerRef,
+        className: ax(["_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
+      }, item.renderItem()) : /*#__PURE__*/React.createElement("div", {
+        ref: handlePickerRef,
+        className: ax(["_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
+      }, item.renderItem());
+    }
+  }, {
+    key: "renderLoaded",
+    value: function renderLoaded(loadedEmojiProvider, EmojiPickerComponent) {
+      var _this$props = this.props,
+        emojiProvider = _this$props.emojiProvider,
+        otherProps = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(UfoErrorBoundary, {
+        experiences: [ufoExperiences['emoji-picker-opened']]
+      }, /*#__PURE__*/React.createElement(EmojiCommonProvider, {
+        emojiProvider: loadedEmojiProvider
+      }, /*#__PURE__*/React.createElement(EmojiPickerComponent, otherProps)));
+    }
+  }]);
+}(LoadingEmojiComponent);
+// state initialised with static component to prevent
+// rerender when the module has already been loaded
+_defineProperty(EmojiPickerInternal, "defaultProps", {
+  size: defaultEmojiPickerSize
+});

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

@@ -1,21 +1,26 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
-import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { EmojiPickerListContextProvider } from '../../context/EmojiPickerListContext';
 import { customCategory, defaultEmojiPickerSize, emojiPickerPreviewHeight, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
+import { filterHiddenEmojis } from '../../util/filter-hidden-emojis';
 import { filterProductivityEmojisByColor, getProductivityColorPreviewEmojis } from '../../util/productivity-colors';
-import { filterHiddenEmojis } from '../../util/hidden-emojis';
+import EmojiActions from '../common/EmojiActions';
+import { messages } from '../i18n';
 import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
+import { CategoryHeadingItem } from './CategoryHeadingItem';
 import CategoryTracker from './CategoryTracker';
 import { sizes } from './EmojiPickerSizes';
-import { CategoryHeadingItem, EmojisRowItem, LoadingItem, NoResultsItem, virtualItemRenderer } from './EmojiPickerVirtualItems';
-import EmojiActions from '../common/EmojiActions';
-import { emojiPickerHeightOffset, scrollToRow as _scrollToRow } from './utils';
-import { VirtualList } from './VirtualList';
-import { EmojiPickerListContextProvider } from '../../context/EmojiPickerListContext';
 import EmojiPickerTabPanel from './EmojiPickerTabPanel';
-import { messages } from '../i18n';
+import { EmojisRowItem } from './EmojisRowItem';
+import { LoadingItem } from './LoadingItem';
+import { NoResultsItem } from './NoResultsItem';
+import { VirtualList } from './VirtualList';
+import { emojiPickerHeightOffset } from './emojiPickerHeightOffset';
+import { scrollToRow as _scrollToRow } from './scrollToRow';
+import { virtualItemRenderer } from './virtualItemRenderer';
 
 /**
  * Test id for wrapper Emoji Picker List div

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

@@ -1,90 +1 @@
-/* EmojiPickerVirtualItems.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _extends from "@babel/runtime/helpers/extends";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import "./EmojiPickerVirtualItems.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import Spinner from '@atlaskit/spinner';
-import EmojiPickerCategoryHeading from './EmojiPickerCategoryHeading';
-import EmojiPickerEmojiRow from './EmojiPickerEmojiRow';
-import EmojiPickerNoResults from './EmojiPickerNoResults';
-import { sizes } from './EmojiPickerSizes';
-var emojiPickerSpinner = null;
-export var AbstractItem = /*#__PURE__*/_createClass(function AbstractItem(props, height) {
-  _classCallCheck(this, AbstractItem);
-  this.props = props;
-  this.height = height;
-});
-export var EmojisRowItem = /*#__PURE__*/function (_AbstractItem) {
-  function EmojisRowItem(props) {
-    var _this;
-    _classCallCheck(this, EmojisRowItem);
-    _this = _callSuper(this, EmojisRowItem, [props, sizes.emojiRowHeight]);
-    _defineProperty(_this, "renderItem", function (context) {
-      return /*#__PURE__*/React.createElement(EmojiPickerEmojiRow, _extends({}, _this.props, {
-        virtualItemContext: context
-      }));
-    });
-    return _this;
-  }
-  _inherits(EmojisRowItem, _AbstractItem);
-  return _createClass(EmojisRowItem);
-}(AbstractItem);
-export var LoadingItem = /*#__PURE__*/function (_AbstractItem2) {
-  function LoadingItem() {
-    var _this2;
-    _classCallCheck(this, LoadingItem);
-    _this2 = _callSuper(this, LoadingItem, [{}, sizes.loadingRowHeight]);
-    _defineProperty(_this2, "renderItem", function () {
-      return /*#__PURE__*/React.createElement("div", {
-        className: ax(["_1e0c1txw _1bsb1osq _4t3i1w81 _1bah1h6o _4cvr1h6o _nphsidpf _t1edidpf _1t3b1wug"])
-      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Spinner, {
-        size: "medium"
-      })));
-    });
-    return _this2;
-  }
-  _inherits(LoadingItem, _AbstractItem2);
-  return _createClass(LoadingItem);
-}(AbstractItem);
-export var CategoryHeadingItem = /*#__PURE__*/function (_AbstractItem3) {
-  function CategoryHeadingItem(props) {
-    var _this3;
-    _classCallCheck(this, CategoryHeadingItem);
-    _this3 = _callSuper(this, CategoryHeadingItem, [props, sizes.categoryHeadingHeight]);
-    _defineProperty(_this3, "renderItem", function () {
-      return /*#__PURE__*/React.createElement(EmojiPickerCategoryHeading, _this3.props);
-    });
-    return _this3;
-  }
-  _inherits(CategoryHeadingItem, _AbstractItem3);
-  return _createClass(CategoryHeadingItem);
-}(AbstractItem);
-export var NoResultsItem = /*#__PURE__*/function (_AbstractItem4) {
-  function NoResultsItem(props) {
-    var _this4;
-    _classCallCheck(this, NoResultsItem);
-    _this4 = _callSuper(this, NoResultsItem, [props, sizes.noResultsHeight]);
-    _defineProperty(_this4, "renderItem", function () {
-      return /*#__PURE__*/React.createElement(EmojiPickerNoResults, _this4.props);
-    });
-    return _this4;
-  }
-  _inherits(NoResultsItem, _AbstractItem4);
-  return _createClass(NoResultsItem);
-}(AbstractItem);
-export var virtualItemRenderer = function virtualItemRenderer(rows, context) {
-  var index = context.index,
-    key = context.key;
-  var row = rows[index];
-  return /*#__PURE__*/React.createElement("div", {
-    key: key
-  }, row && row.renderItem(context));
-};
+export {};

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

@@ -0,0 +1,30 @@
+/* EmojisRowItem.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import { AbstractItem } from './AbstractItem';
+import EmojiPickerEmojiRow from './EmojiPickerEmojiRow';
+import { sizes } from './EmojiPickerSizes';
+export var EmojisRowItem = /*#__PURE__*/function (_AbstractItem) {
+  function EmojisRowItem(props) {
+    var _this;
+    _classCallCheck(this, EmojisRowItem);
+    _this = _callSuper(this, EmojisRowItem, [props, sizes.emojiRowHeight]);
+    _defineProperty(_this, "renderItem", function (context) {
+      return /*#__PURE__*/React.createElement(EmojiPickerEmojiRow, _extends({}, _this.props, {
+        virtualItemContext: context
+      }));
+    });
+    return _this;
+  }
+  _inherits(EmojisRowItem, _AbstractItem);
+  return _createClass(EmojisRowItem);
+}(AbstractItem);

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

@@ -0,0 +1,33 @@
+/* LoadingItem.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./LoadingItem.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import Spinner from '@atlaskit/spinner';
+import { AbstractItem } from './AbstractItem';
+import { sizes } from './EmojiPickerSizes';
+var emojiPickerSpinner = null;
+export var LoadingItem = /*#__PURE__*/function (_AbstractItem) {
+  function LoadingItem() {
+    var _this;
+    _classCallCheck(this, LoadingItem);
+    _this = _callSuper(this, LoadingItem, [{}, sizes.loadingRowHeight]);
+    _defineProperty(_this, "renderItem", function () {
+      return /*#__PURE__*/React.createElement("div", {
+        className: ax(["_1e0c1txw _1bsb1osq _4t3i1w81 _1bah1h6o _4cvr1h6o _nphsidpf _t1edidpf _1t3b1wug"])
+      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Spinner, {
+        size: "medium"
+      })));
+    });
+    return _this;
+  }
+  _inherits(LoadingItem, _AbstractItem);
+  return _createClass(LoadingItem);
+}(AbstractItem);

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

@@ -0,0 +1,27 @@
+/* NoResultsItem.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import { AbstractItem } from './AbstractItem';
+import EmojiPickerNoResults from './EmojiPickerNoResults';
+import { sizes } from './EmojiPickerSizes';
+export var NoResultsItem = /*#__PURE__*/function (_AbstractItem) {
+  function NoResultsItem(props) {
+    var _this;
+    _classCallCheck(this, NoResultsItem);
+    _this = _callSuper(this, NoResultsItem, [props, sizes.noResultsHeight]);
+    _defineProperty(_this, "renderItem", function () {
+      return /*#__PURE__*/React.createElement(EmojiPickerNoResults, _this.props);
+    });
+    return _this;
+  }
+  _inherits(NoResultsItem, _AbstractItem);
+  return _createClass(NoResultsItem);
+}(AbstractItem);

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

@@ -0,0 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+export var categorySelectorCategoryTestId = function categorySelectorCategoryTestId(categoryId) {
+  return "category-selector-".concat(categoryId);
+};

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

@@ -0,0 +1,9 @@
+import { sizeGap } from '../../util/constants';
+export var emojiPickerHeightOffset = function emojiPickerHeightOffset(size) {
+  if (size === 'medium') {
+    return sizeGap;
+  } else if (size === 'large') {
+    return sizeGap * 2;
+  }
+  return 0;
+};

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

@@ -0,0 +1,11 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { emojiPickerModuleLoader } from './emojiPickerModuleLoader';
+export var emojiPickerLoader = function emojiPickerLoader() {
+  return emojiPickerModuleLoader().then(function (module) {
+    return module.default;
+  });
+};

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

@@ -0,0 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+export var emojiPickerModuleLoader = function emojiPickerModuleLoader() {
+  return import( /* webpackChunkName:"@atlaskit-internal_emojiPickerComponent" */'./EmojiPickerComponent');
+};

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

@@ -0,0 +1,12 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { EmojiPickerInternal } from './EmojiPickerInternal';
+import { emojiPickerLoader } from './emojiPickerLoader';
+export var preloadEmojiPicker = function preloadEmojiPicker() {
+  emojiPickerLoader().then(function (component) {
+    EmojiPickerInternal.AsyncLoadedComponent = component;
+  });
+};

package/dist/esm/components/picker/{utils.js → scrollToRow.js}

@@ -1,13 +1,3 @@
-import { sizeGap } from '../../util/constants';
-export var emojiPickerHeightOffset = function emojiPickerHeightOffset(size) {
-  if (size === 'medium') {
-    return sizeGap;
-  } else if (size === 'large') {
-    return sizeGap * 2;
-  }
-  return 0;
-};
-
 // this function is being exported so it can be mocked in unit tests
 export var scrollToRow = function scrollToRow(listRef, index) {
   var _listRef$current;

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

@@ -0,0 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { CategoryDescriptionMap } from './categories';
+export var sortCategories = function sortCategories(c1, c2) {
+  return CategoryDescriptionMap[c1].order - CategoryDescriptionMap[c2].order;
+};

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

@@ -0,0 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { CategoryDescriptionMapNew } from './categories';
+export var sortCategoriesNew = function sortCategoriesNew(c1, c2) {
+  return CategoryDescriptionMapNew[c1].order - CategoryDescriptionMapNew[c2].order;
+};

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

@@ -0,0 +1,11 @@
+/* virtualItemRenderer.tsx generated by @compiled/babel-plugin v2.0.0 */
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+export var virtualItemRenderer = function virtualItemRenderer(rows, context) {
+  var index = context.index,
+    key = context.key;
+  var row = rows[index];
+  return /*#__PURE__*/React.createElement("div", {
+    key: key
+  }, row && row.renderItem(context));
+};

package/dist/esm/components/typeahead/EmojiTypeAheadComponent.js

@@ -16,10 +16,13 @@ import { flushSync } from 'react-dom';
 import uuid from 'uuid';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { SearchSort, SearchSourceTypes } from '../../types';
-import { typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, ufoExperiences } from '../../util/analytics';
+import { typeaheadCancelledEvent } from '../../util/analytics/typeaheadCancelledEvent';
+import { typeaheadRenderedEvent } from '../../util/analytics/typeaheadRenderedEvent';
+import { typeaheadSelectedEvent } from '../../util/analytics/typeaheadSelectedEvent';
+import { ufoExperiences } from '../../util/analytics/ufoExperiences';
 import { defaultListLimit } from '../../util/constants';
 import debug from '../../util/logger';
-import { toEmojiId } from '../../util/type-helpers';
+import { toEmojiId } from '../../util/to-emoji-id';
 import { createRecordSelectionDefault } from '../common/RecordSelectionDefault';
 import EmojiList from './EmojiTypeAheadList';
 import { emojiTypeAhead } from './styles';

package/dist/esm/components/typeahead/EmojiTypeAheadItem.js

@@ -1,58 +1,19 @@
 /* EmojiTypeAheadItem.tsx generated by @compiled/babel-plugin v2.0.0 */
 import _extends from "@babel/runtime/helpers/extends";
-import "./EmojiTypeAheadItem.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
-import { leftClick } from '../../util/mouse';
-import { toEmojiId } from '../../util/type-helpers';
-import { EmojiPreviewComponent } from '../common/EmojiPreviewComponent';
-import { typeaheadSelected } from './styles';
-var typeAheadWidth = 350;
-var typeAheadItem = null;
-var selectedStyles = null;
-var typeAheadItemRow = null;
-export function EmojiTypeAheadItemInternal(props) {
-  var emoji = props.emoji,
-    onSelection = props.onSelection,
-    onMouseMove = props.onMouseMove,
-    selected = props.selected,
-    emojiProvider = props.emojiProvider,
-    forwardedRef = props.forwardedRef;
-  var onEmojiSelected = React.useCallback(function (event) {
-    if (leftClick(event) && onSelection) {
-      event.preventDefault();
-      onSelection(toEmojiId(emoji), emoji, event);
-    }
-  }, [emoji, onSelection]);
-  var onEmojiMenuItemMouseMove = React.useCallback(function (event) {
-    if (onMouseMove) {
-      onMouseMove(toEmojiId(emoji), emoji, event);
-    }
-  }, [emoji, onMouseMove]);
-  return /*#__PURE__*/React.createElement(EmojiCommonProvider, {
-    emojiProvider: emojiProvider
-  }, /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_1reo15vq _18m915vq _80omtlke _1e0c1ule _2mzuglyw _1bsb1qjl", selected && "_bfhki8nm", "ak-emoji-typeahead-item ".concat(selected ? typeaheadSelected : '')]),
-    onMouseDown: onEmojiSelected,
-    onMouseMove: onEmojiMenuItemMouseMove,
-    "data-emoji-id": emoji.shortName,
-    ref: forwardedRef,
-    role: fg('platform_suppression_removal_fix_reactions') ? 'button' : undefined,
-    style: {
-      "--_n55fzx": ix("".concat(typeAheadWidth, "px"))
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1e0c1txw _2lx2vrvc _1n261g80 _s7n4nkob"])
-  }, emoji && /*#__PURE__*/React.createElement(EmojiPreviewComponent, {
-    emoji: emoji
-  }))));
-}
-var EmojiTypeAheadItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
+import { EmojiTypeAheadItemInternal } from './EmojiTypeAheadItemInternal';
+export var typeAheadWidth = 350;
+export var EmojiTypeAheadItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(EmojiTypeAheadItemInternal, _extends({}, props, {
     forwardedRef: ref
   }));
 });
-export default EmojiTypeAheadItem;
+export default EmojiTypeAheadItem;
+
+/**
+ * @deprecated Use `import { EmojiTypeAheadItemInternal } from '@atlaskit/emoji/emoji-type-ahead-item'` instead.
+ */
+export { EmojiTypeAheadItemInternal } from './EmojiTypeAheadItemInternal';

package/dist/esm/components/typeahead/EmojiTypeAheadItemInternal.js

@@ -0,0 +1,51 @@
+/* EmojiTypeAheadItemInternal.tsx generated by @compiled/babel-plugin v2.0.0 */
+import "./EmojiTypeAheadItemInternal.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
+import { leftClick } from '../../util/left-click';
+import { toEmojiId } from '../../util/to-emoji-id';
+import { EmojiPreviewComponent } from '../common/EmojiPreviewComponent';
+import { typeAheadWidth } from './EmojiTypeAheadItem';
+import { typeaheadSelected } from './styles';
+var typeAheadItem = null;
+var selectedStyles = null;
+var typeAheadItemRow = null;
+export function EmojiTypeAheadItemInternal(props) {
+  var emoji = props.emoji,
+    onSelection = props.onSelection,
+    onMouseMove = props.onMouseMove,
+    selected = props.selected,
+    emojiProvider = props.emojiProvider,
+    forwardedRef = props.forwardedRef;
+  var onEmojiSelected = React.useCallback(function (event) {
+    if (leftClick(event) && onSelection) {
+      event.preventDefault();
+      onSelection(toEmojiId(emoji), emoji, event);
+    }
+  }, [emoji, onSelection]);
+  var onEmojiMenuItemMouseMove = React.useCallback(function (event) {
+    if (onMouseMove) {
+      onMouseMove(toEmojiId(emoji), emoji, event);
+    }
+  }, [emoji, onMouseMove]);
+  return /*#__PURE__*/React.createElement(EmojiCommonProvider, {
+    emojiProvider: emojiProvider
+  }, /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: ax(["_1reo15vq _18m915vq _80omtlke _1e0c1ule _2mzuglyw _1bsb1qjl", selected && "_bfhki8nm", "ak-emoji-typeahead-item ".concat(selected ? typeaheadSelected : '')]),
+    onMouseDown: onEmojiSelected,
+    onMouseMove: onEmojiMenuItemMouseMove,
+    "data-emoji-id": emoji.shortName,
+    ref: forwardedRef,
+    role: fg('platform_suppression_removal_fix_reactions') ? 'button' : undefined,
+    style: {
+      "--_n55fzx": ix("".concat(typeAheadWidth, "px"))
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1e0c1txw _2lx2vrvc _1n261g80 _s7n4nkob"])
+  }, emoji && /*#__PURE__*/React.createElement(EmojiPreviewComponent, {
+    emoji: emoji
+  }))));
+}

package/dist/esm/components/typeahead/EmojiTypeAheadList.js

@@ -7,10 +7,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { PureComponent } from 'react';
-import { emojiTypeAheadMaxHeight } from '../../util/shared-styles';
-import { toEmojiId } from '../../util/type-helpers';
+import { actualMouseMove } from '../../util/actual-mouse-move';
 import debug from '../../util/logger';
-import { actualMouseMove, mouseLocation } from '../../util/mouse';
+import { mouseLocation } from '../../util/mouse-location';
+import { emojiTypeAheadMaxHeight } from '../../util/shared-styles';
+import { toEmojiId } from '../../util/to-emoji-id';
 import Scrollable from '../common/Scrollable';
 import EmojiItem from './EmojiTypeAheadItem';
 import { EmojiTypeAheadListContainer } from './EmojiTypeAheadListContainer';

package/dist/esm/components/uploader/EmojiUploadComponent.js

@@ -7,11 +7,14 @@ import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useState, memo, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
-import { supportsUploadFeature } from '../../api/EmojiResource';
+import { supportsUploadFeature } from '../../api/supportsUploadFeature';
+import { createAndFireEventInElementsChannel } from '../../util/analytics/analytics';
+import { selectedFileEvent } from '../../util/analytics/selectedFileEvent';
+import { ufoExperiences } from '../../util/analytics/ufoExperiences';
+import { uploadCancelButton } from '../../util/analytics/uploadCancelButton';
+import { uploadConfirmButton } from '../../util/analytics/uploadConfirmButton';
 import EmojiUploadPickerWithIntl from '../common/EmojiUploadPicker';
 import { uploadEmoji } from '../common/UploadEmoji';
-import { createAndFireEventInElementsChannel, selectedFileEvent, uploadCancelButton, uploadConfirmButton } from '../../util/analytics';
-import { ufoExperiences } from '../../util/analytics/ufoExperiences';
 import { messages } from '../i18n';
 var emojiPickerWidth = 350;
 var emojiUploadWidget = null;