@atlaskit/reactions 24.0.0 → 24.1.0

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

@@ -1,4 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -9,7 +10,9 @@ import { useIntl } from 'react-intl-next';
 import { jsx } from '@emotion/react';
 import { Flex, xcss } from '@atlaskit/primitives';
 import Button, { IconButton } from '@atlaskit/button/new';
-import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
+import Heading from '@atlaskit/heading';
+import Modal, { ModalBody, ModalFooter, useModal } from '@atlaskit/modal-dialog';
+import Tooltip from '@atlaskit/tooltip';
 import ChevronLeftIcon from '@atlaskit/icon/utility/chevron-left';
 import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
 import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../../shared/constants';
@@ -17,7 +20,9 @@ import { messages } from '../../shared/i18n';
 import { ReactionsList } from './ReactionsList';
 import { containerStyle } from './styles';
 var fullWidthStyle = xcss({
-  width: '100%'
+  width: '100%',
+  padding: 'space.300',
+  paddingBlockEnd: 'space.400'
 });
 
 /**
@@ -31,18 +36,69 @@ var getDimensions = function getDimensions(container) {
     scrollLeft: container === null || container === void 0 ? void 0 : container.scrollLeft
   };
 };
-export var 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 = useModal(),
+    titleId = _useModal.titleId;
+  var intl = useIntl();
+  var isSinglePage = maxPages === 1;
+  var isOnFirstPage = currentPage === 1;
+  var isOnLastPage = currentPage === maxPages;
+  return jsx(Flex, {
+    direction: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    xcss: fullWidthStyle
+  }, jsx(Heading, {
+    size: "medium",
+    id: titleId
+  }, intl.formatMessage(messages.reactionsCount, {
+    count: totalReactionsCount
+  })), !isSinglePage && jsx(Flex, {
+    alignItems: "center",
+    gap: "space.100"
+  }, jsx(Tooltip, {
+    content: intl.formatMessage(messages.leftNavigateLabel),
+    canAppear: function canAppear() {
+      return !isOnFirstPage;
+    }
+  }, function (tooltipProps) {
+    return jsx(IconButton, _extends({}, tooltipProps, {
+      isDisabled: isOnFirstPage,
+      onClick: handlePreviousPage,
+      icon: ChevronLeftIcon,
+      label: intl.formatMessage(messages.leftNavigateLabel)
+    }));
+  }), jsx(Tooltip, {
+    content: intl.formatMessage(messages.rightNavigateLabel),
+    canAppear: function canAppear() {
+      return !isOnLastPage;
+    }
+  }, function (tooltipProps) {
+    return jsx(IconButton, _extends({}, tooltipProps, {
+      onClick: handleNextPage,
+      isDisabled: isOnLastPage,
+      icon: ChevronRightIcon,
+      label: intl.formatMessage(messages.rightNavigateLabel)
+    }));
+  })));
+};
+export var 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 = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     elementToScroll = _useState2[0],
@@ -167,27 +223,16 @@ export var ReactionsDialog = function ReactionsDialog(_ref) {
     onClose: handleCloseReactionsDialog,
     height: 600,
     testId: RENDER_MODAL_TESTID
-  }, jsx(ModalHeader, null, jsx(Flex, {
-    direction: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    xcss: fullWidthStyle
-  }, jsx("div", null, jsx(ModalTitle, null, intl.formatMessage(messages.reactionsCount, {
-    count: totalReactionsCount
-  }))), jsx(Flex, {
-    alignItems: "center",
-    gap: "space.100"
-  }, jsx(IconButton, {
-    isDisabled: currentPage === 1,
-    onClick: handlePreviousPage,
-    icon: ChevronLeftIcon,
-    label: intl.formatMessage(messages.leftNavigateLabel)
-  }), jsx(IconButton, {
-    onClick: handleNextPage,
-    isDisabled: currentPage === maxPages,
-    icon: ChevronRightIcon,
-    label: intl.formatMessage(messages.rightNavigateLabel)
-  })))), jsx(ModalBody, null, jsx("div", {
+    // eslint-disable-next-line jsx-a11y/no-autofocus
+    ,
+    autoFocus: false
+  }, jsx(ReactionsDialogModalHeader, {
+    totalReactionsCount: totalReactionsCount,
+    maxPages: maxPages,
+    handlePreviousPage: handlePreviousPage,
+    handleNextPage: handleNextPage,
+    currentPage: currentPage
+  }), jsx(ModalBody, null, jsx("div", {
     css: containerStyle(reactionsBorderWidth),
     ref: setRef
   }, jsx(ReactionsList, {
@@ -196,8 +241,7 @@ export var ReactionsDialog = function ReactionsDialog(_ref) {
     emojiProvider: emojiProvider,
     onReactionChanged: handleSelectReaction
   }))), jsx(ModalFooter, null, jsx(Button, {
-    appearance: "primary",
-    onClick: handleCloseReactionsDialog,
-    autoFocus: true
+    appearance: "subtle",
+    onClick: handleCloseReactionsDialog
   }, intl.formatMessage(messages.closeReactionsDialog))));
 };

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

@@ -103,7 +103,6 @@ export var reactionViewStyle = css({
   p: {
     margin: 0,
     color: "".concat("var(--ds-text, ".concat(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/esm/components/Reactions/Reactions.js

@@ -280,6 +280,11 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     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
     jsx("div", {
@@ -332,7 +337,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
       showOpaqueBackground: showOpaqueBackground,
       showAddReactionText: showAddReactionText,
       subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker
-    }), allowUserDialog && reactions.length > 0 && jsx(Tooltip, {
+    }), allowUserDialog && hasEmojiWithFivePlusReactions && jsx(Tooltip, {
       content: jsx(FormattedMessage, messages.seeWhoReactedTooltip),
       hideTooltipOnClick: true
     }, jsx(Button

package/dist/esm/i18n/cs.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/da.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/de.js

@@ -18,8 +18,9 @@ export 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/esm/i18n/en.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/en_GB.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/en_ZZ.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/es.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/fi.js

@@ -18,8 +18,9 @@ export 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/esm/i18n/fr.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/hu.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/it.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/ja.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/ko.js

@@ -18,8 +18,9 @@ export 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/esm/i18n/nb.js

@@ -18,8 +18,9 @@ export 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/esm/i18n/nl.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/pl.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/pt_BR.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/ru.js

@@ -18,8 +18,9 @@ export 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/esm/i18n/sv.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/th.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/tr.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/uk.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/vi.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/zh.js

@@ -19,8 +19,9 @@ export 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/esm/i18n/zh_TW.js

@@ -18,8 +18,9 @@ export 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/esm/shared/i18n.js

@@ -47,7 +47,7 @@ export var messages = 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/types/i18n/cs.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/da.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/de.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'reaction-picker-trigger.add.reaction.message': string;
     'reactions.dialog.close': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/en.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/en_GB.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/en_ZZ.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/es.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/fi.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'reaction-picker-trigger.add.reaction.message': string;
     'reactions.dialog.close': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/fr.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/hu.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/it.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/ja.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;