@atlaskit/reactions 34.2.7 → 34.2.8

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/reactions
 
+## 34.2.8
+
+### Patch Changes
+
+- [`d0246d76b398a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d0246d76b398a) -
+  Do not announce decorative particle effects
+- Updated dependencies
+
 ## 34.2.7
 
 ### Patch Changes

package/dist/cjs/MockReactionsClient.js

@@ -66,18 +66,18 @@ var MockReactionsClient = exports.MockReactionsClient = /*#__PURE__*/function ()
     value: function () {
       var _getReactions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(containerAri, aris) {
         var _this2 = this;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
+              _context.next = 1;
               return this.delayPromise();
-            case 2:
+            case 1:
               return _context.abrupt("return", aris.reduce(function (results, ari) {
                 var reactionKey = getReactionKey(containerAri, ari);
                 results[ari] = _this2.mockData[reactionKey] || [];
                 return results;
               }, {}));
-            case 3:
+            case 2:
             case "end":
               return _context.stop();
           }
@@ -93,30 +93,30 @@ var MockReactionsClient = exports.MockReactionsClient = /*#__PURE__*/function ()
     value: function () {
       var _getDetailedReaction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(containerAri, ari, emojiId) {
         var reactionKey, reactionsMockData, reaction, users;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
+        return _regenerator.default.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _context2.next = 2;
+              _context2.next = 1;
               return this.delayPromise();
-            case 2:
+            case 1:
               reactionKey = "".concat(containerAri, "|").concat(ari);
               reactionsMockData = this.mockData[reactionKey];
               if (!reactionsMockData) {
-                _context2.next = 9;
+                _context2.next = 2;
                 break;
               }
               reaction = reactionsMockData.find(function (reaction_1) {
                 return reaction_1.emojiId === emojiId;
               });
               if (!reaction) {
-                _context2.next = 9;
+                _context2.next = 2;
                 break;
               }
               users = [].concat(defaultUsers).slice(Math.floor(Math.random() * 4), Math.floor(Math.random() * 9) + 4).slice(0, reaction.count);
               return _context2.abrupt("return", _objectSpread(_objectSpread({}, reaction), {}, {
                 users: users
               }));
-            case 9:
+            case 2:
               return _context2.abrupt("return", {
                 containerAri: containerAri,
                 ari: ari,
@@ -125,7 +125,7 @@ var MockReactionsClient = exports.MockReactionsClient = /*#__PURE__*/function ()
                 reacted: true,
                 users: []
               });
-            case 10:
+            case 3:
             case "end":
               return _context2.stop();
           }
@@ -141,12 +141,12 @@ var MockReactionsClient = exports.MockReactionsClient = /*#__PURE__*/function ()
     value: function () {
       var _addReaction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(containerAri, ari, emojiId) {
         var reactionKey, found, reactionsMockData;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
+        return _regenerator.default.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context3.next = 2;
+              _context3.next = 1;
               return this.delayPromise();
-            case 2:
+            case 1:
               reactionKey = getReactionKey(containerAri, ari);
               found = false;
               reactionsMockData = this.mockData[reactionKey];
@@ -172,7 +172,7 @@ var MockReactionsClient = exports.MockReactionsClient = /*#__PURE__*/function ()
                 }]);
               }
               return _context3.abrupt("return", this.mockData[reactionKey]);
-            case 8:
+            case 2:
             case "end":
               return _context3.stop();
           }
@@ -188,12 +188,12 @@ var MockReactionsClient = exports.MockReactionsClient = /*#__PURE__*/function ()
     value: function () {
       var _deleteReaction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(containerAri, ari, emojiId) {
         var reactionKey;
-        return _regenerator.default.wrap(function _callee4$(_context4) {
+        return _regenerator.default.wrap(function (_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context4.next = 2;
+              _context4.next = 1;
               return this.delayPromise();
-            case 2:
+            case 1:
               reactionKey = getReactionKey(containerAri, ari);
               this.mockData[reactionKey] = this.mockData[reactionKey].map(function (reaction) {
                 if (reaction.emojiId === emojiId) {
@@ -210,7 +210,7 @@ var MockReactionsClient = exports.MockReactionsClient = /*#__PURE__*/function ()
                 return !!reaction_1;
               });
               return _context4.abrupt("return", this.mockData[reactionKey]);
-            case 5:
+            case 2:
             case "end":
               return _context4.stop();
           }

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
 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; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 var packageName = "@atlaskit/reactions";
-var packageVersion = "34.2.6";
+var packageVersion = "34.2.7";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/Reaction.js

@@ -88,21 +88,21 @@ var Reaction = exports.Reaction = function Reaction(_ref) {
   (0, _react.useEffect)(function () {
     (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var emojiResource, foundEmoji;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.next = 1;
             return Promise.resolve(emojiProvider);
-          case 2:
+          case 1:
             emojiResource = _context.sent;
-            _context.next = 5;
+            _context.next = 2;
             return emojiResource.findById(reaction.emojiId);
-          case 5:
+          case 2:
             foundEmoji = _context.sent;
             if (foundEmoji) {
               setEmojiName(foundEmoji.name);
             }
-          case 7:
+          case 3:
           case "end":
             return _context.stop();
         }

package/dist/cjs/components/ReactionParticleEffect.js

@@ -12,6 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _emoji = require("@atlaskit/emoji");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("../shared/constants");
 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); }
@@ -23,6 +24,7 @@ var ReactionParticleEffect = exports.ReactionParticleEffect = function ReactionP
     emojiId = _ref.emojiId,
     optimisticImageURL = _ref.optimisticImageURL;
   return /*#__PURE__*/React.createElement("div", {
+    "aria-hidden": (0, _platformFeatureFlags.fg)('platform_a11y_fixes_reaction_emoji') ? true : undefined,
     className: (0, _runtime.ax)(["_kqswh2mm _1ltvftgi _1pbyifev _m602idpf"])
   }, (0, _toConsumableArray2.default)(Array(PARTICLE_COUNT)).map(function (_, index) {
     return /*#__PURE__*/React.createElement("div", {

package/dist/cjs/components/ReactionsDialogHeader.js

@@ -111,19 +111,19 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
     }
     (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var provider, emoji, capitalizedName;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.next = 1;
             return emojiProvider;
-          case 2:
+          case 1:
             provider = _context.sent;
-            _context.next = 5;
+            _context.next = 2;
             return provider.findByEmojiId({
               shortName: '',
               id: emojiId
             });
-          case 5:
+          case 2:
             emoji = _context.sent;
             if (emoji !== null && emoji !== void 0 && emoji.name) {
               // capitalize first letter of each string
@@ -134,7 +134,7 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
                 return _objectSpread(_objectSpread({}, prevCache), {}, (0, _defineProperty2.default)({}, emojiId, capitalizedName));
               });
             }
-          case 7:
+          case 3:
           case "end":
             return _context.stop();
         }

package/dist/cjs/containers/ConnectedReactionPicker/ConnectedReactionPicker.js

@@ -26,15 +26,15 @@ var ConnectedReactionPicker = exports.ConnectedReactionPicker = function Connect
   var onSelection = function onSelection(emojiId) {
     (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var _store;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.next = 1;
             return Promise.resolve(store);
-          case 2:
+          case 1:
             _store = _context.sent;
             _store.addReaction(containerAri, ari, emojiId);
-          case 4:
+          case 2:
           case "end":
             return _context.stop();
         }

package/dist/cjs/containers/ConnectedReactionsView/ConnectedReactionsView.js

@@ -161,19 +161,19 @@ var ConnectedReactionsView = exports.ConnectedReactionsView = function Connected
   (0, _react.useEffect)(function () {
     (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var _store;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!('then' in store)) {
-              _context.next = 5;
+              _context.next = 2;
               break;
             }
-            _context.next = 3;
+            _context.next = 1;
             return Promise.resolve(store);
-          case 3:
+          case 1:
             _store = _context.sent;
             resolveStore(_store);
-          case 5:
+          case 2:
           case "end":
             return _context.stop();
         }
@@ -193,15 +193,15 @@ var ConnectedReactionsView = exports.ConnectedReactionsView = function Connected
     };
     (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
       var _store;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
+      return _regenerator.default.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context2.next = 2;
+            _context2.next = 1;
             return Promise.resolve(store);
-          case 2:
+          case 1:
             _store = _context2.sent;
             _store.onChange(onChangeCallback);
-          case 4:
+          case 2:
           case "end":
             return _context2.stop();
         }
@@ -210,15 +210,15 @@ var ConnectedReactionsView = exports.ConnectedReactionsView = function Connected
     return function cleanup() {
       (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
         var _store;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
+        return _regenerator.default.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context3.next = 2;
+              _context3.next = 1;
               return Promise.resolve(store);
-            case 2:
+            case 1:
               _store = _context3.sent;
               _store.removeOnChangeListener(onChangeCallback);
-            case 4:
+            case 2:
             case "end":
               return _context3.stop();
           }

package/dist/cjs/store/ReactionConsumer.js

@@ -80,7 +80,7 @@ var ReactionConsumer = exports.ReactionConsumer = /*#__PURE__*/function (_React$
     key: "componentWillUnmount",
     value: function () {
       var _componentWillUnmount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        return _regenerator.default.wrap(function _callee$(_context) {
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (this.state.store) {

package/dist/es2019/analytics/index.js

@@ -2,7 +2,7 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "34.2.6";
+const packageVersion = "34.2.7";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/ReactionParticleEffect.js

@@ -3,6 +3,7 @@ import "./ReactionParticleEffect.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { ResourcedEmoji } from '@atlaskit/emoji';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { layers } from '@atlaskit/theme/constants';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 const containerStyle = null;
@@ -13,6 +14,7 @@ export const ReactionParticleEffect = ({
   emojiId,
   optimisticImageURL
 }) => /*#__PURE__*/React.createElement("div", {
+  "aria-hidden": fg('platform_a11y_fixes_reaction_emoji') ? true : undefined,
   className: ax(["_kqswh2mm _1ltvftgi _1pbyifev _m602idpf"])
 }, [...Array(PARTICLE_COUNT)].map((_, index) => {
   return /*#__PURE__*/React.createElement("div", {

package/dist/esm/MockReactionsClient.js

@@ -59,18 +59,18 @@ export var MockReactionsClient = /*#__PURE__*/function () {
     value: function () {
       var _getReactions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(containerAri, aris) {
         var _this2 = this;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
+              _context.next = 1;
               return this.delayPromise();
-            case 2:
+            case 1:
               return _context.abrupt("return", aris.reduce(function (results, ari) {
                 var reactionKey = getReactionKey(containerAri, ari);
                 results[ari] = _this2.mockData[reactionKey] || [];
                 return results;
               }, {}));
-            case 3:
+            case 2:
             case "end":
               return _context.stop();
           }
@@ -86,30 +86,30 @@ export var MockReactionsClient = /*#__PURE__*/function () {
     value: function () {
       var _getDetailedReaction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(containerAri, ari, emojiId) {
         var reactionKey, reactionsMockData, reaction, users;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _context2.next = 2;
+              _context2.next = 1;
               return this.delayPromise();
-            case 2:
+            case 1:
               reactionKey = "".concat(containerAri, "|").concat(ari);
               reactionsMockData = this.mockData[reactionKey];
               if (!reactionsMockData) {
-                _context2.next = 9;
+                _context2.next = 2;
                 break;
               }
               reaction = reactionsMockData.find(function (reaction_1) {
                 return reaction_1.emojiId === emojiId;
               });
               if (!reaction) {
-                _context2.next = 9;
+                _context2.next = 2;
                 break;
               }
               users = [].concat(defaultUsers).slice(Math.floor(Math.random() * 4), Math.floor(Math.random() * 9) + 4).slice(0, reaction.count);
               return _context2.abrupt("return", _objectSpread(_objectSpread({}, reaction), {}, {
                 users: users
               }));
-            case 9:
+            case 2:
               return _context2.abrupt("return", {
                 containerAri: containerAri,
                 ari: ari,
@@ -118,7 +118,7 @@ export var MockReactionsClient = /*#__PURE__*/function () {
                 reacted: true,
                 users: []
               });
-            case 10:
+            case 3:
             case "end":
               return _context2.stop();
           }
@@ -134,12 +134,12 @@ export var MockReactionsClient = /*#__PURE__*/function () {
     value: function () {
       var _addReaction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(containerAri, ari, emojiId) {
         var reactionKey, found, reactionsMockData;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        return _regeneratorRuntime.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context3.next = 2;
+              _context3.next = 1;
               return this.delayPromise();
-            case 2:
+            case 1:
               reactionKey = getReactionKey(containerAri, ari);
               found = false;
               reactionsMockData = this.mockData[reactionKey];
@@ -165,7 +165,7 @@ export var MockReactionsClient = /*#__PURE__*/function () {
                 }]);
               }
               return _context3.abrupt("return", this.mockData[reactionKey]);
-            case 8:
+            case 2:
             case "end":
               return _context3.stop();
           }
@@ -181,12 +181,12 @@ export var MockReactionsClient = /*#__PURE__*/function () {
     value: function () {
       var _deleteReaction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(containerAri, ari, emojiId) {
         var reactionKey;
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        return _regeneratorRuntime.wrap(function (_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context4.next = 2;
+              _context4.next = 1;
               return this.delayPromise();
-            case 2:
+            case 1:
               reactionKey = getReactionKey(containerAri, ari);
               this.mockData[reactionKey] = this.mockData[reactionKey].map(function (reaction) {
                 if (reaction.emojiId === emojiId) {
@@ -203,7 +203,7 @@ export var MockReactionsClient = /*#__PURE__*/function () {
                 return !!reaction_1;
               });
               return _context4.abrupt("return", this.mockData[reactionKey]);
-            case 5:
+            case 2:
             case "end":
               return _context4.stop();
           }

package/dist/esm/analytics/index.js

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "34.2.6";
+var packageVersion = "34.2.7";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/Reaction.js

@@ -79,21 +79,21 @@ export var Reaction = function Reaction(_ref) {
   useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var emojiResource, foundEmoji;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.next = 1;
             return Promise.resolve(emojiProvider);
-          case 2:
+          case 1:
             emojiResource = _context.sent;
-            _context.next = 5;
+            _context.next = 2;
             return emojiResource.findById(reaction.emojiId);
-          case 5:
+          case 2:
             foundEmoji = _context.sent;
             if (foundEmoji) {
               setEmojiName(foundEmoji.name);
             }
-          case 7:
+          case 3:
           case "end":
             return _context.stop();
         }

package/dist/esm/components/ReactionParticleEffect.js

@@ -4,6 +4,7 @@ import "./ReactionParticleEffect.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { ResourcedEmoji } from '@atlaskit/emoji';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { layers } from '@atlaskit/theme/constants';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 var containerStyle = null;
@@ -14,6 +15,7 @@ export var ReactionParticleEffect = function ReactionParticleEffect(_ref) {
     emojiId = _ref.emojiId,
     optimisticImageURL = _ref.optimisticImageURL;
   return /*#__PURE__*/React.createElement("div", {
+    "aria-hidden": fg('platform_a11y_fixes_reaction_emoji') ? true : undefined,
     className: ax(["_kqswh2mm _1ltvftgi _1pbyifev _m602idpf"])
   }, _toConsumableArray(Array(PARTICLE_COUNT)).map(function (_, index) {
     return /*#__PURE__*/React.createElement("div", {

package/dist/esm/components/ReactionsDialogHeader.js

@@ -103,19 +103,19 @@ export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref3) {
     }
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var provider, emoji, capitalizedName;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.next = 1;
             return emojiProvider;
-          case 2:
+          case 1:
             provider = _context.sent;
-            _context.next = 5;
+            _context.next = 2;
             return provider.findByEmojiId({
               shortName: '',
               id: emojiId
             });
-          case 5:
+          case 2:
             emoji = _context.sent;
             if (emoji !== null && emoji !== void 0 && emoji.name) {
               // capitalize first letter of each string
@@ -126,7 +126,7 @@ export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref3) {
                 return _objectSpread(_objectSpread({}, prevCache), {}, _defineProperty({}, emojiId, capitalizedName));
               });
             }
-          case 7:
+          case 3:
           case "end":
             return _context.stop();
         }

package/dist/esm/containers/ConnectedReactionPicker/ConnectedReactionPicker.js

@@ -19,15 +19,15 @@ export var ConnectedReactionPicker = function ConnectedReactionPicker(props) {
   var onSelection = function onSelection(emojiId) {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _store;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.next = 1;
             return Promise.resolve(store);
-          case 2:
+          case 1:
             _store = _context.sent;
             _store.addReaction(containerAri, ari, emojiId);
-          case 4:
+          case 2:
           case "end":
             return _context.stop();
         }

package/dist/esm/containers/ConnectedReactionsView/ConnectedReactionsView.js

@@ -153,19 +153,19 @@ export var ConnectedReactionsView = function ConnectedReactionsView(props) {
   useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _store;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!('then' in store)) {
-              _context.next = 5;
+              _context.next = 2;
               break;
             }
-            _context.next = 3;
+            _context.next = 1;
             return Promise.resolve(store);
-          case 3:
+          case 1:
             _store = _context.sent;
             resolveStore(_store);
-          case 5:
+          case 2:
           case "end":
             return _context.stop();
         }
@@ -185,15 +185,15 @@ export var ConnectedReactionsView = function ConnectedReactionsView(props) {
     };
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _store;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context2.next = 2;
+            _context2.next = 1;
             return Promise.resolve(store);
-          case 2:
+          case 1:
             _store = _context2.sent;
             _store.onChange(onChangeCallback);
-          case 4:
+          case 2:
           case "end":
             return _context2.stop();
         }
@@ -202,15 +202,15 @@ export var ConnectedReactionsView = function ConnectedReactionsView(props) {
     return function cleanup() {
       _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         var _store;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        return _regeneratorRuntime.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context3.next = 2;
+              _context3.next = 1;
               return Promise.resolve(store);
-            case 2:
+            case 1:
               _store = _context3.sent;
               _store.removeOnChangeListener(onChangeCallback);
-            case 4:
+            case 2:
             case "end":
               return _context3.stop();
           }

package/dist/esm/store/ReactionConsumer.js

@@ -76,7 +76,7 @@ export var ReactionConsumer = /*#__PURE__*/function (_React$PureComponent) {
     key: "componentWillUnmount",
     value: function () {
       var _componentWillUnmount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (this.state.store) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "34.2.7",
+	"version": "34.2.8",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -47,16 +47,16 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/emoji": "^70.10.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^35.1.0",
+		"@atlaskit/icon": "^35.3.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/modal-dialog": "^15.2.0",
 		"@atlaskit/motion": "^6.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.2.0",
-		"@atlaskit/popup": "^4.21.0",
+		"@atlaskit/popup": "^4.22.0",
 		"@atlaskit/portal": "^5.5.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/react-ufo": "^6.1.0",
+		"@atlaskit/react-ufo": "^6.2.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/tabs": "^19.1.0",
 		"@atlaskit/theme": "^25.0.0",