@atlaskit/reactions 22.0.4 → 22.2.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/reactions
 
+## 22.2.0
+
+### Minor Changes
+
+- [`c3868fc0d7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c3868fc0d7a) - [ux] remove extra spacing around reactions
+
+### Patch Changes
+
+- [`545e6461ac1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/545e6461ac1) - Fixed incorrect trigger click behaviour
+
+## 22.1.0
+
+### Minor Changes
+
+- [`14258b03842`](https://bitbucket.org/atlassian/atlassian-frontend/commits/14258b03842) - make reaction buttons more compact, and introduce miniMode for add reaction button
+
 ## 22.0.4
 
 ### Patch Changes

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

@@ -39,7 +39,7 @@ var reactionStyle = (0, _react.css)({
   borderRadius: '20px',
   color: "".concat("var(--ds-text-subtle, ".concat(_colors.N400, ")")),
   cursor: 'pointer',
-  margin: 0,
+  margin: '4px 4px 0 0',
   padding: 0,
   transition: '200ms ease-in-out',
   '&:hover': {

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

@@ -136,7 +136,7 @@ var ReactionPicker = /*#__PURE__*/_react.default.memo(function (props) {
   (0, _hooks.useClickAway)(wrapperRef, function () {
     onCancel();
     close();
-  }, 'click', true);
+  }, 'click', true, settings.isOpen);
   /**
    * Event callback when the picker is closed
    * @param _id Optional id if an emoji button was selected or undefineed if was clicked outside the picker
@@ -215,7 +215,8 @@ var ReactionPicker = /*#__PURE__*/_react.default.memo(function (props) {
   return (0, _react2.jsx)("div", {
     className: wrapperClassName,
     css: styles.pickerStyle,
-    "data-testid": RENDER_REACTIONPICKER_TESTID
+    "data-testid": RENDER_REACTIONPICKER_TESTID,
+    ref: wrapperRef
   }, (0, _react2.jsx)(_popper.Manager, null, (0, _react2.jsx)(_popper.Reference, null, function (_ref) {
     var popperRef = _ref.ref;
     return (// Render a button to open the <Selector /> panel
@@ -246,8 +247,7 @@ var ReactionPicker = /*#__PURE__*/_react.default.memo(function (props) {
       }, style),
       ref: ref
     }, (0, _react2.jsx)("div", {
-      css: styles.popupStyle,
-      ref: wrapperRef
+      css: styles.popupStyle
     }, settings.showFullPicker ? (0, _react2.jsx)(_picker.EmojiPicker, {
       emojiProvider: emojiProvider,
       onSelection: onEmojiSelected,

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

@@ -15,8 +15,7 @@ var _colors = require("@atlaskit/theme/colors");
 var pickerStyle = (0, _react.css)({
   verticalAlign: 'middle',
   '&.miniMode': {
-    display: 'inline-block',
-    marginRight: '4px'
+    display: 'inline-block'
   }
 });
 exports.pickerStyle = pickerStyle;

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

@@ -131,7 +131,9 @@ var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
       _ref$onDialogSelectRe = _ref.onDialogSelectReactionCallback,
       onDialogSelectReactionCallback = _ref$onDialogSelectRe === void 0 ? function () {} : _ref$onDialogSelectRe,
       _ref$emojiPickerSize = _ref.emojiPickerSize,
-      emojiPickerSize = _ref$emojiPickerSize === void 0 ? 'medium' : _ref$emojiPickerSize;
+      emojiPickerSize = _ref$emojiPickerSize === void 0 ? 'medium' : _ref$emojiPickerSize,
+      _ref$miniMode = _ref.miniMode,
+      miniMode = _ref$miniMode === void 0 ? false : _ref$miniMode;
 
   var _useState = (0, _react.useState)(),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -297,7 +299,6 @@ var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
   }, memorizedReactions.map(function (reaction) {
     return (0, _react2.jsx)(_Reaction.Reaction, {
       key: reaction.emojiId,
-      css: styles.reactionStyle,
       reaction: reaction,
       emojiProvider: emojiProvider,
       onClick: onReactionClick,
@@ -308,9 +309,8 @@ var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
       allowUserDialog: allowUserDialog
     });
   }), (0, _react2.jsx)(_ReactionPicker.ReactionPicker, {
-    css: styles.reactionStyle,
+    css: styles.reactionPickerStyle,
     emojiProvider: emojiProvider,
-    miniMode: true,
     allowAllEmojis: allowAllEmojis,
     pickerQuickReactionEmojiIds: pickerQuickReactionEmojiIds,
     disabled: status !== _types.ReactionStatus.ready,
@@ -319,7 +319,8 @@ var Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
     onCancel: handleOnCancel,
     onShowMore: handleOnMore,
     tooltipContent: getTooltip(status, errorMessage),
-    emojiPickerSize: emojiPickerSize
+    emojiPickerSize: emojiPickerSize,
+    miniMode: miniMode
   }), allowUserDialog && reactions.length > 0 && (0, _react2.jsx)(_tooltip.default, {
     content: (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _shared.i18n.messages.seeWhoReactedTooltip),
     hideTooltipOnClick: true

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

@@ -3,22 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapperStyle = exports.seeWhoReacted = exports.reactionStyle = void 0;
+exports.wrapperStyle = exports.seeWhoReacted = exports.reactionPickerStyle = void 0;
 
 var _react = require("@emotion/react");
 
 /** @jsx jsx */
-var reactionStyle = (0, _react.css)({
+var reactionPickerStyle = (0, _react.css)({
   display: 'inline-block',
-  margin: '4px'
+  marginTop: '4px'
 });
-exports.reactionStyle = reactionStyle;
+exports.reactionPickerStyle = reactionPickerStyle;
 var seeWhoReacted = (0, _react.css)({
   height: '24px',
   lineHeight: '24px',
-  paddingLeft: '4px',
-  paddingRight: '4px',
-  margin: '4px'
+  paddingLeft: 0,
+  paddingRight: 0,
+  marginTop: '4px',
+  marginLeft: '4px'
 });
 exports.seeWhoReacted = seeWhoReacted;
 var wrapperStyle = (0, _react.css)({
@@ -27,6 +28,7 @@ var wrapperStyle = (0, _react.css)({
   position: 'relative',
   alignItems: 'center',
   borderRadius: '15px',
+  marginTop: '-4px',
   '> :first-of-type > :first-of-type': {
     marginLeft: 0
   }

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

@@ -13,6 +13,8 @@ var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
+var _constants = require("@atlaskit/theme/constants");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -27,16 +29,19 @@ var triggerStyle = function triggerStyle(_ref) {
       disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   return (0, _react.css)(_objectSpread(_objectSpread(_objectSpread({
     minWidth: '32px',
-    height: '32px',
+    height: '24px',
+    padding: 0,
+    border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
+    borderRadius: '20px',
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center',
     lineHeight: '16px'
   }, miniMode && {
-    height: '24px',
-    padding: 0,
-    border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
-    borderRadius: '20px'
+    minWidth: '24px',
+    padding: '4px',
+    border: 'none',
+    borderRadius: "".concat((0, _constants.borderRadius)(), "px")
   }), disabled && {
     color: DISABLED_BUTTON_COLOR,
     cursor: 'not-allowed'

package/dist/cjs/hooks/useClickAway.js

@@ -13,16 +13,18 @@ var _react = require("react");
  * @param callback event callback when detected a click outside the ref object
  * @param type (Optional) type of event to listen to. @default click
  * @param useCapture (Optional) use capture phase of event. @default false
+ * @param enabled (Optional) enable/disable the outside click handler. @default true
  */
 function useClickAway(ref, callback) {
   var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'click';
   var useCapture = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var enabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
   (0, _react.useEffect)(function () {
     /**
      * Alert if clicked on outside of element
      */
     function handleClickOutside(event) {
-      if (ref.current && event.target instanceof Node && !ref.current.contains(event.target)) {
+      if (ref.current && event.target instanceof Node && !ref.current.contains(event.target) && enabled) {
         callback();
       }
     } // Bind the event listener
@@ -33,5 +35,5 @@ function useClickAway(ref, callback) {
       // Unbind the event listener on clean up
       document.removeEventListener(type, handleClickOutside, useCapture);
     };
-  }, [ref, callback, type, useCapture]);
+  }, [ref, callback, type, useCapture, enabled]);
 }

package/dist/cjs/i18n/cs.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Czech
 var _default = {
-  'fabric.reactions.error.unexpected': 'Něco se pokazilo',
+  'fabric.reactions.add': 'Přidat reakci',
+  'fabric.reactions.error.unexpected': 'Reakce jsou dočasně nedostupné.',
   'fabric.reactions.loading': 'Načítání...',
-  'fabric.reactions.more.emoji': 'Více emoji',
-  '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.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

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Danish (Denmark)
 var _default = {
-  'fabric.reactions.error.unexpected': 'Noget gik galt',
+  'fabric.reactions.add': 'Tilføj reaktion',
+  'fabric.reactions.error.unexpected': 'Reaktioner er midlertidigt utilgængelige',
   'fabric.reactions.loading': 'Indlæser ...',
-  'fabric.reactions.more.emoji': 'Flere emoji',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {og én anden} other {og {count} andre}}'
+  '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

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //German (Germany)
 var _default = {
-  'fabric.reactions.error.unexpected': 'Irgendetwas ist schiefgelaufen',
+  '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.emoji': 'Mehr Emojis',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {und ein weiterer} other {und {count} weitere}}'
+  '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,11 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-// English
+
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
 var _default = {
+  'fabric.reactions.add': 'Add reaction',
+  'fabric.reactions.error.unexpected': 'Reactions are temporarily unavailable',
   'fabric.reactions.loading': 'Loading...',
-  'fabric.reactions.more.emoji': 'More emoji',
-  'fabric.reactions.error.unexpected': 'Something went wrong',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {and one other} other {and "{count}" others}}'
+  '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,11 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-// English (United Kingdom)
+
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//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.emoji': 'More emoji',
-  'fabric.reactions.error.unexpected': 'Something went wrong',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {and one other} other {and "{count}" others}}'
+  '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

@@ -13,9 +13,19 @@ exports.default = void 0;
  */
 //
 var _default = {
-  'fabric.reactions.error.unexpected': '⁣⁢Something went wrong‍‌؜؜‌‌⁠‍⁣⁤',
+  'fabric.reactions.add': '⁣⁢Add reaction⁡‌؜؜⁡‍⁠⁡⁠⁣⁤',
+  'fabric.reactions.error.unexpected': '⁣⁢Reactions are temporarily unavailable⁡‍‍؜‍⁡‌؜؜؜؜‍⁠‍⁣⁤',
   'fabric.reactions.loading': '⁣⁢Loading...⁡؜؜؜‌⁣⁤',
-  'fabric.reactions.more.emoji': '⁣⁢More emoji‍⁠⁠⁡؜‌⁠⁡⁠⁣⁤',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {⁣⁢and one other‍⁠؜⁠⁡‌⁠⁠⁠⁣⁤} other {⁣⁢and {count} others‍⁠؜⁠⁡‌⁠⁠⁠⁣⁤}}'
+  '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⁡‌؜؜⁡⁡‌‍؜؜⁣⁤'
 };
 exports.default = _default;

package/dist/cjs/i18n/es.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Spanish (International)
 var _default = {
-  'fabric.reactions.error.unexpected': 'Algo ha fallado',
+  '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.emoji': 'Más emojis',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {y 1 más} other {y {count} más}}'
+  '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/et.js

@@ -14,7 +14,6 @@ exports.default = void 0;
 //Estonian
 var _default = {
   'fabric.reactions.error.unexpected': 'Midagi läks nässu',
-  'fabric.reactions.loading': 'Laadimine...',
-  'fabric.reactions.more.emoji': 'Veel emojisid'
+  'fabric.reactions.loading': 'Laadimine...'
 };
 exports.default = _default;

package/dist/cjs/i18n/fi.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Finnish
 var _default = {
-  'fabric.reactions.error.unexpected': 'Jotain meni pieleen',
+  'fabric.reactions.add': 'Lisää reaktio',
+  'fabric.reactions.error.unexpected': 'Reaktiot ovat väliaikaisesti poissa käytöstä',
   'fabric.reactions.loading': 'Ladataan...',
-  'fabric.reactions.more.emoji': 'Lisää emojeita',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {ja yksi muu} other {ja {count} muuta}}'
+  '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

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //French (France)
 var _default = {
-  'fabric.reactions.error.unexpected': 'Une erreur est survenue',
+  'fabric.reactions.add': 'Ajouter une réaction',
+  'fabric.reactions.error.unexpected': 'Les réactions sont temporairement indisponibles',
   'fabric.reactions.loading': 'Chargement…',
-  'fabric.reactions.more.emoji': "Plus d'emoticônes",
-  'fabric.reactions.other.reacted.users': '{count, plural, one {et 1 autre} other {et {count} autres}}'
+  '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

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Hungarian
 var _default = {
-  'fabric.reactions.error.unexpected': 'Valami hiba történt',
+  '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.emoji': 'Még több emoji',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {és egy másik} other {és {count} másik}}'
+  '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

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Italian (Italy)
 var _default = {
-  'fabric.reactions.error.unexpected': 'Si è verificato un errore',
+  '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.emoji': 'Altre emoji',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {e un altro} other {e altri {count}}}'
+  '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;

package/dist/cjs/i18n/ja.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Japanese
 var _default = {
-  'fabric.reactions.error.unexpected': 'エラーが発生しました',
+  'fabric.reactions.add': 'リアクションを追加',
+  'fabric.reactions.error.unexpected': 'リアクションは一時的に利用できません。',
   'fabric.reactions.loading': '読み込んでいます...',
-  'fabric.reactions.more.emoji': 'その他の絵文字',
-  'fabric.reactions.other.reacted.users': '{count, plural, other {、他 {count} 人}}'
+  'fabric.reactions.more.emojis': 'その他の絵文字',
+  'fabric.reactions.more.info': '詳細',
+  'fabric.reactions.other.reacted.users': '{count, plural, other {、他 {count} 人}}',
+  'fabric.reactions.reactwithemoji': '絵文字 {emoji} でリアクション',
+  'reactions.dialog.close': '閉じる',
+  'reactions.dialog.left.navigate': '左に移動',
+  'reactions.dialog.reactions.count': '{count, plural, other {{count,number} 件のリアクション}}',
+  'reactions.dialog.right.navigate': '右に移動',
+  'reactions.dialog.viewall': 'リアクションしたユーザーを表示',
+  'reactions.dialog.viewall.tooltip': 'ユーザーによるすべてのリアクションを表示'
 };
 exports.default = _default;

package/dist/cjs/i18n/ko.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Korean
 var _default = {
-  'fabric.reactions.error.unexpected': '문제가 발생했습니다',
+  'fabric.reactions.add': '반응 추가',
+  'fabric.reactions.error.unexpected': '반응을 일시적으로 사용할 수 없습니다',
   'fabric.reactions.loading': '로드 중…',
-  'fabric.reactions.more.emoji': '더 많은 이모지',
-  'fabric.reactions.other.reacted.users': '{count, plural, other {및 그 외 {count}명}}'
+  'fabric.reactions.more.emojis': '이모지 더 보기',
+  'fabric.reactions.more.info': '자세한 정보',
+  'fabric.reactions.other.reacted.users': '{count, plural, other {및 그 외 {count}명}}',
+  'fabric.reactions.reactwithemoji': '{emoji} 이모지로 반응',
+  'reactions.dialog.close': '닫기',
+  'reactions.dialog.left.navigate': '왼쪽 탐색',
+  'reactions.dialog.reactions.count': '{count, plural, other {반응 {count,number}개}}',
+  'reactions.dialog.right.navigate': '오른쪽 탐색',
+  'reactions.dialog.viewall': '반응한 사용자 보기',
+  'reactions.dialog.viewall.tooltip': '사용자 반응 모두 보기'
 };
 exports.default = _default;

package/dist/cjs/i18n/nb.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Norwegian (Bokmål)
 var _default = {
-  'fabric.reactions.error.unexpected': 'Det oppsto en feil',
+  'fabric.reactions.add': 'Legg til reaksjon',
+  'fabric.reactions.error.unexpected': 'Reaksjoner er midlertidig utilgjengelige',
   'fabric.reactions.loading': 'Laster inn …',
-  'fabric.reactions.more.emoji': 'Flere emoji-er',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {og én annen} other {og {count} andre}}'
+  '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}',
+  'reactions.dialog.close': 'Lukk',
+  'reactions.dialog.left.navigate': 'Naviger til venstre',
+  '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.tooltip': 'Se alle brukerreaksjoner'
 };
 exports.default = _default;

package/dist/cjs/i18n/nl.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Dutch (Netherlands)
 var _default = {
-  'fabric.reactions.error.unexpected': 'Er is iets misgegaan',
+  'fabric.reactions.add': 'Reactie toevoegen',
+  'fabric.reactions.error.unexpected': 'Reacties zijn tijdelijk niet beschikbaar',
   'fabric.reactions.loading': 'Bezig met laden…',
-  'fabric.reactions.more.emoji': 'Meer emoji',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {en één andere} other {en {count} andere}}'
+  '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}',
+  'reactions.dialog.close': 'Sluiten',
+  'reactions.dialog.left.navigate': 'Navigeer naar links',
+  '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.tooltip': 'Alle reacties van gebruikers bekijken'
 };
 exports.default = _default;

package/dist/cjs/i18n/pl.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Polish (Poland)
 var _default = {
-  'fabric.reactions.error.unexpected': 'Coś poszło nie tak',
+  'fabric.reactions.add': 'Dodaj reakcję',
+  'fabric.reactions.error.unexpected': 'Reakcje są tymczasowo niedostępne',
   'fabric.reactions.loading': 'Ładowanie...',
-  'fabric.reactions.more.emoji': 'Więcej emoji',
-  '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.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}',
+  'reactions.dialog.close': 'Zamknij',
+  'reactions.dialog.left.navigate': 'Przejdź w lewo',
+  '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.tooltip': 'Wyświetl wszystkie reakcje użytkowników'
 };
 exports.default = _default;