@atlaskit/emoji 71.15.12 → 71.15.14

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/emoji
 
+## 71.15.14
+
+### Patch Changes
+
+- Updated dependencies
+
+## 71.15.13
+
+### Patch Changes
+
+- [`d95e6444df894`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d95e6444df894) -
+  Cleanup feature gate `platform_a11y_fixes_reaction_emoji`
+- Updated dependencies
+
 ## 71.15.12
 
 ### Patch Changes

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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _reactIntl = require("react-intl");
 var _CachingEmoji = _interopRequireDefault(require("../common/CachingEmoji"));
 var _useEmojiPickerListContext = require("../../hooks/useEmojiPickerListContext");
@@ -19,13 +18,11 @@ var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equa
 var _i18n = require("../i18n");
 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 emojiPickerRowList = null;
 var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
   var emojis = _ref.emojis,
     onSelected = _ref.onSelected,
     onMouseMove = _ref.onMouseMove,
-    onMouseLeave = _ref.onMouseLeave,
     onFocus = _ref.onFocus,
     title = _ref.title,
     showDelete = _ref.showDelete,
@@ -48,56 +45,16 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
       onFocus && onFocus(emojiId, emoji, event);
     };
   };
-  // A11Y-31084: When the emoji picker list experiment is enabled, each row of
-  // emojis is exposed as an unordered list (<ul role="list">) with every emoji
-  // as a <li role="listitem">, so screen readers announce the list and its
-  // items. Each virtualized row is its own list (valid list/listitem ownership,
-  // virtualization-safe). This is gated separately from the existing
-  // platform_a11y_fixes_reaction_emoji flag.
-  var isEmojiPickerListEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_a11y_fixes_emoji_picker_list', 'isEnabled', true);
-  if (isEmojiPickerListEnabled || (0, _platformFeatureFlags.fg)('platform_a11y_fixes_reaction_emoji')) {
-    return /*#__PURE__*/React.createElement("ul", {
-      role: "list",
-      className: (0, _runtime.ax)(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkidpf _2hwxidpf _otyridpf _18u0idpf _18u0u2gc"])
-    }, emojis.map(function (emoji, index) {
-      var shortName = emoji.shortName,
-        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("li", {
-        key: key,
-        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, {
-        emoji: emoji,
-        selectOnHover: true,
-        onSelected: onSelected,
-        onMouseMove: onMouseMove,
-        onFocus: handleFocus(index),
-        showDelete: showDelete,
-        onDelete: onDelete,
-        placeholderSize: 24,
-        "data-focus-index": "".concat(rowIndex, "-").concat(index),
-        tabIndex: focus ? 0 : -1,
-        "aria-roledescription": formatMessage(_i18n.messages.emojiButtonRoleDescription),
-        shouldBeInteractive: true,
-        fitToHeight: fitToHeight,
-        preventFocusOnMouseDown: preventFocusOnMouseDown
-      }));
-    }));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    role: "presentation",
-    className: (0, _runtime.ax)(["_18u0u2gc"])
+  return /*#__PURE__*/React.createElement("ul", {
+    role: "list",
+    className: (0, _runtime.ax)(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkidpf _2hwxidpf _otyridpf _18u0idpf _18u0u2gc"])
   }, emojis.map(function (emoji, index) {
     var shortName = emoji.shortName,
       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", {
+    return /*#__PURE__*/React.createElement("li", {
       key: key,
-      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, {
       emoji: emoji,

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

@@ -12,8 +12,6 @@ var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactVirtual = require("@tanstack/react-virtual");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _useEmojiPickerListContext = require("../../hooks/useEmojiPickerListContext");
 var _constants = require("../../util/constants");
@@ -44,14 +42,6 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react.default.forwardRef(f
   var _useEmojiPickerListCo = (0, _useEmojiPickerListContext.useEmojiPickerListContext)(),
     currentEmojisFocus = _useEmojiPickerListCo.currentEmojisFocus,
     setEmojisFocus = _useEmojiPickerListCo.setEmojisFocus;
-
-  // A11Y-31084: When the emoji picker list experiment is enabled, each row is
-  // rendered as its own <ul role="list"> (see EmojiPickerEmojiRow). For that
-  // list markup to be valid, the surrounding grid semantics must be dropped:
-  // the scroll container becomes an application container and each row wrapper
-  // becomes presentational, matching the existing a11y reaction-emoji flag.
-  var isEmojiPickerListEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_a11y_fixes_emoji_picker_list', 'isEnabled', true);
-  var useListSemantics = isEmojiPickerListEnabled || (0, _platformFeatureFlags.fg)('platform_a11y_fixes_reaction_emoji');
   var getVirtualizerOptions = function getVirtualizerOptions() {
     var rowCount = props.rowCount,
       rowHeight = props.rowHeight,
@@ -292,8 +282,8 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react.default.forwardRef(f
     },
     "data-testid": virtualListScrollContainerTestId,
     "aria-labelledby": "emoji-picker-table-description",
-    role: useListSemantics ? 'application' : 'presentation',
-    tabIndex: useListSemantics ? -1 : undefined,
+    role: "application",
+    tabIndex: -1,
     className: (0, _runtime.ax)(["_1reo15vq _18m91wug _n3tdu2gc _nt751r31 _49pcglyw _1hvw1o36"])
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {

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.15.11"
+      packageVersion: "71.15.13"
     }, attributes)
   };
 };

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

@@ -3,20 +3,17 @@ import "./EmojiPickerEmojiRow.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { memo } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useIntl } from 'react-intl';
 import CachingEmoji from '../common/CachingEmoji';
 import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { messages } from '../i18n';
 const emojiItem = null;
-const emojiPickerRow = null;
 const emojiPickerRowList = null;
 const EmojiPickerEmojiRow = ({
   emojis,
   onSelected,
   onMouseMove,
-  onMouseLeave,
   onFocus,
   title,
   showDelete,
@@ -40,48 +37,9 @@ const EmojiPickerEmojiRow = ({
     });
     onFocus && onFocus(emojiId, emoji, event);
   };
-  // A11Y-31084: When the emoji picker list experiment is enabled, each row of
-  // emojis is exposed as an unordered list (<ul role="list">) with every emoji
-  // as a <li role="listitem">, so screen readers announce the list and its
-  // items. Each virtualized row is its own list (valid list/listitem ownership,
-  // virtualization-safe). This is gated separately from the existing
-  // platform_a11y_fixes_reaction_emoji flag.
-  const isEmojiPickerListEnabled = expValEqualsNoExposure('platform_a11y_fixes_emoji_picker_list', 'isEnabled', true);
-  if (isEmojiPickerListEnabled || fg('platform_a11y_fixes_reaction_emoji')) {
-    return /*#__PURE__*/React.createElement("ul", {
-      role: "list",
-      className: ax(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkidpf _2hwxidpf _otyridpf _18u0idpf _18u0u2gc"])
-    }, emojis.map((emoji, index) => {
-      const {
-        shortName,
-        id
-      } = emoji;
-      const key = id ? `${id}-${title}` : `${shortName}-${title}`;
-      const focus = currentEmojisFocus.rowIndex === rowIndex && currentEmojisFocus.columnIndex === index;
-      return /*#__PURE__*/React.createElement("li", {
-        key: key,
-        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, {
-        emoji: emoji,
-        selectOnHover: true,
-        onSelected: onSelected,
-        onMouseMove: onMouseMove,
-        onFocus: handleFocus(index),
-        showDelete: showDelete,
-        onDelete: onDelete,
-        placeholderSize: 24,
-        "data-focus-index": `${rowIndex}-${index}`,
-        tabIndex: focus ? 0 : -1,
-        "aria-roledescription": formatMessage(messages.emojiButtonRoleDescription),
-        shouldBeInteractive: true,
-        fitToHeight: fitToHeight,
-        preventFocusOnMouseDown: preventFocusOnMouseDown
-      }));
-    }));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    role: "presentation",
-    className: ax(["_18u0u2gc"])
+  return /*#__PURE__*/React.createElement("ul", {
+    role: "list",
+    className: ax(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkidpf _2hwxidpf _otyridpf _18u0idpf _18u0u2gc"])
   }, emojis.map((emoji, index) => {
     const {
       shortName,
@@ -89,11 +47,8 @@ const EmojiPickerEmojiRow = ({
     } = emoji;
     const key = id ? `${id}-${title}` : `${shortName}-${title}`;
     const focus = currentEmojisFocus.rowIndex === rowIndex && currentEmojisFocus.columnIndex === index;
-    return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement("li", {
       key: key,
-      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, {
       emoji: emoji,

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

@@ -3,8 +3,6 @@ import "./VirtualList.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useImperativeHandle } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext';
 import { EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED, EMOJI_LIST_COLUMNS, EMOJI_LIST_PAGE_COUNT, KeyboardNavigationDirection, KeyboardKeys } from '../../util/constants';
@@ -35,14 +33,6 @@ export const VirtualList = /*#__PURE__*/React.forwardRef((props, ref) => {
     currentEmojisFocus,
     setEmojisFocus
   } = useEmojiPickerListContext();
-
-  // A11Y-31084: When the emoji picker list experiment is enabled, each row is
-  // rendered as its own <ul role="list"> (see EmojiPickerEmojiRow). For that
-  // list markup to be valid, the surrounding grid semantics must be dropped:
-  // the scroll container becomes an application container and each row wrapper
-  // becomes presentational, matching the existing a11y reaction-emoji flag.
-  const isEmojiPickerListEnabled = expValEqualsNoExposure('platform_a11y_fixes_emoji_picker_list', 'isEnabled', true);
-  const useListSemantics = isEmojiPickerListEnabled || fg('platform_a11y_fixes_reaction_emoji');
   const getVirtualizerOptions = () => {
     const {
       rowCount,
@@ -280,8 +270,8 @@ export const VirtualList = /*#__PURE__*/React.forwardRef((props, ref) => {
     },
     "data-testid": virtualListScrollContainerTestId,
     "aria-labelledby": "emoji-picker-table-description",
-    role: useListSemantics ? 'application' : 'presentation',
-    tabIndex: useListSemantics ? -1 : undefined,
+    role: "application",
+    tabIndex: -1,
     className: ax(["_1reo15vq _18m91wug _n3tdu2gc _nt751r31 _49pcglyw _1hvw1o36"])
   }, /*#__PURE__*/React.createElement("div", {
     style: {

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.15.11",
+    packageVersion: "71.15.13",
     ...attributes
   }
 });

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

@@ -3,20 +3,17 @@ import "./EmojiPickerEmojiRow.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { memo } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useIntl } from 'react-intl';
 import CachingEmoji from '../common/CachingEmoji';
 import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { messages } from '../i18n';
 var emojiItem = null;
-var emojiPickerRow = null;
 var emojiPickerRowList = null;
 var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
   var emojis = _ref.emojis,
     onSelected = _ref.onSelected,
     onMouseMove = _ref.onMouseMove,
-    onMouseLeave = _ref.onMouseLeave,
     onFocus = _ref.onFocus,
     title = _ref.title,
     showDelete = _ref.showDelete,
@@ -39,56 +36,16 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
       onFocus && onFocus(emojiId, emoji, event);
     };
   };
-  // A11Y-31084: When the emoji picker list experiment is enabled, each row of
-  // emojis is exposed as an unordered list (<ul role="list">) with every emoji
-  // as a <li role="listitem">, so screen readers announce the list and its
-  // items. Each virtualized row is its own list (valid list/listitem ownership,
-  // virtualization-safe). This is gated separately from the existing
-  // platform_a11y_fixes_reaction_emoji flag.
-  var isEmojiPickerListEnabled = expValEqualsNoExposure('platform_a11y_fixes_emoji_picker_list', 'isEnabled', true);
-  if (isEmojiPickerListEnabled || fg('platform_a11y_fixes_reaction_emoji')) {
-    return /*#__PURE__*/React.createElement("ul", {
-      role: "list",
-      className: ax(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkidpf _2hwxidpf _otyridpf _18u0idpf _18u0u2gc"])
-    }, emojis.map(function (emoji, index) {
-      var shortName = emoji.shortName,
-        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("li", {
-        key: key,
-        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, {
-        emoji: emoji,
-        selectOnHover: true,
-        onSelected: onSelected,
-        onMouseMove: onMouseMove,
-        onFocus: handleFocus(index),
-        showDelete: showDelete,
-        onDelete: onDelete,
-        placeholderSize: 24,
-        "data-focus-index": "".concat(rowIndex, "-").concat(index),
-        tabIndex: focus ? 0 : -1,
-        "aria-roledescription": formatMessage(messages.emojiButtonRoleDescription),
-        shouldBeInteractive: true,
-        fitToHeight: fitToHeight,
-        preventFocusOnMouseDown: preventFocusOnMouseDown
-      }));
-    }));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    role: "presentation",
-    className: ax(["_18u0u2gc"])
+  return /*#__PURE__*/React.createElement("ul", {
+    role: "list",
+    className: ax(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkidpf _2hwxidpf _otyridpf _18u0idpf _18u0u2gc"])
   }, emojis.map(function (emoji, index) {
     var shortName = emoji.shortName,
       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", {
+    return /*#__PURE__*/React.createElement("li", {
       key: key,
-      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, {
       emoji: emoji,

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

@@ -6,8 +6,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import React, { useCallback, useImperativeHandle } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext';
 import { EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED, EMOJI_LIST_COLUMNS, EMOJI_LIST_PAGE_COUNT, KeyboardNavigationDirection, KeyboardKeys } from '../../util/constants';
@@ -35,14 +33,6 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useEmojiPickerListCo = useEmojiPickerListContext(),
     currentEmojisFocus = _useEmojiPickerListCo.currentEmojisFocus,
     setEmojisFocus = _useEmojiPickerListCo.setEmojisFocus;
-
-  // A11Y-31084: When the emoji picker list experiment is enabled, each row is
-  // rendered as its own <ul role="list"> (see EmojiPickerEmojiRow). For that
-  // list markup to be valid, the surrounding grid semantics must be dropped:
-  // the scroll container becomes an application container and each row wrapper
-  // becomes presentational, matching the existing a11y reaction-emoji flag.
-  var isEmojiPickerListEnabled = expValEqualsNoExposure('platform_a11y_fixes_emoji_picker_list', 'isEnabled', true);
-  var useListSemantics = isEmojiPickerListEnabled || fg('platform_a11y_fixes_reaction_emoji');
   var getVirtualizerOptions = function getVirtualizerOptions() {
     var rowCount = props.rowCount,
       rowHeight = props.rowHeight,
@@ -283,8 +273,8 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
     },
     "data-testid": virtualListScrollContainerTestId,
     "aria-labelledby": "emoji-picker-table-description",
-    role: useListSemantics ? 'application' : 'presentation',
-    tabIndex: useListSemantics ? -1 : undefined,
+    role: "application",
+    tabIndex: -1,
     className: ax(["_1reo15vq _18m91wug _n3tdu2gc _nt751r31 _49pcglyw _1hvw1o36"])
   }, /*#__PURE__*/React.createElement("div", {
     style: {

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.15.11"
+      packageVersion: "71.15.13"
     }, attributes)
   };
 };

package/dist/types/components/picker/EmojiPickerEmojiRow.d.ts

@@ -18,5 +18,5 @@ export interface Props {
     title: string;
     virtualItemContext?: VirtualItemContext;
 }
-declare const _default_1: MemoExoticComponent<({ emojis, onSelected, onMouseMove, onMouseLeave, onFocus, title, showDelete, onDelete, virtualItemContext, }: Props) => JSX.Element>;
+declare const _default_1: MemoExoticComponent<({ emojis, onSelected, onMouseMove, onFocus, title, showDelete, onDelete, virtualItemContext, }: Props) => JSX.Element>;
 export default _default_1;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "71.15.12",
+	"version": "71.15.14",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,12 +46,12 @@
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
 		"@atlaskit/primitives": "^22.2.0",
-		"@atlaskit/radio": "^9.1.0",
+		"@atlaskit/radio": "^10.0.0",
 		"@atlaskit/spinner": "^20.1.0",
 		"@atlaskit/textfield": "^10.0.0",
 		"@atlaskit/theme": "^27.0.0",
-		"@atlaskit/tmp-editor-statsig": "^141.1.0",
-		"@atlaskit/tokens": "^16.3.0",
+		"@atlaskit/tmp-editor-statsig": "^142.0.0",
+		"@atlaskit/tokens": "^16.4.0",
 		"@atlaskit/tooltip": "^24.0.0",
 		"@atlaskit/ufo": "^1.0.0",
 		"@atlaskit/util-service-support": "^7.2.0",
@@ -137,9 +137,6 @@
 		"use-elements-stargate-emoji-path": {
 			"type": "boolean"
 		},
-		"platform_a11y_fixes_reaction_emoji": {
-			"type": "boolean"
-		},
 		"cache_emoji_loader_for_the_same_config": {
 			"type": "boolean"
 		}