@atlaskit/editor-plugin-emoji 28.0.5 → 29.0.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-plugin-emoji
 
+## 29.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 29.0.0
+
+### Patch Changes
+
+- [`4119d93011e41`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4119d93011e41) -
+  Remove `platform_use_unicode_emojis` experiment checks and retain Twemoji images and sprites.
+  Remove the experiment-only `denormaliseStandardRepresentation` export. Call
+  `denormaliseServiceRepresentation` with the service representation instead. Remove the
+  `emoji-id-to-emoji` entrypoint and its `emojiIdToEmoji` utility. Use the existing provider image
+  or sprite representation for Twemoji rendering. Remove the Unicode representation type, renderer,
+  canvas utility, and public `unicode-emoji-image` entrypoint. Remove `renderUnicodeEmojiAsImage`
+  props and the Unicode type guard. Remove the editor Unicode node rendering and the `EMOJI_UNICODE`
+  shared CSS class. Use provider image and sprite representations instead of Unicode
+  representations. Remove the obsolete Unicode rendering props from consumers. Remove the
+  feature-only `getCachedEmojiType` provider API. Use the existing provider lookup methods for cache
+  or catalogue access.
+- Updated dependencies
+
 ## 28.0.5
 
 ### Patch Changes

package/dist/cjs/emojiPlugin.js

@@ -22,6 +22,8 @@ var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _calculateToolbarPosition = require("@atlaskit/editor-common/utils/calculate-toolbar-position");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _emoji2 = require("@atlaskit/emoji");
+var _emojiTypeAheadItem = require("@atlaskit/emoji/emoji-type-ahead-item");
+var _types = require("@atlaskit/emoji/types");
 var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
@@ -43,7 +45,7 @@ var emojiToTypeaheadItem = exports.emojiToTypeaheadItem = function emojiToTypeah
       var isSelected = _ref.isSelected,
         onClick = _ref.onClick,
         onHover = _ref.onHover;
-      return /*#__PURE__*/_react.default.createElement(_emoji2.EmojiTypeAheadItem, {
+      return /*#__PURE__*/_react.default.createElement(_emojiTypeAheadItem.EmojiTypeAheadItem, {
         emoji: emoji,
         selected: isSelected,
         onMouseMove: onHover,
@@ -140,7 +142,7 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
         emojiProvider.filter(TRIGGER.concat(query), {
           limit: defaultListLimit,
           skinTone: emojiProvider.getSelectedTone(),
-          sort: !query.length ? _emoji2.SearchSort.UsageFrequency : _emoji2.SearchSort.Default
+          sort: !query.length ? _types.SearchSort.UsageFrequency : _types.SearchSort.Default
         });
       });
     },

package/dist/cjs/nodeviews/EmojiNodeView.js

@@ -23,11 +23,9 @@ var _isSingleEmoji = require("@atlaskit/editor-common/utils/isSingleEmoji");
 var _vanillaTooltip = require("@atlaskit/editor-common/vanilla-tooltip");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _constants = require("@atlaskit/emoji/constants");
-var _emojiIdToEmoji = require("@atlaskit/emoji/emoji-id-to-emoji");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _emojiNodeSpec = require("./emojiNodeSpec");
 /**
  * Emoji node view for renderering emoji nodes
@@ -182,7 +180,7 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
     key: "updateDom",
     value: function () {
       var _updateDom = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(emojiProvider) {
-        var _this$node$attrs, shortName, id, fallback, emojiDescription, unicodeEmoji, emojiRepresentation, _t;
+        var _this$node$attrs, shortName, id, fallback, emojiDescription, emojiRepresentation, _t;
         return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -204,10 +202,7 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
               this.renderFallback();
               return _context.abrupt("return");
             case 2:
-              unicodeEmoji = id && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true) ? (0, _emojiIdToEmoji.emojiIdToEmoji)(id) : undefined;
-              emojiRepresentation = unicodeEmoji ? {
-                unicodeEmoji: unicodeEmoji
-              } : emojiDescription === null || emojiDescription === void 0 ? void 0 : emojiDescription.representation;
+              emojiRepresentation = emojiDescription === null || emojiDescription === void 0 ? void 0 : emojiDescription.representation;
               if (EmojiNodeView.isEmojiRepresentationSupported(emojiRepresentation)) {
                 _context.next = 3;
                 break;
@@ -368,7 +363,7 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
     value: function renderEmoji(description, representation) {
       this.renderingFallback = false;
       this.cleanUpAndRenderCommonAttributes();
-      var emojiType = 'unicodeEmoji' in representation ? 'unicode' : 'sprite' in representation ? 'sprite' : 'image';
+      var emojiType = 'sprite' in representation ? 'sprite' : 'image';
       var doc = (0, _browserApis.getDocument)();
       if (!doc) {
         // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
@@ -383,35 +378,11 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
       containerElement.setAttribute('data-testid', "".concat(emojiType, "-emoji-").concat(description.shortName));
       containerElement.setAttribute('data-emoji-type', emojiType);
       containerElement.setAttribute('aria-label', "".concat(this.intl.formatMessage(_messages.messages.emojiNodeLabel), " ").concat(description.shortName));
-      var emojiElement = 'unicodeEmoji' in representation ? this.createUnicodeEmojiElement(representation.unicodeEmoji) : 'sprite' in representation ? this.createSpriteEmojiElement(representation) : this.createImageEmojiElement(description, representation);
+      var emojiElement = 'sprite' in representation ? this.createSpriteEmojiElement(representation) : this.createImageEmojiElement(description, representation);
       containerElement.appendChild(emojiElement);
       this.dom.appendChild(containerElement);
-      if (EmojiNodeView.shouldRecordUnicodeEmojiExposure(description, representation)) {
-        (0, _expValEquals.expValEquals)('platform_use_unicode_emojis', 'isEnabled', true);
-      }
       this.createTooltip(containerElement, description.shortName);
     }
-  }, {
-    key: "createUnicodeEmojiElement",
-    value: function createUnicodeEmojiElement(emoji) {
-      var doc = (0, _browserApis.getDocument)();
-      if (!doc) {
-        // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
-        doc = document;
-      }
-      var spanElement = doc.createElement('span');
-      spanElement.classList.add(_emoji.EmojiSharedCssClassName.EMOJI_UNICODE);
-      spanElement.textContent = emoji;
-      spanElement.style.display = 'inline-flex';
-      spanElement.style.fontSize = "var(--emoji-common-unicode-size, ".concat(_constants.defaultEmojiHeight, "px)");
-      spanElement.style.alignItems = 'center';
-      spanElement.style.aspectRatio = '1/1';
-      spanElement.style.lineHeight = '1em';
-      spanElement.style.margin = '-1px 0';
-      spanElement.style.verticalAlign = 'middle'; // to keep vertical alignment consistent with images
-
-      return spanElement;
-    }
   }, {
     key: "createSpriteEmojiElement",
     value: function createSpriteEmojiElement(representation) {
@@ -475,12 +446,7 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
   }, {
     key: "isEmojiRepresentationSupported",
     value: function isEmojiRepresentationSupported(representation) {
-      return !!representation && ('sprite' in representation || 'imagePath' in representation || 'mediaPath' in representation || 'unicodeEmoji' in representation);
-    }
-  }, {
-    key: "shouldRecordUnicodeEmojiExposure",
-    value: function shouldRecordUnicodeEmojiExposure(description, representation) {
-      return description.type === 'STANDARD' || 'unicodeEmoji' in representation;
+      return !!representation && ('sprite' in representation || 'imagePath' in representation || 'mediaPath' in representation);
     }
   }]);
 }();

package/dist/cjs/pm-plugins/providers/EmojiNodeDataProvider.js

@@ -15,9 +15,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _isSsr = require("@atlaskit/editor-common/is-ssr");
 var _emoji = require("@atlaskit/emoji");
-var _emojiIdToEmoji = require("@atlaskit/emoji/emoji-id-to-emoji");
 var _nodeDataProvider = require("@atlaskit/node-data-provider/node-data-provider");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 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; }
 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)); }
@@ -98,26 +96,6 @@ var EmojiNodeDataProvider = exports.EmojiNodeDataProvider = /*#__PURE__*/functio
                 break;
               }
               return _context2.abrupt("return", nodes.map(function (node) {
-                if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true)) {
-                  // Skip SSR for nodes without an Id
-                  if (!node.attrs.id) {
-                    return undefined;
-                  }
-                  var unicodeEmoji = (0, _emojiIdToEmoji.emojiIdToEmoji)(node.attrs.id);
-                  if (unicodeEmoji) {
-                    return {
-                      id: node.attrs.id,
-                      shortName: node.attrs.shortName,
-                      fallback: node.attrs.text,
-                      representation: {
-                        unicodeEmoji: unicodeEmoji
-                      },
-                      searchable: true,
-                      type: '',
-                      category: ''
-                    };
-                  }
-                }
                 var emojiId = {
                   id: node.attrs.id,
                   shortName: node.attrs.shortName,
@@ -147,7 +125,7 @@ var EmojiNodeDataProvider = exports.EmojiNodeDataProvider = /*#__PURE__*/functio
               emojiProvider = _context2.sent;
               fetches = nodes.map( /*#__PURE__*/function () {
                 var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(node) {
-                  var emojiId, result, unicodeEmoji, optimisticImageURL;
+                  var emojiId, result, optimisticImageURL;
                   return _regenerator.default.wrap(function (_context) {
                     while (1) switch (_context.prev = _context.next) {
                       case 0:
@@ -160,28 +138,13 @@ var EmojiNodeDataProvider = exports.EmojiNodeDataProvider = /*#__PURE__*/functio
                         return emojiProvider.fetchByEmojiId(emojiId, true);
                       case 1:
                         result = _context.sent;
-                        if (!(node.attrs.id && result && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true))) {
-                          _context.next = 2;
-                          break;
-                        }
-                        unicodeEmoji = (0, _emojiIdToEmoji.emojiIdToEmoji)(node.attrs.id);
-                        if (!unicodeEmoji) {
-                          _context.next = 2;
-                          break;
-                        }
-                        return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
-                          representation: {
-                            unicodeEmoji: unicodeEmoji
-                          }
-                        }));
-                      case 2:
                         if (!(getOptimisticImageUrl && result)) {
-                          _context.next = 3;
+                          _context.next = 2;
                           break;
                         }
                         optimisticImageURL = getOptimisticImageUrl(emojiId);
                         if (!(result.representation && 'imagePath' in result.representation)) {
-                          _context.next = 3;
+                          _context.next = 2;
                           break;
                         }
                         return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
@@ -189,9 +152,9 @@ var EmojiNodeDataProvider = exports.EmojiNodeDataProvider = /*#__PURE__*/functio
                             imagePath: optimisticImageURL
                           })
                         }));
-                      case 3:
+                      case 2:
                         return _context.abrupt("return", result);
-                      case 4:
+                      case 3:
                       case "end":
                         return _context.stop();
                     }

package/dist/cjs/ui/InlineEmojiPopup.js

@@ -16,7 +16,7 @@ var _withReactEditorViewOuterListeners = _interopRequireDefault(require("@atlask
 var _useSharedPluginState3 = require("@atlaskit/editor-common/useSharedPluginState");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/useSharedPluginStateSelector");
 var _constants = require("@atlaskit/editor-shared-styles/constants");
-var _emoji = require("@atlaskit/emoji");
+var _emojiPicker = require("@atlaskit/emoji/emoji-picker");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _actions = require("../pm-plugins/actions");
 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); }
@@ -90,7 +90,7 @@ var InlineEmojiPopupOld = exports.InlineEmojiPopupOld = function InlineEmojiPopu
     handleEscapeKeydown: handleOnClose,
     captureClick: true
   }, /*#__PURE__*/_react.default.createElement(_uiReact.OutsideClickTargetRefContext.Consumer, null, function (setOutsideClickTargetRef) {
-    return /*#__PURE__*/_react.default.createElement(_emoji.EmojiPicker, {
+    return /*#__PURE__*/_react.default.createElement(_emojiPicker.EmojiPicker, {
       contentId: contentId,
       emojiProvider: Promise.resolve(emojiProvider),
       onPickerRef: setOutsideClickTargetRef,
@@ -160,7 +160,7 @@ var InlineEmojiPopupContent = function InlineEmojiPopupContent(_ref3) {
     handleEscapeKeydown: handleOnClose,
     captureClick: true
   }, /*#__PURE__*/_react.default.createElement(_uiReact.OutsideClickTargetRefContext.Consumer, null, function (setOutsideClickTargetRef) {
-    return /*#__PURE__*/_react.default.createElement(_emoji.EmojiPicker, {
+    return /*#__PURE__*/_react.default.createElement(_emojiPicker.EmojiPicker, {
       contentId: contentId,
       emojiProvider: Promise.resolve(emojiProvider),
       onPickerRef: setOutsideClickTargetRef,

package/dist/es2019/emojiPlugin.js

@@ -8,7 +8,9 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils/calculate-toolbar-position';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { EmojiTypeAheadItem, preloadEmojiPicker, recordSelectionFailedSli, recordSelectionSucceededSli, SearchSort } from '@atlaskit/emoji';
+import { preloadEmojiPicker, recordSelectionFailedSli, recordSelectionSucceededSli } from '@atlaskit/emoji';
+import { EmojiTypeAheadItem } from '@atlaskit/emoji/emoji-type-ahead-item';
+import { SearchSort } from '@atlaskit/emoji/types';
 import CommentIcon from '@atlaskit/icon/core/comment';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';

package/dist/es2019/nodeviews/EmojiNodeView.js

@@ -12,11 +12,9 @@ import { isSingleEmoji } from '@atlaskit/editor-common/utils/isSingleEmoji';
 import { VANILLA_TOOLTIP_DEFAULT_CLASS, VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { defaultEmojiHeight } from '@atlaskit/emoji/constants';
-import { emojiIdToEmoji } from '@atlaskit/emoji/emoji-id-to-emoji';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { emojiToDom } from './emojiNodeSpec';
 /**
  * Emoji node view for renderering emoji nodes
@@ -186,10 +184,7 @@ export class EmojiNodeView {
         this.renderFallback();
         return;
       }
-      const unicodeEmoji = id && expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? emojiIdToEmoji(id) : undefined;
-      const emojiRepresentation = unicodeEmoji ? {
-        unicodeEmoji
-      } : emojiDescription === null || emojiDescription === void 0 ? void 0 : emojiDescription.representation;
+      const emojiRepresentation = emojiDescription === null || emojiDescription === void 0 ? void 0 : emojiDescription.representation;
       if (!EmojiNodeView.isEmojiRepresentationSupported(emojiRepresentation)) {
         EmojiNodeView.logError(new Error('Emoji representation is not supported'));
         this.renderFallback();
@@ -202,10 +197,7 @@ export class EmojiNodeView {
     }
   }
   static isEmojiRepresentationSupported(representation) {
-    return !!representation && ('sprite' in representation || 'imagePath' in representation || 'mediaPath' in representation || 'unicodeEmoji' in representation);
-  }
-  static shouldRecordUnicodeEmojiExposure(description, representation) {
-    return description.type === 'STANDARD' || 'unicodeEmoji' in representation;
+    return !!representation && ('sprite' in representation || 'imagePath' in representation || 'mediaPath' in representation);
   }
 
   // Pay attention, this method should be called only when the emoji provider returns
@@ -332,7 +324,7 @@ export class EmojiNodeView {
   renderEmoji(description, representation) {
     this.renderingFallback = false;
     this.cleanUpAndRenderCommonAttributes();
-    const emojiType = 'unicodeEmoji' in representation ? 'unicode' : 'sprite' in representation ? 'sprite' : 'image';
+    const emojiType = 'sprite' in representation ? 'sprite' : 'image';
     let doc = getDocument();
     if (!doc) {
       // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
@@ -347,33 +339,11 @@ export class EmojiNodeView {
     containerElement.setAttribute('data-testid', `${emojiType}-emoji-${description.shortName}`);
     containerElement.setAttribute('data-emoji-type', emojiType);
     containerElement.setAttribute('aria-label', `${this.intl.formatMessage(messages.emojiNodeLabel)} ${description.shortName}`);
-    const emojiElement = 'unicodeEmoji' in representation ? this.createUnicodeEmojiElement(representation.unicodeEmoji) : 'sprite' in representation ? this.createSpriteEmojiElement(representation) : this.createImageEmojiElement(description, representation);
+    const emojiElement = 'sprite' in representation ? this.createSpriteEmojiElement(representation) : this.createImageEmojiElement(description, representation);
     containerElement.appendChild(emojiElement);
     this.dom.appendChild(containerElement);
-    if (EmojiNodeView.shouldRecordUnicodeEmojiExposure(description, representation)) {
-      expValEquals('platform_use_unicode_emojis', 'isEnabled', true);
-    }
     this.createTooltip(containerElement, description.shortName);
   }
-  createUnicodeEmojiElement(emoji) {
-    let doc = getDocument();
-    if (!doc) {
-      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
-      doc = document;
-    }
-    const spanElement = doc.createElement('span');
-    spanElement.classList.add(EmojiSharedCssClassName.EMOJI_UNICODE);
-    spanElement.textContent = emoji;
-    spanElement.style.display = 'inline-flex';
-    spanElement.style.fontSize = `var(--emoji-common-unicode-size, ${defaultEmojiHeight}px)`;
-    spanElement.style.alignItems = 'center';
-    spanElement.style.aspectRatio = '1/1';
-    spanElement.style.lineHeight = '1em';
-    spanElement.style.margin = '-1px 0';
-    spanElement.style.verticalAlign = 'middle'; // to keep vertical alignment consistent with images
-
-    return spanElement;
-  }
   createSpriteEmojiElement(representation) {
     let doc = getDocument();
     if (!doc) {

package/dist/es2019/pm-plugins/providers/EmojiNodeDataProvider.js

@@ -1,9 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { isSSR } from '@atlaskit/editor-common/is-ssr';
 import { defaultEmojiHeight } from '@atlaskit/emoji';
-import { emojiIdToEmoji } from '@atlaskit/emoji/emoji-id-to-emoji';
 import { NodeDataProvider } from '@atlaskit/node-data-provider/node-data-provider';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 export class EmojiNodeDataProvider extends NodeDataProvider {
   constructor(resource) {
     super();
@@ -57,26 +55,6 @@ export class EmojiNodeDataProvider extends NodeDataProvider {
     const getOptimisticImageUrl = (_this$emojiResource$e = this.emojiResource.emojiProviderConfig.optimisticImageApi) === null || _this$emojiResource$e === void 0 ? void 0 : _this$emojiResource$e.getUrl;
     if (isSSR() && getOptimisticImageUrl) {
       return nodes.map(node => {
-        if (expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true)) {
-          // Skip SSR for nodes without an Id
-          if (!node.attrs.id) {
-            return undefined;
-          }
-          const unicodeEmoji = emojiIdToEmoji(node.attrs.id);
-          if (unicodeEmoji) {
-            return {
-              id: node.attrs.id,
-              shortName: node.attrs.shortName,
-              fallback: node.attrs.text,
-              representation: {
-                unicodeEmoji
-              },
-              searchable: true,
-              type: '',
-              category: ''
-            };
-          }
-        }
         const emojiId = {
           id: node.attrs.id,
           shortName: node.attrs.shortName,
@@ -114,20 +92,6 @@ export class EmojiNodeDataProvider extends NodeDataProvider {
       // This usually fast because the emojiProvider already has all emojis fetched.
       const result = await emojiProvider.fetchByEmojiId(emojiId, true);
 
-      // For STANDARD emojis, return a UnicodeRepresentation so they are rendered
-      // as native text characters rather than images (twemoji removal).
-      if (node.attrs.id && result && expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true)) {
-        const unicodeEmoji = emojiIdToEmoji(node.attrs.id);
-        if (unicodeEmoji) {
-          return {
-            ...result,
-            representation: {
-              unicodeEmoji
-            }
-          };
-        }
-      }
-
       // If we have optimisticImageApi, we need to path response and set URL from it to match the URL used in SSR.
       if (getOptimisticImageUrl && result) {
         const optimisticImageURL = getOptimisticImageUrl(emojiId);

package/dist/es2019/ui/InlineEmojiPopup.js

@@ -8,7 +8,7 @@ import withOuterListeners from '@atlaskit/editor-common/ui-react/with-react-edit
 import { useSharedPluginState } from '@atlaskit/editor-common/useSharedPluginState';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/useSharedPluginStateSelector';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
-import { EmojiPicker } from '@atlaskit/emoji';
+import { EmojiPicker } from '@atlaskit/emoji/emoji-picker';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { setInlineEmojiPopupOpen } from '../pm-plugins/actions';
 const PopupWithListeners = withOuterListeners(Popup);

package/dist/esm/emojiPlugin.js

@@ -13,7 +13,9 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils/calculate-toolbar-position';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { EmojiTypeAheadItem, preloadEmojiPicker, recordSelectionFailedSli, recordSelectionSucceededSli, SearchSort } from '@atlaskit/emoji';
+import { preloadEmojiPicker, recordSelectionFailedSli, recordSelectionSucceededSli } from '@atlaskit/emoji';
+import { EmojiTypeAheadItem } from '@atlaskit/emoji/emoji-type-ahead-item';
+import { SearchSort } from '@atlaskit/emoji/types';
 import CommentIcon from '@atlaskit/icon/core/comment';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';

package/dist/esm/nodeviews/EmojiNodeView.js

@@ -16,11 +16,9 @@ import { isSingleEmoji } from '@atlaskit/editor-common/utils/isSingleEmoji';
 import { VANILLA_TOOLTIP_DEFAULT_CLASS, VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { defaultEmojiHeight } from '@atlaskit/emoji/constants';
-import { emojiIdToEmoji } from '@atlaskit/emoji/emoji-id-to-emoji';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { emojiToDom } from './emojiNodeSpec';
 /**
  * Emoji node view for renderering emoji nodes
@@ -175,7 +173,7 @@ export var EmojiNodeView = /*#__PURE__*/function () {
     key: "updateDom",
     value: function () {
       var _updateDom = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(emojiProvider) {
-        var _this$node$attrs, shortName, id, fallback, emojiDescription, unicodeEmoji, emojiRepresentation, _t;
+        var _this$node$attrs, shortName, id, fallback, emojiDescription, emojiRepresentation, _t;
         return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -197,10 +195,7 @@ export var EmojiNodeView = /*#__PURE__*/function () {
               this.renderFallback();
               return _context.abrupt("return");
             case 2:
-              unicodeEmoji = id && expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? emojiIdToEmoji(id) : undefined;
-              emojiRepresentation = unicodeEmoji ? {
-                unicodeEmoji: unicodeEmoji
-              } : emojiDescription === null || emojiDescription === void 0 ? void 0 : emojiDescription.representation;
+              emojiRepresentation = emojiDescription === null || emojiDescription === void 0 ? void 0 : emojiDescription.representation;
               if (EmojiNodeView.isEmojiRepresentationSupported(emojiRepresentation)) {
                 _context.next = 3;
                 break;
@@ -361,7 +356,7 @@ export var EmojiNodeView = /*#__PURE__*/function () {
     value: function renderEmoji(description, representation) {
       this.renderingFallback = false;
       this.cleanUpAndRenderCommonAttributes();
-      var emojiType = 'unicodeEmoji' in representation ? 'unicode' : 'sprite' in representation ? 'sprite' : 'image';
+      var emojiType = 'sprite' in representation ? 'sprite' : 'image';
       var doc = getDocument();
       if (!doc) {
         // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
@@ -376,35 +371,11 @@ export var EmojiNodeView = /*#__PURE__*/function () {
       containerElement.setAttribute('data-testid', "".concat(emojiType, "-emoji-").concat(description.shortName));
       containerElement.setAttribute('data-emoji-type', emojiType);
       containerElement.setAttribute('aria-label', "".concat(this.intl.formatMessage(messages.emojiNodeLabel), " ").concat(description.shortName));
-      var emojiElement = 'unicodeEmoji' in representation ? this.createUnicodeEmojiElement(representation.unicodeEmoji) : 'sprite' in representation ? this.createSpriteEmojiElement(representation) : this.createImageEmojiElement(description, representation);
+      var emojiElement = 'sprite' in representation ? this.createSpriteEmojiElement(representation) : this.createImageEmojiElement(description, representation);
       containerElement.appendChild(emojiElement);
       this.dom.appendChild(containerElement);
-      if (EmojiNodeView.shouldRecordUnicodeEmojiExposure(description, representation)) {
-        expValEquals('platform_use_unicode_emojis', 'isEnabled', true);
-      }
       this.createTooltip(containerElement, description.shortName);
     }
-  }, {
-    key: "createUnicodeEmojiElement",
-    value: function createUnicodeEmojiElement(emoji) {
-      var doc = getDocument();
-      if (!doc) {
-        // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
-        doc = document;
-      }
-      var spanElement = doc.createElement('span');
-      spanElement.classList.add(EmojiSharedCssClassName.EMOJI_UNICODE);
-      spanElement.textContent = emoji;
-      spanElement.style.display = 'inline-flex';
-      spanElement.style.fontSize = "var(--emoji-common-unicode-size, ".concat(defaultEmojiHeight, "px)");
-      spanElement.style.alignItems = 'center';
-      spanElement.style.aspectRatio = '1/1';
-      spanElement.style.lineHeight = '1em';
-      spanElement.style.margin = '-1px 0';
-      spanElement.style.verticalAlign = 'middle'; // to keep vertical alignment consistent with images
-
-      return spanElement;
-    }
   }, {
     key: "createSpriteEmojiElement",
     value: function createSpriteEmojiElement(representation) {
@@ -468,12 +439,7 @@ export var EmojiNodeView = /*#__PURE__*/function () {
   }, {
     key: "isEmojiRepresentationSupported",
     value: function isEmojiRepresentationSupported(representation) {
-      return !!representation && ('sprite' in representation || 'imagePath' in representation || 'mediaPath' in representation || 'unicodeEmoji' in representation);
-    }
-  }, {
-    key: "shouldRecordUnicodeEmojiExposure",
-    value: function shouldRecordUnicodeEmojiExposure(description, representation) {
-      return description.type === 'STANDARD' || 'unicodeEmoji' in representation;
+      return !!representation && ('sprite' in representation || 'imagePath' in representation || 'mediaPath' in representation);
     }
   }]);
 }();

package/dist/esm/pm-plugins/providers/EmojiNodeDataProvider.js

@@ -12,9 +12,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { isSSR } from '@atlaskit/editor-common/is-ssr';
 import { defaultEmojiHeight } from '@atlaskit/emoji';
-import { emojiIdToEmoji } from '@atlaskit/emoji/emoji-id-to-emoji';
 import { NodeDataProvider } from '@atlaskit/node-data-provider/node-data-provider';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 export var EmojiNodeDataProvider = /*#__PURE__*/function (_NodeDataProvider) {
   function EmojiNodeDataProvider(resource) {
     var _this;
@@ -91,26 +89,6 @@ export var EmojiNodeDataProvider = /*#__PURE__*/function (_NodeDataProvider) {
                 break;
               }
               return _context2.abrupt("return", nodes.map(function (node) {
-                if (expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true)) {
-                  // Skip SSR for nodes without an Id
-                  if (!node.attrs.id) {
-                    return undefined;
-                  }
-                  var unicodeEmoji = emojiIdToEmoji(node.attrs.id);
-                  if (unicodeEmoji) {
-                    return {
-                      id: node.attrs.id,
-                      shortName: node.attrs.shortName,
-                      fallback: node.attrs.text,
-                      representation: {
-                        unicodeEmoji: unicodeEmoji
-                      },
-                      searchable: true,
-                      type: '',
-                      category: ''
-                    };
-                  }
-                }
                 var emojiId = {
                   id: node.attrs.id,
                   shortName: node.attrs.shortName,
@@ -140,7 +118,7 @@ export var EmojiNodeDataProvider = /*#__PURE__*/function (_NodeDataProvider) {
               emojiProvider = _context2.sent;
               fetches = nodes.map( /*#__PURE__*/function () {
                 var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(node) {
-                  var emojiId, result, unicodeEmoji, optimisticImageURL;
+                  var emojiId, result, optimisticImageURL;
                   return _regeneratorRuntime.wrap(function (_context) {
                     while (1) switch (_context.prev = _context.next) {
                       case 0:
@@ -153,28 +131,13 @@ export var EmojiNodeDataProvider = /*#__PURE__*/function (_NodeDataProvider) {
                         return emojiProvider.fetchByEmojiId(emojiId, true);
                       case 1:
                         result = _context.sent;
-                        if (!(node.attrs.id && result && expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true))) {
-                          _context.next = 2;
-                          break;
-                        }
-                        unicodeEmoji = emojiIdToEmoji(node.attrs.id);
-                        if (!unicodeEmoji) {
-                          _context.next = 2;
-                          break;
-                        }
-                        return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
-                          representation: {
-                            unicodeEmoji: unicodeEmoji
-                          }
-                        }));
-                      case 2:
                         if (!(getOptimisticImageUrl && result)) {
-                          _context.next = 3;
+                          _context.next = 2;
                           break;
                         }
                         optimisticImageURL = getOptimisticImageUrl(emojiId);
                         if (!(result.representation && 'imagePath' in result.representation)) {
-                          _context.next = 3;
+                          _context.next = 2;
                           break;
                         }
                         return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
@@ -182,9 +145,9 @@ export var EmojiNodeDataProvider = /*#__PURE__*/function (_NodeDataProvider) {
                             imagePath: optimisticImageURL
                           })
                         }));
-                      case 3:
+                      case 2:
                         return _context.abrupt("return", result);
-                      case 4:
+                      case 3:
                       case "end":
                         return _context.stop();
                     }

package/dist/esm/ui/InlineEmojiPopup.js

@@ -8,7 +8,7 @@ import withOuterListeners from '@atlaskit/editor-common/ui-react/with-react-edit
 import { useSharedPluginState } from '@atlaskit/editor-common/useSharedPluginState';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/useSharedPluginStateSelector';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
-import { EmojiPicker } from '@atlaskit/emoji';
+import { EmojiPicker } from '@atlaskit/emoji/emoji-picker';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { setInlineEmojiPopupOpen } from '../pm-plugins/actions';
 var PopupWithListeners = withOuterListeners(Popup);

package/dist/types/editor-commands/insert-emoji.d.ts

@@ -3,6 +3,6 @@ import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums
 import type { EditorCommand } from '@atlaskit/editor-common/types/editor-command';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import type { Node, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
-import type { EmojiId } from '@atlaskit/emoji';
+import type { EmojiId } from '@atlaskit/emoji/types';
 export declare const createEmojiFragment: (doc: Node, pos: ResolvedPos, emoji: EmojiId) => Fragment;
 export declare const insertEmoji: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => EditorCommand;

package/dist/types/emojiPlugin.d.ts

@@ -1,6 +1,6 @@
 import type { TypeAheadItem } from '@atlaskit/editor-common/types/type-ahead';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { EmojiDescription, EmojiProvider } from '@atlaskit/emoji';
+import type { EmojiDescription, EmojiProvider } from '@atlaskit/emoji/types';
 import type { EmojiPlugin, EmojiPluginState } from './emojiPluginType';
 export declare const emojiToTypeaheadItem: (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem;
 export declare function memoize<ResultFn extends (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem>(fn: ResultFn): {

package/dist/types/emojiPluginType.d.ts

@@ -14,7 +14,8 @@ import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead/type-ah
 import type { TypeAheadInputMethod } from '@atlaskit/editor-plugin-type-ahead/types';
 import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry/ui-control-registry-plugin-type';
 import type { SelectionBookmark } from '@atlaskit/editor-prosemirror/state';
-import type { EmojiDescription, EmojiId, EmojiProvider, EmojiResourceConfig } from '@atlaskit/emoji';
+import type { EmojiResourceConfig } from '@atlaskit/emoji/emoji-resource';
+import type { EmojiDescription, EmojiId, EmojiProvider } from '@atlaskit/emoji/types';
 import type { EmojiNodeDataProvider } from './pm-plugins/providers/EmojiNodeDataProvider';
 type SetInlineCommentDraftState = (drafting: boolean, inputMethod: InlineCommentInputMethod) => Command;
 type AnnotationPluginType = NextEditorPlugin<'annotation', {

package/dist/types/nodeviews/EmojiNodeView.d.ts

@@ -39,7 +39,6 @@ export declare class EmojiNodeView implements NodeView {
     private isHTMLElement;
     private updateDom;
     private static isEmojiRepresentationSupported;
-    private static shouldRecordUnicodeEmojiExposure;
     private cleanUpAndRenderCommonAttributes;
     /**
      * Lazily creates a VanillaTooltip on the given element showing the emoji shortName.
@@ -50,7 +49,6 @@ export declare class EmojiNodeView implements NodeView {
     private createTooltip;
     private renderFallback;
     private renderEmoji;
-    private createUnicodeEmojiElement;
     private createSpriteEmojiElement;
     private createImageEmojiElement;
 }

package/dist/types/pm-plugins/actions.d.ts

@@ -2,7 +2,7 @@ import type { PublicPluginAPI } from '@atlaskit/editor-common/types/next-editor-
 import type { TypeAheadHandler } from '@atlaskit/editor-common/types/type-ahead';
 import type { TypeAheadInputMethod } from '@atlaskit/editor-plugin-type-ahead/types';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { EmojiDescription, EmojiProvider } from '@atlaskit/emoji';
+import type { EmojiDescription, EmojiProvider } from '@atlaskit/emoji/types';
 import type { EmojiPlugin } from '../emojiPluginType';
 export declare const ACTIONS: {
     SET_PROVIDER: string;

package/dist/types/ui/quick-insert/EmojiQuickInsertMenuItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TypeAheadInsert } from '@atlaskit/editor-common/types';
+import type { TypeAheadInsert } from '@atlaskit/editor-common/types/type-ahead';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const EmojiQuickInsertMenuItem: ({ selectEmojiFromQuickInsert, }: {
     selectEmojiFromQuickInsert: (insert: TypeAheadInsert) => Transaction;

package/dist/types/ui/quick-insert/getEmojiQuickInsertComponents.d.ts

@@ -1,4 +1,4 @@
-import type { TypeAheadInsert } from '@atlaskit/editor-common/types';
+import type { TypeAheadInsert } from '@atlaskit/editor-common/types/type-ahead';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
 export declare const getEmojiQuickInsertComponents: ({ selectEmojiFromQuickInsert, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-emoji",
-	"version": "28.0.5",
+	"version": "29.0.1",
 	"description": "Emoji plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,24 +24,24 @@
 		"@atlaskit/adf-schema": "^57.7.0",
 		"@atlaskit/browser-apis": "^1.2.0",
 		"@atlaskit/editor-json-transformer": "^10.0.0",
-		"@atlaskit/editor-plugin-analytics": "^27.0.0",
-		"@atlaskit/editor-plugin-annotation": "^27.0.0",
-		"@atlaskit/editor-plugin-base": "^28.0.0",
-		"@atlaskit/editor-plugin-connectivity": "^27.0.0",
-		"@atlaskit/editor-plugin-editor-viewmode": "^29.0.0",
-		"@atlaskit/editor-plugin-metrics": "^28.0.0",
-		"@atlaskit/editor-plugin-type-ahead": "^28.0.0",
-		"@atlaskit/editor-plugin-ui-control-registry": "^21.0.0",
+		"@atlaskit/editor-plugin-analytics": "^28.0.0",
+		"@atlaskit/editor-plugin-annotation": "^28.1.0",
+		"@atlaskit/editor-plugin-base": "^29.0.0",
+		"@atlaskit/editor-plugin-connectivity": "^28.0.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^30.0.0",
+		"@atlaskit/editor-plugin-metrics": "^29.0.0",
+		"@atlaskit/editor-plugin-type-ahead": "^29.0.0",
+		"@atlaskit/editor-plugin-ui-control-registry": "^22.0.0",
 		"@atlaskit/editor-prosemirror": "^9.0.0",
-		"@atlaskit/editor-shared-styles": "^4.4.0",
+		"@atlaskit/editor-shared-styles": "^4.5.0",
 		"@atlaskit/editor-ui-control-model": "^2.10.0",
-		"@atlaskit/emoji": "^72.5.0",
+		"@atlaskit/emoji": "^73.0.0",
 		"@atlaskit/icon": "^38.0.0",
-		"@atlaskit/node-data-provider": "^28.0.0",
+		"@atlaskit/node-data-provider": "^29.0.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/prosemirror-input-rules": "^4.1.0",
-		"@atlaskit/tmp-editor-statsig": "^240.0.0",
+		"@atlaskit/tmp-editor-statsig": "^241.0.0",
 		"@atlaskit/tokens": "^20.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -50,7 +50,7 @@
 		"react-loadable": "^5.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^131.2.0",
+		"@atlaskit/editor-common": "^132.0.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"