@atlaskit/emoji 72.5.18 → 73.0.0

package/dist/types/api/EmojiResource.d.ts

@@ -120,12 +120,6 @@ export declare class EmojiResource extends AbstractResource<string, EmojiSearchR
     findByShortName(shortName: string, emojiProviderLookupOrder?: EmojiProviderLookupOrder): OptionalEmojiDescription | Promise<OptionalEmojiDescription>;
     findByEmojiId(emojiId: EmojiId, emojiProviderLookupOrder?: EmojiProviderLookupOrder): OptionalEmojiDescription | Promise<OptionalEmojiDescription>;
     findById(id: string): OptionalEmojiDescription | Promise<OptionalEmojiDescription>;
-    /**
-     * Synchronously reads the emoji type from the local cache for the given emojiId.
-     * Returns `undefined` when the emoji is not in the cache or no repository is initialised.
-     * This is a pure cache read — no network requests are made.
-     */
-    getCachedEmojiType(emojiId: EmojiId): string | undefined;
     findInCategory(categoryId: CategoryId): Promise<EmojiDescription[]>;
     getAsciiMap(): Promise<Map<string, EmojiDescription>>;
     getFrequentlyUsed(options?: SearchOptions): Promise<EmojiDescription[]>;

package/dist/types/api/EmojiUtils.d.ts

@@ -54,7 +54,3 @@ export { shouldUseAltRepresentation } from './shouldUseAltRepresentation';
  * @deprecated Use `import { calculateScale } from '@atlaskit/emoji/emoji-utils'` instead.
  */
 export { calculateScale } from './calculateScale';
-/**
- * @deprecated Use `import { denormaliseStandardRepresentation } from '@atlaskit/emoji/emoji-utils'` instead.
- */
-export { denormaliseStandardRepresentation } from './denormaliseStandardRepresentation';

package/dist/types/components/common/Emoji.d.ts

@@ -69,11 +69,6 @@ export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMo
      * Keyboard selection still keeps focus on the emoji for grid navigation.
      */
     preventFocusOnMouseDown?: boolean;
-    /**
-     * Renders unicode emoji through an image representation when a fixed height is supplied.
-     * Defaults to `true`.
-     */
-    renderUnicodeEmojiAsImage?: boolean;
     /**
      * Show the emoji as selected
      */
@@ -98,9 +93,8 @@ export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMo
      */
     showTooltip?: boolean;
 }
-export declare const unicodeEmojiCanvasSize: any;
 interface EmojiNodeWrapperProps extends Props {
-    type: 'sprite' | 'image' | 'unicode';
+    type: 'sprite' | 'image';
 }
 export declare const EmojiNodeWrapper: React.ForwardRefExoticComponent<EmojiNodeWrapperProps & {
     children?: React.ReactNode | undefined;

package/dist/types/components/common/ResourcedEmojiComponent.d.ts

@@ -65,11 +65,6 @@ export interface BaseResourcedEmojiProps {
      * allows custom styling to the placeholder component while the emoji is loading.
      */
     placeholderXcss?: StrictXCSSProp<'backgroundColor', never>;
-    /**
-     * Renders unicode emoji through an image representation when a fixed height is supplied.
-     * Defaults to `true`.
-     */
-    renderUnicodeEmojiAsImage?: boolean;
     /**
      * Allows to show the tooltip.
      * Defaults to `false`.
@@ -90,5 +85,5 @@ export interface Props extends BaseResourcedEmojiProps {
      */
     onEmojiLoadSuccess?: EmojiLoadSuccessCallback;
 }
-export declare const ResourcedEmojiComponent: ({ emojiProvider, emojiId, emojiProviderLookupOrder, showTooltip, customFallback, fitToHeight, ignoreWrapper, optimistic, optimisticImageURL, editorEmoji, renderUnicodeEmojiAsImage, pageTitleEmoji, placeholderXcss, onEmojiLoadSuccess, onEmojiLoadFail, }: Props) => React.JSX.Element;
+export declare const ResourcedEmojiComponent: ({ emojiProvider, emojiId, emojiProviderLookupOrder, showTooltip, customFallback, fitToHeight, ignoreWrapper, optimistic, optimisticImageURL, editorEmoji, pageTitleEmoji, placeholderXcss, onEmojiLoadSuccess, onEmojiLoadFail, }: Props) => React.JSX.Element;
 export default ResourcedEmojiComponent;

package/dist/types/types.d.ts

@@ -65,17 +65,6 @@ export interface EmojiProvider extends Provider<string, EmojiSearchResult, any,
      * Returns a map matching ascii representations to their corresponding EmojiDescription.
      */
     getAsciiMap(): Promise<Map<string, EmojiDescription>>;
-    /**
-     * Synchronously reads the emoji type (e.g. 'STANDARD', 'SITE', 'ATLASSIAN') from the
-     * local cache for the given emojiId, without making any network requests.
-     *
-     * Returns `undefined` when the emoji is not yet in the cache or no repository has been
-     * initialised. This is an optional method — callers must fall back gracefully when it is
-     * absent (e.g. in mock or legacy providers).
-     *
-     * Optional.
-     */
-    getCachedEmojiType?(emojiId: EmojiId): string | undefined;
     /**
      * Returns the logged user passed by the Product
      */
@@ -218,10 +207,7 @@ export interface ImageRepresentation extends EmojiImageRepresentation {
 export interface MediaApiRepresentation extends EmojiImageRepresentation {
     mediaPath: string;
 }
-export interface UnicodeRepresentation {
-    unicodeEmoji: string;
-}
-export type EmojiRepresentation = SpriteRepresentation | ImageRepresentation | MediaApiRepresentation | UnicodeRepresentation | undefined;
+export type EmojiRepresentation = SpriteRepresentation | ImageRepresentation | MediaApiRepresentation | undefined;
 export interface EmojiDescription extends EmojiId {
     altRepresentation?: EmojiRepresentation;
     ascii?: string[];

package/dist/types/util/type-helpers.d.ts

@@ -14,10 +14,6 @@ export { isImageRepresentation } from './is-image-representation';
  * @deprecated Use `import { isMediaRepresentation } from '@atlaskit/emoji/type-helpers'` instead.
  */
 export { isMediaRepresentation } from './is-media-representation';
-/**
- * @deprecated Use `import { isUnicodeRepresentation } from '@atlaskit/emoji/type-helpers'` instead.
- */
-export { isUnicodeRepresentation } from './is-unicode-representation';
 /**
  * @deprecated Use `import { isPromise } from '@atlaskit/emoji/type-helpers'` instead.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "72.5.18",
+	"version": "73.0.0",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,18 +44,18 @@
 		"@atlaskit/icon-lab": "^7.11.0",
 		"@atlaskit/image": "^5.2.0",
 		"@atlaskit/logo": "^23.3.0",
-		"@atlaskit/media-client": "^39.1.0",
+		"@atlaskit/media-client": "^39.2.0",
 		"@atlaskit/media-client-react": "^7.0.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^4.0.0",
-		"@atlaskit/primitives": "^22.5.0",
+		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/radio": "^10.2.0",
 		"@atlaskit/spinner": "^20.4.0",
 		"@atlaskit/textfield": "^10.2.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^239.0.0",
-		"@atlaskit/tokens": "^20.5.0",
+		"@atlaskit/tmp-editor-statsig": "^240.0.0",
+		"@atlaskit/tokens": "^20.6.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/ufo": "^2.0.0",
 		"@atlaskit/util-service-support": "^7.4.0",

package/dist/cjs/api/denormaliseStandardRepresentation.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.denormaliseStandardRepresentation = void 0;
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-var _types = require("../types");
-var _emojiIdToEmoji = require("../util/emojiIdToEmoji");
-var _denormaliseServiceRepresentation = require("./denormaliseServiceRepresentation");
-var denormaliseStandardRepresentation = exports.denormaliseStandardRepresentation = function denormaliseStandardRepresentation(emoji, meta) {
-  var unicodeEmoji = (0, _emojiIdToEmoji.emojiIdToEmoji)(emoji.id);
-  var useUnicodeRepresentation = !!(emoji.id && emoji.type === _types.ProviderTypes.STANDARD && unicodeEmoji && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true));
-  return useUnicodeRepresentation ? {
-    unicodeEmoji: unicodeEmoji
-  } : (0, _denormaliseServiceRepresentation.denormaliseServiceRepresentation)(emoji.representation, meta);
-};

package/dist/cjs/components/common/UnicodeEmoji.js

@@ -1,137 +0,0 @@
-/* UnicodeEmoji.tsx generated by @compiled/babel-plugin v3.0.2 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UnicodeEmoji = void 0;
-var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../../util/constants");
-var _isSsr = require("../../util/is-ssr");
-var _renderUnicodeEmojiToImagePath = require("../../util/renderUnicodeEmojiToImagePath");
-var _Emoji = require("./Emoji");
-var _EmojiPlaceholder = _interopRequireDefault(require("./EmojiPlaceholder"));
-var _ImageEmoji = require("./ImageEmoji");
-var _styles = require("./styles");
-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); }
-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; }
-var useUnicodeEmojiImage = function useUnicodeEmojiImage(unicodeEmoji) {
-  var _useState = (0, _react.useState)({
-      status: 'loading'
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var cancelled = false;
-    var imagePathToRevoke;
-    setState({
-      status: 'loading',
-      unicodeEmoji: unicodeEmoji
-    });
-    void (0, _renderUnicodeEmojiToImagePath.renderUnicodeEmojiToImagePath)(unicodeEmoji).then(function (imagePath) {
-      if (cancelled) {
-        if (imagePath) {
-          URL.revokeObjectURL(imagePath);
-        }
-        return;
-      }
-      imagePathToRevoke = imagePath;
-      setState(imagePath ? {
-        status: 'ready',
-        unicodeEmoji: unicodeEmoji,
-        imagePath: imagePath
-      } : {
-        status: 'failed',
-        unicodeEmoji: unicodeEmoji
-      });
-    }).catch(function () {
-      if (!cancelled) {
-        setState({
-          status: 'failed',
-          unicodeEmoji: unicodeEmoji
-        });
-      }
-    });
-    return function () {
-      cancelled = true;
-      if (imagePathToRevoke) {
-        URL.revokeObjectURL(imagePathToRevoke);
-      }
-    };
-  }, [unicodeEmoji]);
-  return state;
-};
-var UnicodeEmojiImage = function UnicodeEmojiImage(props) {
-  var emoji = props.emoji,
-    fitToHeight = props.fitToHeight,
-    showTooltip = props.showTooltip;
-  var emojiText = emoji.representation.unicodeEmoji;
-  var unicodeEmojiImage = useUnicodeEmojiImage(emojiText);
-  var hasCurrentEmojiImage = unicodeEmojiImage.unicodeEmoji === emojiText;
-  if ((0, _isSsr.isSSR)() || !hasCurrentEmojiImage || unicodeEmojiImage.status === 'loading') {
-    return /*#__PURE__*/_react.default.createElement(_EmojiPlaceholder.default, {
-      shortName: emoji.shortName,
-      showTooltip: showTooltip,
-      size: fitToHeight,
-      loading: true
-    });
-  }
-  if (unicodeEmojiImage.status === 'ready') {
-    return /*#__PURE__*/_react.default.createElement(_ImageEmoji.ImageEmoji, (0, _extends2.default)({}, props, {
-      emoji: _objectSpread(_objectSpread({}, emoji), {}, {
-        altRepresentation: undefined,
-        representation: {
-          imagePath: unicodeEmojiImage.imagePath,
-          width: _Emoji.unicodeEmojiCanvasSize,
-          height: _Emoji.unicodeEmojiCanvasSize
-        }
-      })
-    }));
-  }
-  return /*#__PURE__*/_react.default.createElement(_EmojiPlaceholder.default, {
-    shortName: emoji.shortName,
-    showTooltip: showTooltip,
-    size: fitToHeight
-  });
-};
-var UnicodeEmoji = exports.UnicodeEmoji = function UnicodeEmoji(props) {
-  var emoji = props.emoji,
-    selected = props.selected,
-    selectOnHover = props.selectOnHover,
-    className = props.className,
-    fitToHeight = props.fitToHeight,
-    _props$renderUnicodeE = props.renderUnicodeEmojiAsImage,
-    renderUnicodeEmojiAsImage = _props$renderUnicodeE === void 0 ? true : _props$renderUnicodeE;
-  if (renderUnicodeEmojiAsImage) {
-    return /*#__PURE__*/_react.default.createElement(UnicodeEmojiImage, props);
-  }
-  var classes = "".concat(_styles.emojiNodeStyles, " ").concat(selected ? _styles.commonSelectedStyles : '', " ").concat(selectOnHover ? _styles.selectOnHoverStyles : '', " ").concat(className ? className : '');
-  var emojiText = emoji.representation.unicodeEmoji;
-  var defaultSize = "".concat(fitToHeight !== null && fitToHeight !== void 0 ? fitToHeight : _constants.defaultEmojiHeight, "px");
-  var emojiSize = "var(--emoji-common-unicode-size, ".concat(defaultSize, ")");
-  var style = {
-    display: 'inline-flex',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: emojiSize,
-    alignItems: 'center',
-    aspectRatio: '1/1'
-  };
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    _react.default.createElement(_Emoji.EmojiNodeWrapper, (0, _extends2.default)({}, props, {
-      type: "unicode",
-      className: classes
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      style: style
-    }, emojiText))
-  );
-};

package/dist/cjs/util/emojiIdToEmoji.js

@@ -1,119 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.emojiIdToEmoji = emojiIdToEmoji;
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var KEYCAP_COMBINING = 0x20e3;
-var VARIATION_SELECTOR_16 = 0xfe0f;
-var VARIATION_SELECTOR_15 = 0xfe0e;
-var EMOJI_MODIFIER_START = 0x1f3fb;
-var EMOJI_MODIFIER_END = 0x1f3ff;
-var REGIONAL_INDICATOR_START = 0x1f1e6;
-var REGIONAL_INDICATOR_END = 0x1f1ff;
-var FLAG_BASES = new Set([0x1f38c, 0x1f3c1, 0x1f3f3, 0x1f3f4, 0x1f6a9]);
-
-// Emoji variation bases from Unicode 14.0 emoji-variation-sequences.txt.
-// These are the code points with a defined U+FE0F emoji-style variant.
-var EMOJI_VARIATION_BASES = new Set([0x0023, 0x002a, 0x0030, 0x0031, 0x0032, 0x0033, 0x0034, 0x0035, 0x0036, 0x0037, 0x0038, 0x0039, 0x00a9, 0x00ae, 0x203c, 0x2049, 0x2122, 0x2139, 0x2194, 0x2195, 0x2196, 0x2197, 0x2198, 0x2199, 0x21a9, 0x21aa, 0x2328, 0x23cf, 0x23ed, 0x23ee, 0x23ef, 0x23f1, 0x23f2, 0x23f8, 0x23f9, 0x23fa, 0x24c2, 0x25aa, 0x25ab, 0x25b6, 0x25c0, 0x25fb, 0x25fc, 0x2600, 0x2601, 0x2602, 0x2603, 0x2604, 0x260e, 0x2611, 0x2618, 0x261d, 0x2620, 0x2622, 0x2623, 0x2626, 0x262a, 0x262e, 0x262f, 0x2638, 0x2639, 0x263a, 0x2640, 0x2642, 0x265f, 0x2660, 0x2663, 0x2665, 0x2666, 0x2668, 0x267b, 0x267e, 0x2692, 0x2694, 0x2695, 0x2696, 0x2697, 0x2699, 0x269b, 0x269c, 0x26a0, 0x26a7, 0x26b0, 0x26b1, 0x26c8, 0x26cf, 0x26d1, 0x26d3, 0x26e9, 0x26f0, 0x26f1, 0x26f4, 0x26f7, 0x26f8, 0x26f9, 0x2702, 0x2708, 0x2709, 0x270c, 0x270d, 0x270f, 0x2712, 0x2714, 0x2716, 0x271d, 0x2721, 0x2733, 0x2734, 0x2744, 0x2747, 0x2763, 0x2764, 0x27a1, 0x2934, 0x2935, 0x2b05, 0x2b06, 0x2b07, 0x3030, 0x303d, 0x3297, 0x3299, 0x1f170, 0x1f171, 0x1f17e, 0x1f17f, 0x1f202, 0x1f237, 0x1f321, 0x1f324, 0x1f325, 0x1f326, 0x1f327, 0x1f328, 0x1f329, 0x1f32a, 0x1f32b, 0x1f32c, 0x1f336, 0x1f37d, 0x1f396, 0x1f397, 0x1f399, 0x1f39a, 0x1f39b, 0x1f39e, 0x1f39f, 0x1f3cb, 0x1f3cc, 0x1f3cd, 0x1f3ce, 0x1f3d4, 0x1f3d5, 0x1f3d6, 0x1f3d7, 0x1f3d8, 0x1f3d9, 0x1f3da, 0x1f3db, 0x1f3dc, 0x1f3dd, 0x1f3de, 0x1f3df, 0x1f3f3, 0x1f3f5, 0x1f3f7, 0x1f43f, 0x1f441, 0x1f4fd, 0x1f549, 0x1f54a, 0x1f56f, 0x1f570, 0x1f573, 0x1f574, 0x1f575, 0x1f576, 0x1f577, 0x1f578, 0x1f579, 0x1f587, 0x1f58a, 0x1f58b, 0x1f58c, 0x1f58d, 0x1f590, 0x1f5a5, 0x1f5a8, 0x1f5b1, 0x1f5b2, 0x1f5bc, 0x1f5c2, 0x1f5c3, 0x1f5c4, 0x1f5d1, 0x1f5d2, 0x1f5d3, 0x1f5dc, 0x1f5dd, 0x1f5de, 0x1f5e1, 0x1f5e3, 0x1f5e8, 0x1f5ef, 0x1f5f3, 0x1f5fa, 0x1f6cb, 0x1f6cd, 0x1f6ce, 0x1f6cf, 0x1f6e0, 0x1f6e1, 0x1f6e2, 0x1f6e3, 0x1f6e4, 0x1f6e5, 0x1f6e9, 0x1f6f0, 0x1f6f3, 0x231a, 0x231b, 0x23e9, 0x23ea, 0x23f3, 0x25fd, 0x25fe, 0x2614, 0x2615, 0x2648, 0x2649, 0x264a, 0x264b, 0x264c, 0x264d, 0x264e, 0x264f, 0x2650, 0x2651, 0x2652, 0x2653, 0x267f, 0x2693, 0x26a1, 0x26aa, 0x26ab, 0x26bd, 0x26be, 0x26c4, 0x26c5, 0x26d4, 0x26ea, 0x26f2, 0x26f3, 0x26f5, 0x26fa, 0x26fd, 0x2753, 0x2757, 0x2b1b, 0x2b1c, 0x2b50, 0x2b55, 0x1f004, 0x1f21a, 0x1f22f, 0x1f30d, 0x1f30e, 0x1f30f, 0x1f315, 0x1f31c, 0x1f378, 0x1f393, 0x1f3a7, 0x1f3ac, 0x1f3ad, 0x1f3ae, 0x1f3c2, 0x1f3c4, 0x1f3c6, 0x1f3ca, 0x1f3e0, 0x1f3ed, 0x1f408, 0x1f415, 0x1f41f, 0x1f426, 0x1f442, 0x1f446, 0x1f447, 0x1f448, 0x1f449, 0x1f44d, 0x1f44e, 0x1f453, 0x1f46a, 0x1f47d, 0x1f4a3, 0x1f4b0, 0x1f4b3, 0x1f4bb, 0x1f4bf, 0x1f4cb, 0x1f4da, 0x1f4df, 0x1f4e4, 0x1f4e5, 0x1f4e6, 0x1f4ea, 0x1f4eb, 0x1f4ec, 0x1f4ed, 0x1f4f7, 0x1f4f9, 0x1f4fa, 0x1f4fb, 0x1f508, 0x1f50d, 0x1f512, 0x1f513, 0x1f550, 0x1f551, 0x1f552, 0x1f553, 0x1f554, 0x1f555, 0x1f556, 0x1f557, 0x1f558, 0x1f559, 0x1f55a, 0x1f55b, 0x1f55c, 0x1f55d, 0x1f55e, 0x1f55f, 0x1f560, 0x1f561, 0x1f562, 0x1f563, 0x1f564, 0x1f565, 0x1f566, 0x1f567, 0x1f610, 0x1f687, 0x1f68d, 0x1f691, 0x1f694, 0x1f698, 0x1f6ad, 0x1f6b2, 0x1f6b9, 0x1f6ba, 0x1f6bc]);
-var isEmojiModifier = function isEmojiModifier(codePoint) {
-  return typeof codePoint === 'number' && codePoint >= EMOJI_MODIFIER_START && codePoint <= EMOJI_MODIFIER_END;
-};
-var shouldAddEmojiPresentationSelector = function shouldAddEmojiPresentationSelector(codePoint, nextCodePoint) {
-  return EMOJI_VARIATION_BASES.has(codePoint) && nextCodePoint !== VARIATION_SELECTOR_16 && nextCodePoint !== VARIATION_SELECTOR_15 && nextCodePoint !== KEYCAP_COMBINING && !isEmojiModifier(nextCodePoint);
-};
-var isRegionalIndicator = function isRegionalIndicator(codePoint) {
-  return codePoint >= REGIONAL_INDICATOR_START && codePoint <= REGIONAL_INDICATOR_END;
-};
-var isStandaloneRegionalIndicator = function isStandaloneRegionalIndicator(codePoints) {
-  return codePoints.length === 1 && isRegionalIndicator(codePoints[0]);
-};
-var parseEmojiIdCodePoints = function parseEmojiIdCodePoints(id) {
-  var segments = id.split('-');
-  var codePoints = [];
-  var _iterator = _createForOfIteratorHelper(segments),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var segment = _step.value;
-      if (!/^[0-9a-fA-F]+$/.test(segment)) {
-        return undefined;
-      }
-      var cp = parseInt(segment, 16);
-      // Valid Unicode scalar values: U+0000–U+10FFFF, excluding surrogates.
-      if (isNaN(cp) || cp < 0 || cp > 0x10ffff || cp >= 0xd800 && cp <= 0xdfff) {
-        return undefined;
-      }
-      codePoints.push(cp);
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return codePoints.length ? codePoints : undefined;
-};
-var isFlagEmoji = function isFlagEmoji(codePoints) {
-  if (codePoints.length === 2 && codePoints.every(isRegionalIndicator)) {
-    return true;
-  }
-  return FLAG_BASES.has(codePoints[0]);
-};
-
-/**
- * Converts an emoji ID (a hyphen-separated string of hex Unicode code points,
- * e.g. `"1f44d"`, `"1f44d-1f3fb"`, `"1f468-200d-1f469-200d-1f467"`) into its
- * corresponding Unicode string.
- *
- * Special handling:
- * - Keycap sequences: U+20E3 (COMBINING ENCLOSING KEYCAP) must be preceded by
- *   U+FE0F (VARIATION SELECTOR-16) to form a well-defined keycap emoji.
- * - Emoji variation bases are followed by U+FE0F to force emoji presentation.
- * - Flags and standalone regional indicators return `undefined` so callers use
- *   Twemoji instead of native emoji.
- *
- * @returns The Unicode string for the emoji, or `undefined` if the input is
- *   invalid (empty string, non-hex segments, or out-of-range code points).
- */
-function emojiIdToEmoji(id) {
-  if (!(0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true)) {
-    return undefined;
-  }
-  if (!id) {
-    return undefined;
-  }
-  var codePoints = parseEmojiIdCodePoints(id);
-  if (!codePoints) {
-    return undefined;
-  }
-  if (isStandaloneRegionalIndicator(codePoints) || isFlagEmoji(codePoints)) {
-    return undefined;
-  }
-  var processedCodePoints = [];
-  for (var i = 0; i < codePoints.length; i++) {
-    var cp = codePoints[i];
-    var next = codePoints[i + 1];
-    processedCodePoints.push(cp);
-
-    // Insert U+FE0F before U+20E3 if not already present.
-    // Keycap sequences: digit/# /* followed by U+20E3 need U+FE0F between them.
-    if (next === KEYCAP_COMBINING && cp !== VARIATION_SELECTOR_16) {
-      processedCodePoints.push(VARIATION_SELECTOR_16);
-    }
-
-    // Emoji variation bases need U+FE0F immediately after the base code point,
-    // including when the base appears inside a ZWJ sequence.
-    if (shouldAddEmojiPresentationSelector(cp, next)) {
-      processedCodePoints.push(VARIATION_SELECTOR_16);
-    }
-  }
-  try {
-    return String.fromCodePoint.apply(String, processedCodePoints);
-  } catch (_unused) {
-    return undefined;
-  }
-}

package/dist/cjs/util/is-unicode-representation.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isUnicodeRepresentation = void 0;
-var isUnicodeRepresentation = exports.isUnicodeRepresentation = function isUnicodeRepresentation(rep) {
-  return !!(rep && rep.unicodeEmoji);
-};

package/dist/cjs/util/renderUnicodeEmojiToImagePath.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderUnicodeEmojiToImagePath = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _isSsr = require("./is-ssr");
-var unicodeEmojiCanvasSize = 128;
-var unicodeEmojiCanvasFontSize = 124;
-var unicodeEmojiCanvasTopPadding = 8;
-var renderUnicodeEmojiToImagePath = exports.renderUnicodeEmojiToImagePath = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(unicodeEmoji) {
-    var OffscreenCanvasCtor, canvas, context, blob;
-    return _regenerator.default.wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          OffscreenCanvasCtor = globalThis['OffscreenCanvas'];
-          if (!((0, _isSsr.isSSR)() || !OffscreenCanvasCtor || typeof URL === 'undefined')) {
-            _context.next = 1;
-            break;
-          }
-          return _context.abrupt("return", undefined);
-        case 1:
-          canvas = new OffscreenCanvasCtor(unicodeEmojiCanvasSize, unicodeEmojiCanvasSize);
-          context = canvas.getContext('2d');
-          if (context) {
-            _context.next = 2;
-            break;
-          }
-          return _context.abrupt("return", undefined);
-        case 2:
-          context.clearRect(0, 0, unicodeEmojiCanvasSize, unicodeEmojiCanvasSize);
-          context.textAlign = 'center';
-          context.textBaseline = 'middle';
-          context.font = "".concat(unicodeEmojiCanvasFontSize, "px sans-serif");
-          context.fillText(unicodeEmoji, unicodeEmojiCanvasSize / 2, unicodeEmojiCanvasSize / 2 + unicodeEmojiCanvasTopPadding);
-          _context.next = 3;
-          return canvas.convertToBlob({
-            type: 'image/png'
-          });
-        case 3:
-          blob = _context.sent;
-          return _context.abrupt("return", URL.createObjectURL(blob));
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function renderUnicodeEmojiToImagePath(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();

package/dist/es2019/api/denormaliseStandardRepresentation.js

@@ -1,11 +0,0 @@
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { ProviderTypes } from '../types';
-import { emojiIdToEmoji } from '../util/emojiIdToEmoji';
-import { denormaliseServiceRepresentation } from './denormaliseServiceRepresentation';
-export const denormaliseStandardRepresentation = (emoji, meta) => {
-  const unicodeEmoji = emojiIdToEmoji(emoji.id);
-  const useUnicodeRepresentation = !!(emoji.id && emoji.type === ProviderTypes.STANDARD && unicodeEmoji && expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true));
-  return useUnicodeRepresentation ? {
-    unicodeEmoji
-  } : denormaliseServiceRepresentation(emoji.representation, meta);
-};

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

@@ -1,125 +0,0 @@
-/* UnicodeEmoji.tsx generated by @compiled/babel-plugin v3.0.2 */
-import _extends from "@babel/runtime/helpers/extends";
-import { ax, ix } from "@compiled/react/runtime";
-import React, { useEffect, useState } from 'react';
-import { defaultEmojiHeight } from '../../util/constants';
-import { isSSR } from '../../util/is-ssr';
-import { renderUnicodeEmojiToImagePath } from '../../util/renderUnicodeEmojiToImagePath';
-import { EmojiNodeWrapper, unicodeEmojiCanvasSize } from './Emoji';
-import EmojiPlaceholder from './EmojiPlaceholder';
-import { ImageEmoji } from './ImageEmoji';
-import { emojiNodeStyles, commonSelectedStyles, selectOnHoverStyles } from './styles';
-const useUnicodeEmojiImage = unicodeEmoji => {
-  const [state, setState] = useState({
-    status: 'loading'
-  });
-  useEffect(() => {
-    let cancelled = false;
-    let imagePathToRevoke;
-    setState({
-      status: 'loading',
-      unicodeEmoji
-    });
-    void renderUnicodeEmojiToImagePath(unicodeEmoji).then(imagePath => {
-      if (cancelled) {
-        if (imagePath) {
-          URL.revokeObjectURL(imagePath);
-        }
-        return;
-      }
-      imagePathToRevoke = imagePath;
-      setState(imagePath ? {
-        status: 'ready',
-        unicodeEmoji,
-        imagePath
-      } : {
-        status: 'failed',
-        unicodeEmoji
-      });
-    }).catch(() => {
-      if (!cancelled) {
-        setState({
-          status: 'failed',
-          unicodeEmoji
-        });
-      }
-    });
-    return () => {
-      cancelled = true;
-      if (imagePathToRevoke) {
-        URL.revokeObjectURL(imagePathToRevoke);
-      }
-    };
-  }, [unicodeEmoji]);
-  return state;
-};
-const UnicodeEmojiImage = props => {
-  const {
-    emoji,
-    fitToHeight,
-    showTooltip
-  } = props;
-  const emojiText = emoji.representation.unicodeEmoji;
-  const unicodeEmojiImage = useUnicodeEmojiImage(emojiText);
-  const hasCurrentEmojiImage = unicodeEmojiImage.unicodeEmoji === emojiText;
-  if (isSSR() || !hasCurrentEmojiImage || unicodeEmojiImage.status === 'loading') {
-    return /*#__PURE__*/React.createElement(EmojiPlaceholder, {
-      shortName: emoji.shortName,
-      showTooltip: showTooltip,
-      size: fitToHeight,
-      loading: true
-    });
-  }
-  if (unicodeEmojiImage.status === 'ready') {
-    return /*#__PURE__*/React.createElement(ImageEmoji, _extends({}, props, {
-      emoji: {
-        ...emoji,
-        altRepresentation: undefined,
-        representation: {
-          imagePath: unicodeEmojiImage.imagePath,
-          width: unicodeEmojiCanvasSize,
-          height: unicodeEmojiCanvasSize
-        }
-      }
-    }));
-  }
-  return /*#__PURE__*/React.createElement(EmojiPlaceholder, {
-    shortName: emoji.shortName,
-    showTooltip: showTooltip,
-    size: fitToHeight
-  });
-};
-export const UnicodeEmoji = props => {
-  const {
-    emoji,
-    selected,
-    selectOnHover,
-    className,
-    fitToHeight,
-    renderUnicodeEmojiAsImage = true
-  } = props;
-  if (renderUnicodeEmojiAsImage) {
-    return /*#__PURE__*/React.createElement(UnicodeEmojiImage, props);
-  }
-  const classes = `${emojiNodeStyles} ${selected ? commonSelectedStyles : ''} ${selectOnHover ? selectOnHoverStyles : ''} ${className ? className : ''}`;
-  const emojiText = emoji.representation.unicodeEmoji;
-  const defaultSize = `${fitToHeight !== null && fitToHeight !== void 0 ? fitToHeight : defaultEmojiHeight}px`;
-  const emojiSize = `var(--emoji-common-unicode-size, ${defaultSize})`;
-  const style = {
-    display: 'inline-flex',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: emojiSize,
-    alignItems: 'center',
-    aspectRatio: '1/1'
-  };
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    React.createElement(EmojiNodeWrapper, _extends({}, props, {
-      type: "unicode",
-      className: classes
-    }), /*#__PURE__*/React.createElement("span", {
-      style: style
-    }, emojiText))
-  );
-};