@atlaskit/emoji 71.17.1 → 72.0.0

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

@@ -5,62 +5,26 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EmojiTypeAheadItemInternal = EmojiTypeAheadItemInternal;
-exports.default = void 0;
-require("./EmojiTypeAheadItem.compiled.css");
+exports.EmojiTypeAheadItem = void 0;
+Object.defineProperty(exports, "EmojiTypeAheadItemInternal", {
+  enumerable: true,
+  get: function get() {
+    return _EmojiTypeAheadItemInternal.EmojiTypeAheadItemInternal;
+  }
+});
+exports.typeAheadWidth = exports.default = void 0;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _EmojiCommonProvider = require("../../context/EmojiCommonProvider");
-var _mouse = require("../../util/mouse");
-var _typeHelpers = require("../../util/type-helpers");
-var _EmojiPreviewComponent = require("../common/EmojiPreviewComponent");
-var _styles = require("./styles");
-var typeAheadWidth = 350;
-var typeAheadItem = null;
-var selectedStyles = null;
-var typeAheadItemRow = null;
-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.default.useCallback(function (event) {
-    if ((0, _mouse.leftClick)(event) && onSelection) {
-      event.preventDefault();
-      onSelection((0, _typeHelpers.toEmojiId)(emoji), emoji, event);
-    }
-  }, [emoji, onSelection]);
-  var onEmojiMenuItemMouseMove = _react.default.useCallback(function (event) {
-    if (onMouseMove) {
-      onMouseMove((0, _typeHelpers.toEmojiId)(emoji), emoji, event);
-    }
-  }, [emoji, onMouseMove]);
-  return /*#__PURE__*/_react.default.createElement(_EmojiCommonProvider.EmojiCommonProvider, {
-    emojiProvider: emojiProvider
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _80omtlke _1e0c1ule _2mzuglyw _1bsb1qjl", selected && "_bfhki8nm", "ak-emoji-typeahead-item ".concat(selected ? _styles.typeaheadSelected : '')]),
-    onMouseDown: onEmojiSelected,
-    onMouseMove: onEmojiMenuItemMouseMove,
-    "data-emoji-id": emoji.shortName,
-    ref: forwardedRef,
-    role: (0, _platformFeatureFlags.fg)('platform_suppression_removal_fix_reactions') ? 'button' : undefined,
-    style: {
-      "--_n55fzx": (0, _runtime.ix)("".concat(typeAheadWidth, "px"))
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_1e0c1txw _2lx2vrvc _1n261g80 _s7n4nkob"])
-  }, emoji && /*#__PURE__*/_react.default.createElement(_EmojiPreviewComponent.EmojiPreviewComponent, {
-    emoji: emoji
-  }))));
-}
-var EmojiTypeAheadItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(EmojiTypeAheadItemInternal, (0, _extends2.default)({}, props, {
+var _EmojiTypeAheadItemInternal = require("./EmojiTypeAheadItemInternal");
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+var typeAheadWidth = exports.typeAheadWidth = 350;
+var EmojiTypeAheadItem = exports.EmojiTypeAheadItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement(_EmojiTypeAheadItemInternal.EmojiTypeAheadItemInternal, (0, _extends2.default)({}, props, {
     forwardedRef: ref
   }));
 });
-var _default = exports.default = EmojiTypeAheadItem;
+var _default = exports.default = EmojiTypeAheadItem;
+/**
+ * @deprecated Use `import { EmojiTypeAheadItemInternal } from '@atlaskit/emoji/emoji-type-ahead-item'` instead.
+ */

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

@@ -0,0 +1,58 @@
+/* EmojiTypeAheadItemInternal.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmojiTypeAheadItemInternal = EmojiTypeAheadItemInternal;
+require("./EmojiTypeAheadItemInternal.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _EmojiCommonProvider = require("../../context/EmojiCommonProvider");
+var _leftClick = require("../../util/left-click");
+var _toEmojiId = require("../../util/to-emoji-id");
+var _EmojiPreviewComponent = require("../common/EmojiPreviewComponent");
+var _EmojiTypeAheadItem = require("./EmojiTypeAheadItem");
+var _styles = require("./styles");
+var typeAheadItem = null;
+var selectedStyles = null;
+var typeAheadItemRow = null;
+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.default.useCallback(function (event) {
+    if ((0, _leftClick.leftClick)(event) && onSelection) {
+      event.preventDefault();
+      onSelection((0, _toEmojiId.toEmojiId)(emoji), emoji, event);
+    }
+  }, [emoji, onSelection]);
+  var onEmojiMenuItemMouseMove = _react.default.useCallback(function (event) {
+    if (onMouseMove) {
+      onMouseMove((0, _toEmojiId.toEmojiId)(emoji), emoji, event);
+    }
+  }, [emoji, onMouseMove]);
+  return /*#__PURE__*/_react.default.createElement(_EmojiCommonProvider.EmojiCommonProvider, {
+    emojiProvider: emojiProvider
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _80omtlke _1e0c1ule _2mzuglyw _1bsb1qjl", selected && "_bfhki8nm", "ak-emoji-typeahead-item ".concat(selected ? _styles.typeaheadSelected : '')]),
+    onMouseDown: onEmojiSelected,
+    onMouseMove: onEmojiMenuItemMouseMove,
+    "data-emoji-id": emoji.shortName,
+    ref: forwardedRef,
+    role: (0, _platformFeatureFlags.fg)('platform_suppression_removal_fix_reactions') ? 'button' : undefined,
+    style: {
+      "--_n55fzx": (0, _runtime.ix)("".concat(_EmojiTypeAheadItem.typeAheadWidth, "px"))
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_1e0c1txw _2lx2vrvc _1n261g80 _s7n4nkob"])
+  }, emoji && /*#__PURE__*/_react.default.createElement(_EmojiPreviewComponent.EmojiPreviewComponent, {
+    emoji: emoji
+  }))));
+}

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

@@ -13,10 +13,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _sharedStyles = require("../../util/shared-styles");
-var _typeHelpers = require("../../util/type-helpers");
+var _actualMouseMove = require("../../util/actual-mouse-move");
 var _logger = _interopRequireDefault(require("../../util/logger"));
-var _mouse = require("../../util/mouse");
+var _mouseLocation = require("../../util/mouse-location");
+var _sharedStyles = require("../../util/shared-styles");
+var _toEmojiId = require("../../util/to-emoji-id");
 var _Scrollable = _interopRequireDefault(require("../common/Scrollable"));
 var _EmojiTypeAheadItem = _interopRequireDefault(require("./EmojiTypeAheadItem"));
 var _EmojiTypeAheadListContainer = require("./EmojiTypeAheadListContainer");
@@ -64,7 +65,7 @@ var EmojiTypeAheadList = exports.default = /*#__PURE__*/function (_PureComponent
       var selectedEmoji = emojis[selectedIndex];
       (0, _logger.default)('ak-typeahead-list.chooseCurrentSelection', selectedEmoji);
       if (onEmojiSelected) {
-        onEmojiSelected((0, _typeHelpers.toEmojiId)(selectedEmoji), selectedEmoji);
+        onEmojiSelected((0, _toEmojiId.toEmojiId)(selectedEmoji), selectedEmoji);
       }
     });
     (0, _defineProperty2.default)(_this, "selectIndexOnHover", function (emojiId, _emoji, event) {
@@ -72,8 +73,8 @@ var EmojiTypeAheadList = exports.default = /*#__PURE__*/function (_PureComponent
       if (!event) {
         return;
       }
-      var mousePosition = (0, _mouse.mouseLocation)(event);
-      if ((0, _mouse.actualMouseMove)(_this.lastMousePosition, mousePosition)) {
+      var mousePosition = (0, _mouseLocation.mouseLocation)(event);
+      if ((0, _actualMouseMove.actualMouseMove)(_this.lastMousePosition, mousePosition)) {
         _this.selectByEmojiId(emojiId);
       }
       _this.lastMousePosition = mousePosition;

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

@@ -15,11 +15,14 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntl = require("react-intl");
-var _EmojiResource = require("../../api/EmojiResource");
+var _supportsUploadFeature = require("../../api/supportsUploadFeature");
+var _analytics = require("../../util/analytics/analytics");
+var _selectedFileEvent = require("../../util/analytics/selectedFileEvent");
+var _ufoExperiences = require("../../util/analytics/ufoExperiences");
+var _uploadCancelButton = require("../../util/analytics/uploadCancelButton");
+var _uploadConfirmButton = require("../../util/analytics/uploadConfirmButton");
 var _EmojiUploadPicker = _interopRequireDefault(require("../common/EmojiUploadPicker"));
 var _UploadEmoji = require("../common/UploadEmoji");
-var _analytics = require("../../util/analytics");
-var _ufoExperiences = require("../../util/analytics/ufoExperiences");
 var _i18n = require("../i18n");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var emojiPickerWidth = 350;
@@ -36,7 +39,7 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
     uploadErrorMessage = _useState2[0],
     setUploadErrorMessage = _useState2[1];
   (0, _react.useEffect)(function () {
-    if ((0, _EmojiResource.supportsUploadFeature)(emojiProvider)) {
+    if ((0, _supportsUploadFeature.supportsUploadFeature)(emojiProvider)) {
       emojiProvider.prepareForUpload();
     }
   }, [emojiProvider]);
@@ -60,11 +63,11 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
             _ufoExperiences.ufoExperiences['emoji-uploaded'].addMetadata({
               retry: retry
             });
-            if (!(0, _EmojiResource.supportsUploadFeature)(emojiProvider)) {
+            if (!(0, _supportsUploadFeature.supportsUploadFeature)(emojiProvider)) {
               _context.next = 4;
               break;
             }
-            fireAnalytics((0, _analytics.uploadConfirmButton)({
+            fireAnalytics((0, _uploadConfirmButton.uploadConfirmButton)({
               retry: retry
             }));
             _context.prev = 1;
@@ -108,10 +111,10 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
     };
   };
   var onFileChooserClicked = function onFileChooserClicked() {
-    fireAnalytics((0, _analytics.selectedFileEvent)());
+    fireAnalytics((0, _selectedFileEvent.selectedFileEvent)());
   };
   var onUploadCancelled = function onUploadCancelled() {
-    fireAnalytics((0, _analytics.uploadCancelButton)());
+    fireAnalytics((0, _uploadCancelButton.uploadCancelButton)());
     onUploaded();
   };
   var fireAnalytics = function fireAnalytics(analyticsEvent) {

package/dist/cjs/components/uploader/EmojiUploader.js

@@ -1,69 +1,22 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.EmojiUploaderInternal = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _LoadingEmojiComponent = _interopRequireDefault(require("../common/LoadingEmojiComponent"));
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _excluded = ["emojiProvider"];
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var emojiUploadModuleLoader = function emojiUploadModuleLoader() {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName:"@atlaskit-internal_emojiUploadComponent" */'./EmojiUploadComponent'));
-  });
-};
-var emojiUploadLoader = function emojiUploadLoader() {
-  return emojiUploadModuleLoader().then(function (module) {
-    return module.default;
-  });
-};
-var EmojiUploaderInternal = exports.EmojiUploaderInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
-  function EmojiUploaderInternal(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, EmojiUploaderInternal);
-    _this = _callSuper(this, EmojiUploaderInternal, [props, {}]);
-    // state initialised with static component to prevent
-    // rerender when the module has already been loaded
-    (0, _defineProperty2.default)(_this, "state", {
-      asyncLoadedComponent: EmojiUploaderInternal.AsyncLoadedComponent
-    });
-    return _this;
+exports.EmojiUploader = void 0;
+Object.defineProperty(exports, "EmojiUploaderInternal", {
+  enumerable: true,
+  get: function get() {
+    return _EmojiUploaderInternal.EmojiUploaderInternal;
   }
-  (0, _inherits2.default)(EmojiUploaderInternal, _LoadingEmojiComponen);
-  return (0, _createClass2.default)(EmojiUploaderInternal, [{
-    key: "asyncLoadComponent",
-    value: function asyncLoadComponent() {
-      var _this2 = this;
-      emojiUploadLoader().then(function (component) {
-        EmojiUploaderInternal.AsyncLoadedComponent = component;
-        _this2.setAsyncState(component);
-      });
-    }
-  }, {
-    key: "renderLoaded",
-    value: function renderLoaded(loadedEmojiProvider, EmojiUploadComponent) {
-      var _this$props = this.props,
-        emojiProvider = _this$props.emojiProvider,
-        otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      return /*#__PURE__*/_react.default.createElement(EmojiUploadComponent, (0, _extends2.default)({
-        emojiProvider: loadedEmojiProvider
-      }, otherProps));
-    }
-  }]);
-}(_LoadingEmojiComponent.default);
-var EmojiUploader = (0, _analyticsNext.withAnalyticsEvents)()(EmojiUploaderInternal);
-var _default = exports.default = EmojiUploader;
+});
+exports.default = void 0;
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _EmojiUploaderInternal = require("./EmojiUploaderInternal");
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+var EmojiUploader = exports.EmojiUploader = (0, _analyticsNext.withAnalyticsEvents)()(_EmojiUploaderInternal.EmojiUploaderInternal);
+var _default = exports.default = EmojiUploader;
+/**
+ * @deprecated Use `import { EmojiUploaderInternal } from '@atlaskit/emoji/emoji-uploader'` instead.
+ */

package/dist/cjs/components/uploader/EmojiUploaderInternal.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmojiUploaderInternal = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _LoadingEmojiComponent = _interopRequireDefault(require("../common/LoadingEmojiComponent"));
+var _excluded = ["emojiProvider"];
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var emojiUploadModuleLoader = function emojiUploadModuleLoader() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName:"@atlaskit-internal_emojiUploadComponent" */'./EmojiUploadComponent'));
+  });
+};
+var emojiUploadLoader = function emojiUploadLoader() {
+  return emojiUploadModuleLoader().then(function (module) {
+    return module.default;
+  });
+};
+var EmojiUploaderInternal = exports.EmojiUploaderInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
+  function EmojiUploaderInternal(props) {
+    var _this;
+    (0, _classCallCheck2.default)(this, EmojiUploaderInternal);
+    _this = _callSuper(this, EmojiUploaderInternal, [props, {}]);
+    // state initialised with static component to prevent
+    // rerender when the module has already been loaded
+    (0, _defineProperty2.default)(_this, "state", {
+      asyncLoadedComponent: EmojiUploaderInternal.AsyncLoadedComponent
+    });
+    return _this;
+  }
+  (0, _inherits2.default)(EmojiUploaderInternal, _LoadingEmojiComponen);
+  return (0, _createClass2.default)(EmojiUploaderInternal, [{
+    key: "asyncLoadComponent",
+    value: function asyncLoadComponent() {
+      var _this2 = this;
+      emojiUploadLoader().then(function (component) {
+        EmojiUploaderInternal.AsyncLoadedComponent = component;
+        _this2.setAsyncState(component);
+      });
+    }
+  }, {
+    key: "renderLoaded",
+    value: function renderLoaded(loadedEmojiProvider, EmojiUploadComponent) {
+      var _this$props = this.props,
+        emojiProvider = _this$props.emojiProvider,
+        otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      return /*#__PURE__*/_react.default.createElement(EmojiUploadComponent, (0, _extends2.default)({
+        emojiProvider: loadedEmojiProvider
+      }, otherProps));
+    }
+  }]);
+}(_LoadingEmojiComponent.default);

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -129,7 +128,7 @@ Object.defineProperty(exports, "defaultEmojiHeight", {
 Object.defineProperty(exports, "denormaliseEmojiServiceResponse", {
   enumerable: true,
   get: function get() {
-    return _EmojiUtils.denormaliseEmojiServiceResponse;
+    return _denormaliseEmojiServiceResponse.denormaliseEmojiServiceResponse;
   }
 });
 Object.defineProperty(exports, "denseEmojiHeightH1", {
@@ -195,19 +194,19 @@ Object.defineProperty(exports, "emojiSprite", {
 Object.defineProperty(exports, "preloadEmojiPicker", {
   enumerable: true,
   get: function get() {
-    return _EmojiPicker.preloadEmojiPicker;
+    return _preloadEmojiPicker.preloadEmojiPicker;
   }
 });
 Object.defineProperty(exports, "recordSelectionFailedSli", {
   enumerable: true,
   get: function get() {
-    return _analytics.recordSelectionFailedSli;
+    return _recordSelectionFailedSli.recordSelectionFailedSli;
   }
 });
 Object.defineProperty(exports, "recordSelectionSucceededSli", {
   enumerable: true,
   get: function get() {
-    return _analytics.recordSelectionSucceededSli;
+    return _recordSelectionSucceededSli.recordSelectionSucceededSli;
   }
 });
 Object.defineProperty(exports, "scaledEmojiHeightH1", {
@@ -249,19 +248,19 @@ Object.defineProperty(exports, "selected", {
 Object.defineProperty(exports, "toEmojiId", {
   enumerable: true,
   get: function get() {
-    return _typeHelpers.toEmojiId;
+    return _toEmojiId.toEmojiId;
   }
 });
 Object.defineProperty(exports, "toOptionalEmojiId", {
   enumerable: true,
   get: function get() {
-    return _typeHelpers.toOptionalEmojiId;
+    return _toOptionalEmojiId.toOptionalEmojiId;
   }
 });
 Object.defineProperty(exports, "ufoExperiences", {
   enumerable: true,
   get: function get() {
-    return _analytics.ufoExperiences;
+    return _ufoExperiences.ufoExperiences;
   }
 });
 Object.defineProperty(exports, "useEmoji", {
@@ -279,30 +278,34 @@ Object.defineProperty(exports, "useEmojiContext", {
 Object.defineProperty(exports, "withSampling", {
   enumerable: true,
   get: function get() {
-    return _analytics.withSampling;
+    return _withSampling.withSampling;
   }
 });
 var _utilServiceSupport = require("@atlaskit/util-service-support");
 var _Emoji = _interopRequireDefault(require("./components/common/Emoji"));
 var _EmojiPlaceholder = _interopRequireDefault(require("./components/common/EmojiPlaceholder"));
 var _ResourcedEmoji = _interopRequireDefault(require("./components/common/ResourcedEmoji"));
-var _EmojiPicker = _interopRequireWildcard(require("./components/picker/EmojiPicker"));
-var _EmojiUploader = _interopRequireDefault(require("./components/uploader/EmojiUploader"));
+var _EmojiPicker = _interopRequireDefault(require("./components/picker/EmojiPicker"));
+var _preloadEmojiPicker = require("./components/picker/preloadEmojiPicker");
 var _EmojiTypeAhead = _interopRequireDefault(require("./components/typeahead/EmojiTypeAhead"));
 var _EmojiTypeAheadItem = _interopRequireDefault(require("./components/typeahead/EmojiTypeAheadItem"));
+var _EmojiUploader = _interopRequireDefault(require("./components/uploader/EmojiUploader"));
 var _styles = require("./components/common/styles");
 var _EmojiResource = _interopRequireDefault(require("./api/EmojiResource"));
-var _EmojiRepository = _interopRequireDefault(require("./api/EmojiRepository"));
 var _EmojiLoader = _interopRequireDefault(require("./api/EmojiLoader"));
-var _EmojiUtils = require("./api/EmojiUtils");
-var _typeHelpers = require("./util/type-helpers");
-var _analytics = require("./util/analytics");
+var _EmojiRepository = _interopRequireDefault(require("./api/EmojiRepository"));
+var _denormaliseEmojiServiceResponse = require("./api/denormaliseEmojiServiceResponse");
+var _recordSelectionFailedSli = require("./util/analytics/recordSelectionFailedSli");
+var _recordSelectionSucceededSli = require("./util/analytics/recordSelectionSucceededSli");
+var _ufoExperiences = require("./util/analytics/ufoExperiences");
+var _withSampling = require("./util/analytics/withSampling");
+var _toEmojiId = require("./util/to-emoji-id");
+var _toOptionalEmojiId = require("./util/to-optional-emoji-id");
 var _constants = require("./util/constants");
 var _UsageFrequencyTracker = require("./api/internal/UsageFrequencyTracker");
+var _EmojiCommonProvider = require("./context/EmojiCommonProvider");
+var _EmojiContextProvider = require("./context/EmojiContextProvider");
 var _useEmoji = require("./hooks/useEmoji");
 var _useEmojiContext = require("./hooks/useEmojiContext");
-var _EmojiContextProvider = require("./context/EmojiContextProvider");
-var _EmojiCommonProvider = require("./context/EmojiCommonProvider");
 var _types = require("./types");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var _default = exports.default = _EmojiPicker.default;

package/dist/cjs/util/actual-mouse-move.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.actualMouseMove = actualMouseMove;
+// Used to prevent invalid mouse move detection on scroll
+// lastPosition is object (x, y)
+function actualMouseMove(oldPosition, newPosition) {
+  if (!oldPosition || oldPosition.x !== newPosition.x || oldPosition.y !== newPosition.y) {
+    return true;
+  }
+  return false;
+}

package/dist/cjs/util/analytics/Attributes.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/util/analytics/CommonAttributes.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/util/analytics/Duration.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/util/analytics/aiGenerationCompletedEvent.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiGenerationCompletedEvent = void 0;
+var _createEvent = require("./createEvent");
+// eslint-disable-line @typescript-eslint/consistent-type-imports
+
+var aiGenerationCompletedEvent = exports.aiGenerationCompletedEvent = function aiGenerationCompletedEvent(attributes) {
+  return (0, _createEvent.createEvent)('operational', 'completed', 'emojiPickerAiGeneration', undefined, attributes);
+};

package/dist/cjs/util/analytics/aiGenerationFailedEvent.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiGenerationFailedEvent = void 0;
+var _createEvent = require("./createEvent");
+// eslint-disable-line @typescript-eslint/consistent-type-imports
+
+var aiGenerationFailedEvent = exports.aiGenerationFailedEvent = function aiGenerationFailedEvent(attributes) {
+  return (0, _createEvent.createEvent)('operational', 'failed', 'emojiPickerAiGeneration', undefined, attributes);
+};

package/dist/cjs/util/analytics/aiGenerationStartedEvent.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiGenerationStartedEvent = void 0;
+var _createEvent = require("./createEvent");
+// eslint-disable-line @typescript-eslint/consistent-type-imports
+
+var aiEmojiGenerationEvent = function aiEmojiGenerationEvent(action, actionSubjectId, attributes) {
+  return (0, _createEvent.createEvent)('ui', action, 'emojiPickerAiGeneration', actionSubjectId, attributes);
+};
+var aiGenerationStartedEvent = exports.aiGenerationStartedEvent = function aiGenerationStartedEvent(attributes) {
+  return aiEmojiGenerationEvent('started', 'generateButton', attributes);
+};