@atlaskit/emoji 70.10.13 → 70.10.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/components/picker/EmojiPickerEmojiRow.compiled.css +10 -1
  3. package/dist/cjs/components/picker/EmojiPickerEmojiRow.js +29 -1
  4. package/dist/cjs/components/picker/VirtualList.js +1 -0
  5. package/dist/cjs/util/analytics/analytics.js +1 -1
  6. package/dist/es2019/components/picker/EmojiPickerEmojiRow.compiled.css +10 -1
  7. package/dist/es2019/components/picker/EmojiPickerEmojiRow.js +31 -1
  8. package/dist/es2019/components/picker/VirtualList.js +1 -0
  9. package/dist/es2019/util/analytics/analytics.js +1 -1
  10. package/dist/esm/components/picker/EmojiPickerEmojiRow.compiled.css +10 -1
  11. package/dist/esm/components/picker/EmojiPickerEmojiRow.js +29 -1
  12. package/dist/esm/components/picker/VirtualList.js +1 -0
  13. package/dist/esm/util/analytics/analytics.js +1 -1
  14. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 70.10.14
4
+
5
+ ### Patch Changes
6
+
7
+ - [`634702b5ec206`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/634702b5ec206) -
8
+ Fix missing unorder list mark-up
9
+
3
10
  ## 70.10.13
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/components/picker/EmojiPickerEmojiRow.compiled.css CHANGED
@@ -1,10 +1,14 @@
1
1
 
2
- ._1wcg1qi0 .emoji-common-node{border-radius:var(--ds-radius-medium,6px)}._115ch2mm .emoji-common-node>img{position:relative}
2
+ ._1wcg1qi0 .emoji-common-node{border-radius:var(--ds-radius-medium,6px)}
3
+ ._qtt8glyw{list-style:none}._115ch2mm .emoji-common-node>img{position:relative}
3
4
  ._1678tlke .emoji-common-node{cursor:pointer}
4
5
  ._17dz1tcg .emoji-common-node>img{max-width:24px}
6
+ ._18u0idpf{margin-left:0}
5
7
  ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
6
8
  ._18x3u2gc .emoji-common-placeholder{margin-right:var(--ds-space-100,8px)}
7
9
  ._1909ze3t .emoji-common-placeholder{padding-right:var(--ds-space-0,0)}
10
+ ._19bvidpf{padding-left:0}
11
+ ._19pkidpf{margin-top:0}
8
12
  ._1bsb1ylp{width:40px}
9
13
  ._1cf71tcg .emoji-common-node{height:24px}
10
14
  ._1e0c1o8l{display:inline-block}
@@ -15,6 +19,7 @@
15
19
  ._1rf4u2gc .emoji-common-node{padding-right:var(--ds-space-100,8px)}
16
20
  ._1tcfze3t .emoji-common-placeholder{padding-bottom:var(--ds-space-0,0)}
17
21
  ._29jju2gc .emoji-common-placeholder{margin-left:var(--ds-space-100,8px)}
22
+ ._2hwxidpf{margin-right:0}
18
23
  ._4ubfu2gc .emoji-common-placeholder{margin-top:var(--ds-space-100,8px)}
19
24
  ._5mfndbra .emoji-common-node>img{transform:translateX(-50%) translateY(-50%)}
20
25
  ._7b50u2gc .emoji-common-node{padding-top:var(--ds-space-100,8px)}
@@ -22,12 +27,16 @@
22
27
  ._8vlfze3t .emoji-common-placeholder{padding-top:var(--ds-space-0,0)}
23
28
  ._b4kiu2gc .emoji-common-node{padding-bottom:var(--ds-space-100,8px)}
24
29
  ._bm9mu2gc .emoji-common-node{padding-left:var(--ds-space-100,8px)}
30
+ ._ca0qidpf{padding-top:0}
25
31
  ._elsp1tcg .emoji-common-placeholder{max-width:24px}
26
32
  ._fw9su2gc .emoji-common-placeholder{margin-bottom:var(--ds-space-100,8px)}
33
+ ._n3tdidpf{padding-bottom:0}
27
34
  ._n7xcze3t .emoji-common-placeholder{padding-left:var(--ds-space-0,0)}
28
35
  ._o5kcze3t .emoji-common-node .emoji-common-placeholder{margin-bottom:var(--ds-space-0,0)}
36
+ ._otyridpf{margin-bottom:0}
29
37
  ._qpkw1tcg .emoji-common-placeholder{min-width:24px}
30
38
  ._u5ah1tcg .emoji-common-node>.emoji-common-emoji-sprite{width:24px}
39
+ ._u5f3idpf{padding-right:0}
31
40
  ._vtzrze3t .emoji-common-node .emoji-common-placeholder{margin-top:var(--ds-space-0,0)}
32
41
  ._w2q0ze3t .emoji-common-node .emoji-common-placeholder{margin-right:var(--ds-space-0,0)}
33
42
  ._y3gn1h6o{text-align:center}
package/dist/cjs/components/picker/EmojiPickerEmojiRow.js CHANGED
@@ -20,6 +20,7 @@ var _i18n = require("../i18n");
20
20
  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); }
21
21
  var emojiItem = null;
22
22
  var emojiPickerRow = null;
23
+ var emojiPickerRowList = null;
23
24
  var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
24
25
  var emojis = _ref.emojis,
25
26
  onSelected = _ref.onSelected,
@@ -45,6 +46,34 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
45
46
  onFocus && onFocus(emojiId, emoji, event);
46
47
  };
47
48
  };
49
+ if ((0, _platformFeatureFlags.fg)('platform_a11y_fixes_reaction_emoji')) {
50
+ return /*#__PURE__*/React.createElement("ul", {
51
+ role: "list",
52
+ className: (0, _runtime.ax)(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkidpf _2hwxidpf _otyridpf _18u0idpf _18u0u2gc"])
53
+ }, emojis.map(function (emoji, index) {
54
+ var shortName = emoji.shortName,
55
+ id = emoji.id;
56
+ var key = id ? "".concat(id, "-").concat(title) : "".concat(shortName, "-").concat(title);
57
+ var focus = currentEmojisFocus.rowIndex === rowIndex && currentEmojisFocus.columnIndex === index;
58
+ return /*#__PURE__*/React.createElement("li", {
59
+ key: key,
60
+ 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"])
61
+ }, /*#__PURE__*/React.createElement(_CachingEmoji.default, {
62
+ emoji: emoji,
63
+ selectOnHover: true,
64
+ onSelected: onSelected,
65
+ onMouseMove: onMouseMove,
66
+ onFocus: handleFocus(index),
67
+ showDelete: showDelete,
68
+ onDelete: onDelete,
69
+ placeholderSize: 24,
70
+ "data-focus-index": "".concat(rowIndex, "-").concat(index),
71
+ tabIndex: focus ? 0 : -1,
72
+ "aria-roledescription": formatMessage(_i18n.messages.emojiButtonRoleDescription),
73
+ shouldBeInteractive: true
74
+ }));
75
+ }));
76
+ }
48
77
  return /*#__PURE__*/React.createElement("div", {
49
78
  role: "presentation",
50
79
  className: (0, _runtime.ax)(["_18u0u2gc"])
@@ -61,7 +90,6 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
61
90
  }, {
62
91
  onMouseLeave: onMouseLeave,
63
92
  onBlur: onMouseLeave,
64
- tabIndex: 0,
65
93
  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"])
66
94
  }), /*#__PURE__*/React.createElement(_CachingEmoji.default, {
67
95
  emoji: emoji,
package/dist/cjs/components/picker/VirtualList.js CHANGED
@@ -277,6 +277,7 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react.default.forwardRef(f
277
277
  "data-testid": virtualListScrollContainerTestId,
278
278
  "aria-labelledby": "emoji-picker-table-description",
279
279
  role: (0, _platformFeatureFlags.fg)('platform_a11y_fixes_reaction_emoji') ? 'application' : 'grid',
280
+ tabIndex: (0, _platformFeatureFlags.fg)('platform_a11y_fixes_reaction_emoji') ? -1 : undefined,
280
281
  className: (0, _runtime.ax)(["_1reo15vq _18m91wug _n3tdu2gc _nt751r31 _49pcglyw _1hvw1o36"])
281
282
  }, /*#__PURE__*/_react.default.createElement("div", {
282
283
  style: {
package/dist/cjs/util/analytics/analytics.js CHANGED
@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
20
20
  actionSubjectId: actionSubjectId,
21
21
  attributes: _objectSpread({
22
22
  packageName: "@atlaskit/emoji",
23
- packageVersion: "70.10.12"
23
+ packageVersion: "70.10.13"
24
24
  }, attributes)
25
25
  };
26
26
  };
package/dist/es2019/components/picker/EmojiPickerEmojiRow.compiled.css CHANGED
@@ -1,10 +1,14 @@
1
1
 
2
- ._1wcg1qi0 .emoji-common-node{border-radius:var(--ds-radius-medium,6px)}._115ch2mm .emoji-common-node>img{position:relative}
2
+ ._1wcg1qi0 .emoji-common-node{border-radius:var(--ds-radius-medium,6px)}
3
+ ._qtt8glyw{list-style:none}._115ch2mm .emoji-common-node>img{position:relative}
3
4
  ._1678tlke .emoji-common-node{cursor:pointer}
4
5
  ._17dz1tcg .emoji-common-node>img{max-width:24px}
6
+ ._18u0idpf{margin-left:0}
5
7
  ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
6
8
  ._18x3u2gc .emoji-common-placeholder{margin-right:var(--ds-space-100,8px)}
7
9
  ._1909ze3t .emoji-common-placeholder{padding-right:var(--ds-space-0,0)}
10
+ ._19bvidpf{padding-left:0}
11
+ ._19pkidpf{margin-top:0}
8
12
  ._1bsb1ylp{width:40px}
9
13
  ._1cf71tcg .emoji-common-node{height:24px}
10
14
  ._1e0c1o8l{display:inline-block}
@@ -15,6 +19,7 @@
15
19
  ._1rf4u2gc .emoji-common-node{padding-right:var(--ds-space-100,8px)}
16
20
  ._1tcfze3t .emoji-common-placeholder{padding-bottom:var(--ds-space-0,0)}
17
21
  ._29jju2gc .emoji-common-placeholder{margin-left:var(--ds-space-100,8px)}
22
+ ._2hwxidpf{margin-right:0}
18
23
  ._4ubfu2gc .emoji-common-placeholder{margin-top:var(--ds-space-100,8px)}
19
24
  ._5mfndbra .emoji-common-node>img{transform:translateX(-50%) translateY(-50%)}
20
25
  ._7b50u2gc .emoji-common-node{padding-top:var(--ds-space-100,8px)}
@@ -22,12 +27,16 @@
22
27
  ._8vlfze3t .emoji-common-placeholder{padding-top:var(--ds-space-0,0)}
23
28
  ._b4kiu2gc .emoji-common-node{padding-bottom:var(--ds-space-100,8px)}
24
29
  ._bm9mu2gc .emoji-common-node{padding-left:var(--ds-space-100,8px)}
30
+ ._ca0qidpf{padding-top:0}
25
31
  ._elsp1tcg .emoji-common-placeholder{max-width:24px}
26
32
  ._fw9su2gc .emoji-common-placeholder{margin-bottom:var(--ds-space-100,8px)}
33
+ ._n3tdidpf{padding-bottom:0}
27
34
  ._n7xcze3t .emoji-common-placeholder{padding-left:var(--ds-space-0,0)}
28
35
  ._o5kcze3t .emoji-common-node .emoji-common-placeholder{margin-bottom:var(--ds-space-0,0)}
36
+ ._otyridpf{margin-bottom:0}
29
37
  ._qpkw1tcg .emoji-common-placeholder{min-width:24px}
30
38
  ._u5ah1tcg .emoji-common-node>.emoji-common-emoji-sprite{width:24px}
39
+ ._u5f3idpf{padding-right:0}
31
40
  ._vtzrze3t .emoji-common-node .emoji-common-placeholder{margin-top:var(--ds-space-0,0)}
32
41
  ._w2q0ze3t .emoji-common-node .emoji-common-placeholder{margin-right:var(--ds-space-0,0)}
33
42
  ._y3gn1h6o{text-align:center}
package/dist/es2019/components/picker/EmojiPickerEmojiRow.js CHANGED
@@ -11,6 +11,7 @@ import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext
11
11
  import { messages } from '../i18n';
12
12
  const emojiItem = null;
13
13
  const emojiPickerRow = null;
14
+ const emojiPickerRowList = null;
14
15
  const EmojiPickerEmojiRow = ({
15
16
  emojis,
16
17
  onSelected,
@@ -37,6 +38,36 @@ const EmojiPickerEmojiRow = ({
37
38
  });
38
39
  onFocus && onFocus(emojiId, emoji, event);
39
40
  };
41
+ if (fg('platform_a11y_fixes_reaction_emoji')) {
42
+ return /*#__PURE__*/React.createElement("ul", {
43
+ role: "list",
44
+ className: ax(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkidpf _2hwxidpf _otyridpf _18u0idpf _18u0u2gc"])
45
+ }, emojis.map((emoji, index) => {
46
+ const {
47
+ shortName,
48
+ id
49
+ } = emoji;
50
+ const key = id ? `${id}-${title}` : `${shortName}-${title}`;
51
+ const focus = currentEmojisFocus.rowIndex === rowIndex && currentEmojisFocus.columnIndex === index;
52
+ return /*#__PURE__*/React.createElement("li", {
53
+ key: key,
54
+ 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"])
55
+ }, /*#__PURE__*/React.createElement(CachingEmoji, {
56
+ emoji: emoji,
57
+ selectOnHover: true,
58
+ onSelected: onSelected,
59
+ onMouseMove: onMouseMove,
60
+ onFocus: handleFocus(index),
61
+ showDelete: showDelete,
62
+ onDelete: onDelete,
63
+ placeholderSize: 24,
64
+ "data-focus-index": `${rowIndex}-${index}`,
65
+ tabIndex: focus ? 0 : -1,
66
+ "aria-roledescription": formatMessage(messages.emojiButtonRoleDescription),
67
+ shouldBeInteractive: true
68
+ }));
69
+ }));
70
+ }
40
71
  return /*#__PURE__*/React.createElement("div", {
41
72
  role: "presentation",
42
73
  className: ax(["_18u0u2gc"])
@@ -55,7 +86,6 @@ const EmojiPickerEmojiRow = ({
55
86
  }, {
56
87
  onMouseLeave: onMouseLeave,
57
88
  onBlur: onMouseLeave,
58
- tabIndex: 0,
59
89
  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"])
60
90
  }), /*#__PURE__*/React.createElement(CachingEmoji, {
61
91
  emoji: emoji,
package/dist/es2019/components/picker/VirtualList.js CHANGED
@@ -265,6 +265,7 @@ export const VirtualList = /*#__PURE__*/React.forwardRef((props, ref) => {
265
265
  "data-testid": virtualListScrollContainerTestId,
266
266
  "aria-labelledby": "emoji-picker-table-description",
267
267
  role: fg('platform_a11y_fixes_reaction_emoji') ? 'application' : 'grid',
268
+ tabIndex: fg('platform_a11y_fixes_reaction_emoji') ? -1 : undefined,
268
269
  className: ax(["_1reo15vq _18m91wug _n3tdu2gc _nt751r31 _49pcglyw _1hvw1o36"])
269
270
  }, /*#__PURE__*/React.createElement("div", {
270
271
  style: {
package/dist/es2019/util/analytics/analytics.js CHANGED
@@ -9,7 +9,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
9
9
  actionSubjectId,
10
10
  attributes: {
11
11
  packageName: "@atlaskit/emoji",
12
- packageVersion: "70.10.12",
12
+ packageVersion: "70.10.13",
13
13
  ...attributes
14
14
  }
15
15
  });
package/dist/esm/components/picker/EmojiPickerEmojiRow.compiled.css CHANGED
@@ -1,10 +1,14 @@
1
1
 
2
- ._1wcg1qi0 .emoji-common-node{border-radius:var(--ds-radius-medium,6px)}._115ch2mm .emoji-common-node>img{position:relative}
2
+ ._1wcg1qi0 .emoji-common-node{border-radius:var(--ds-radius-medium,6px)}
3
+ ._qtt8glyw{list-style:none}._115ch2mm .emoji-common-node>img{position:relative}
3
4
  ._1678tlke .emoji-common-node{cursor:pointer}
4
5
  ._17dz1tcg .emoji-common-node>img{max-width:24px}
6
+ ._18u0idpf{margin-left:0}
5
7
  ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
6
8
  ._18x3u2gc .emoji-common-placeholder{margin-right:var(--ds-space-100,8px)}
7
9
  ._1909ze3t .emoji-common-placeholder{padding-right:var(--ds-space-0,0)}
10
+ ._19bvidpf{padding-left:0}
11
+ ._19pkidpf{margin-top:0}
8
12
  ._1bsb1ylp{width:40px}
9
13
  ._1cf71tcg .emoji-common-node{height:24px}
10
14
  ._1e0c1o8l{display:inline-block}
@@ -15,6 +19,7 @@
15
19
  ._1rf4u2gc .emoji-common-node{padding-right:var(--ds-space-100,8px)}
16
20
  ._1tcfze3t .emoji-common-placeholder{padding-bottom:var(--ds-space-0,0)}
17
21
  ._29jju2gc .emoji-common-placeholder{margin-left:var(--ds-space-100,8px)}
22
+ ._2hwxidpf{margin-right:0}
18
23
  ._4ubfu2gc .emoji-common-placeholder{margin-top:var(--ds-space-100,8px)}
19
24
  ._5mfndbra .emoji-common-node>img{transform:translateX(-50%) translateY(-50%)}
20
25
  ._7b50u2gc .emoji-common-node{padding-top:var(--ds-space-100,8px)}
@@ -22,12 +27,16 @@
22
27
  ._8vlfze3t .emoji-common-placeholder{padding-top:var(--ds-space-0,0)}
23
28
  ._b4kiu2gc .emoji-common-node{padding-bottom:var(--ds-space-100,8px)}
24
29
  ._bm9mu2gc .emoji-common-node{padding-left:var(--ds-space-100,8px)}
30
+ ._ca0qidpf{padding-top:0}
25
31
  ._elsp1tcg .emoji-common-placeholder{max-width:24px}
26
32
  ._fw9su2gc .emoji-common-placeholder{margin-bottom:var(--ds-space-100,8px)}
33
+ ._n3tdidpf{padding-bottom:0}
27
34
  ._n7xcze3t .emoji-common-placeholder{padding-left:var(--ds-space-0,0)}
28
35
  ._o5kcze3t .emoji-common-node .emoji-common-placeholder{margin-bottom:var(--ds-space-0,0)}
36
+ ._otyridpf{margin-bottom:0}
29
37
  ._qpkw1tcg .emoji-common-placeholder{min-width:24px}
30
38
  ._u5ah1tcg .emoji-common-node>.emoji-common-emoji-sprite{width:24px}
39
+ ._u5f3idpf{padding-right:0}
31
40
  ._vtzrze3t .emoji-common-node .emoji-common-placeholder{margin-top:var(--ds-space-0,0)}
32
41
  ._w2q0ze3t .emoji-common-node .emoji-common-placeholder{margin-right:var(--ds-space-0,0)}
33
42
  ._y3gn1h6o{text-align:center}
package/dist/esm/components/picker/EmojiPickerEmojiRow.js CHANGED
@@ -11,6 +11,7 @@ import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext
11
11
  import { messages } from '../i18n';
12
12
  var emojiItem = null;
13
13
  var emojiPickerRow = null;
14
+ var emojiPickerRowList = null;
14
15
  var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
15
16
  var emojis = _ref.emojis,
16
17
  onSelected = _ref.onSelected,
@@ -36,6 +37,34 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
36
37
  onFocus && onFocus(emojiId, emoji, event);
37
38
  };
38
39
  };
40
+ if (fg('platform_a11y_fixes_reaction_emoji')) {
41
+ return /*#__PURE__*/React.createElement("ul", {
42
+ role: "list",
43
+ className: ax(["_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkidpf _2hwxidpf _otyridpf _18u0idpf _18u0u2gc"])
44
+ }, emojis.map(function (emoji, index) {
45
+ var shortName = emoji.shortName,
46
+ id = emoji.id;
47
+ var key = id ? "".concat(id, "-").concat(title) : "".concat(shortName, "-").concat(title);
48
+ var focus = currentEmojisFocus.rowIndex === rowIndex && currentEmojisFocus.columnIndex === index;
49
+ return /*#__PURE__*/React.createElement("li", {
50
+ key: key,
51
+ 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"])
52
+ }, /*#__PURE__*/React.createElement(CachingEmoji, {
53
+ emoji: emoji,
54
+ selectOnHover: true,
55
+ onSelected: onSelected,
56
+ onMouseMove: onMouseMove,
57
+ onFocus: handleFocus(index),
58
+ showDelete: showDelete,
59
+ onDelete: onDelete,
60
+ placeholderSize: 24,
61
+ "data-focus-index": "".concat(rowIndex, "-").concat(index),
62
+ tabIndex: focus ? 0 : -1,
63
+ "aria-roledescription": formatMessage(messages.emojiButtonRoleDescription),
64
+ shouldBeInteractive: true
65
+ }));
66
+ }));
67
+ }
39
68
  return /*#__PURE__*/React.createElement("div", {
40
69
  role: "presentation",
41
70
  className: ax(["_18u0u2gc"])
@@ -52,7 +81,6 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
52
81
  }, {
53
82
  onMouseLeave: onMouseLeave,
54
83
  onBlur: onMouseLeave,
55
- tabIndex: 0,
56
84
  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"])
57
85
  }), /*#__PURE__*/React.createElement(CachingEmoji, {
58
86
  emoji: emoji,
package/dist/esm/components/picker/VirtualList.js CHANGED
@@ -268,6 +268,7 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
268
268
  "data-testid": virtualListScrollContainerTestId,
269
269
  "aria-labelledby": "emoji-picker-table-description",
270
270
  role: fg('platform_a11y_fixes_reaction_emoji') ? 'application' : 'grid',
271
+ tabIndex: fg('platform_a11y_fixes_reaction_emoji') ? -1 : undefined,
271
272
  className: ax(["_1reo15vq _18m91wug _n3tdu2gc _nt751r31 _49pcglyw _1hvw1o36"])
272
273
  }, /*#__PURE__*/React.createElement("div", {
273
274
  style: {
package/dist/esm/util/analytics/analytics.js CHANGED
@@ -14,7 +14,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
14
14
  actionSubjectId: actionSubjectId,
15
15
  attributes: _objectSpread({
16
16
  packageName: "@atlaskit/emoji",
17
- packageVersion: "70.10.12"
17
+ packageVersion: "70.10.13"
18
18
  }, attributes)
19
19
  };
20
20
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "70.10.13",
3
+ "version": "70.10.14",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -53,7 +53,7 @@
53
53
  "@atlaskit/spinner": "^19.1.0",
54
54
  "@atlaskit/textfield": "^8.3.0",
55
55
  "@atlaskit/tmp-editor-statsig": "^84.3.0",
56
- "@atlaskit/tokens": "^13.0.0",
56
+ "@atlaskit/tokens": "^13.1.0",
57
57
  "@atlaskit/tooltip": "^22.4.0",
58
58
  "@atlaskit/ufo": "^0.5.0",
59
59
  "@atlaskit/util-service-support": "^6.4.0",