@atlaskit/reactions 22.0.4 → 22.2.0

package/dist/cjs/i18n/pt_BR.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Portuguese (Brazil)
 var _default = {
-  'fabric.reactions.error.unexpected': 'Algo deu errado',
+  'fabric.reactions.add': 'Adicionar reação',
+  'fabric.reactions.error.unexpected': 'As reações estão indisponíveis no momento',
   'fabric.reactions.loading': 'Carregando...',
-  'fabric.reactions.more.emoji': 'Mais emojis',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {e mais um} other {e mais {count}}}'
+  '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}',
+  'reactions.dialog.close': 'Fechar',
+  'reactions.dialog.left.navigate': 'Navegar para a esquerda',
+  'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reação} other {{count,number} reações}}',
+  'reactions.dialog.right.navigate': 'Navegar para a direita',
+  'reactions.dialog.viewall': 'Ver quem reagiu',
+  'reactions.dialog.viewall.tooltip': 'Veja todas as reações de usuários'
 };
 exports.default = _default;

package/dist/cjs/i18n/pt_PT.js

@@ -14,7 +14,6 @@ exports.default = void 0;
 //Portuguese (Portugal)
 var _default = {
   'fabric.reactions.error.unexpected': 'Ocorreu um erro',
-  'fabric.reactions.loading': 'A carregar...',
-  'fabric.reactions.more.emoji': 'Mais emoji'
+  'fabric.reactions.loading': 'A carregar...'
 };
 exports.default = _default;

package/dist/cjs/i18n/ru.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Russian
 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, one {и еще один} few {и еще {count}} many {и еще {count}} other {и еще {count}}}'
+  '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}',
+  'reactions.dialog.close': 'Закрыть',
+  'reactions.dialog.left.navigate': 'Навигация влево',
+  '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': 'Посмотреть все реакции пользователей'
 };
 exports.default = _default;

package/dist/cjs/i18n/sk.js

@@ -14,7 +14,6 @@ exports.default = void 0;
 //Slovak
 var _default = {
   'fabric.reactions.error.unexpected': 'Niečo sa nepodarilo',
-  'fabric.reactions.loading': 'Načítava sa...',
-  'fabric.reactions.more.emoji': 'Viac zábavných obrázkov'
+  'fabric.reactions.loading': 'Načítava sa...'
 };
 exports.default = _default;

package/dist/cjs/i18n/sv.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Swedish
 var _default = {
-  'fabric.reactions.error.unexpected': 'Något gick fel',
+  'fabric.reactions.add': 'Lägg till reaktion',
+  'fabric.reactions.error.unexpected': 'Reaktioner är inte tillgängliga just nu',
   'fabric.reactions.loading': 'Läser in ...',
-  'fabric.reactions.more.emoji': 'Fler emoji',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {och en annan} other {och {count} andra}}'
+  'fabric.reactions.more.emojis': 'Fler emojis',
+  'fabric.reactions.more.info': 'Mer info',
+  'fabric.reactions.other.reacted.users': '{count, plural, one {och en annan} other {och {count} andra}}',
+  'fabric.reactions.reactwithemoji': 'Reagera med emojin {emoji}',
+  'reactions.dialog.close': 'Stäng',
+  'reactions.dialog.left.navigate': 'Vänster navigering',
+  'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reaktion} other {{count,number} reaktioner}}',
+  'reactions.dialog.right.navigate': 'Höger navigering',
+  'reactions.dialog.viewall': 'Se vem som har reagerat',
+  'reactions.dialog.viewall.tooltip': 'Visa alla reaktioner från användare'
 };
 exports.default = _default;

package/dist/cjs/i18n/th.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Thai (Thailand)
 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/tr.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Turkish (Turkey)
 var _default = {
-  'fabric.reactions.error.unexpected': 'Bir hata oluştu',
+  'fabric.reactions.add': 'Tepki ekle',
+  'fabric.reactions.error.unexpected': 'Tepkiler geçici olarak kullanılamıyor',
   'fabric.reactions.loading': 'Yükleniyor...',
-  'fabric.reactions.more.emoji': 'Daha fazla emoji',
-  'fabric.reactions.other.reacted.users': '{count, plural, one {ve bir kişi daha} other {ve {count} kişi daha}}'
+  'fabric.reactions.more.emojis': 'Daha fazla emoji',
+  'fabric.reactions.more.info': 'Daha fazla bilgi',
+  'fabric.reactions.other.reacted.users': '{count, plural, one {ve bir kişi daha} other {ve {count} kişi daha}}',
+  'fabric.reactions.reactwithemoji': "{emoji} emoji'siyle tepki verin",
+  'reactions.dialog.close': 'Kapat',
+  'reactions.dialog.left.navigate': 'Sol Gezinme',
+  'reactions.dialog.reactions.count': '{count, plural, one {{count,number} tepki} other {{count,number} tepki}}',
+  'reactions.dialog.right.navigate': 'Sağ Gezinme',
+  'reactions.dialog.viewall': 'Kimin tepki verdiğini görün',
+  'reactions.dialog.viewall.tooltip': 'Tüm kullanıcı tepkilerini görüntüleyin'
 };
 exports.default = _default;

package/dist/cjs/i18n/uk.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Ukrainian (Ukraine)
 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, one {і ще {count} особа} few {і ще {count} особи} many {і ще {count} осіб} other {і ще {count} особи}}'
+  'fabric.reactions.more.emojis': 'Інші емодзі',
+  'fabric.reactions.more.info': 'Докладніше',
+  'fabric.reactions.other.reacted.users': '{count, plural, one {і ще {count} особа} few {і ще {count} особи} many {і ще {count} осіб} other {і ще {count} особи}}',
+  'fabric.reactions.reactwithemoji': 'Вставити емодзі {emoji}',
+  'reactions.dialog.close': 'Закрити',
+  'reactions.dialog.left.navigate': 'Перейти вліво',
+  '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': 'Переглянути всі реакції користувачів'
 };
 exports.default = _default;

package/dist/cjs/i18n/vi.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Vietnamese (Vietnam)
 var _default = {
-  'fabric.reactions.error.unexpected': 'Đã xảy ra lỗi',
+  'fabric.reactions.add': 'Thêm tương tác',
+  'fabric.reactions.error.unexpected': 'Tính năng tương tác tạm thời không hỗ trợ',
   'fabric.reactions.loading': 'Đang tải...',
-  'fabric.reactions.more.emoji': 'Biểu tượng cảm xúc khác',
-  'fabric.reactions.other.reacted.users': '{count, plural, other {và {count} người khác}}'
+  'fabric.reactions.more.emojis': 'Biểu tượng cảm xúc khác',
+  'fabric.reactions.more.info': 'Xem thêm thông tin',
+  'fabric.reactions.other.reacted.users': '{count, plural, other {và {count} người khác}}',
+  'fabric.reactions.reactwithemoji': 'Bày tỏ biểu tượng cảm xúc {emoji}',
+  'reactions.dialog.close': 'Đóng',
+  'reactions.dialog.left.navigate': 'Sang trái',
+  'reactions.dialog.reactions.count': '{count, plural, other {{count,number} tương tác}}',
+  'reactions.dialog.right.navigate': 'Sang phải',
+  'reactions.dialog.viewall': 'Xem ai đã bày tỏ cảm xúc',
+  'reactions.dialog.viewall.tooltip': 'Xem tất cả tương tác của người dùng'
 };
 exports.default = _default;

package/dist/cjs/i18n/zh.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Chinese (Simplified)
 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/zh_TW.js

@@ -13,9 +13,18 @@ exports.default = void 0;
  */
 //Chinese (Traditional)
 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/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "22.0.4"
+	"version": "22.2.0"
 }

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

@@ -29,7 +29,7 @@ export const reactionStyle = css({
   borderRadius: '20px',
   color: `${`var(--ds-text-subtle, ${N400})`}`,
   cursor: 'pointer',
-  margin: 0,
+  margin: '4px 4px 0 0',
   padding: 0,
   transition: '200ms ease-in-out',
   '&:hover': {

package/dist/es2019/components/ReactionPicker/ReactionPicker.js

@@ -95,7 +95,7 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
   useClickAway(wrapperRef, () => {
     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
@@ -173,7 +173,8 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
   return jsx("div", {
     className: wrapperClassName,
     css: styles.pickerStyle,
-    "data-testid": RENDER_REACTIONPICKER_TESTID
+    "data-testid": RENDER_REACTIONPICKER_TESTID,
+    ref: wrapperRef
   }, jsx(Manager, null, jsx(Reference, null, ({
     ref: popperRef
   }) => // Render a button to open the <Selector /> panel
@@ -204,8 +205,7 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
       },
       ref: ref
     }, jsx("div", {
-      css: styles.popupStyle,
-      ref: wrapperRef
+      css: styles.popupStyle
     }, settings.showFullPicker ? jsx(EmojiPicker, {
       emojiProvider: emojiProvider,
       onSelection: onEmojiSelected,

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

@@ -5,8 +5,7 @@ import { N0, N50A, N60A } from '@atlaskit/theme/colors';
 export const pickerStyle = css({
   verticalAlign: 'middle',
   '&.miniMode': {
-    display: 'inline-block',
-    marginRight: '4px'
+    display: 'inline-block'
   }
 });
 export const contentStyle = css({

package/dist/es2019/components/Reactions/Reactions.js

@@ -86,7 +86,8 @@ export const Reactions = /*#__PURE__*/React.memo(({
   onDialogOpenCallback = () => {},
   onDialogCloseCallback = () => {},
   onDialogSelectReactionCallback = () => {},
-  emojiPickerSize = 'medium'
+  emojiPickerSize = 'medium',
+  miniMode = false
 }) => {
   const [selectedEmojiId, setSelectedEmojiId] = useState();
   const {
@@ -239,7 +240,6 @@ export const Reactions = /*#__PURE__*/React.memo(({
     "data-testid": RENDER_REACTIONS_TESTID
   }, memorizedReactions.map(reaction => jsx(Reaction, {
     key: reaction.emojiId,
-    css: styles.reactionStyle,
     reaction: reaction,
     emojiProvider: emojiProvider,
     onClick: onReactionClick,
@@ -249,9 +249,8 @@ export const Reactions = /*#__PURE__*/React.memo(({
     handleUserListClick: handleOpenReactionsDialog,
     allowUserDialog: allowUserDialog
   })), jsx(ReactionPicker, {
-    css: styles.reactionStyle,
+    css: styles.reactionPickerStyle,
     emojiProvider: emojiProvider,
-    miniMode: true,
     allowAllEmojis: allowAllEmojis,
     pickerQuickReactionEmojiIds: pickerQuickReactionEmojiIds,
     disabled: status !== ReactionStatus.ready,
@@ -260,7 +259,8 @@ export const Reactions = /*#__PURE__*/React.memo(({
     onCancel: handleOnCancel,
     onShowMore: handleOnMore,
     tooltipContent: getTooltip(status, errorMessage),
-    emojiPickerSize: emojiPickerSize
+    emojiPickerSize: emojiPickerSize,
+    miniMode: miniMode
   }), allowUserDialog && reactions.length > 0 && jsx(Tooltip, {
     content: jsx(FormattedMessage, i18n.messages.seeWhoReactedTooltip),
     hideTooltipOnClick: true

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

@@ -1,15 +1,16 @@
 /** @jsx jsx */
 import { css } from '@emotion/react';
-export const reactionStyle = css({
+export const reactionPickerStyle = css({
   display: 'inline-block',
-  margin: '4px'
+  marginTop: '4px'
 });
 export const seeWhoReacted = css({
   height: '24px',
   lineHeight: '24px',
-  paddingLeft: '4px',
-  paddingRight: '4px',
-  margin: '4px'
+  paddingLeft: 0,
+  paddingRight: 0,
+  marginTop: '4px',
+  marginLeft: '4px'
 });
 export const wrapperStyle = css({
   display: 'flex',
@@ -17,6 +18,7 @@ export const wrapperStyle = css({
   position: 'relative',
   alignItems: 'center',
   borderRadius: '15px',
+  marginTop: '-4px',
   '> :first-of-type > :first-of-type': {
     marginLeft: 0
   }

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

@@ -1,22 +1,26 @@
 /** @jsx jsx */
 import { css } from '@emotion/react';
 import { N70, N20, N40 } from '@atlaskit/theme/colors';
+import { borderRadius } from '@atlaskit/theme/constants';
 export const DISABLED_BUTTON_COLOR = `${`var(--ds-text-disabled, ${N70})`} !important`;
 export const triggerStyle = ({
   miniMode = false,
   disabled = false
 }) => css({
   minWidth: '32px',
-  height: '32px',
+  height: '24px',
+  padding: 0,
+  border: `1px solid ${`var(--ds-border, ${N40})`}`,
+  borderRadius: '20px',
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
   lineHeight: '16px',
   ...(miniMode && {
-    height: '24px',
-    padding: 0,
-    border: `1px solid ${`var(--ds-border, ${N40})`}`,
-    borderRadius: '20px'
+    minWidth: '24px',
+    padding: '4px',
+    border: 'none',
+    borderRadius: `${borderRadius()}px`
   }),
   ...(disabled && {
     color: DISABLED_BUTTON_COLOR,

package/dist/es2019/hooks/useClickAway.js

@@ -5,15 +5,16 @@ import { useEffect } from '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
  */
 
-export function useClickAway(ref, callback, type = 'click', useCapture = false) {
+export function useClickAway(ref, callback, type = 'click', useCapture = false, enabled = true) {
   useEffect(() => {
     /**
      * 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
@@ -24,5 +25,5 @@ export function useClickAway(ref, callback, type = 'click', useCapture = false)
       // Unbind the event listener on clean up
       document.removeEventListener(type, handleClickOutside, useCapture);
     };
-  }, [ref, callback, type, useCapture]);
+  }, [ref, callback, type, useCapture, enabled]);
 }

package/dist/es2019/i18n/cs.js

@@ -6,8 +6,17 @@
  */
 //Czech
 export 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ů'
 };

package/dist/es2019/i18n/da.js

@@ -6,8 +6,17 @@
  */
 //Danish (Denmark)
 export 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'
 };

package/dist/es2019/i18n/de.js

@@ -6,8 +6,17 @@
  */
 //German (Germany)
 export 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'
 };

package/dist/es2019/i18n/en.js

@@ -1,7 +1,23 @@
-// English
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
 export 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'
 };

package/dist/es2019/i18n/en_GB.js

@@ -1,7 +1,23 @@
-// 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)
 export 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'
 };

package/dist/es2019/i18n/en_ZZ.js

@@ -6,8 +6,18 @@
  */
 //
 export 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⁡‌؜؜⁡⁡‌‍؜؜⁣⁤'
 };

package/dist/es2019/i18n/es.js

@@ -6,8 +6,17 @@
  */
 //Spanish (International)
 export 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'
 };

package/dist/es2019/i18n/et.js

@@ -7,6 +7,5 @@
 //Estonian
 export default {
   'fabric.reactions.error.unexpected': 'Midagi läks nässu',
-  'fabric.reactions.loading': 'Laadimine...',
-  'fabric.reactions.more.emoji': 'Veel emojisid'
+  'fabric.reactions.loading': 'Laadimine...'
 };

package/dist/es2019/i18n/fi.js

@@ -6,8 +6,17 @@
  */
 //Finnish
 export 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'
 };