@atlaskit/emoji 69.2.0 → 69.3.0

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

@@ -33,8 +33,7 @@ var _useEmoji2 = require("../../hooks/useEmoji");
 var _useIsMounted = require("../../hooks/useIsMounted");
 var _i18n = require("../i18n");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _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 emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
@@ -84,45 +83,45 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     query = _useState8[0],
     setQuery = _useState8[1];
   var _useState9 = (0, _react.useState)([]),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    dynamicCategories = _useState10[0],
-    setDynamicCategories = _useState10[1];
-  var _useState11 = (0, _react.useState)(!hideToneSelector ? emojiProvider.getSelectedTone() : undefined),
+    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
+    dynamicCategories = _useState0[0],
+    setDynamicCategories = _useState0[1];
+  var _useState1 = (0, _react.useState)(!hideToneSelector ? emojiProvider.getSelectedTone() : undefined),
+    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
+    selectedTone = _useState10[0],
+    setSelectedTone = _useState10[1];
+  var _useState11 = (0, _react.useState)(true),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    selectedTone = _useState12[0],
-    setSelectedTone = _useState12[1];
-  var _useState13 = (0, _react.useState)(true),
+    loading = _useState12[0],
+    setLoading = _useState12[1];
+  var _useState13 = (0, _react.useState)(false),
     _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-    loading = _useState14[0],
-    setLoading = _useState14[1];
-  var _useState15 = (0, _react.useState)(false),
+    uploading = _useState14[0],
+    setUploading = _useState14[1];
+  var _useState15 = (0, _react.useState)(),
     _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-    uploading = _useState16[0],
-    setUploading = _useState16[1];
-  var _useState17 = (0, _react.useState)(),
+    selectedEmoji = _useState16[0],
+    setSelectedEmoji = _useState16[1];
+  var _useState17 = (0, _react.useState)(null),
     _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-    selectedEmoji = _useState18[0],
-    setSelectedEmoji = _useState18[1];
-  var _useState19 = (0, _react.useState)(null),
+    activeCategory = _useState18[0],
+    setActiveCategory = _useState18[1];
+  var _useState19 = (0, _react.useState)(false),
     _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-    activeCategory = _useState20[0],
-    setActiveCategory = _useState20[1];
-  var _useState21 = (0, _react.useState)(false),
+    disableCategories = _useState20[0],
+    setDisableCategories = _useState20[1];
+  var _useState21 = (0, _react.useState)(),
     _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-    disableCategories = _useState22[0],
-    setDisableCategories = _useState22[1];
+    uploadErrorMessage = _useState22[0],
+    setUploadErrorMessage = _useState22[1];
   var _useState23 = (0, _react.useState)(),
     _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-    uploadErrorMessage = _useState24[0],
-    setUploadErrorMessage = _useState24[1];
+    emojiToDelete = _useState24[0],
+    setEmojiToDelete = _useState24[1];
   var _useState25 = (0, _react.useState)(),
     _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
-    emojiToDelete = _useState26[0],
-    setEmojiToDelete = _useState26[1];
-  var _useState27 = (0, _react.useState)(),
-    _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
-    toneEmoji = _useState28[0],
-    setToneEmoji = _useState28[1];
+    toneEmoji = _useState26[0],
+    setToneEmoji = _useState26[1];
   var emojiPickerList = (0, _react.useMemo)(function () {
     return (0, _platformFeatureFlags.fg)('platform_editor_react18_elements_emoji') || (0, _platformFeatureFlags.fg)('platform_editor_react18_elements_emoji_jira_bb') ? /*#__PURE__*/(0, _react.createRef)() : /*#__PURE__*/(0, _react.createRef)();
   }, []);

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

@@ -15,8 +15,7 @@ var _reactIntlNext = require("react-intl-next");
 var _CachingEmoji = _interopRequireDefault(require("../common/CachingEmoji"));
 var _useEmojiPickerListContext = require("../../hooks/useEmojiPickerListContext");
 var _i18n = require("../i18n");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var emojiItem = null;
 var emojiPickerRow = null;
 var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {

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

@@ -12,8 +12,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _colors = require("@atlaskit/theme/colors");
 var _EmojiPreviewComponent = require("../common/EmojiPreviewComponent");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var emojiPickerFooter = null;
 var emojiPickerFooterWithTopShadow = null;
 var emojiPickerFooterTestId = exports.emojiPickerFooterTestId = 'emoji-picker-footer';

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

@@ -25,8 +25,7 @@ var _utils = require("./utils");
 var _VirtualList = require("./VirtualList");
 var _EmojiPickerListContext = require("../../context/EmojiPickerListContext");
 var _EmojiPickerTabPanel = _interopRequireDefault(require("./EmojiPickerTabPanel"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**

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

@@ -18,8 +18,7 @@ var _reactIntlNext = require("react-intl-next");
 var _useDebounce = require("use-debounce");
 var _constants = require("../../util/constants");
 var _i18n = require("../i18n");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var input = null;
 var pickerSearch = null;
 var searchIcon = null;

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

@@ -19,8 +19,7 @@ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"
 var _reactIntlNext = require("react-intl-next");
 var _i18n = require("../i18n");
 var _EmojiPickerList = require("./EmojiPickerList");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var emojiPickerList = null;

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

@@ -21,8 +21,7 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _EmojiPickerCategoryHeading = _interopRequireDefault(require("./EmojiPickerCategoryHeading"));
 var _EmojiPickerEmojiRow = _interopRequireDefault(require("./EmojiPickerEmojiRow"));
 var _EmojiPickerSizes = require("./EmojiPickerSizes");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var emojiPickerSpinner = null;

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

@@ -14,8 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactVirtual = require("@tanstack/react-virtual");
 var _useEmojiPickerListContext = require("../../hooks/useEmojiPickerListContext");
 var _constants = require("../../util/constants");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _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 virtualList = null;

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

@@ -21,8 +21,7 @@ var _Popup = _interopRequireDefault(require("../common/Popup"));
 var _excluded = ["emojiProvider", "target", "position", "zIndex", "offsetX", "offsetY"];
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var emojiTypeAheadModuleLoader = function emojiTypeAheadModuleLoader() {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName:"@atlaskit-internal_emojiTypeAheadComponent" */'./EmojiTypeAheadComponent'));

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

@@ -25,8 +25,7 @@ var _RecordSelectionDefault = require("../common/RecordSelectionDefault");
 var _EmojiTypeAheadList = _interopRequireDefault(require("./EmojiTypeAheadList"));
 var _styles = require("./styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _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; } } }; }

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

@@ -22,8 +22,7 @@ var _EmojiTypeAheadItem = _interopRequireDefault(require("./EmojiTypeAheadItem")
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _EmojiTypeAheadListContainer = require("./EmojiTypeAheadListContainer");
 var _EmojiTypeAheadSpinner = require("./EmojiTypeAheadSpinner");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function wrapIndex(emojis, index) {

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

@@ -11,8 +11,7 @@ require("./EmojiTypeAheadSpinner.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var emojiTypeAheadSpinner = null;
 var typeAheadMaxHeight = 350;
 var emojiTypeAheadSpinnerContainer = null;

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

@@ -21,8 +21,7 @@ var _UploadEmoji = require("../common/UploadEmoji");
 var _analytics = require("../../util/analytics");
 var _ufoExperiences = require("../../util/analytics/ufoExperiences");
 var _i18n = require("../i18n");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var emojiPickerWidth = 350;
 var emojiUploadWidget = null;
 var emojiUploadFooter = null;

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

@@ -20,8 +20,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _excluded = ["emojiProvider"];
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var emojiUploadModuleLoader = function emojiUploadModuleLoader() {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName:"@atlaskit-internal_emojiUploadComponent" */'./EmojiUploadComponent'));

package/dist/cjs/context/EmojiContextProvider.js

@@ -11,8 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _react = _interopRequireWildcard(require("react"));
 var _EmojiContext = require("./EmojiContext");
 var _logger = _interopRequireDefault(require("../util/logger"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var EmojiContextProvider = exports.EmojiContextProvider = function EmojiContextProvider(_ref) {
   var children = _ref.children,
     emojiContextValue = _ref.emojiContextValue;

package/dist/cjs/context/EmojiPickerListContext.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.EmojiPickerListContextProvider = exports.EmojiPickerListContext = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var EmojiPickerListContext = exports.EmojiPickerListContext = /*#__PURE__*/(0, _react.createContext)({
   currentEmojisFocus: {
     rowIndex: 0,

package/dist/cjs/index.js

@@ -250,6 +250,5 @@ var _useEmojiContext = require("./hooks/useEmojiContext");
 var _EmojiContextProvider = require("./context/EmojiContextProvider");
 var _EmojiCommonProvider = require("./context/EmojiCommonProvider");
 var _types = require("./types");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var _default = exports.default = _EmojiPicker.default;

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

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

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

@@ -16,7 +16,8 @@ const EmojiPlaceholder = props => {
     size = defaultEmojiHeight,
     showTooltip,
     representation,
-    loading = false
+    loading = false,
+    xcss
   } = props;
   let scaledWidth;
   let scaledHeight;
@@ -43,7 +44,7 @@ const EmojiPlaceholder = props => {
     "aria-label": shortName
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "_1kt9b3bt _cfu11ule _1cs8stnw _1rus1j54 _kfgt1osq _1mp41osq _1088zfu5 _joxl9cwz _zo24167c _evp612c5", placeholder]),
+    className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "_1kt9b3bt _cfu11ule _1cs8stnw _1rus1j54 _kfgt1osq _1mp41osq _1088zfu5 _joxl9cwz _zo24167c _evp612c5", [placeholder, fg('platform_reactions_placeholder_custom_background') ? xcss : ''].join(' ')]),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: style,
     title: showTooltip ? shortName : ''

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

@@ -13,19 +13,19 @@ var ResourcedEmojiComponentRenderStatesEnum = /*#__PURE__*/function (ResourcedEm
   ResourcedEmojiComponentRenderStatesEnum["EMOJI"] = "EMOJI";
   return ResourcedEmojiComponentRenderStatesEnum;
 }(ResourcedEmojiComponentRenderStatesEnum || {});
-export const ResourcedEmojiComponent = props => {
-  const {
-    emojiProvider,
-    emojiId,
-    showTooltip = false,
-    customFallback = undefined,
-    fitToHeight = defaultEmojiHeight,
-    optimistic = false,
-    optimisticImageURL = undefined,
-    editorEmoji,
-    onEmojiLoadSuccess,
-    onEmojiLoadFail
-  } = props;
+export const ResourcedEmojiComponent = ({
+  emojiProvider,
+  emojiId,
+  showTooltip = false,
+  customFallback = undefined,
+  fitToHeight = defaultEmojiHeight,
+  optimistic = false,
+  optimisticImageURL = undefined,
+  editorEmoji,
+  placeholderXcss,
+  onEmojiLoadSuccess,
+  onEmojiLoadFail
+}) => {
   const {
     shortName,
     id,
@@ -180,12 +180,15 @@ export const ResourcedEmojiComponent = props => {
   }, /*#__PURE__*/React.createElement("span", {
     "data-emoji-id": id,
     "data-emoji-short-name": shortName,
-    "data-emoji-text": fallback || shortName
+    "data-emoji-text": fallback || shortName,
+    "data-ssr-placeholder": `emoji-${id !== null && id !== void 0 ? id : shortName}`,
+    "data-ssr-placeholder-replace": `emoji-${id !== null && id !== void 0 ? id : shortName}`
   }, emojiRenderState === ResourcedEmojiComponentRenderStatesEnum.INITIAL && /*#__PURE__*/React.createElement(EmojiPlaceholder, {
     shortName: shortName,
     showTooltip: showTooltip,
     size: fitToHeight || defaultEmojiHeight,
-    loading: true
+    loading: true,
+    xcss: placeholderXcss
   }), emojiRenderState === ResourcedEmojiComponentRenderStatesEnum.FALLBACK && /*#__PURE__*/React.createElement(React.Fragment, null, customFallback || fallback || shortName), emojiRenderState === ResourcedEmojiComponentRenderStatesEnum.EMOJI && optimisticEmojiDescription && /*#__PURE__*/React.createElement(Emoji, {
     emoji: optimisticEmojiDescription,
     onLoadError: handleOnLoadError,

package/dist/es2019/util/analytics/analytics.js

@@ -8,7 +8,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "69.2.0",
+    packageVersion: "69.3.0",
     ...attributes
   }
 });

package/dist/esm/api/EmojiResource.js

@@ -636,11 +636,11 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
   }, {
     key: "deleteSiteEmoji",
     value: function deleteSiteEmoji(emoji) {
-      var _this10 = this;
+      var _this0 = this;
       if (this.isRepositoryAvailable(this.siteEmojiResource) && emoji.id) {
         return this.siteEmojiResource.deleteEmoji(emoji).then(function (success) {
-          if (success && _this10.isRepositoryAvailable(_this10.emojiRepository)) {
-            _this10.emojiRepository.delete(emoji);
+          if (success && _this0.isRepositoryAvailable(_this0.emojiRepository)) {
+            _this0.emojiRepository.delete(emoji);
             return true;
           }
           return false;
@@ -651,7 +651,7 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
         });
       }
       return this.retryIfLoading(function () {
-        return _this10.deleteSiteEmoji(emoji);
+        return _this0.deleteSiteEmoji(emoji);
       }, false);
     }
   }, {
@@ -678,12 +678,12 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
   }, {
     key: "calculateDynamicCategories",
     value: function calculateDynamicCategories() {
-      var _this11 = this;
+      var _this1 = this;
       if (this.isLoaded() && this.isRepositoryAvailable(this.emojiRepository)) {
         return Promise.resolve(this.emojiRepository.getDynamicCategoryList());
       }
       return this.retryIfLoading(function () {
-        return _this11.calculateDynamicCategories();
+        return _this1.calculateDynamicCategories();
       }, []);
     }
   }, {
@@ -702,17 +702,17 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
 }(AbstractResource);
 var UploadingEmojiResource = /*#__PURE__*/function (_EmojiResource2) {
   function UploadingEmojiResource(config) {
-    var _this12;
+    var _this10;
     _classCallCheck(this, UploadingEmojiResource);
-    _this12 = _callSuper(this, UploadingEmojiResource, [config]);
-    _this12.allowUpload = !!config.allowUpload;
-    return _this12;
+    _this10 = _callSuper(this, UploadingEmojiResource, [config]);
+    _this10.allowUpload = !!config.allowUpload;
+    return _this10;
   }
   _inherits(UploadingEmojiResource, _EmojiResource2);
   return _createClass(UploadingEmojiResource, [{
     key: "isUploadSupported",
     value: function isUploadSupported() {
-      var _this13 = this;
+      var _this11 = this;
       if (!this.allowUpload) {
         return Promise.resolve(false);
       }
@@ -720,28 +720,28 @@ var UploadingEmojiResource = /*#__PURE__*/function (_EmojiResource2) {
         return this.siteEmojiResource.hasUploadToken();
       }
       return this.retryIfLoading(function () {
-        return _this13.isUploadSupported();
+        return _this11.isUploadSupported();
       }, false);
     }
   }, {
     key: "uploadCustomEmoji",
     value: function uploadCustomEmoji(upload) {
-      var _this14 = this;
+      var _this12 = this;
       var retry = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var timeout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 12000;
       return this.isUploadSupported().then(function (supported) {
-        if (!supported || !_this14.isRepositoryAvailable(_this14.siteEmojiResource)) {
+        if (!supported || !_this12.isRepositoryAvailable(_this12.siteEmojiResource)) {
           return Promise.reject('No media api support is configured');
         }
-        var uploadPromise = _this14.siteEmojiResource.uploadEmoji(upload, retry).then(function (emoji) {
+        var uploadPromise = _this12.siteEmojiResource.uploadEmoji(upload, retry).then(function (emoji) {
           // Use file preview blob URL to temporarily fix the graybox issue after uploading,
           // Because the media service takes time to process the image.
           // Ideally should improve CachingMediaImage by using mediaClient or mediaImage,
           // But that requires more efforts in FE & BE.
           // TODO: revist this when pick up COLLAB-2294
           emoji.representation.imagePath = upload.dataURL;
-          _this14.addUnknownEmoji(emoji);
-          _this14.refreshLastFilter();
+          _this12.addUnknownEmoji(emoji);
+          _this12.refreshLastFilter();
           return emoji;
         });
         return promiseWithTimeout(uploadPromise, timeout, 'uploadCustomEmoji timed out');
@@ -750,12 +750,12 @@ var UploadingEmojiResource = /*#__PURE__*/function (_EmojiResource2) {
   }, {
     key: "prepareForUpload",
     value: function prepareForUpload() {
-      var _this15 = this;
+      var _this13 = this;
       if (this.isRepositoryAvailable(this.siteEmojiResource)) {
         this.siteEmojiResource.prepareForUpload();
       }
       return this.retryIfLoading(function () {
-        return _this15.prepareForUpload();
+        return _this13.prepareForUpload();
       }, undefined);
     }
   }]);

package/dist/esm/components/common/EmojiPlaceholder.js

@@ -22,7 +22,8 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
     showTooltip = props.showTooltip,
     representation = props.representation,
     _props$loading = props.loading,
-    loading = _props$loading === void 0 ? false : _props$loading;
+    loading = _props$loading === void 0 ? false : _props$loading,
+    xcss = props.xcss;
   var scaledWidth;
   var scaledHeight;
   if (representation && size) {
@@ -48,7 +49,7 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
     "aria-label": shortName
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "_1kt9b3bt _cfu11ule _1cs8stnw _1ruskq2v _kfgt1osq _1mp41osq _1088zfu5 _joxl9cwz _zo24167c _evp612c5", placeholder]),
+    className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "_1kt9b3bt _cfu11ule _1cs8stnw _1ruskq2v _kfgt1osq _1mp41osq _1088zfu5 _joxl9cwz _zo24167c _evp612c5", [placeholder, fg('platform_reactions_placeholder_custom_background') ? xcss : ''].join(' ')]),
     title: showTooltip ? shortName : '',
     style: _objectSpread(_objectSpread({}, style), {}, {
       "--_12ncegi": ix("var(--ds-background-neutral, ".concat(N20A, ")"))

package/dist/esm/components/common/EmojiUploadPicker.js

@@ -156,9 +156,9 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     filename = _useState8[0],
     setFilename = _useState8[1];
   var _useState9 = useState(),
-    _useState10 = _slicedToArray(_useState9, 2),
-    previewImage = _useState10[0],
-    setPreviewImage = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    previewImage = _useState0[0],
+    setPreviewImage = _useState0[1];
   // document is undefined during ssr rendering and throws an error
   var lastFocusedElementId = useRef(typeof document !== 'undefined' ? (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.id : '');
   useEffect(function () {