@atlaskit/editor-plugin-emoji 28.0.5 → 29.0.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-emoji
 
+## 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/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/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/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/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-emoji",
-	"version": "28.0.5",
+	"version": "29.0.0",
 	"description": "Emoji plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,20 +24,20 @@
 		"@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.0.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",
@@ -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"