@atlaskit/emoji 71.15.0 → 71.15.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "71.15.0",
+	"version": "71.15.1",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -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"
 		},