@atlaskit/emoji 71.14.0 → 71.15.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/emoji
 
+## 71.15.1
+
+### Patch Changes
+
+- [`dd9429468d1d0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dd9429468d1d0) -
+  Clean up platform_emoji_grid_presentation FG
+
+## 71.15.0
+
+### Minor Changes
+
+- [`7d37c14edffa7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7d37c14edffa7) -
+  Update i18n NPM package versions for editor,editor-extensions,activity-platform,media,elements
+  (Group 3)
+
+### Patch Changes
+
+- [`22c03f298a7de`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22c03f298a7de) -
+  Add an optional promise cache to `EmojiLoader`, keyed by the request URL, so that loaders created
+  for the same provider config reuse a single in-flight/resolved request instead of refetching.
+  Gated behind the `cache_emoji_loader_for_the_same_config` feature flag; behaviour is unchanged
+  when the flag is off.
+
 ## 71.14.0
 
 ### Minor Changes

package/dist/cjs/api/EmojiLoader.js

@@ -7,7 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _EmojiUtils = require("./EmojiUtils");
+/**
+ * Shared cache of in-flight/resolved emoji load promises, keyed by the request URL so that
+ * multiple loaders created for the same provider config reuse a single request instead of
+ * refetching. Only consulted when `cache_emoji_loader_for_the_same_config` is enabled.
+ */
+var emojiPromiseCache = new Map();
+
 /**
  * Emoji providers should return JSON in the format defined by EmojiServiceResponse.
  */
@@ -23,8 +31,28 @@ var EmojiLoader = exports.default = /*#__PURE__*/function () {
   return (0, _createClass2.default)(EmojiLoader, [{
     key: "loadEmoji",
     value: function loadEmoji() {
-      var emojisPromise = (0, _EmojiUtils.emojiRequest)(this.config);
-      return emojisPromise.then(function (emojiServiceResponse) {
+      if ((0, _platformFeatureFlags.fg)('cache_emoji_loader_for_the_same_config')) {
+        var cacheKey = this.config.url;
+        var cachedPromise = emojiPromiseCache.get(cacheKey);
+        if (cachedPromise) {
+          return cachedPromise;
+        }
+        var emojiPromise = this.fetchEmoji();
+        // Evict on failure so a rejected promise is not cached, allowing retries to refetch.
+        emojiPromise.catch(function () {
+          if (emojiPromiseCache.get(cacheKey) === emojiPromise) {
+            emojiPromiseCache.delete(cacheKey);
+          }
+        });
+        emojiPromiseCache.set(cacheKey, emojiPromise);
+        return emojiPromise;
+      }
+      return this.fetchEmoji();
+    }
+  }, {
+    key: "fetchEmoji",
+    value: function fetchEmoji() {
+      return (0, _EmojiUtils.emojiRequest)(this.config).then(function (emojiServiceResponse) {
         return (0, _EmojiUtils.denormaliseEmojiServiceResponse)(emojiServiceResponse);
       });
     }

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

@@ -11,7 +11,6 @@ require("./EmojiPickerCategoryHeading.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _reactIntl = require("react-intl");
 var _typeHelpers = require("../../util/type-helpers");
@@ -33,12 +32,8 @@ var EmojiPickerCategoryHeading = function EmojiPickerCategoryHeading(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,
-    "data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID
-    // A11Y-31084: With the list-markup experiment (or the existing reaction-emoji
-    // flag) the picker no longer uses grid semantics, so the category heading
-    // must not be a "rowheader" (which requires a row parent).
-    ,
-    role: (0, _platformFeatureFlags.fg)('platform_a11y_fixes_reaction_emoji') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_a11y_fixes_emoji_picker_list', 'isEnabled', true) ? 'presentation' : 'rowheader'
+    "data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID,
+    role: "presentation"
   }, (0, _platformFeatureFlags.fg)('platform_emoji_a11y_category_heading') ? /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_11c8fhey _19pkidpf _2hwxidpf _otyridpf _18u0idpf _vchhusvi _syazi7uo _ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1p1d1qyh _299mangw"])
   }, /*#__PURE__*/React.createElement(_heading.default, {

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

@@ -11,7 +11,6 @@ require("./EmojiPickerEmojiRow.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _reactIntl = require("react-intl");
 var _CachingEmoji = _interopRequireDefault(require("../common/CachingEmoji"));
@@ -94,16 +93,13 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
       id = emoji.id;
     var key = id ? "".concat(id, "-").concat(title) : "".concat(shortName, "-").concat(title);
     var focus = currentEmojisFocus.rowIndex === rowIndex && currentEmojisFocus.columnIndex === index;
-    return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({
+    return /*#__PURE__*/React.createElement("span", {
       key: key,
-      role: (0, _platformFeatureFlags.fg)('platform_a11y_fixes_reaction_emoji') ? 'presentation' : 'gridcell'
-    }, (0, _platformFeatureFlags.fg)('platform_a11y_fixes_reaction_emoji') ? {} : {
-      'aria-colindex': index + 1
-    }, {
+      role: "presentation",
       onMouseLeave: onMouseLeave,
       onBlur: onMouseLeave,
       className: (0, _runtime.ax)(["_1e0c1o8l _y3gn1h6o _1bsb1ylp _1wcg1qi0 _1678tlke _7b50u2gc _1rf4u2gc _b4kiu2gc _bm9mu2gc _1lvc1tcg _1cf71tcg _8vlfze3t _1909ze3t _1tcfze3t _n7xcze3t _4ubfu2gc _18x3u2gc _fw9su2gc _29jju2gc _qpkw1tcg _elsp1tcg _vtzrze3t _w2q0ze3t _o5kcze3t _1mc3ze3t _115ch2mm _yrst1ssb _85ft1ssb _5mfndbra _1k8z1tcg _17dz1tcg _zdyf1ule _1mn81tcg _u5ah1tcg"])
-    }), /*#__PURE__*/React.createElement(_CachingEmoji.default, {
+    }, /*#__PURE__*/React.createElement(_CachingEmoji.default, {
       emoji: emoji,
       selectOnHover: true,
       onSelected: onSelected,

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

@@ -9,7 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.virtualListScrollContainerTestId = exports.VirtualList = void 0;
 require("./VirtualList.compiled.css");
 var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactVirtual = require("@tanstack/react-virtual");
@@ -293,7 +292,7 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react.default.forwardRef(f
     },
     "data-testid": virtualListScrollContainerTestId,
     "aria-labelledby": "emoji-picker-table-description",
-    role: useListSemantics ? 'application' : (0, _platformFeatureFlags.fg)('platform_emoji_grid_presentation') ? 'presentation' : 'grid',
+    role: useListSemantics ? 'application' : 'presentation',
     tabIndex: useListSemantics ? -1 : undefined,
     className: (0, _runtime.ax)(["_1reo15vq _18m91wug _n3tdu2gc _nt751r31 _49pcglyw _1hvw1o36"])
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -308,17 +307,14 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react.default.forwardRef(f
     onKeyDown: handleKeyDown,
     role: "presentation"
   }, rowVirtualizer.getVirtualItems().map(function (virtualRow, index) {
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: virtualRow.key,
       style: {
         height: "".concat(virtualRow.size, "px"),
         transform: "translateY(".concat(virtualRow.start, "px)")
       },
-      role: useListSemantics ? 'presentation' : 'row'
-    }, useListSemantics ? {} : {
-      'aria-rowindex': index + 1
-    }, {
+      role: "presentation",
       className: (0, _runtime.ax)(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq"])
-    }), rowRenderer(virtualRow));
+    }, rowRenderer(virtualRow));
   })));
 });

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: "71.13.3"
+      packageVersion: "71.15.0"
     }, attributes)
   };
 };

package/dist/es2019/api/EmojiLoader.js

@@ -1,5 +1,13 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { denormaliseEmojiServiceResponse, emojiRequest } from './EmojiUtils';
 
+/**
+ * Shared cache of in-flight/resolved emoji load promises, keyed by the request URL so that
+ * multiple loaders created for the same provider config reuse a single request instead of
+ * refetching. Only consulted when `cache_emoji_loader_for_the_same_config` is enabled.
+ */
+const emojiPromiseCache = new Map();
+
 /**
  * Emoji providers should return JSON in the format defined by EmojiServiceResponse.
  */
@@ -12,7 +20,25 @@ export default class EmojiLoader {
    * Returns a promise with an array of Emoji from all providers.
    */
   loadEmoji() {
-    const emojisPromise = emojiRequest(this.config);
-    return emojisPromise.then(emojiServiceResponse => denormaliseEmojiServiceResponse(emojiServiceResponse));
+    if (fg('cache_emoji_loader_for_the_same_config')) {
+      const cacheKey = this.config.url;
+      const cachedPromise = emojiPromiseCache.get(cacheKey);
+      if (cachedPromise) {
+        return cachedPromise;
+      }
+      const emojiPromise = this.fetchEmoji();
+      // Evict on failure so a rejected promise is not cached, allowing retries to refetch.
+      emojiPromise.catch(() => {
+        if (emojiPromiseCache.get(cacheKey) === emojiPromise) {
+          emojiPromiseCache.delete(cacheKey);
+        }
+      });
+      emojiPromiseCache.set(cacheKey, emojiPromise);
+      return emojiPromise;
+    }
+    return this.fetchEmoji();
+  }
+  fetchEmoji() {
+    return emojiRequest(this.config).then(emojiServiceResponse => denormaliseEmojiServiceResponse(emojiServiceResponse));
   }
 }

package/dist/es2019/components/picker/EmojiPickerCategoryHeading.js

@@ -3,7 +3,6 @@ import "./EmojiPickerCategoryHeading.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import Heading from '@atlaskit/heading';
 import { FormattedMessage } from 'react-intl';
 import { isMessagesKey } from '../../util/type-helpers';
@@ -24,12 +23,8 @@ const EmojiPickerCategoryHeading = ({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   ,
   className: className,
-  "data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID
-  // A11Y-31084: With the list-markup experiment (or the existing reaction-emoji
-  // flag) the picker no longer uses grid semantics, so the category heading
-  // must not be a "rowheader" (which requires a row parent).
-  ,
-  role: fg('platform_a11y_fixes_reaction_emoji') || expValEqualsNoExposure('platform_a11y_fixes_emoji_picker_list', 'isEnabled', true) ? 'presentation' : 'rowheader'
+  "data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID,
+  role: "presentation"
 }, fg('platform_emoji_a11y_category_heading') ? /*#__PURE__*/React.createElement("div", {
   className: ax(["_11c8fhey _19pkidpf _2hwxidpf _otyridpf _18u0idpf _vchhusvi _syazi7uo _ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1p1d1qyh _299mangw"])
 }, /*#__PURE__*/React.createElement(Heading, {

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

@@ -1,5 +1,4 @@
 /* EmojiPickerEmojiRow.tsx generated by @compiled/babel-plugin v0.40.0 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./EmojiPickerEmojiRow.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -90,16 +89,13 @@ const EmojiPickerEmojiRow = ({
     } = emoji;
     const key = id ? `${id}-${title}` : `${shortName}-${title}`;
     const focus = currentEmojisFocus.rowIndex === rowIndex && currentEmojisFocus.columnIndex === index;
-    return /*#__PURE__*/React.createElement("span", _extends({
+    return /*#__PURE__*/React.createElement("span", {
       key: key,
-      role: fg('platform_a11y_fixes_reaction_emoji') ? 'presentation' : 'gridcell'
-    }, fg('platform_a11y_fixes_reaction_emoji') ? {} : {
-      'aria-colindex': index + 1
-    }, {
+      role: "presentation",
       onMouseLeave: onMouseLeave,
       onBlur: onMouseLeave,
       className: ax(["_1e0c1o8l _y3gn1h6o _1bsb1ylp _1wcg1qi0 _1678tlke _7b50u2gc _1rf4u2gc _b4kiu2gc _bm9mu2gc _1lvc1tcg _1cf71tcg _8vlfze3t _1909ze3t _1tcfze3t _n7xcze3t _4ubfu2gc _18x3u2gc _fw9su2gc _29jju2gc _qpkw1tcg _elsp1tcg _vtzrze3t _w2q0ze3t _o5kcze3t _1mc3ze3t _115ch2mm _yrst1ssb _85ft1ssb _5mfndbra _1k8z1tcg _17dz1tcg _zdyf1ule _1mn81tcg _u5ah1tcg"])
-    }), /*#__PURE__*/React.createElement(CachingEmoji, {
+    }, /*#__PURE__*/React.createElement(CachingEmoji, {
       emoji: emoji,
       selectOnHover: true,
       onSelected: onSelected,

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

@@ -1,5 +1,4 @@
 /* VirtualList.tsx generated by @compiled/babel-plugin v0.40.0 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./VirtualList.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useImperativeHandle } from 'react';
@@ -281,7 +280,7 @@ export const VirtualList = /*#__PURE__*/React.forwardRef((props, ref) => {
     },
     "data-testid": virtualListScrollContainerTestId,
     "aria-labelledby": "emoji-picker-table-description",
-    role: useListSemantics ? 'application' : fg('platform_emoji_grid_presentation') ? 'presentation' : 'grid',
+    role: useListSemantics ? 'application' : 'presentation',
     tabIndex: useListSemantics ? -1 : undefined,
     className: ax(["_1reo15vq _18m91wug _n3tdu2gc _nt751r31 _49pcglyw _1hvw1o36"])
   }, /*#__PURE__*/React.createElement("div", {
@@ -295,16 +294,13 @@ export const VirtualList = /*#__PURE__*/React.forwardRef((props, ref) => {
     ref: virtualistItemsRef,
     onKeyDown: handleKeyDown,
     role: "presentation"
-  }, rowVirtualizer.getVirtualItems().map((virtualRow, index) => /*#__PURE__*/React.createElement("div", _extends({
+  }, rowVirtualizer.getVirtualItems().map((virtualRow, index) => /*#__PURE__*/React.createElement("div", {
     key: virtualRow.key,
     style: {
       height: `${virtualRow.size}px`,
       transform: `translateY(${virtualRow.start}px)`
     },
-    role: useListSemantics ? 'presentation' : 'row'
-  }, useListSemantics ? {} : {
-    'aria-rowindex': index + 1
-  }, {
+    role: "presentation",
     className: ax(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq"])
-  }), rowRenderer(virtualRow)))));
+  }, rowRenderer(virtualRow)))));
 });

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

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

package/dist/esm/api/EmojiLoader.js

@@ -1,7 +1,15 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { denormaliseEmojiServiceResponse, emojiRequest } from './EmojiUtils';
 
+/**
+ * Shared cache of in-flight/resolved emoji load promises, keyed by the request URL so that
+ * multiple loaders created for the same provider config reuse a single request instead of
+ * refetching. Only consulted when `cache_emoji_loader_for_the_same_config` is enabled.
+ */
+var emojiPromiseCache = new Map();
+
 /**
  * Emoji providers should return JSON in the format defined by EmojiServiceResponse.
  */
@@ -17,8 +25,28 @@ var EmojiLoader = /*#__PURE__*/function () {
   return _createClass(EmojiLoader, [{
     key: "loadEmoji",
     value: function loadEmoji() {
-      var emojisPromise = emojiRequest(this.config);
-      return emojisPromise.then(function (emojiServiceResponse) {
+      if (fg('cache_emoji_loader_for_the_same_config')) {
+        var cacheKey = this.config.url;
+        var cachedPromise = emojiPromiseCache.get(cacheKey);
+        if (cachedPromise) {
+          return cachedPromise;
+        }
+        var emojiPromise = this.fetchEmoji();
+        // Evict on failure so a rejected promise is not cached, allowing retries to refetch.
+        emojiPromise.catch(function () {
+          if (emojiPromiseCache.get(cacheKey) === emojiPromise) {
+            emojiPromiseCache.delete(cacheKey);
+          }
+        });
+        emojiPromiseCache.set(cacheKey, emojiPromise);
+        return emojiPromise;
+      }
+      return this.fetchEmoji();
+    }
+  }, {
+    key: "fetchEmoji",
+    value: function fetchEmoji() {
+      return emojiRequest(this.config).then(function (emojiServiceResponse) {
         return denormaliseEmojiServiceResponse(emojiServiceResponse);
       });
     }

package/dist/esm/components/picker/EmojiPickerCategoryHeading.js

@@ -3,7 +3,6 @@ import "./EmojiPickerCategoryHeading.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import Heading from '@atlaskit/heading';
 import { FormattedMessage } from 'react-intl';
 import { isMessagesKey } from '../../util/type-helpers';
@@ -24,12 +23,8 @@ var EmojiPickerCategoryHeading = function EmojiPickerCategoryHeading(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,
-    "data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID
-    // A11Y-31084: With the list-markup experiment (or the existing reaction-emoji
-    // flag) the picker no longer uses grid semantics, so the category heading
-    // must not be a "rowheader" (which requires a row parent).
-    ,
-    role: fg('platform_a11y_fixes_reaction_emoji') || expValEqualsNoExposure('platform_a11y_fixes_emoji_picker_list', 'isEnabled', true) ? 'presentation' : 'rowheader'
+    "data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID,
+    role: "presentation"
   }, fg('platform_emoji_a11y_category_heading') ? /*#__PURE__*/React.createElement("div", {
     className: ax(["_11c8fhey _19pkidpf _2hwxidpf _otyridpf _18u0idpf _vchhusvi _syazi7uo _ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1p1d1qyh _299mangw"])
   }, /*#__PURE__*/React.createElement(Heading, {

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

@@ -1,5 +1,4 @@
 /* EmojiPickerEmojiRow.tsx generated by @compiled/babel-plugin v0.40.0 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./EmojiPickerEmojiRow.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -85,16 +84,13 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
       id = emoji.id;
     var key = id ? "".concat(id, "-").concat(title) : "".concat(shortName, "-").concat(title);
     var focus = currentEmojisFocus.rowIndex === rowIndex && currentEmojisFocus.columnIndex === index;
-    return /*#__PURE__*/React.createElement("span", _extends({
+    return /*#__PURE__*/React.createElement("span", {
       key: key,
-      role: fg('platform_a11y_fixes_reaction_emoji') ? 'presentation' : 'gridcell'
-    }, fg('platform_a11y_fixes_reaction_emoji') ? {} : {
-      'aria-colindex': index + 1
-    }, {
+      role: "presentation",
       onMouseLeave: onMouseLeave,
       onBlur: onMouseLeave,
       className: ax(["_1e0c1o8l _y3gn1h6o _1bsb1ylp _1wcg1qi0 _1678tlke _7b50u2gc _1rf4u2gc _b4kiu2gc _bm9mu2gc _1lvc1tcg _1cf71tcg _8vlfze3t _1909ze3t _1tcfze3t _n7xcze3t _4ubfu2gc _18x3u2gc _fw9su2gc _29jju2gc _qpkw1tcg _elsp1tcg _vtzrze3t _w2q0ze3t _o5kcze3t _1mc3ze3t _115ch2mm _yrst1ssb _85ft1ssb _5mfndbra _1k8z1tcg _17dz1tcg _zdyf1ule _1mn81tcg _u5ah1tcg"])
-    }), /*#__PURE__*/React.createElement(CachingEmoji, {
+    }, /*#__PURE__*/React.createElement(CachingEmoji, {
       emoji: emoji,
       selectOnHover: true,
       onSelected: onSelected,

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

@@ -1,5 +1,4 @@
 /* VirtualList.tsx generated by @compiled/babel-plugin v0.40.0 */
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./VirtualList.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -284,7 +283,7 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
     },
     "data-testid": virtualListScrollContainerTestId,
     "aria-labelledby": "emoji-picker-table-description",
-    role: useListSemantics ? 'application' : fg('platform_emoji_grid_presentation') ? 'presentation' : 'grid',
+    role: useListSemantics ? 'application' : 'presentation',
     tabIndex: useListSemantics ? -1 : undefined,
     className: ax(["_1reo15vq _18m91wug _n3tdu2gc _nt751r31 _49pcglyw _1hvw1o36"])
   }, /*#__PURE__*/React.createElement("div", {
@@ -299,17 +298,14 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onKeyDown: handleKeyDown,
     role: "presentation"
   }, rowVirtualizer.getVirtualItems().map(function (virtualRow, index) {
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", {
       key: virtualRow.key,
       style: {
         height: "".concat(virtualRow.size, "px"),
         transform: "translateY(".concat(virtualRow.start, "px)")
       },
-      role: useListSemantics ? 'presentation' : 'row'
-    }, useListSemantics ? {} : {
-      'aria-rowindex': index + 1
-    }, {
+      role: "presentation",
       className: ax(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq"])
-    }), rowRenderer(virtualRow));
+    }, rowRenderer(virtualRow));
   })));
 });

package/dist/esm/util/analytics/analytics.js

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

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

@@ -10,4 +10,5 @@ export default class EmojiLoader {
      * Returns a promise with an array of Emoji from all providers.
      */
     loadEmoji(): Promise<EmojiResponse>;
+    private fetchEmoji;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "71.14.0",
+	"version": "71.15.1",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@atlaskit/afm-i18n-platform-elements-emoji": "2.196.0",
+		"@atlaskit/afm-i18n-platform-elements-emoji": "2.200.0",
 		"@atlaskit/analytics-next": "^12.3.0",
 		"@atlaskit/browser-apis": "^1.2.0",
 		"@atlaskit/button": "^24.3.0",
@@ -50,7 +50,7 @@
 		"@atlaskit/spinner": "^20.1.0",
 		"@atlaskit/textfield": "^9.1.0",
 		"@atlaskit/theme": "^26.1.0",
-		"@atlaskit/tmp-editor-statsig": "^135.0.0",
+		"@atlaskit/tmp-editor-statsig": "^135.2.0",
 		"@atlaskit/tokens": "^16.3.0",
 		"@atlaskit/tooltip": "^23.2.0",
 		"@atlaskit/ufo": "^1.0.0",
@@ -128,9 +128,6 @@
 		"platform_suppression_removal_fix_reactions": {
 			"type": "boolean"
 		},
-		"platform_emoji_grid_presentation": {
-			"type": "boolean"
-		},
 		"platform_emoji_keep_picker_open_on_upload": {
 			"type": "boolean"
 		},
@@ -142,6 +139,9 @@
 		},
 		"platform_a11y_fixes_reaction_emoji": {
 			"type": "boolean"
+		},
+		"cache_emoji_loader_for_the_same_config": {
+			"type": "boolean"
 		}
 	},
 	"platform-experiments": {