@atlaskit/reactions 24.8.0 → 24.9.0

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

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /**
  * @jsxRuntime classic
@@ -53,6 +52,16 @@ export var ReactionsDialog = function ReactionsDialog(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     reactionsContainerRef = _useState4[0],
     setReactionsContainerRef = _useState4[1];
+
+  // prevents accidental triggering of handlePaginationChange on initial load
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasNavigatedPages = _useState6[0],
+    setHasNavigatedPages = _useState6[1];
+  var _useState7 = useState(1),
+    _useState8 = _slicedToArray(_useState7, 2),
+    currentPage = _useState8[0],
+    setCurrentPage = _useState8[1];
   var reactionElementsRef = useRef();
   var observerRef = useRef();
   var intl = useIntl();
@@ -62,38 +71,31 @@ export var ReactionsDialog = function ReactionsDialog(_ref) {
       return accum += current === null || current === void 0 ? void 0 : current.count;
     }, 0);
   }, [reactions]);
-  var sortedReactions = useMemo(function () {
-    return _toConsumableArray(reactions).sort(function (a, b) {
-      return (b === null || b === void 0 ? void 0 : b.count) - (a === null || a === void 0 ? void 0 : a.count);
-    });
-  }, [reactions]);
   var maxPages = Math.max(1, Math.ceil(reactions.length / NUMBER_OF_REACTIONS_TO_DISPLAY));
-  var _useState5 = useState(1),
-    _useState6 = _slicedToArray(_useState5, 2),
-    currentPage = _useState6[0],
-    setCurrentPage = _useState6[1];
   var currentReactions = useMemo(function () {
     var start = (currentPage - 1) * NUMBER_OF_REACTIONS_TO_DISPLAY;
     var end = start + NUMBER_OF_REACTIONS_TO_DISPLAY;
-    return sortedReactions.slice(start, end);
-  }, [sortedReactions, currentPage]);
+    return reactions.slice(start, end);
+  }, [reactions, currentPage]);
   var handleNextPage = function handleNextPage() {
     setCurrentPage(function (prevPage) {
       return Math.min(prevPage + 1, maxPages);
     });
+    setHasNavigatedPages(true);
   };
   var handlePreviousPage = function handlePreviousPage() {
     setCurrentPage(function (prevPage) {
       return Math.max(prevPage - 1, 1);
     });
+    setHasNavigatedPages(true);
   };
   var firstEmojiOnPage = (_currentReactions$ = currentReactions[0]) === null || _currentReactions$ === void 0 ? void 0 : _currentReactions$.emojiId;
   useEffect(function () {
     // trigger the handler with the first emoji when the page changes
-    if (firstEmojiOnPage) {
-      handlePaginationChange(firstEmojiOnPage);
+    if (hasNavigatedPages && firstEmojiOnPage) {
+      handlePaginationChange(firstEmojiOnPage, currentPage, maxPages);
     }
-  }, [currentPage, firstEmojiOnPage, handlePaginationChange]);
+  }, [hasNavigatedPages, currentPage, maxPages, firstEmojiOnPage, handlePaginationChange]);
 
   /* set Reactions Border Width , 8 Number of reactions to display*/
   var reactionsBorderWidth = useMemo(function () {
@@ -168,12 +170,12 @@ export var ReactionsDialog = function ReactionsDialog(_ref) {
   var selectedIndex = currentReactions.findIndex(function (reaction) {
     return reaction.emojiId === selectedEmojiId;
   });
-  var onTabChange = useCallback(function (index, analyticsEvent) {
+  var onTabChange = useCallback(function (index) {
     if (index === selectedIndex) {
       return;
     }
     var emojiId = currentReactions[index].emojiId;
-    handleSelectReaction(emojiId, analyticsEvent);
+    handleSelectReaction(emojiId);
   }, [selectedIndex, currentReactions, handleSelectReaction]);
   return jsx(Modal, {
     onClose: handleCloseReactionsDialog,

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

@@ -76,13 +76,4 @@ export var customTabListStyles = css({
     // paddingInline exists to maintain styling prior to @atlaskit/tabs update that removed baked in horizontal padding
     paddingInline: "var(--ds-space-100, 8px)"
   }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var centerSpinner = css({
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  height: '100%',
-  marginTop: "var(--ds-space-300, 24px)"
 });

package/dist/esm/components/ReactionSummary/ReactionSummaryView.js

@@ -5,6 +5,7 @@ import { FormattedMessage } from 'react-intl-next';
 import Popup from '@atlaskit/popup';
 import { Box, Inline, Text, xcss } from '@atlaskit/primitives';
 import Button from '@atlaskit/button/new';
+import Tooltip from '@atlaskit/tooltip';
 import { Reaction } from '../Reaction';
 import { ReactionSummaryButton } from './ReactionSummaryButton';
 import { messages } from '../../shared/i18n';
@@ -72,16 +73,22 @@ export var ReactionSummaryView = function ReactionSummaryView(_ref) {
         });
       }), allowUserDialog && /*#__PURE__*/React.createElement(Box, {
         xcss: viewAllButtonStyling
-      }, /*#__PURE__*/React.createElement(Button, {
-        appearance: "subtle",
-        onClick: function onClick() {
-          return handleOpenReactionsDialog === null || handleOpenReactionsDialog === void 0 ? void 0 : handleOpenReactionsDialog(reactions[0].emojiId);
-        },
-        spacing: "compact"
-      }, /*#__PURE__*/React.createElement(Text, {
-        color: "color.text.subtlest",
-        weight: "medium"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.seeWhoReacted)))));
+      }, /*#__PURE__*/React.createElement(Tooltip, {
+        content: /*#__PURE__*/React.createElement(FormattedMessage, messages.seeWhoReactedTooltip),
+        hideTooltipOnClick: true
+      }, function (tooltipProps) {
+        return /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, {
+          appearance: "subtle",
+          spacing: "compact",
+          onClick: function onClick() {
+            handlePopupClose();
+            handleOpenReactionsDialog === null || handleOpenReactionsDialog === void 0 || handleOpenReactionsDialog(reactions[0].emojiId);
+          }
+        }), /*#__PURE__*/React.createElement(Text, {
+          color: "color.text.subtlest",
+          weight: "medium"
+        }, /*#__PURE__*/React.createElement(FormattedMessage, messages.seeWhoReacted)));
+      })));
     },
     isOpen: isSummaryPopupOpen,
     onClose: handlePopupClose,

package/dist/esm/components/Reactions/Reactions.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /**
  * @jsxRuntime classic
@@ -12,28 +13,25 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ModalTransition } from '@atlaskit/modal-dialog';
 import Button from '@atlaskit/button/new';
 import Tooltip from '@atlaskit/tooltip';
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../../analytics';
 import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../../shared/constants';
 import { messages } from '../../shared/i18n';
 import { ReactionStatus } from '../../types';
-import { ReactionDialogClosed, ReactionDialogOpened, ReactionDialogSelectedReactionChanged } from '../../ufo';
+import { ReactionDialogClosed, ReactionDialogOpened, ReactionDialogSelectedReactionChanged, ReactionDialogPageNavigation } from '../../ufo';
 import { Reaction } from '../Reaction';
 import { ReactionsDialog } from '../ReactionDialog';
 import { ReactionPicker } from '../ReactionPicker';
 import { ReactionSummaryView } from '../ReactionSummary/';
 import { reactionPickerStyle, wrapperStyle } from './styles';
-var tooltipStyle = xcss({
-  paddingLeft: 'space.050'
-});
 
 /**
- * Set of all available UFO experiences relating to reactions dialog
+ * Set of all available UFO experiences relating to Reactions Dialog
  */
 export var ufoExperiences = {
   /**
-   * Expeirence when a reaction dialog is opened
+   * Experience when a reaction dialog is opened
    */
   openDialog: ReactionDialogOpened,
   /**
@@ -43,7 +41,8 @@ export var ufoExperiences = {
   /**
    * Experience when a reaction changed/fetched from inside the modal dialog
    */
-  selectedReactionChangeInsideDialog: ReactionDialogSelectedReactionChanged
+  selectedReactionChangeInsideDialog: ReactionDialogSelectedReactionChanged,
+  pageNavigated: ReactionDialogPageNavigation
 };
 
 /**
@@ -107,6 +106,8 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     onDialogCloseCallback = _ref$onDialogCloseCal === void 0 ? function () {} : _ref$onDialogCloseCal,
     _ref$onDialogSelectRe = _ref.onDialogSelectReactionCallback,
     onDialogSelectReactionCallback = _ref$onDialogSelectRe === void 0 ? function () {} : _ref$onDialogSelectRe,
+    _ref$onDialogPageChan = _ref.onDialogPageChangeCallback,
+    onDialogPageChangeCallback = _ref$onDialogPageChan === void 0 ? function () {} : _ref$onDialogPageChan,
     _ref$emojiPickerSize = _ref.emojiPickerSize,
     emojiPickerSize = _ref$emojiPickerSize === void 0 ? 'medium' : _ref$emojiPickerSize,
     _ref$miniMode = _ref.miniMode,
@@ -178,31 +179,12 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
   }, [createAnalyticsEvent, onSelection, reactions]);
 
   /**
-   * event handler to open selected reaction from tooltip
+   * event handler to open dialog with selected reaction
    * @param emojiId selected emoji id
    */
   var handleOpenReactionsDialog = function handleOpenReactionsDialog(emojiId) {
     // ufo start opening reaction dialog
     ufoExperiences.openDialog.start();
-    setSelectedEmojiId(emojiId);
-    onDialogOpenCallback(emojiId, 'tooltip');
-    // ufo opening reaction dialog success
-    ufoExperiences.openDialog.success({
-      metadata: {
-        emojiId: emojiId,
-        source: 'Reactions',
-        reason: 'Opening dialog from emoji tooltip link successfully'
-      }
-    });
-  };
-
-  /**
-   * Event handler to oepn all reactions link button
-   */
-  var handleOpenAllReactionsDialog = function handleOpenAllReactionsDialog() {
-    // ufo start opening reaction dialog
-    ufoExperiences.openDialog.start();
-    var emojiId = reactions[0].emojiId;
     getReactionDetails(emojiId);
     setSelectedEmojiId(emojiId);
     onDialogOpenCallback(emojiId, 'button');
@@ -212,7 +194,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
       metadata: {
         emojiId: emojiId,
         source: 'Reactions',
-        reason: 'Opening all reactions dialog link successfully'
+        reason: 'Opening Reactions Dialog successfully'
       }
     });
   };
@@ -230,14 +212,12 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
       }
     });
   };
-  var handleSelectReactionInDialog = function handleSelectReactionInDialog(emojiId, analyticsEvent) {
+  var handleSelectReactionInDialog = function handleSelectReactionInDialog(emojiId) {
     // ufo selected reaction inside the modal dialog
     ufoExperiences.selectedReactionChangeInsideDialog.start();
     handleReactionMouseEnter(emojiId);
     setSelectedEmojiId(emojiId);
-    if (analyticsEvent) {
-      onDialogSelectReactionCallback(emojiId, analyticsEvent);
-    }
+    onDialogSelectReactionCallback(emojiId);
 
     // ufo selected reaction inside the modal dialog success
     ufoExperiences.selectedReactionChangeInsideDialog.success({
@@ -248,9 +228,20 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
       }
     });
   };
-  var handlePaginationChange = useCallback(function (emojiId) {
+  var handlePaginationChange = useCallback(function (emojiId, currentPage, maxPages) {
+    ufoExperiences.pageNavigated.start();
+
+    // fetch the latest active emoji from the new page
     getReactionDetails(emojiId);
     setSelectedEmojiId(emojiId);
+    onDialogPageChangeCallback(emojiId, currentPage, maxPages);
+    ufoExperiences.pageNavigated.success({
+      metadata: {
+        emojiId: emojiId,
+        source: 'Reactions Dialog',
+        reason: 'Navigated to new page'
+      }
+    });
   },
   // Exclude unstable getReactionDetails to avoid extra re-renders
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -293,6 +284,11 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
   var hasEmojiWithFivePlusReactions = reactions.some(function (reaction) {
     return reaction.count >= 5;
   });
+  var sortedReactions = useMemo(function () {
+    return _toConsumableArray(memorizedReactions).sort(function (a, b) {
+      return (b === null || b === void 0 ? void 0 : b.count) - (a === null || a === void 0 ? void 0 : a.count);
+    });
+  }, [memorizedReactions]);
   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", {
@@ -301,7 +297,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     }, shouldShowSummaryView ? jsx("div", {
       "data-testid": RENDER_REACTIONS_SUMMARY_TESTID
     }, jsx(ReactionSummaryView, {
-      reactions: memorizedReactions,
+      reactions: sortedReactions,
       emojiProvider: emojiProvider,
       flash: flash,
       particleEffectByEmoji: particleEffectByEmoji,
@@ -343,21 +339,21 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
       showOpaqueBackground: showOpaqueBackground,
       showAddReactionText: showAddReactionText,
       subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker
-    }), allowUserDialog && hasEmojiWithFivePlusReactions && !shouldShowSummaryView && jsx(Box, {
-      xcss: tooltipStyle
-    }, jsx(Tooltip, {
+    }), allowUserDialog && hasEmojiWithFivePlusReactions && !shouldShowSummaryView && jsx(Box, null, jsx(Tooltip, {
       content: jsx(FormattedMessage, messages.seeWhoReactedTooltip),
       hideTooltipOnClick: true
     }, function (tooltipProps) {
       return jsx(Button, _extends({}, tooltipProps, {
         appearance: "subtle",
         spacing: "compact",
-        onClick: handleOpenAllReactionsDialog,
+        onClick: function onClick() {
+          return handleOpenReactionsDialog(sortedReactions[0].emojiId);
+        },
         testId: RENDER_VIEWALL_REACTED_USERS_DIALOG
       }), jsx(FormattedMessage, messages.seeWhoReacted));
     })), jsx(ModalTransition, null, !!selectedEmojiId && jsx(ReactionsDialog, {
       selectedEmojiId: selectedEmojiId,
-      reactions: memorizedReactions,
+      reactions: sortedReactions,
       emojiProvider: emojiProvider,
       handleCloseReactionsDialog: handleCloseReactionsDialog,
       handleSelectReaction: handleSelectReactionInDialog,

package/dist/esm/i18n/cs.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Reakce jsou dočasně nedostupné.',
   'fabric.reactions.loading': 'Načítání...',
   'fabric.reactions.more.emojis': 'Více smajlíků',
-  'fabric.reactions.more.info': 'Další informace',
   'fabric.reactions.other.reacted.users': '{count, plural, one {a jeden další} few {a {count} další} many {a {count} dalšího} other {a {count} dalších}}',
   'fabric.reactions.reactwithemoji': 'Reagovat pomocí smajlíku {emoji}',
   'fabric.reactions.summary': 'Zobrazit všechny reakce uživatelů',
@@ -20,7 +19,6 @@ export default {
   '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': 'Zobrazit vše',
   'reactions.dialog.viewall.tooltip': 'Zobrazit všechny reakce uživatelů'

package/dist/esm/i18n/da.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Reaktioner er midlertidigt utilgængelige',
   'fabric.reactions.loading': 'Indlæser ...',
   'fabric.reactions.more.emojis': 'Flere emojis',
-  'fabric.reactions.more.info': 'Flere oplysninger',
   'fabric.reactions.other.reacted.users': '{count, plural, one {og én anden} other {og {count} andre}}',
   'fabric.reactions.reactwithemoji': 'Reager med emojien {emoji}',
   'fabric.reactions.summary': 'Se alle brugerreaktioner',
@@ -20,7 +19,6 @@ export default {
   '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': 'Vis alle',
   'reactions.dialog.viewall.tooltip': 'Se alle brugerreaktioner'

package/dist/esm/i18n/de.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Reaktionen sind vorübergehend nicht verfügbar.',
   'fabric.reactions.loading': 'Wird geladen...',
   'fabric.reactions.more.emojis': 'Mehr Emojis',
-  'fabric.reactions.more.info': 'Weitere Informationen',
   'fabric.reactions.other.reacted.users': '{count, plural, one {und ein weiterer} other {und {count} weitere}}',
   'fabric.reactions.reactwithemoji': 'Mit {emoji}-Emoji reagieren',
   'fabric.reactions.summary': 'Alle Benutzerreaktionen anzeigen',
@@ -19,7 +18,6 @@ export default {
   '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': 'Alle anzeigen',
   'reactions.dialog.viewall.tooltip': 'Alle Benutzerreaktionen anzeigen'

package/dist/esm/i18n/en.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Reactions are temporarily unavailable',
   'fabric.reactions.loading': 'Loading...',
   'fabric.reactions.more.emojis': 'More emojis',
-  'fabric.reactions.more.info': 'More info',
   'fabric.reactions.other.reacted.users': '{count, plural, one {and one other} other {and {count} others}}',
   'fabric.reactions.reactwithemoji': 'React with {emoji} emoji',
   'fabric.reactions.summary': 'View all user reactions',
@@ -20,7 +19,7 @@ export default {
   '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.reactions.count': '{count, plural, one {# total reaction} other {# total reactions} }',
   'reactions.dialog.right.navigate': 'Right Navigate',
   'reactions.dialog.viewall': 'View all',
   'reactions.dialog.viewall.tooltip': 'View all user reactions'

package/dist/esm/i18n/en_GB.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Reactions are temporarily unavailable',
   'fabric.reactions.loading': 'Loading...',
   'fabric.reactions.more.emojis': 'More emojis',
-  'fabric.reactions.more.info': 'More info',
   'fabric.reactions.other.reacted.users': '{count, plural, one {and one other} other {and {count} others}}',
   'fabric.reactions.reactwithemoji': 'React with {emoji} emoji',
   'fabric.reactions.summary': 'View all user reactions',
@@ -20,7 +19,7 @@ export default {
   '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.reactions.count': '{count, plural, one {# total reaction} other {# total reactions} }',
   'reactions.dialog.right.navigate': 'Right Navigate',
   'reactions.dialog.viewall': 'View all',
   'reactions.dialog.viewall.tooltip': 'View all user reactions'

package/dist/esm/i18n/en_ZZ.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': '⁣⁢Reactions are temporarily unavailable⁡‍‍؜‍⁡‌؜؜؜؜‍⁠‍⁣⁤',
   'fabric.reactions.loading': '⁣⁢Loading...⁡؜؜؜‌⁣⁤',
   'fabric.reactions.more.emojis': '⁣⁢More emojis‌‍⁠⁠‍؜‍⁡⁠⁡؜‌⁠⁣⁤',
-  'fabric.reactions.more.info': '⁣⁢More info؜؜؜‍⁠‍؜⁠؜⁠؜⁡⁣⁤',
   'fabric.reactions.other.reacted.users': '{count, plural, one {⁣⁢and one other‍⁠؜⁠⁡‌⁠⁠⁠⁣⁤} other {⁣⁢and {count} others‍⁠؜⁠⁡‌⁠⁠⁠⁣⁤}}',
   'fabric.reactions.reactwithemoji': '⁣⁢React with {emoji} emoji‌‍؜‍⁡⁠⁡⁣⁤',
   'fabric.reactions.summary': '⁣⁢View all user reactions‌⁡‍⁡‌‌⁡‌⁠‍⁡⁠⁣⁤',
@@ -20,7 +19,7 @@ export default {
   '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.reactions.count': '{count, plural, one {⁣⁢{count,number} total reaction؜‍⁡‌⁠⁠‌‌‌؜⁣⁤} other {⁣⁢{count,number} total reactions؜‍⁡‌⁠⁠‌‌‌؜⁣⁤}}',
   'reactions.dialog.right.navigate': '⁣⁢Right Navigate⁠؜؜⁠‌‌⁡‍‍⁠⁠⁣⁤',
   'reactions.dialog.viewall': '⁣⁢View all‌‌⁡⁠⁡‌؜⁣⁤',
   'reactions.dialog.viewall.tooltip': '⁣⁢View all user reactions⁡‌؜؜⁡⁡‌‍؜؜⁣⁤'

package/dist/esm/i18n/es.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Las reacciones no están disponibles temporalmente',
   'fabric.reactions.loading': 'Cargando...',
   'fabric.reactions.more.emojis': 'Más emojis',
-  'fabric.reactions.more.info': 'Más información',
   'fabric.reactions.other.reacted.users': '{count, plural, one {y 1 más} other {y {count} más}}',
   'fabric.reactions.reactwithemoji': 'Reaccionar con el emoticono {emoji}',
   'fabric.reactions.summary': 'Ver todas las reacciones de los usuarios',
@@ -20,7 +19,6 @@ export default {
   '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 todo',
   'reactions.dialog.viewall.tooltip': 'Ver todas las reacciones de los usuarios'

package/dist/esm/i18n/fi.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Reaktiot ovat väliaikaisesti poissa käytöstä',
   'fabric.reactions.loading': 'Ladataan...',
   'fabric.reactions.more.emojis': 'Lisää emojeita',
-  'fabric.reactions.more.info': 'Lisätietoja',
   'fabric.reactions.other.reacted.users': '{count, plural, one {ja yksi muu} other {ja {count} muuta}}',
   'fabric.reactions.reactwithemoji': 'Reagoi emojilla {emoji}',
   'fabric.reactions.summary': 'Näytä kaikki käyttäjäreaktiot',
@@ -19,7 +18,6 @@ export default {
   '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': 'Näytä kaikki',
   'reactions.dialog.viewall.tooltip': 'Näytä kaikki käyttäjäreaktiot'

package/dist/esm/i18n/fr.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Les réactions sont temporairement indisponibles',
   'fabric.reactions.loading': 'Chargement…',
   'fabric.reactions.more.emojis': "Plus d'émoticônes",
-  'fabric.reactions.more.info': "Plus d'infos",
   'fabric.reactions.other.reacted.users': '{count, plural, one {et 1 autre} other {et {count} autres}}',
   'fabric.reactions.reactwithemoji': "Réagir avec l'émoticône {emoji}",
   'fabric.reactions.summary': 'Afficher toutes les réactions des utilisateurs',
@@ -20,7 +19,6 @@ export default {
   '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': 'Afficher tout',
   'reactions.dialog.viewall.tooltip': 'Afficher toutes les réactions des utilisateurs'

package/dist/esm/i18n/hu.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'A reakciók átmenetileg nem érhetők el.',
   'fabric.reactions.loading': 'Betöltés...',
   'fabric.reactions.more.emojis': 'Még több emoji',
-  'fabric.reactions.more.info': 'További információ',
   'fabric.reactions.other.reacted.users': '{count, plural, one {és egy másik} other {és {count} másik}}',
   'fabric.reactions.reactwithemoji': 'Reagálás {emoji} emojival',
   'fabric.reactions.summary': 'Minden felhasználói reakció megtekintése',
@@ -20,7 +19,6 @@ export default {
   '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': 'Összes megtekintése',
   'reactions.dialog.viewall.tooltip': 'Minden felhasználói reakció megtekintése'

package/dist/esm/i18n/it.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Le reazioni non sono temporaneamente disponibili',
   'fabric.reactions.loading': 'Caricamento in corso...',
   'fabric.reactions.more.emojis': 'Altre emoji',
-  'fabric.reactions.more.info': 'Altre informazioni',
   'fabric.reactions.other.reacted.users': '{count, plural, one {e un altro} other {e altri {count}}}',
   'fabric.reactions.reactwithemoji': "Reagisci con l'emoji {emoji}",
   'fabric.reactions.summary': 'Visualizza tutte le reazioni degli utenti',
@@ -20,7 +19,6 @@ export default {
   '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': 'Visualizza tutto',
   'reactions.dialog.viewall.tooltip': 'Visualizza tutte le reazioni degli utenti'

package/dist/esm/i18n/ja.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'リアクションは一時的に利用できません。',
   'fabric.reactions.loading': '読み込んでいます...',
   'fabric.reactions.more.emojis': 'その他の絵文字',
-  'fabric.reactions.more.info': '詳細',
   'fabric.reactions.other.reacted.users': '{count, plural, other {、他 {count} 人}}',
   'fabric.reactions.reactwithemoji': '絵文字 {emoji} でリアクション',
   'fabric.reactions.summary': 'ユーザーによるすべてのリアクションを表示',
@@ -20,7 +19,6 @@ export default {
   '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.tooltip': 'ユーザーによるすべてのリアクションを表示'

package/dist/esm/i18n/ko.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': '반응을 일시적으로 사용할 수 없습니다',
   'fabric.reactions.loading': '로드 중…',
   'fabric.reactions.more.emojis': '이모지 더 보기',
-  'fabric.reactions.more.info': '자세한 정보',
   'fabric.reactions.other.reacted.users': '{count, plural, other {및 그 외 {count}명}}',
   'fabric.reactions.reactwithemoji': '{emoji} 이모지로 반응',
   'fabric.reactions.summary': '사용자 반응 모두 보기',
@@ -19,7 +18,6 @@ export default {
   '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.tooltip': '사용자 반응 모두 보기'

package/dist/esm/i18n/nb.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Reaksjoner er midlertidig utilgjengelige',
   'fabric.reactions.loading': 'Laster inn …',
   'fabric.reactions.more.emojis': 'Flere emojier',
-  'fabric.reactions.more.info': 'Mer informasjon',
   'fabric.reactions.other.reacted.users': '{count, plural, one {og én annen} other {og {count} andre}}',
   'fabric.reactions.reactwithemoji': 'Reager med emojien {emoji}',
   'fabric.reactions.summary': 'Se alle brukerreaksjoner',
@@ -19,7 +18,6 @@ export default {
   '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': 'Vis alle',
   'reactions.dialog.viewall.tooltip': 'Se alle brukerreaksjoner'

package/dist/esm/i18n/nl.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Reacties zijn tijdelijk niet beschikbaar',
   'fabric.reactions.loading': 'Bezig met laden…',
   'fabric.reactions.more.emojis': "Meer emoji's",
-  'fabric.reactions.more.info': 'Meer info',
   'fabric.reactions.other.reacted.users': '{count, plural, one {en één andere} other {en {count} andere}}',
   'fabric.reactions.reactwithemoji': 'Reageren met emoticon {emoji}',
   'fabric.reactions.summary': 'Alle reacties van gebruikers bekijken',
@@ -20,7 +19,6 @@ export default {
   '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': 'Alles bekijken',
   'reactions.dialog.viewall.tooltip': 'Alle reacties van gebruikers bekijken'

package/dist/esm/i18n/pl.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Reakcje są tymczasowo niedostępne',
   'fabric.reactions.loading': 'Ładowanie...',
   'fabric.reactions.more.emojis': 'Więcej emoji',
-  'fabric.reactions.more.info': 'Więcej informacji',
   'fabric.reactions.other.reacted.users': '{count, plural, one {i jeszcze 1} few {i jeszcze {count}} many {i jeszcze {count}} other {i jeszcze {count}}}',
   'fabric.reactions.reactwithemoji': 'Zareaguj za pomocą emoji {emoji}',
   'fabric.reactions.summary': 'Wyświetl wszystkie reakcje użytkowników',
@@ -20,7 +19,6 @@ export default {
   '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': 'Wyświetl wszystkich',
   'reactions.dialog.viewall.tooltip': 'Wyświetl wszystkie reakcje użytkowników'

package/dist/esm/i18n/pt_BR.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'As reações estão indisponíveis no momento',
   'fabric.reactions.loading': 'Carregando...',
   'fabric.reactions.more.emojis': 'Mais emojis',
-  'fabric.reactions.more.info': 'Mais informações',
   'fabric.reactions.other.reacted.users': '{count, plural, one {e mais um} other {e mais {count}}}',
   'fabric.reactions.reactwithemoji': 'Reaja com um emoji {emoji}',
   'fabric.reactions.summary': 'Veja todas as reações de usuários',
@@ -20,7 +19,6 @@ export default {
   '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 tudo',
   'reactions.dialog.viewall.tooltip': 'Veja todas as reações de usuários'

package/dist/esm/i18n/ru.js

@@ -11,7 +11,6 @@ export default {
   'fabric.reactions.error.unexpected': 'Реакции временно недоступны',
   'fabric.reactions.loading': 'Загрузка…',
   'fabric.reactions.more.emojis': 'Другие эмодзи',
-  'fabric.reactions.more.info': 'Подробнее',
   'fabric.reactions.other.reacted.users': '{count, plural, one {и еще один} few {и еще {count}} many {и еще {count}} other {и еще {count}}}',
   'fabric.reactions.reactwithemoji': 'Отреагировать с помощью эмодзи {emoji}',
   'fabric.reactions.summary': 'Посмотреть все реакции пользователей',
@@ -19,7 +18,6 @@ export default {
   '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.tooltip': 'Посмотреть все реакции пользователей'