@atlaskit/emoji 69.0.7 → 69.0.9

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

@@ -1,10 +1,15 @@
+/* EmojiPickerVirtualItems.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.virtualItemRenderer = exports.LoadingItem = exports.EmojisRowItem = exports.CategoryHeadingItem = exports.AbstractItem = void 0;
+require("./EmojiPickerVirtualItems.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
@@ -12,17 +17,15 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _react = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _EmojiPickerCategoryHeading = _interopRequireDefault(require("./EmojiPickerCategoryHeading"));
 var _EmojiPickerEmojiRow = _interopRequireDefault(require("./EmojiPickerEmojiRow"));
 var _EmojiPickerSizes = require("./EmojiPickerSizes");
-var _styles = require("./styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; })(); } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var emojiPickerSpinner = null;
 var AbstractItem = exports.AbstractItem = /*#__PURE__*/(0, _createClass2.default)(function AbstractItem(props, height) {
   (0, _classCallCheck2.default)(this, AbstractItem);
   this.props = props;
@@ -34,7 +37,7 @@ var EmojisRowItem = exports.EmojisRowItem = /*#__PURE__*/function (_AbstractItem
     (0, _classCallCheck2.default)(this, EmojisRowItem);
     _this = _callSuper(this, EmojisRowItem, [props, _EmojiPickerSizes.sizes.emojiRowHeight]);
     (0, _defineProperty2.default)(_this, "renderItem", function (context) {
-      return (0, _react.jsx)(_EmojiPickerEmojiRow.default, (0, _extends2.default)({}, _this.props, {
+      return /*#__PURE__*/React.createElement(_EmojiPickerEmojiRow.default, (0, _extends2.default)({}, _this.props, {
         virtualItemContext: context
       }));
     });
@@ -49,15 +52,11 @@ var LoadingItem = exports.LoadingItem = /*#__PURE__*/function (_AbstractItem2) {
     (0, _classCallCheck2.default)(this, LoadingItem);
     _this2 = _callSuper(this, LoadingItem, [{}, _EmojiPickerSizes.sizes.loadingRowHeight]);
     (0, _defineProperty2.default)(_this2, "renderItem", function () {
-      return (
-        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        (0, _react.jsx)("div", {
-          css: _styles.emojiPickerSpinner
-        }, (0, _react.jsx)("div", null, (0, _react.jsx)(_spinner.default, {
-          size: "medium",
-          interactionName: "emoji-picker-loading-item-spinner"
-        })))
-      );
+      return /*#__PURE__*/React.createElement("div", {
+        className: (0, _runtime.ax)(["_1e0c1txw _1bsb1osq _4t3i1w81 _1bah1h6o _4cvr1h6o _nphsidpf _t1edidpf _1t3b1wug"])
+      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_spinner.default, {
+        size: "medium"
+      })));
     });
     return _this2;
   }
@@ -70,7 +69,7 @@ var CategoryHeadingItem = exports.CategoryHeadingItem = /*#__PURE__*/function (_
     (0, _classCallCheck2.default)(this, CategoryHeadingItem);
     _this3 = _callSuper(this, CategoryHeadingItem, [props, _EmojiPickerSizes.sizes.categoryHeadingHeight]);
     (0, _defineProperty2.default)(_this3, "renderItem", function () {
-      return (0, _react.jsx)(_EmojiPickerCategoryHeading.default, _this3.props);
+      return /*#__PURE__*/React.createElement(_EmojiPickerCategoryHeading.default, _this3.props);
     });
     return _this3;
   }
@@ -81,7 +80,7 @@ var virtualItemRenderer = exports.virtualItemRenderer = function virtualItemRend
   var index = context.index,
     key = context.key;
   var row = rows[index];
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     key: key
   }, row && row.renderItem(context));
 };

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

@@ -1,3 +1,4 @@
+/* VirtualList.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,24 +7,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.virtualListScrollContainerTestId = exports.VirtualList = void 0;
+require("./VirtualList.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
+var _react = _interopRequireWildcard(require("react"));
 var _reactVirtual = require("@tanstack/react-virtual");
 var _useEmojiPickerListContext = require("../../hooks/useEmojiPickerListContext");
 var _constants = require("../../util/constants");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var virtualList = null;
+var virtualRowStyle = null;
 var virtualListScrollContainerTestId = exports.virtualListScrollContainerTestId = 'virtual-list-scroll-container';
-var VirtualList = exports.VirtualList = /*#__PURE__*/_react2.default.forwardRef(function (props, ref) {
-  var parentRef = _react2.default.useRef(null);
-  var virtualistItemsRef = _react2.default.useRef(null);
+var VirtualList = exports.VirtualList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var parentRef = _react.default.useRef(null);
+  var virtualistItemsRef = _react.default.useRef(null);
   var rowRenderer = props.rowRenderer,
     onRowsRendered = props.onRowsRendered,
     scrollToAlignment = props.scrollToAlignment,
@@ -68,7 +68,7 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react2.default.forwardRef(
     var isVisible = elemTop >= parentTop && elemBottom <= parentBottom;
     return isVisible;
   };
-  var getFirstVisibleListElementIndex = (0, _react2.useCallback)(function () {
+  var getFirstVisibleListElementIndex = (0, _react.useCallback)(function () {
     var _parentRef$current;
     var virtualList = rowVirtualizer.getVirtualItems();
     var renderedElements = (_parentRef$current = parentRef.current) === null || _parentRef$current === void 0 || (_parentRef$current = _parentRef$current.firstChild) === null || _parentRef$current === void 0 ? void 0 : _parentRef$current.childNodes;
@@ -99,7 +99,7 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react2.default.forwardRef(
    * @param columnIndex search from column index (0 based)
    * @param direction search direction
    */
-  var findNextEmoji = (0, _react2.useCallback)(function (rowIndex, columnIndex, direction) {
+  var findNextEmoji = (0, _react.useCallback)(function (rowIndex, columnIndex, direction) {
     var _virtualistItemsRef$c;
     var emojiToFocus = (_virtualistItemsRef$c = virtualistItemsRef.current) === null || _virtualistItemsRef$c === void 0 ? void 0 : _virtualistItemsRef$c.querySelector("[data-focus-index=\"".concat(rowIndex, "-").concat(columnIndex, "\"]"));
     var lastRowIndex = rowCount - 1;
@@ -148,7 +148,7 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react2.default.forwardRef(
   /**
    * Find the valid emoji to scroll and focus
    */
-  var scrollToRowAndFocusEmoji = (0, _react2.useCallback)(function (emojiToFocus) {
+  var scrollToRowAndFocusEmoji = (0, _react.useCallback)(function (emojiToFocus) {
     if (emojiToFocus) {
       var _emojiToFocus$element;
       rowVirtualizer.scrollToIndex(emojiToFocus.rowIndex);
@@ -161,7 +161,7 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react2.default.forwardRef(
       });
     }
   }, [rowVirtualizer, setEmojisFocus]);
-  var focusEmoji = (0, _react2.useCallback)(function (rIndex, cIndex, direction) {
+  var focusEmoji = (0, _react.useCallback)(function (rIndex, cIndex, direction) {
     var waitForScrollFinish = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     if (waitForScrollFinish) {
       // scroll to target rowIndex first to ensure the row is rendered in list.
@@ -234,7 +234,7 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react2.default.forwardRef(
 
   // Exposing a custom ref handle to the parent component EmojiPickerList to trigger scrollToRow via the listRef
   // https://beta.reactjs.org/reference/react/useImperativeHandle
-  (0, _react2.useImperativeHandle)(ref, function () {
+  (0, _react.useImperativeHandle)(ref, function () {
     return {
       scrollToRow: function scrollToRow(index) {
         if (index !== undefined) {
@@ -267,19 +267,17 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react2.default.forwardRef(
       }
     };
   }, [setEmojisFocus, focusEmoji, rowVirtualizer, scrollToAlignment]);
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     ref: parentRef,
     style: {
       height: "".concat(height, "px"),
       width: "".concat(width, "px")
-    }
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: _styles.virtualList,
+    },
     "data-testid": virtualListScrollContainerTestId,
     "aria-labelledby": "emoji-picker-table-description",
-    role: "grid"
-  }, (0, _react.jsx)("div", {
+    role: "grid",
+    className: (0, _runtime.ax)(["_1reo15vq _18m91wug _n3tdu2gc _nt751r31 _49pcglyw _1hvw1o36"])
+  }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: "".concat(rowVirtualizer.getTotalSize(), "px"),
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -291,22 +289,15 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react2.default.forwardRef(
     onKeyDown: handleKeyDown,
     role: "presentation"
   }, rowVirtualizer.getVirtualItems().map(function (virtualRow, index) {
-    return (0, _react.jsx)("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: virtualRow.key,
       style: {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        position: 'absolute',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        top: 0,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        left: 0,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        width: '100%',
         height: "".concat(virtualRow.size, "px"),
         transform: "translateY(".concat(virtualRow.start, "px)")
       },
       role: "row",
-      "aria-rowindex": index + 1
+      "aria-rowindex": index + 1,
+      className: (0, _runtime.ax)(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq"])
     }, rowRenderer(virtualRow));
   })));
 });

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

@@ -13,7 +13,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _EmojiCommonProvider = require("../../context/EmojiCommonProvider");
 var _mouse = require("../../util/mouse");
 var _typeHelpers = require("../../util/type-helpers");
-var _EmojiPreviewComponent = require("../compiled/common/EmojiPreviewComponent");
+var _EmojiPreviewComponent = require("../common/EmojiPreviewComponent");
 var _styles = require("./styles");
 var typeAheadWidth = 350;
 var typeAheadItem = null;

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

@@ -18,7 +18,6 @@ var _typeHelpers = require("../../util/type-helpers");
 var _logger = _interopRequireDefault(require("../../util/logger"));
 var _mouse = require("../../util/mouse");
 var _Scrollable = _interopRequireDefault(require("../common/Scrollable"));
-var _Scrollable2 = _interopRequireDefault(require("../compiled/common/Scrollable"));
 var _EmojiTypeAheadItem = _interopRequireDefault(require("./EmojiTypeAheadItem"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _EmojiTypeAheadListContainer = require("./EmojiTypeAheadListContainer");
@@ -86,11 +85,8 @@ var EmojiTypeAheadList = exports.default = /*#__PURE__*/function (_PureComponent
         _this.chooseCurrentSelection();
       });
     });
-    (0, _defineProperty2.default)(_this, "handleCompiledScrollableRef", function (ref) {
-      _this.compiledScrollable = ref;
-    });
-    (0, _defineProperty2.default)(_this, "handleEmotionScrollableRef", function (ref) {
-      _this.emotionScrollable = ref;
+    (0, _defineProperty2.default)(_this, "handleScrollableRef", function (ref) {
+      _this.scrollable = ref;
     });
     _this.state = {
       selectedKey: getKeyByIndex(props.emojis, 0),
@@ -159,14 +155,8 @@ var EmojiTypeAheadList = exports.default = /*#__PURE__*/function (_PureComponent
     // Internal
     function revealItem(key) {
       var item = this.items[key];
-      if ((0, _platformFeatureFlags.fg)('platform_editor_css_migrate_emoji')) {
-        if (item && this.compiledScrollable) {
-          this.compiledScrollable.reveal(item);
-        }
-      } else {
-        if (item && this.emotionScrollable) {
-          this.emotionScrollable.reveal(item);
-        }
+      if (item && this.scrollable) {
+        this.scrollable.reveal(item);
       }
     }
   }, {
@@ -249,17 +239,13 @@ var EmojiTypeAheadList = exports.default = /*#__PURE__*/function (_PureComponent
       return /*#__PURE__*/_react.default.createElement(_EmojiTypeAheadListContainer.EmojiTypeAheadListContainer, {
         hasEmoji: hasEmoji,
         loading: loading
-      }, (0, _platformFeatureFlags.fg)('platform_editor_css_migrate_emoji') ? /*#__PURE__*/_react.default.createElement(_Scrollable2.default, {
-        ref: this.handleCompiledScrollableRef,
-        maxHeight: "".concat(_sharedStyles.emojiTypeAheadMaxHeight, "px")
-      }, listBody) : /*#__PURE__*/_react.default.createElement(_Scrollable.default, {
-        ref: this.handleEmotionScrollableRef,
+      }, /*#__PURE__*/_react.default.createElement(_Scrollable.default, {
+        ref: this.handleScrollableRef,
         maxHeight: "".concat(_sharedStyles.emojiTypeAheadMaxHeight, "px")
       }, listBody));
     }
   }]);
 }(_react.PureComponent);
-// cleanup `platform_editor_css_migrate_emoji` - rename compiledScrollable back to scrollable and delete emotionScrollable
 (0, _defineProperty2.default)(EmojiTypeAheadList, "defaultProps", {
   onEmojiSelected: function onEmojiSelected() {}
 });

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

@@ -16,7 +16,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntlNext = require("react-intl-next");
 var _EmojiResource = require("../../api/EmojiResource");
-var _EmojiUploadPicker = _interopRequireDefault(require("../compiled/common/EmojiUploadPicker"));
+var _EmojiUploadPicker = _interopRequireDefault(require("../common/EmojiUploadPicker"));
 var _UploadEmoji = require("../common/UploadEmoji");
 var _analytics = require("../../util/analytics");
 var _ufoExperiences = require("../../util/analytics/ufoExperiences");

package/dist/cjs/element.js

@@ -4,18 +4,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EmojiPlaceholder = exports.Emoji = void 0;
+Object.defineProperty(exports, "Emoji", {
+  enumerable: true,
+  get: function get() {
+    return _Emoji.default;
+  }
+});
+Object.defineProperty(exports, "EmojiPlaceholder", {
+  enumerable: true,
+  get: function get() {
+    return _EmojiPlaceholder.default;
+  }
+});
 Object.defineProperty(exports, "ResourcedEmoji", {
   enumerable: true,
   get: function get() {
     return _ResourcedEmoji.default;
   }
 });
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
-var _EmojiPlaceholder = _interopRequireDefault(require("./components/compiled/common/EmojiPlaceholder"));
-var _EmojiPlaceholder2 = _interopRequireDefault(require("./components/common/EmojiPlaceholder"));
-var _Emoji = _interopRequireDefault(require("./components/compiled/common/Emoji"));
-var _Emoji2 = _interopRequireDefault(require("./components/common/Emoji"));
-var _ResourcedEmoji = _interopRequireDefault(require("./components/common/ResourcedEmoji"));
-var EmojiPlaceholder = exports.EmojiPlaceholder = (0, _platformFeatureFlagsReact.componentWithFG)('platform_editor_css_migrate_emoji', _EmojiPlaceholder.default, _EmojiPlaceholder2.default);
-var Emoji = exports.Emoji = (0, _platformFeatureFlagsReact.componentWithFG)('platform_editor_css_migrate_emoji', _Emoji.default, _Emoji2.default);
+var _EmojiPlaceholder = _interopRequireDefault(require("./components/common/EmojiPlaceholder"));
+var _Emoji = _interopRequireDefault(require("./components/common/Emoji"));
+var _ResourcedEmoji = _interopRequireDefault(require("./components/common/ResourcedEmoji"));

package/dist/cjs/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,7 +14,7 @@ Object.defineProperty(exports, "AbstractResource", {
 Object.defineProperty(exports, "Emoji", {
   enumerable: true,
   get: function get() {
-    return _element.Emoji;
+    return _Emoji.default;
   }
 });
 Object.defineProperty(exports, "EmojiCommonProvider", {
@@ -37,13 +38,13 @@ Object.defineProperty(exports, "EmojiLoader", {
 Object.defineProperty(exports, "EmojiPicker", {
   enumerable: true,
   get: function get() {
-    return _picker.EmojiPicker;
+    return _EmojiPicker.default;
   }
 });
 Object.defineProperty(exports, "EmojiPlaceholder", {
   enumerable: true,
   get: function get() {
-    return _element.EmojiPlaceholder;
+    return _EmojiPlaceholder.default;
   }
 });
 Object.defineProperty(exports, "EmojiRepository", {
@@ -228,10 +229,10 @@ Object.defineProperty(exports, "withSampling", {
   }
 });
 var _utilServiceSupport = require("@atlaskit/util-service-support");
-var _element = require("./element");
+var _Emoji = _interopRequireDefault(require("./components/common/Emoji"));
+var _EmojiPlaceholder = _interopRequireDefault(require("./components/common/EmojiPlaceholder"));
 var _ResourcedEmoji = _interopRequireDefault(require("./components/common/ResourcedEmoji"));
-var _picker = require("./picker");
-var _EmojiPicker = require("./components/picker/EmojiPicker");
+var _EmojiPicker = _interopRequireWildcard(require("./components/picker/EmojiPicker"));
 var _EmojiUploader = _interopRequireDefault(require("./components/uploader/EmojiUploader"));
 var _EmojiTypeAhead = _interopRequireDefault(require("./components/typeahead/EmojiTypeAhead"));
 var _EmojiTypeAheadItem = _interopRequireDefault(require("./components/typeahead/EmojiTypeAheadItem"));
@@ -249,4 +250,6 @@ var _useEmojiContext = require("./hooks/useEmojiContext");
 var _EmojiContextProvider = require("./context/EmojiContextProvider");
 var _EmojiCommonProvider = require("./context/EmojiCommonProvider");
 var _types = require("./types");
-var _default = exports.default = _picker.EmojiPicker;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _default = exports.default = _EmojiPicker.default;

package/dist/cjs/picker.js

@@ -4,8 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EmojiPicker = void 0;
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
-var _EmojiPicker = _interopRequireDefault(require("./components/picker/EmojiPicker"));
-var _EmojiPicker2 = _interopRequireDefault(require("./components/compiled/picker/EmojiPicker"));
-var EmojiPicker = exports.EmojiPicker = (0, _platformFeatureFlagsReact.componentWithFG)('platform_editor_css_migrate_emoji', _EmojiPicker2.default, _EmojiPicker.default);
+Object.defineProperty(exports, "EmojiPicker", {
+  enumerable: true,
+  get: function get() {
+    return _EmojiPicker.default;
+  }
+});
+var _EmojiPicker = _interopRequireDefault(require("./components/picker/EmojiPicker"));

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

@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "69.0.7"
+      packageVersion: "69.0.9"
     }, attributes)
   };
 };

package/dist/es2019/components/common/CachingEmoji.js

@@ -3,12 +3,9 @@ import React, { memo, useEffect, useState } from 'react';
 import { isMediaEmoji } from '../../util/type-helpers';
 import { UfoEmojiTimings } from '../../types';
 import debug from '../../util/logger';
-import { default as EmotionEmoji } from './Emoji';
-import { default as CompiledEmoji } from '../compiled/common/Emoji';
-import { default as EmotionEmojiPlaceholder } from './EmojiPlaceholder';
-import { default as CompiledEmojiPlaceholder } from '../compiled/common/EmojiPlaceholder';
-import { default as EmotionEmojiFallback } from './EmojiFallback';
-import { default as CompiledEmojiFallback } from '../compiled/common/EmojiFallback';
+import Emoji from './Emoji';
+import EmojiPlaceholder from './EmojiPlaceholder';
+import EmojiFallback from './EmojiFallback';
 import { UfoErrorBoundary } from './UfoErrorBoundary';
 import { sampledUfoRenderedEmoji, ufoExperiences, useSampledUFOComponentExperience } from '../../util/analytics';
 import { SAMPLING_RATE_EMOJI_RENDERED_EXP } from '../../util/constants';
@@ -51,15 +48,9 @@ export const CachingEmoji = props => {
         emoji: emoji
       }, restProps));
     } else {
-      if (fg('platform_editor_css_migrate_emoji')) {
-        return /*#__PURE__*/React.createElement(CompiledEmoji, _extends({
-          emoji: emoji
-        }, restProps));
-      } else {
-        return /*#__PURE__*/React.createElement(EmotionEmoji, _extends({
-          emoji: emoji
-        }, restProps));
-      }
+      return /*#__PURE__*/React.createElement(Emoji, _extends({
+        emoji: emoji
+      }, restProps));
     }
   };
   return /*#__PURE__*/React.createElement(UfoErrorBoundary, {
@@ -76,27 +67,14 @@ const StandardEmoji = props => {
     setImageLoadError(true);
   };
   if (imageLoadError) {
-    if (fg('platform_editor_css_migrate_emoji')) {
-      return /*#__PURE__*/React.createElement(CompiledEmojiFallback, _extends({
-        emoji: emoji
-      }, restProps));
-    } else {
-      return /*#__PURE__*/React.createElement(EmotionEmojiFallback, _extends({
-        emoji: emoji
-      }, restProps));
-    }
-  }
-  if (fg('platform_editor_css_migrate_emoji')) {
-    return /*#__PURE__*/React.createElement(CompiledEmoji, _extends({
-      emoji: emoji,
-      onLoadError: handleLoadError
-    }, restProps));
-  } else {
-    return /*#__PURE__*/React.createElement(EmotionEmoji, _extends({
-      emoji: emoji,
-      onLoadError: handleLoadError
+    return /*#__PURE__*/React.createElement(EmojiFallback, _extends({
+      emoji: emoji
     }, restProps));
   }
+  return /*#__PURE__*/React.createElement(Emoji, _extends({
+    emoji: emoji,
+    onLoadError: handleLoadError
+  }, restProps));
 };
 
 /**
@@ -157,36 +135,18 @@ export const CachingMediaEmoji = props => {
     setInvalidImage(true);
   };
   if (cachedEmoji && !inValidImage) {
-    if (fg('platform_editor_css_migrate_emoji')) {
-      return /*#__PURE__*/React.createElement(CompiledEmoji, _extends({}, restProps, {
-        showTooltip: showTooltip,
-        fitToHeight: fitToHeight,
-        emoji: cachedEmoji,
-        onLoadError: handleLoadError
-      }));
-    } else {
-      return /*#__PURE__*/React.createElement(EmotionEmoji, _extends({}, restProps, {
-        showTooltip: showTooltip,
-        fitToHeight: fitToHeight,
-        emoji: cachedEmoji,
-        onLoadError: handleLoadError
-      }));
-    }
-  }
-  if (fg('platform_editor_css_migrate_emoji')) {
-    return /*#__PURE__*/React.createElement(CompiledEmojiPlaceholder, {
-      size: fitToHeight || placeholderSize,
-      shortName: shortName,
+    return /*#__PURE__*/React.createElement(Emoji, _extends({}, restProps, {
       showTooltip: showTooltip,
-      representation: representation
-    });
-  } else {
-    return /*#__PURE__*/React.createElement(EmotionEmojiPlaceholder, {
-      size: fitToHeight || placeholderSize,
-      shortName: shortName,
-      showTooltip: showTooltip,
-      representation: representation
-    });
+      fitToHeight: fitToHeight,
+      emoji: cachedEmoji,
+      onLoadError: handleLoadError
+    }));
   }
+  return /*#__PURE__*/React.createElement(EmojiPlaceholder, {
+    size: fitToHeight || placeholderSize,
+    shortName: shortName,
+    showTooltip: showTooltip,
+    representation: representation
+  });
 };
 export default /*#__PURE__*/memo(CachingEmoji);

package/dist/es2019/components/common/DeletableEmojiTooltipContent.js

@@ -2,26 +2,17 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '../i18n';
-import { ToolTipContentWithKeymap as EmotionToolTipContentWithKeymap } from './ToolTipContentWithKeymap';
-import { ToolTipContentWithKeymap as CompiledToolTipContentWithKeymap } from '../compiled/common/ToolTipContentWithKeymap';
+import { ToolTipContentWithKeymap } from './ToolTipContentWithKeymap';
 import { backspace } from '../../util/keymaps';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const DeletableEmojiTooltipContent = () => {
   const {
     formatMessage
   } = useIntl();
-  if (fg('platform_editor_css_migrate_emoji')) {
-    return /*#__PURE__*/React.createElement(CompiledToolTipContentWithKeymap, {
-      description: formatMessage(messages.deleteEmojiTooltip),
-      keymap: backspace
-    });
-  } else {
-    return /*#__PURE__*/React.createElement(EmotionToolTipContentWithKeymap, {
-      description: formatMessage(messages.deleteEmojiTooltip),
-      keymap: backspace
-    });
-  }
+  return /*#__PURE__*/React.createElement(ToolTipContentWithKeymap, {
+    description: formatMessage(messages.deleteEmojiTooltip),
+    keymap: backspace
+  });
 };
 export const DeletableEmojiTooltipContentForScreenReader = ({
   emoji

package/dist/es2019/components/common/DeleteButton.js

@@ -1,35 +1,30 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+/* DeleteButton.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./DeleteButton.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import Button from '@atlaskit/button/standard-button';
 import CrossCircleIcon from '@atlaskit/icon/utility/migration/cross-circle';
 import { N500 } from '@atlaskit/theme/colors';
 import { deleteEmojiLabel } from '../../util/constants';
-import { emojiDeleteButton, deleteButton } from './styles';
-import { Box, xcss } from '@atlaskit/primitives';
+import { emojiDeleteButton } from './styles';
+import { Box } from '@atlaskit/primitives/compiled';
+const styles = {
+  boxWrapperStyle: "_1bsbf6fq _4t3if6fq"
+};
+const deleteButton = null;
 
 /**
  * Test id for wrapper Emoji delete button
  */
 export const RENDER_EMOJI_DELETE_BUTTON_TESTID = 'render-emoji-delete-button';
-const boxWrapperStyle = xcss({
-  width: '18px',
-  height: '18px'
-});
-const DeleteButton = props => jsx("span", {
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  css: deleteButton
+const DeleteButton = props => /*#__PURE__*/React.createElement("span", {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  ,
-  className: emojiDeleteButton,
+  className: ax(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", emojiDeleteButton]),
   "data-testid": RENDER_EMOJI_DELETE_BUTTON_TESTID
-}, jsx(Button, {
-  iconBefore: jsx(Box, {
-    xcss: boxWrapperStyle
-  }, jsx(CrossCircleIcon, {
+}, /*#__PURE__*/React.createElement(Button, {
+  iconBefore: /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.boxWrapperStyle
+  }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
     label: deleteEmojiLabel,
     color: `var(--ds-text-subtle, ${N500})`,
     LEGACY_size: "small"