@atlaskit/reactions 24.0.0 → 24.1.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/reactions
 
+## 24.1.0
+
+### Minor Changes
+
+- [#106745](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/106745)
+  [`d3fc0dc988c34`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d3fc0dc988c34) -
+  [ux] UI updates to improve spacing and text appearance. Business logic updates on when to render
+  dialog entrypoint
+
+## 24.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.0.0
 
 ### Major Changes

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; }
 var packageName = "@atlaskit/reactions";
-var packageVersion = "24.0.0";
+var packageVersion = "24.1.0";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/ReactionDialog/ReactionsDialog.js

@@ -7,12 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ReactionsDialog = exports.RENDER_MODAL_TESTID = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
 var _reactIntlNext = require("react-intl-next");
 var _react2 = require("@emotion/react");
 var _primitives = require("@atlaskit/primitives");
 var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-left"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
 var _constants = require("../../shared/constants");
@@ -29,7 +32,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var fullWidthStyle = (0, _primitives.xcss)({
-  width: '100%'
+  width: '100%',
+  padding: 'space.300',
+  paddingBlockEnd: 'space.400'
 });
 
 /**
@@ -43,18 +48,69 @@ var getDimensions = function getDimensions(container) {
     scrollLeft: container === null || container === void 0 ? void 0 : container.scrollLeft
   };
 };
-var ReactionsDialog = exports.ReactionsDialog = function ReactionsDialog(_ref) {
+var ReactionsDialogModalHeader = function ReactionsDialogModalHeader(_ref) {
+  var totalReactionsCount = _ref.totalReactionsCount,
+    handlePreviousPage = _ref.handlePreviousPage,
+    handleNextPage = _ref.handleNextPage,
+    currentPage = _ref.currentPage,
+    maxPages = _ref.maxPages;
+  var _useModal = (0, _modalDialog.useModal)(),
+    titleId = _useModal.titleId;
+  var intl = (0, _reactIntlNext.useIntl)();
+  var isSinglePage = maxPages === 1;
+  var isOnFirstPage = currentPage === 1;
+  var isOnLastPage = currentPage === maxPages;
+  return (0, _react2.jsx)(_primitives.Flex, {
+    direction: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    xcss: fullWidthStyle
+  }, (0, _react2.jsx)(_heading.default, {
+    size: "medium",
+    id: titleId
+  }, intl.formatMessage(_i18n.messages.reactionsCount, {
+    count: totalReactionsCount
+  })), !isSinglePage && (0, _react2.jsx)(_primitives.Flex, {
+    alignItems: "center",
+    gap: "space.100"
+  }, (0, _react2.jsx)(_tooltip.default, {
+    content: intl.formatMessage(_i18n.messages.leftNavigateLabel),
+    canAppear: function canAppear() {
+      return !isOnFirstPage;
+    }
+  }, function (tooltipProps) {
+    return (0, _react2.jsx)(_new.IconButton, (0, _extends2.default)({}, tooltipProps, {
+      isDisabled: isOnFirstPage,
+      onClick: handlePreviousPage,
+      icon: _chevronLeft.default,
+      label: intl.formatMessage(_i18n.messages.leftNavigateLabel)
+    }));
+  }), (0, _react2.jsx)(_tooltip.default, {
+    content: intl.formatMessage(_i18n.messages.rightNavigateLabel),
+    canAppear: function canAppear() {
+      return !isOnLastPage;
+    }
+  }, function (tooltipProps) {
+    return (0, _react2.jsx)(_new.IconButton, (0, _extends2.default)({}, tooltipProps, {
+      onClick: handleNextPage,
+      isDisabled: isOnLastPage,
+      icon: _chevronRight.default,
+      label: intl.formatMessage(_i18n.messages.rightNavigateLabel)
+    }));
+  })));
+};
+var ReactionsDialog = exports.ReactionsDialog = function ReactionsDialog(_ref2) {
   var _currentReactions$;
-  var _ref$reactions = _ref.reactions,
-    reactions = _ref$reactions === void 0 ? [] : _ref$reactions,
-    _ref$handleCloseReact = _ref.handleCloseReactionsDialog,
-    handleCloseReactionsDialog = _ref$handleCloseReact === void 0 ? function () {} : _ref$handleCloseReact,
-    emojiProvider = _ref.emojiProvider,
-    selectedEmojiId = _ref.selectedEmojiId,
-    _ref$handleSelectReac = _ref.handleSelectReaction,
-    handleSelectReaction = _ref$handleSelectReac === void 0 ? function () {} : _ref$handleSelectReac,
-    _ref$handlePagination = _ref.handlePaginationChange,
-    handlePaginationChange = _ref$handlePagination === void 0 ? function () {} : _ref$handlePagination;
+  var _ref2$reactions = _ref2.reactions,
+    reactions = _ref2$reactions === void 0 ? [] : _ref2$reactions,
+    _ref2$handleCloseReac = _ref2.handleCloseReactionsDialog,
+    handleCloseReactionsDialog = _ref2$handleCloseReac === void 0 ? function () {} : _ref2$handleCloseReac,
+    emojiProvider = _ref2.emojiProvider,
+    selectedEmojiId = _ref2.selectedEmojiId,
+    _ref2$handleSelectRea = _ref2.handleSelectReaction,
+    handleSelectReaction = _ref2$handleSelectRea === void 0 ? function () {} : _ref2$handleSelectRea,
+    _ref2$handlePaginatio = _ref2.handlePaginationChange,
+    handlePaginationChange = _ref2$handlePaginatio === void 0 ? function () {} : _ref2$handlePaginatio;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     elementToScroll = _useState2[0],
@@ -179,27 +235,16 @@ var ReactionsDialog = exports.ReactionsDialog = function ReactionsDialog(_ref) {
     onClose: handleCloseReactionsDialog,
     height: 600,
     testId: RENDER_MODAL_TESTID
-  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_primitives.Flex, {
-    direction: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    xcss: fullWidthStyle
-  }, (0, _react2.jsx)("div", null, (0, _react2.jsx)(_modalDialog.ModalTitle, null, intl.formatMessage(_i18n.messages.reactionsCount, {
-    count: totalReactionsCount
-  }))), (0, _react2.jsx)(_primitives.Flex, {
-    alignItems: "center",
-    gap: "space.100"
-  }, (0, _react2.jsx)(_new.IconButton, {
-    isDisabled: currentPage === 1,
-    onClick: handlePreviousPage,
-    icon: _chevronLeft.default,
-    label: intl.formatMessage(_i18n.messages.leftNavigateLabel)
-  }), (0, _react2.jsx)(_new.IconButton, {
-    onClick: handleNextPage,
-    isDisabled: currentPage === maxPages,
-    icon: _chevronRight.default,
-    label: intl.formatMessage(_i18n.messages.rightNavigateLabel)
-  })))), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)("div", {
+    // eslint-disable-next-line jsx-a11y/no-autofocus
+    ,
+    autoFocus: false
+  }, (0, _react2.jsx)(ReactionsDialogModalHeader, {
+    totalReactionsCount: totalReactionsCount,
+    maxPages: maxPages,
+    handlePreviousPage: handlePreviousPage,
+    handleNextPage: handleNextPage,
+    currentPage: currentPage
+  }), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)("div", {
     css: (0, _styles.containerStyle)(reactionsBorderWidth),
     ref: setRef
   }, (0, _react2.jsx)(_ReactionsList.ReactionsList, {
@@ -208,8 +253,7 @@ var ReactionsDialog = exports.ReactionsDialog = function ReactionsDialog(_ref) {
     emojiProvider: emojiProvider,
     onReactionChanged: handleSelectReaction
   }))), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_new.default, {
-    appearance: "primary",
-    onClick: handleCloseReactionsDialog,
-    autoFocus: true
+    appearance: "subtle",
+    onClick: handleCloseReactionsDialog
   }, intl.formatMessage(_i18n.messages.closeReactionsDialog))));
 };

package/dist/cjs/components/ReactionDialog/styles.js

@@ -110,7 +110,6 @@ var reactionViewStyle = exports.reactionViewStyle = (0, _react.css)({
   p: {
     margin: 0,
     color: "".concat("var(--ds-text, ".concat(_colors.N800, ")")),
-    textTransform: 'capitalize',
     font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
     fontWeight: "var(--ds-font-weight-semibold, 600)",
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography

package/dist/cjs/components/Reactions/Reactions.js

@@ -293,6 +293,11 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     return reactions.concat(items);
   }, [quickReactionEmojis, reactions, hideDefaultReactions]);
   var shouldShowSummaryView = summaryViewEnabled && memorizedReactions.length >= summaryViewThreshold && reactions.length > 0;
+
+  // criteria to show Reactions Dialog
+  var hasEmojiWithFivePlusReactions = reactions.some(function (reaction) {
+    return reaction.count >= 5;
+  });
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     (0, _react2.jsx)("div", {
@@ -345,7 +350,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
       showOpaqueBackground: showOpaqueBackground,
       showAddReactionText: showAddReactionText,
       subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker
-    }), allowUserDialog && reactions.length > 0 && (0, _react2.jsx)(_tooltip.default, {
+    }), allowUserDialog && hasEmojiWithFivePlusReactions && (0, _react2.jsx)(_tooltip.default, {
       content: (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.seeWhoReactedTooltip),
       hideTooltipOnClick: true
     }, (0, _react2.jsx)(_standardButton.default

package/dist/cjs/i18n/cs.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Zavřít',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Navigace doleva',
+  'reactions.dialog.people-who-reacted.subheader': 'Lidé, kteří reagovali smajlíkem {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reakce} few {{count,number} reakce} many {{count,number} reakce} other {{count,number} reakcí}}',
   'reactions.dialog.right.navigate': 'Navigace doprava',
-  'reactions.dialog.viewall': 'Podívejte se, kdo reagoval',
+  'reactions.dialog.viewall': 'Zobrazit vše',
   'reactions.dialog.viewall.tooltip': 'Zobrazit všechny reakce uživatelů'
 };

package/dist/cjs/i18n/da.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Luk',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Navigation til venstre',
+  'reactions.dialog.people-who-reacted.subheader': 'Personer der reagerede med {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reaktion} other {{count,number} reaktioner}}',
   'reactions.dialog.right.navigate': 'Navigation til højre',
-  'reactions.dialog.viewall': 'Se, hvem der har reageret',
+  'reactions.dialog.viewall': 'Vis alle',
   'reactions.dialog.viewall.tooltip': 'Se alle brugerreaktioner'
 };

package/dist/cjs/i18n/de.js

@@ -24,8 +24,9 @@ var _default = exports.default = {
   'reaction-picker-trigger.add.reaction.message': 'Eine Reaktion hinzufügen',
   'reactions.dialog.close': 'Schließen',
   'reactions.dialog.left.navigate': 'Nach links navigieren',
+  'reactions.dialog.people-who-reacted.subheader': 'Personen, die mit {emojiShortName} reagiert haben',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} Reaktion} other {{count,number} Reaktionen}}',
   'reactions.dialog.right.navigate': 'Nach rechts navigieren',
-  'reactions.dialog.viewall': 'Reaktionen ansehen',
+  'reactions.dialog.viewall': 'Alle anzeigen',
   'reactions.dialog.viewall.tooltip': 'Alle Benutzerreaktionen anzeigen'
 };

package/dist/cjs/i18n/en.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Close',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Left Navigate',
+  'reactions.dialog.people-who-reacted.subheader': 'People who reacted with {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {# reaction} other {# reactions} }',
   'reactions.dialog.right.navigate': 'Right Navigate',
-  'reactions.dialog.viewall': 'See who reacted',
+  'reactions.dialog.viewall': 'View all',
   'reactions.dialog.viewall.tooltip': 'View all user reactions'
 };

package/dist/cjs/i18n/en_GB.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Close',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Left Navigate',
+  'reactions.dialog.people-who-reacted.subheader': 'People who reacted with {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {# reaction} other {# reactions} }',
   'reactions.dialog.right.navigate': 'Right Navigate',
-  'reactions.dialog.viewall': 'See who reacted',
+  'reactions.dialog.viewall': 'View all',
   'reactions.dialog.viewall.tooltip': 'View all user reactions'
 };

package/dist/cjs/i18n/en_ZZ.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': '⁣⁢Close‍⁡‌؜‍⁡‌‌⁣⁤',
   'reactions.dialog.emoji.name': '⁣⁢{emojiName}⁡‌‌‍؜⁠⁡‍⁡؜⁠‌‌‍‍⁡⁣⁤',
   'reactions.dialog.left.navigate': '⁣⁢Left Navigate؜‍‌؜⁠؜⁡‍⁠⁠⁡⁣⁤',
+  'reactions.dialog.people-who-reacted.subheader': '⁣⁢People who reacted with {emojiShortName}⁠⁡‍‌‌‌‍‌‍⁣⁤',
   'reactions.dialog.reactions.count': '{count, plural, one {⁣⁢{count,number} reaction‌‍‍⁡‍‌⁡⁠‌‍⁠⁣⁤} other {⁣⁢{count,number} reactions‌‍‍⁡‍‌⁡⁠‌‍⁠⁣⁤}}',
   'reactions.dialog.right.navigate': '⁣⁢Right Navigate⁠؜؜⁠‌‌⁡‍‍⁠⁠⁣⁤',
-  'reactions.dialog.viewall': '⁣⁢See who reacted؜؜⁡‍‍‍⁣⁤',
+  'reactions.dialog.viewall': '⁣⁢View all‌‌⁡⁠⁡‌؜⁣⁤',
   'reactions.dialog.viewall.tooltip': '⁣⁢View all user reactions⁡‌؜؜⁡⁡‌‍؜؜⁣⁤'
 };

package/dist/cjs/i18n/es.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Cerrar',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Desplazarse hacia la izquierda',
+  'reactions.dialog.people-who-reacted.subheader': 'Personas que han reaccionado con {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reacción} other {{count,number} reacciones}}',
   'reactions.dialog.right.navigate': 'Desplazarse hacia la derecha',
-  'reactions.dialog.viewall': 'Ver quién ha reaccionado',
+  'reactions.dialog.viewall': 'Ver todo',
   'reactions.dialog.viewall.tooltip': 'Ver todas las reacciones de los usuarios'
 };

package/dist/cjs/i18n/fi.js

@@ -24,8 +24,9 @@ var _default = exports.default = {
   'reaction-picker-trigger.add.reaction.message': 'Lisää reaktio',
   'reactions.dialog.close': 'Sulje',
   'reactions.dialog.left.navigate': 'Navigointi vasemmalle',
+  'reactions.dialog.people-who-reacted.subheader': 'Henkilöt, jotka reagoivat emojilla {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reaktio} other {{count,number} reaktiota}}',
   'reactions.dialog.right.navigate': 'Navigointi oikealle',
-  'reactions.dialog.viewall': 'Katso, kuka on reagoinut',
+  'reactions.dialog.viewall': 'Näytä kaikki',
   'reactions.dialog.viewall.tooltip': 'Näytä kaikki käyttäjäreaktiot'
 };

package/dist/cjs/i18n/fr.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Fermer',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Naviguer vers la gauche',
+  'reactions.dialog.people-who-reacted.subheader': 'Personnes qui ont réagi par {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} réaction} other {{count,number} réactions}}',
   'reactions.dialog.right.navigate': 'Naviguer vers la droite',
-  'reactions.dialog.viewall': 'Voir qui a réagi',
+  'reactions.dialog.viewall': 'Afficher tout',
   'reactions.dialog.viewall.tooltip': 'Afficher toutes les réactions des utilisateurs'
 };

package/dist/cjs/i18n/hu.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Bezárás',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Balra navigálás',
+  'reactions.dialog.people-who-reacted.subheader': 'A következővel reagáló felhasználók: {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reakció} other {{count,number} reakció}}',
   'reactions.dialog.right.navigate': 'Jobbra navigálás',
-  'reactions.dialog.viewall': 'Reagálók megtekintése',
+  'reactions.dialog.viewall': 'Összes megtekintése',
   'reactions.dialog.viewall.tooltip': 'Minden felhasználói reakció megtekintése'
 };

package/dist/cjs/i18n/it.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Chiudi',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Navigazione a sinistra',
+  'reactions.dialog.people-who-reacted.subheader': 'Persone che hanno reagito con {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reazione} other {{count,number} reazioni}}',
   'reactions.dialog.right.navigate': 'Navigazione a destra',
-  'reactions.dialog.viewall': 'Guarda chi ha reagito',
+  'reactions.dialog.viewall': 'Visualizza tutto',
   'reactions.dialog.viewall.tooltip': 'Visualizza tutte le reazioni degli utenti'
 };

package/dist/cjs/i18n/ja.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': '閉じる',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': '左に移動',
+  'reactions.dialog.people-who-reacted.subheader': '{emojiShortName} でリアクションしたユーザー',
   'reactions.dialog.reactions.count': '{count, plural, other {{count,number} 件のリアクション}}',
   'reactions.dialog.right.navigate': '右に移動',
-  'reactions.dialog.viewall': 'リアクションしたユーザーを表示',
+  'reactions.dialog.viewall': 'すべて表示',
   'reactions.dialog.viewall.tooltip': 'ユーザーによるすべてのリアクションを表示'
 };

package/dist/cjs/i18n/ko.js

@@ -24,8 +24,9 @@ var _default = exports.default = {
   'reaction-picker-trigger.add.reaction.message': '반응 추가',
   'reactions.dialog.close': '닫기',
   'reactions.dialog.left.navigate': '왼쪽 탐색',
+  'reactions.dialog.people-who-reacted.subheader': '{emojiShortName} 이모지로 반응한 사용자',
   'reactions.dialog.reactions.count': '{count, plural, other {반응 {count,number}개}}',
   'reactions.dialog.right.navigate': '오른쪽 탐색',
-  'reactions.dialog.viewall': '반응한 사용자 보기',
+  'reactions.dialog.viewall': '모두 보기',
   'reactions.dialog.viewall.tooltip': '사용자 반응 모두 보기'
 };

package/dist/cjs/i18n/nb.js

@@ -24,8 +24,9 @@ var _default = exports.default = {
   'reaction-picker-trigger.add.reaction.message': 'Legg til en reaksjon',
   'reactions.dialog.close': 'Lukk',
   'reactions.dialog.left.navigate': 'Naviger til venstre',
+  'reactions.dialog.people-who-reacted.subheader': 'Personer som reagerte med {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reaksjon} other {{count,number} reaksjoner}}',
   'reactions.dialog.right.navigate': 'Naviger til høyre',
-  'reactions.dialog.viewall': 'Se hvem som har reagert',
+  'reactions.dialog.viewall': 'Vis alle',
   'reactions.dialog.viewall.tooltip': 'Se alle brukerreaksjoner'
 };

package/dist/cjs/i18n/nl.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Sluiten',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Navigeer naar links',
+  'reactions.dialog.people-who-reacted.subheader': 'Mensen die {emojiShortName} hebben gereageerd',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reactie} other {{count,number} reacties}}',
   'reactions.dialog.right.navigate': 'Navigeer naar rechts',
-  'reactions.dialog.viewall': 'Bekijken wie er heeft gereageerd',
+  'reactions.dialog.viewall': 'Alles bekijken',
   'reactions.dialog.viewall.tooltip': 'Alle reacties van gebruikers bekijken'
 };

package/dist/cjs/i18n/pl.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Zamknij',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Przejdź w lewo',
+  'reactions.dialog.people-who-reacted.subheader': 'Osoby, które zareagowały, przesyłając emoji {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reakcja} few {{count,number} reakcje} many {{count,number} reakcji} other {{count,number} reakcji}}',
   'reactions.dialog.right.navigate': 'Przejdź w prawo',
-  'reactions.dialog.viewall': 'Zobacz, kto zareagował',
+  'reactions.dialog.viewall': 'Wyświetl wszystkich',
   'reactions.dialog.viewall.tooltip': 'Wyświetl wszystkie reakcje użytkowników'
 };

package/dist/cjs/i18n/pt_BR.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Fechar',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Navegar para a esquerda',
+  'reactions.dialog.people-who-reacted.subheader': 'Pessoas que reagiram com {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reação} other {{count,number} reações}}',
   'reactions.dialog.right.navigate': 'Navegar para a direita',
-  'reactions.dialog.viewall': 'Ver quem reagiu',
+  'reactions.dialog.viewall': 'Ver tudo',
   'reactions.dialog.viewall.tooltip': 'Veja todas as reações de usuários'
 };

package/dist/cjs/i18n/ru.js

@@ -24,8 +24,9 @@ var _default = exports.default = {
   'reaction-picker-trigger.add.reaction.message': 'Добавьте реакцию',
   'reactions.dialog.close': 'Закрыть',
   'reactions.dialog.left.navigate': 'Навигация влево',
+  'reactions.dialog.people-who-reacted.subheader': 'Люди, которые оставили реакцию {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} реакция} few {{count,number} реакции} many {{count,number} реакций} other {{count,number} реакции}}',
   'reactions.dialog.right.navigate': 'Навигация вправо',
-  'reactions.dialog.viewall': 'Посмотреть, кто отреагировал',
+  'reactions.dialog.viewall': 'Просмотреть все',
   'reactions.dialog.viewall.tooltip': 'Посмотреть все реакции пользователей'
 };

package/dist/cjs/i18n/sv.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Stäng',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Vänster navigering',
+  'reactions.dialog.people-who-reacted.subheader': 'Personer som reagerade med {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reaktion} other {{count,number} reaktioner}}',
   'reactions.dialog.right.navigate': 'Höger navigering',
-  'reactions.dialog.viewall': 'Se vem som har reagerat',
+  'reactions.dialog.viewall': 'Visa alla',
   'reactions.dialog.viewall.tooltip': 'Visa alla reaktioner från användare'
 };

package/dist/cjs/i18n/th.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'ปิด',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'นำทางไปทางซ้าย',
+  'reactions.dialog.people-who-reacted.subheader': 'ผู้ที่แสดงปฏิกิริยาด้วยเอโมจิ {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, other {{count,number} การโต้ตอบ}}',
   'reactions.dialog.right.navigate': 'นำทางไปทางขวา',
-  'reactions.dialog.viewall': 'ดูว่าใครตอบสนอง',
+  'reactions.dialog.viewall': 'ดูทั้งหมด',
   'reactions.dialog.viewall.tooltip': 'ดูผู้ใช้ที่ตอบสนองทั้งหมด'
 };

package/dist/cjs/i18n/tr.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Kapat',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Sol Gezinme',
+  'reactions.dialog.people-who-reacted.subheader': '{emojiShortName} ile tepki veren kişiler',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} tepki} other {{count,number} tepki}}',
   'reactions.dialog.right.navigate': 'Sağ Gezinme',
-  'reactions.dialog.viewall': 'Kimin tepki verdiğini görün',
+  'reactions.dialog.viewall': 'Tümünü göster',
   'reactions.dialog.viewall.tooltip': 'Tüm kullanıcı tepkilerini görüntüleyin'
 };

package/dist/cjs/i18n/uk.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Закрити',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Перейти вліво',
+  'reactions.dialog.people-who-reacted.subheader': 'Люди, що додали реакцію {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} реакція} few {{count,number} реакції} many {{count,number} реакцій} other {{count,number} реакції}}',
   'reactions.dialog.right.navigate': 'Перейти вправо',
-  'reactions.dialog.viewall': 'Переглянути, хто відреагував',
+  'reactions.dialog.viewall': 'Переглянути все',
   'reactions.dialog.viewall.tooltip': 'Переглянути всі реакції користувачів'
 };

package/dist/cjs/i18n/vi.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': 'Đóng',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Sang trái',
+  'reactions.dialog.people-who-reacted.subheader': 'Những người đã tương tác bằng {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, other {{count,number} tương tác}}',
   'reactions.dialog.right.navigate': 'Sang phải',
-  'reactions.dialog.viewall': 'Xem ai đã bày tỏ cảm xúc',
+  'reactions.dialog.viewall': 'Xem tất cả',
   'reactions.dialog.viewall.tooltip': 'Xem tất cả tương tác của người dùng'
 };

package/dist/cjs/i18n/zh.js

@@ -25,8 +25,9 @@ var _default = exports.default = {
   'reactions.dialog.close': '关闭',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': '向左导航',
+  'reactions.dialog.people-who-reacted.subheader': '使用 {emojiShortName} 回应的人员',
   'reactions.dialog.reactions.count': '{count, plural, other {{count,number} 条反应}}',
   'reactions.dialog.right.navigate': '向右导航',
-  'reactions.dialog.viewall': '查看哪些人已反应',
+  'reactions.dialog.viewall': '查看全部',
   'reactions.dialog.viewall.tooltip': '查看所有用户反应'
 };

package/dist/cjs/i18n/zh_TW.js

@@ -24,8 +24,9 @@ var _default = exports.default = {
   'reaction-picker-trigger.add.reaction.message': '新增回應',
   'reactions.dialog.close': '關閉',
   'reactions.dialog.left.navigate': '左側導覽',
+  'reactions.dialog.people-who-reacted.subheader': '使用 {emojiShortName} 回應的人',
   'reactions.dialog.reactions.count': '{count, plural, other {{count,number} 個回應}}',
   'reactions.dialog.right.navigate': '右側導覽',
-  'reactions.dialog.viewall': '查看誰新增了回應',
+  'reactions.dialog.viewall': '查看全部',
   'reactions.dialog.viewall.tooltip': '檢視所有使用者的回應'
 };

package/dist/cjs/shared/i18n.js

@@ -53,7 +53,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   },
   reactionsCount: {
     id: 'reactions.dialog.reactions.count',
-    defaultMessage: "{count, plural,\n        one {# reaction}\n        other {# reactions}\n      }",
+    defaultMessage: "{count, plural,\n        one {# total reaction}\n        other {# total reactions}\n      }",
     description: 'The count of Reactions displayed in Reactions Dialog'
   },
   leftNavigateLabel: {

package/dist/es2019/analytics/index.js

@@ -1,7 +1,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 = "24.0.0";
+const packageVersion = "24.1.0";
 /**
  * TODO: move to utility package?
  * A random sampling function