@atlaskit/reactions 22.2.4 → 22.2.5

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/reactions
 
+## 22.2.5
+
+### Patch Changes
+
+- [`dfbecb4aa7c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dfbecb4aa7c) - [ux] [COLLAB-2263] allow `Enter` to open Show more to show emoji picker, allow `ESC` to close emoji picker / reaction selector.
+- Updated dependencies
+
 ## 22.2.4
 
 ### Patch Changes

package/dist/cjs/components/ReactionPicker/ReactionPicker.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ReactionPicker = exports.RENDER_REACTIONPICKER_TESTID = void 0;
+exports.ReactionPicker = exports.RENDER_REACTIONPICKER_TESTID = exports.RENDER_REACTIONPICKERPANEL_TESTID = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -30,9 +30,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var RENDER_REACTIONPICKER_TESTID = 'reactionPicker-testid';
 
 /**
- * Emoji Picker Controller Id for Accessibility Labels
+ * Test id for ReactionPicker panel div
  */
 exports.RENDER_REACTIONPICKER_TESTID = RENDER_REACTIONPICKER_TESTID;
+var RENDER_REACTIONPICKERPANEL_TESTID = 'reactionPickerPanel-testid';
+
+/**
+ * Emoji Picker Controller Id for Accessibility Labels
+ */
+exports.RENDER_REACTIONPICKERPANEL_TESTID = RENDER_REACTIONPICKERPANEL_TESTID;
 var PICKER_CONTROL_ID = 'emoji-picker';
 var popperModifiers = [
 /**
@@ -106,10 +112,10 @@ var ReactionPicker = /*#__PURE__*/_react.default.memo(function (props) {
   /**
    * Custom hook triggers when user clicks outside the reactions picker
    */
-  (0, _hooks.useClickAway)(wrapperRef, function () {
+  (0, _hooks.useCloseManager)(wrapperRef, function () {
     onCancel();
     close();
-  }, 'click', true, settings.isOpen);
+  }, true, settings.isOpen);
 
   /**
    * Event callback when the picker is closed
@@ -213,6 +219,7 @@ var ReactionPicker = /*#__PURE__*/_react.default.memo(function (props) {
     updatePopper.current = update;
     return (0, _react2.jsx)(_react.Fragment, null, settings.isOpen && (0, _react2.jsx)("div", {
       id: PICKER_CONTROL_ID,
+      "data-testid": RENDER_REACTIONPICKERPANEL_TESTID,
       style: _objectSpread({
         zIndex: _constants.layers.layer()
       }, style),

package/dist/cjs/components/ShowMore/ShowMore.js

@@ -50,7 +50,7 @@ var ShowMore = function ShowMore(_ref) {
       "aria-label": _shared.i18n.messages.moreEmoji.defaultMessage,
       type: "button",
       style: style.button,
-      onMouseDown: onClick,
+      onClick: onClick,
       "data-testid": RENDER_SHOWMORE_TESTID
     }, (0, _react2.jsx)(_more.default, {
       label: "More"

package/dist/cjs/hooks/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useClickAway", {
+Object.defineProperty(exports, "useCloseManager", {
   enumerable: true,
   get: function get() {
-    return _useClickAway.useClickAway;
+    return _useCloseManager.useCloseManager;
   }
 });
-var _useClickAway = require("./useClickAway");
+var _useCloseManager = require("./useCloseManager");

package/dist/cjs/hooks/useCloseManager.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCloseManager = useCloseManager;
+var _react = require("react");
+/**
+ * Custom hook to detect when user action is outside given container ref or press escape key
+ * @param ref ref object to an html element
+ * @param callback event callback when detected a click outside the ref object or escape key is pressed
+ * @param useCapture (Optional) use capture phase of event. @default false
+ * @param enabled (Optional) enable/disable the outside click or escape key press handler. @default true
+ */
+function useCloseManager(ref, callback) {
+  var useCapture = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var enabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+  (0, _react.useEffect)(function () {
+    if (!enabled) {
+      return;
+    }
+
+    /**
+     * Alert if clicked on outside of element
+     */
+    function handleClickOutside(event) {
+      if (ref.current && event.target instanceof Node && !ref.current.contains(event.target)) {
+        callback();
+      }
+    }
+    function handleKeydown(event) {
+      var key = event.key;
+      if (key === 'Escape' || key === 'Esc') {
+        callback();
+      }
+    }
+
+    // Bind the event listener
+    document.addEventListener('click', handleClickOutside, useCapture);
+    document.addEventListener('keydown', handleKeydown);
+    return function () {
+      // Unbind the event listener on clean up
+      document.removeEventListener('click', handleClickOutside, useCapture);
+      document.removeEventListener('keydown', handleKeydown);
+    };
+  }, [ref, callback, useCapture, enabled]);
+}

package/dist/cjs/i18n/cs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,18 +13,18 @@ exports.default = void 0;
  */
 //Czech
 var _default = {
-  'fabric.reactions.add': 'Přidat reakci',
-  '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}',
-  'reactions.dialog.close': 'Zavřít',
-  'reactions.dialog.left.navigate': 'Navigace doleva',
-  '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.tooltip': 'Zobrazit všechny reakce uživatelů'
+  "fabric.reactions.add": "Přidat reakci",
+  "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}",
+  "reactions.dialog.close": "Zavřít",
+  "reactions.dialog.left.navigate": "Navigace doleva",
+  "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.tooltip": "Zobrazit všechny reakce uživatelů"
 };
 exports.default = _default;

package/dist/cjs/i18n/da.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,18 +13,18 @@ exports.default = void 0;
  */
 //Danish (Denmark)
 var _default = {
-  'fabric.reactions.add': 'Tilføj reaktion',
-  '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}',
-  'reactions.dialog.close': 'Luk',
-  'reactions.dialog.left.navigate': 'Navigation til venstre',
-  '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.tooltip': 'Se alle brugerreaktioner'
+  "fabric.reactions.add": "Tilføj reaktion",
+  "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}",
+  "reactions.dialog.close": "Luk",
+  "reactions.dialog.left.navigate": "Navigation til venstre",
+  "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.tooltip": "Se alle brugerreaktioner"
 };
 exports.default = _default;

package/dist/cjs/i18n/de.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,18 +13,18 @@ exports.default = void 0;
  */
 //German (Germany)
 var _default = {
-  'fabric.reactions.add': 'Reaktion hinzufügen',
-  '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',
-  'reactions.dialog.close': 'Schließen',
-  'reactions.dialog.left.navigate': 'Nach links navigieren',
-  '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.tooltip': 'Alle Benutzerreaktionen anzeigen'
+  "fabric.reactions.add": "Reaktion hinzufügen",
+  "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",
+  "reactions.dialog.close": "Schließen",
+  "reactions.dialog.left.navigate": "Nach links navigieren",
+  "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.tooltip": "Alle Benutzerreaktionen anzeigen"
 };
 exports.default = _default;

package/dist/cjs/i18n/en.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,19 +13,19 @@ exports.default = void 0;
  */
 //
 var _default = {
-  'fabric.reactions.add': 'Add reaction',
-  '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',
-  'reactions.dialog.close': 'Close',
-  'reactions.dialog.emoji.name': '{emojiName}',
-  'reactions.dialog.left.navigate': 'Left Navigate',
-  '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.tooltip': 'View all user reactions'
+  "fabric.reactions.add": "Add reaction",
+  "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",
+  "reactions.dialog.close": "Close",
+  "reactions.dialog.emoji.name": "{emojiName}",
+  "reactions.dialog.left.navigate": "Left Navigate",
+  "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.tooltip": "View all user reactions"
 };
 exports.default = _default;

package/dist/cjs/i18n/en_GB.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,19 +13,19 @@ exports.default = void 0;
  */
 //English (United Kingdom)
 var _default = {
-  'fabric.reactions.add': 'Add reaction',
-  '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',
-  'reactions.dialog.close': 'Close',
-  'reactions.dialog.emoji.name': '{emojiName}',
-  'reactions.dialog.left.navigate': 'Left Navigate',
-  '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.tooltip': 'View all user reactions'
+  "fabric.reactions.add": "Add reaction",
+  "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",
+  "reactions.dialog.close": "Close",
+  "reactions.dialog.emoji.name": "{emojiName}",
+  "reactions.dialog.left.navigate": "Left Navigate",
+  "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.tooltip": "View all user reactions"
 };
 exports.default = _default;

package/dist/cjs/i18n/en_ZZ.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,19 +13,19 @@ exports.default = void 0;
  */
 //
 var _default = {
-  'fabric.reactions.add': '⁣⁢Add reaction⁡‌؜؜⁡‍⁠⁡⁠⁣⁤',
-  '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‌‍؜‍⁡⁠⁡⁣⁤',
-  'reactions.dialog.close': '⁣⁢Close‍⁡‌؜‍⁡‌‌⁣⁤',
-  'reactions.dialog.emoji.name': '⁣⁢{emojiName}⁡‌‌‍؜⁠⁡‍⁡؜⁠‌‌‍‍⁡⁣⁤',
-  'reactions.dialog.left.navigate': '⁣⁢Left Navigate؜‍‌؜⁠؜⁡‍⁠⁠⁡⁣⁤',
-  'reactions.dialog.reactions.count': '⁣⁢{reactionsCountFormatted} reactions‌‍‌‍⁠‍⁣⁤',
-  'reactions.dialog.right.navigate': '⁣⁢Right Navigate⁠؜؜⁠‌‌⁡‍‍⁠⁠⁣⁤',
-  'reactions.dialog.viewall': '⁣⁢See who reacted؜؜⁡‍‍‍⁣⁤',
-  'reactions.dialog.viewall.tooltip': '⁣⁢View all user reactions⁡‌؜؜⁡⁡‌‍؜؜⁣⁤'
+  "fabric.reactions.add": "⁣⁢Add reaction⁡‌؜؜⁡‍⁠⁡⁠⁣⁤",
+  "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‌‍؜‍⁡⁠⁡⁣⁤",
+  "reactions.dialog.close": "⁣⁢Close‍⁡‌؜‍⁡‌‌⁣⁤",
+  "reactions.dialog.emoji.name": "⁣⁢{emojiName}⁡‌‌‍؜⁠⁡‍⁡؜⁠‌‌‍‍⁡⁣⁤",
+  "reactions.dialog.left.navigate": "⁣⁢Left Navigate؜‍‌؜⁠؜⁡‍⁠⁠⁡⁣⁤",
+  "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.tooltip": "⁣⁢View all user reactions⁡‌؜؜⁡⁡‌‍؜؜⁣⁤"
 };
 exports.default = _default;

package/dist/cjs/i18n/es.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,18 +13,18 @@ exports.default = void 0;
  */
 //Spanish (International)
 var _default = {
-  'fabric.reactions.add': 'Añadir reacción',
-  '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}',
-  'reactions.dialog.close': 'Cerrar',
-  'reactions.dialog.left.navigate': 'Desplazarse hacia la izquierda',
-  '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.tooltip': 'Ver todas las reacciones de los usuarios'
+  "fabric.reactions.add": "Añadir reacción",
+  "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}",
+  "reactions.dialog.close": "Cerrar",
+  "reactions.dialog.left.navigate": "Desplazarse hacia la izquierda",
+  "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.tooltip": "Ver todas las reacciones de los usuarios"
 };
 exports.default = _default;

package/dist/cjs/i18n/fi.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,18 +13,18 @@ exports.default = void 0;
  */
 //Finnish
 var _default = {
-  'fabric.reactions.add': 'Lisää reaktio',
-  '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}',
-  'reactions.dialog.close': 'Sulje',
-  'reactions.dialog.left.navigate': 'Navigointi vasemmalle',
-  '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.tooltip': 'Näytä kaikki käyttäjäreaktiot'
+  "fabric.reactions.add": "Lisää reaktio",
+  "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}",
+  "reactions.dialog.close": "Sulje",
+  "reactions.dialog.left.navigate": "Navigointi vasemmalle",
+  "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.tooltip": "Näytä kaikki käyttäjäreaktiot"
 };
 exports.default = _default;

package/dist/cjs/i18n/fr.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,18 +13,18 @@ exports.default = void 0;
  */
 //French (France)
 var _default = {
-  'fabric.reactions.add': 'Ajouter une réaction',
-  '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}",
-  'reactions.dialog.close': 'Fermer',
-  'reactions.dialog.left.navigate': 'Naviguer vers la gauche',
-  '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.tooltip': 'Afficher toutes les réactions des utilisateurs'
+  "fabric.reactions.add": "Ajouter une réaction",
+  "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}",
+  "reactions.dialog.close": "Fermer",
+  "reactions.dialog.left.navigate": "Naviguer vers la gauche",
+  "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.tooltip": "Afficher toutes les réactions des utilisateurs"
 };
 exports.default = _default;

package/dist/cjs/i18n/hu.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,18 +13,18 @@ exports.default = void 0;
  */
 //Hungarian
 var _default = {
-  'fabric.reactions.add': 'Reakció hozzáadása',
-  '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',
-  'reactions.dialog.close': 'Bezárás',
-  'reactions.dialog.left.navigate': 'Balra navigálás',
-  '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.tooltip': 'Minden felhasználói reakció megtekintése'
+  "fabric.reactions.add": "Reakció hozzáadása",
+  "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",
+  "reactions.dialog.close": "Bezárás",
+  "reactions.dialog.left.navigate": "Balra navigálás",
+  "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.tooltip": "Minden felhasználói reakció megtekintése"
 };
 exports.default = _default;

package/dist/cjs/i18n/it.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,18 +13,18 @@ exports.default = void 0;
  */
 //Italian (Italy)
 var _default = {
-  'fabric.reactions.add': 'Aggiungi una reazione',
-  '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}",
-  'reactions.dialog.close': 'Chiudi',
-  'reactions.dialog.left.navigate': 'Navigazione a sinistra',
-  '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.tooltip': 'Visualizza tutte le reazioni degli utenti'
+  "fabric.reactions.add": "Aggiungi una reazione",
+  "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}",
+  "reactions.dialog.close": "Chiudi",
+  "reactions.dialog.left.navigate": "Navigazione a sinistra",
+  "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.tooltip": "Visualizza tutte le reazioni degli utenti"
 };
 exports.default = _default;