@atlaskit/reactions 22.0.4 → 22.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/components/Reaction/styles.js +1 -1
  3. package/dist/cjs/components/ReactionPicker/ReactionPicker.js +4 -4
  4. package/dist/cjs/components/ReactionPicker/styles.js +1 -2
  5. package/dist/cjs/components/Reactions/Reactions.js +6 -5
  6. package/dist/cjs/components/Reactions/styles.js +9 -7
  7. package/dist/cjs/components/Trigger/styles.js +10 -5
  8. package/dist/cjs/hooks/useClickAway.js +4 -2
  9. package/dist/cjs/i18n/cs.js +12 -3
  10. package/dist/cjs/i18n/da.js +12 -3
  11. package/dist/cjs/i18n/de.js +12 -3
  12. package/dist/cjs/i18n/en.js +21 -4
  13. package/dist/cjs/i18n/en_GB.js +21 -4
  14. package/dist/cjs/i18n/en_ZZ.js +13 -3
  15. package/dist/cjs/i18n/es.js +12 -3
  16. package/dist/cjs/i18n/et.js +1 -2
  17. package/dist/cjs/i18n/fi.js +12 -3
  18. package/dist/cjs/i18n/fr.js +12 -3
  19. package/dist/cjs/i18n/hu.js +12 -3
  20. package/dist/cjs/i18n/it.js +12 -3
  21. package/dist/cjs/i18n/ja.js +12 -3
  22. package/dist/cjs/i18n/ko.js +12 -3
  23. package/dist/cjs/i18n/nb.js +12 -3
  24. package/dist/cjs/i18n/nl.js +12 -3
  25. package/dist/cjs/i18n/pl.js +12 -3
  26. package/dist/cjs/i18n/pt_BR.js +12 -3
  27. package/dist/cjs/i18n/pt_PT.js +1 -2
  28. package/dist/cjs/i18n/ru.js +12 -3
  29. package/dist/cjs/i18n/sk.js +1 -2
  30. package/dist/cjs/i18n/sv.js +12 -3
  31. package/dist/cjs/i18n/th.js +12 -3
  32. package/dist/cjs/i18n/tr.js +12 -3
  33. package/dist/cjs/i18n/uk.js +12 -3
  34. package/dist/cjs/i18n/vi.js +12 -3
  35. package/dist/cjs/i18n/zh.js +12 -3
  36. package/dist/cjs/i18n/zh_TW.js +12 -3
  37. package/dist/cjs/version.json +1 -1
  38. package/dist/es2019/components/Reaction/styles.js +1 -1
  39. package/dist/es2019/components/ReactionPicker/ReactionPicker.js +4 -4
  40. package/dist/es2019/components/ReactionPicker/styles.js +1 -2
  41. package/dist/es2019/components/Reactions/Reactions.js +5 -5
  42. package/dist/es2019/components/Reactions/styles.js +7 -5
  43. package/dist/es2019/components/Trigger/styles.js +9 -5
  44. package/dist/es2019/hooks/useClickAway.js +4 -3
  45. package/dist/es2019/i18n/cs.js +12 -3
  46. package/dist/es2019/i18n/da.js +12 -3
  47. package/dist/es2019/i18n/de.js +12 -3
  48. package/dist/es2019/i18n/en.js +20 -4
  49. package/dist/es2019/i18n/en_GB.js +20 -4
  50. package/dist/es2019/i18n/en_ZZ.js +13 -3
  51. package/dist/es2019/i18n/es.js +12 -3
  52. package/dist/es2019/i18n/et.js +1 -2
  53. package/dist/es2019/i18n/fi.js +12 -3
  54. package/dist/es2019/i18n/fr.js +12 -3
  55. package/dist/es2019/i18n/hu.js +12 -3
  56. package/dist/es2019/i18n/it.js +12 -3
  57. package/dist/es2019/i18n/ja.js +12 -3
  58. package/dist/es2019/i18n/ko.js +12 -3
  59. package/dist/es2019/i18n/nb.js +12 -3
  60. package/dist/es2019/i18n/nl.js +12 -3
  61. package/dist/es2019/i18n/pl.js +12 -3
  62. package/dist/es2019/i18n/pt_BR.js +12 -3
  63. package/dist/es2019/i18n/pt_PT.js +1 -2
  64. package/dist/es2019/i18n/ru.js +12 -3
  65. package/dist/es2019/i18n/sk.js +1 -2
  66. package/dist/es2019/i18n/sv.js +12 -3
  67. package/dist/es2019/i18n/th.js +12 -3
  68. package/dist/es2019/i18n/tr.js +12 -3
  69. package/dist/es2019/i18n/uk.js +12 -3
  70. package/dist/es2019/i18n/vi.js +12 -3
  71. package/dist/es2019/i18n/zh.js +12 -3
  72. package/dist/es2019/i18n/zh_TW.js +12 -3
  73. package/dist/es2019/version.json +1 -1
  74. package/dist/esm/components/Reaction/styles.js +1 -1
  75. package/dist/esm/components/ReactionPicker/ReactionPicker.js +4 -4
  76. package/dist/esm/components/ReactionPicker/styles.js +1 -2
  77. package/dist/esm/components/Reactions/Reactions.js +6 -5
  78. package/dist/esm/components/Reactions/styles.js +7 -5
  79. package/dist/esm/components/Trigger/styles.js +9 -5
  80. package/dist/esm/hooks/useClickAway.js +4 -2
  81. package/dist/esm/i18n/cs.js +12 -3
  82. package/dist/esm/i18n/da.js +12 -3
  83. package/dist/esm/i18n/de.js +12 -3
  84. package/dist/esm/i18n/en.js +20 -4
  85. package/dist/esm/i18n/en_GB.js +20 -4
  86. package/dist/esm/i18n/en_ZZ.js +13 -3
  87. package/dist/esm/i18n/es.js +12 -3
  88. package/dist/esm/i18n/et.js +1 -2
  89. package/dist/esm/i18n/fi.js +12 -3
  90. package/dist/esm/i18n/fr.js +12 -3
  91. package/dist/esm/i18n/hu.js +12 -3
  92. package/dist/esm/i18n/it.js +12 -3
  93. package/dist/esm/i18n/ja.js +12 -3
  94. package/dist/esm/i18n/ko.js +12 -3
  95. package/dist/esm/i18n/nb.js +12 -3
  96. package/dist/esm/i18n/nl.js +12 -3
  97. package/dist/esm/i18n/pl.js +12 -3
  98. package/dist/esm/i18n/pt_BR.js +12 -3
  99. package/dist/esm/i18n/pt_PT.js +1 -2
  100. package/dist/esm/i18n/ru.js +12 -3
  101. package/dist/esm/i18n/sk.js +1 -2
  102. package/dist/esm/i18n/sv.js +12 -3
  103. package/dist/esm/i18n/th.js +12 -3
  104. package/dist/esm/i18n/tr.js +12 -3
  105. package/dist/esm/i18n/uk.js +12 -3
  106. package/dist/esm/i18n/vi.js +12 -3
  107. package/dist/esm/i18n/zh.js +12 -3
  108. package/dist/esm/i18n/zh_TW.js +12 -3
  109. package/dist/esm/version.json +1 -1
  110. package/dist/types/components/Reactions/Reactions.d.ts +1 -1
  111. package/dist/types/components/Reactions/styles.d.ts +1 -1
  112. package/dist/types/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts +1 -1
  113. package/dist/types/hooks/useClickAway.d.ts +2 -1
  114. package/dist/types/i18n/cs.d.ts +10 -1
  115. package/dist/types/i18n/da.d.ts +10 -1
  116. package/dist/types/i18n/de.d.ts +10 -1
  117. package/dist/types/i18n/en.d.ts +18 -2
  118. package/dist/types/i18n/en_GB.d.ts +18 -2
  119. package/dist/types/i18n/en_ZZ.d.ts +11 -1
  120. package/dist/types/i18n/es.d.ts +10 -1
  121. package/dist/types/i18n/et.d.ts +0 -1
  122. package/dist/types/i18n/fi.d.ts +10 -1
  123. package/dist/types/i18n/fr.d.ts +10 -1
  124. package/dist/types/i18n/hu.d.ts +10 -1
  125. package/dist/types/i18n/it.d.ts +10 -1
  126. package/dist/types/i18n/ja.d.ts +10 -1
  127. package/dist/types/i18n/ko.d.ts +10 -1
  128. package/dist/types/i18n/nb.d.ts +10 -1
  129. package/dist/types/i18n/nl.d.ts +10 -1
  130. package/dist/types/i18n/pl.d.ts +10 -1
  131. package/dist/types/i18n/pt_BR.d.ts +10 -1
  132. package/dist/types/i18n/pt_PT.d.ts +0 -1
  133. package/dist/types/i18n/ru.d.ts +10 -1
  134. package/dist/types/i18n/sk.d.ts +0 -1
  135. package/dist/types/i18n/sv.d.ts +10 -1
  136. package/dist/types/i18n/th.d.ts +10 -1
  137. package/dist/types/i18n/tr.d.ts +10 -1
  138. package/dist/types/i18n/uk.d.ts +10 -1
  139. package/dist/types/i18n/vi.d.ts +10 -1
  140. package/dist/types/i18n/zh.d.ts +10 -1
  141. package/dist/types/i18n/zh_TW.d.ts +10 -1
  142. package/package.json +2 -2
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //French (France)
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Une erreur est survenue',
9
+ 'fabric.reactions.add': 'Ajouter une réaction',
10
+ 'fabric.reactions.error.unexpected': 'Les réactions sont temporairement indisponibles',
10
11
  'fabric.reactions.loading': 'Chargement…',
11
- 'fabric.reactions.more.emoji': "Plus d'emoticônes",
12
- 'fabric.reactions.other.reacted.users': '{count, plural, one {et 1 autre} other {et {count} autres}}'
12
+ 'fabric.reactions.more.emojis': "Plus d'émoticônes",
13
+ 'fabric.reactions.more.info': "Plus d'infos",
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, one {et 1 autre} other {et {count} autres}}',
15
+ 'fabric.reactions.reactwithemoji': "Réagir avec l'émoticône {emoji}",
16
+ 'reactions.dialog.close': 'Fermer',
17
+ 'reactions.dialog.left.navigate': 'Naviguer vers la gauche',
18
+ 'reactions.dialog.reactions.count': '{count, plural, one {{count,number} réaction} other {{count,number} réactions}}',
19
+ 'reactions.dialog.right.navigate': 'Naviguer vers la droite',
20
+ 'reactions.dialog.viewall': 'Voir qui a réagi',
21
+ 'reactions.dialog.viewall.tooltip': 'Afficher toutes les réactions des utilisateurs'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Hungarian
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Valami hiba történt',
9
+ 'fabric.reactions.add': 'Reakció hozzáadása',
10
+ 'fabric.reactions.error.unexpected': 'A reakciók átmenetileg nem érhetők el.',
10
11
  'fabric.reactions.loading': 'Betöltés...',
11
- 'fabric.reactions.more.emoji': 'Még több emoji',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, one {és egy másik} other {és {count} másik}}'
12
+ 'fabric.reactions.more.emojis': 'Még több emoji',
13
+ 'fabric.reactions.more.info': 'További információ',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, one {és egy másik} other {és {count} másik}}',
15
+ 'fabric.reactions.reactwithemoji': 'Reagálás {emoji} emojival',
16
+ 'reactions.dialog.close': 'Bezárás',
17
+ 'reactions.dialog.left.navigate': 'Balra navigálás',
18
+ 'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reakció} other {{count,number} reakció}}',
19
+ 'reactions.dialog.right.navigate': 'Jobbra navigálás',
20
+ 'reactions.dialog.viewall': 'Reagálók megtekintése',
21
+ 'reactions.dialog.viewall.tooltip': 'Minden felhasználói reakció megtekintése'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Italian (Italy)
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Si è verificato un errore',
9
+ 'fabric.reactions.add': 'Aggiungi una reazione',
10
+ 'fabric.reactions.error.unexpected': 'Le reazioni non sono temporaneamente disponibili',
10
11
  'fabric.reactions.loading': 'Caricamento in corso...',
11
- 'fabric.reactions.more.emoji': 'Altre emoji',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, one {e un altro} other {e altri {count}}}'
12
+ 'fabric.reactions.more.emojis': 'Altre emoji',
13
+ 'fabric.reactions.more.info': 'Altre informazioni',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, one {e un altro} other {e altri {count}}}',
15
+ 'fabric.reactions.reactwithemoji': "Reagisci con l'emoji {emoji}",
16
+ 'reactions.dialog.close': 'Chiudi',
17
+ 'reactions.dialog.left.navigate': 'Navigazione a sinistra',
18
+ 'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reazione} other {{count,number} reazioni}}',
19
+ 'reactions.dialog.right.navigate': 'Navigazione a destra',
20
+ 'reactions.dialog.viewall': 'Guarda chi ha reagito',
21
+ 'reactions.dialog.viewall.tooltip': 'Visualizza tutte le reazioni degli utenti'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Japanese
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'エラーが発生しました',
9
+ 'fabric.reactions.add': 'リアクションを追加',
10
+ 'fabric.reactions.error.unexpected': 'リアクションは一時的に利用できません。',
10
11
  'fabric.reactions.loading': '読み込んでいます...',
11
- 'fabric.reactions.more.emoji': 'その他の絵文字',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, other {、他 {count} 人}}'
12
+ 'fabric.reactions.more.emojis': 'その他の絵文字',
13
+ 'fabric.reactions.more.info': '詳細',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, other {、他 {count} 人}}',
15
+ 'fabric.reactions.reactwithemoji': '絵文字 {emoji} でリアクション',
16
+ 'reactions.dialog.close': '閉じる',
17
+ 'reactions.dialog.left.navigate': '左に移動',
18
+ 'reactions.dialog.reactions.count': '{count, plural, other {{count,number} 件のリアクション}}',
19
+ 'reactions.dialog.right.navigate': '右に移動',
20
+ 'reactions.dialog.viewall': 'リアクションしたユーザーを表示',
21
+ 'reactions.dialog.viewall.tooltip': 'ユーザーによるすべてのリアクションを表示'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Korean
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': '문제가 발생했습니다',
9
+ 'fabric.reactions.add': '반응 추가',
10
+ 'fabric.reactions.error.unexpected': '반응을 일시적으로 사용할 수 없습니다',
10
11
  'fabric.reactions.loading': '로드 중…',
11
- 'fabric.reactions.more.emoji': '더 많은 이모지',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, other {및 그 외 {count}명}}'
12
+ 'fabric.reactions.more.emojis': '이모지 보기',
13
+ 'fabric.reactions.more.info': '자세한 정보',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, other {및 그 외 {count}명}}',
15
+ 'fabric.reactions.reactwithemoji': '{emoji} 이모지로 반응',
16
+ 'reactions.dialog.close': '닫기',
17
+ 'reactions.dialog.left.navigate': '왼쪽 탐색',
18
+ 'reactions.dialog.reactions.count': '{count, plural, other {반응 {count,number}개}}',
19
+ 'reactions.dialog.right.navigate': '오른쪽 탐색',
20
+ 'reactions.dialog.viewall': '반응한 사용자 보기',
21
+ 'reactions.dialog.viewall.tooltip': '사용자 반응 모두 보기'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Norwegian (Bokmål)
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Det oppsto en feil',
9
+ 'fabric.reactions.add': 'Legg til reaksjon',
10
+ 'fabric.reactions.error.unexpected': 'Reaksjoner er midlertidig utilgjengelige',
10
11
  'fabric.reactions.loading': 'Laster inn …',
11
- 'fabric.reactions.more.emoji': 'Flere emoji-er',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, one {og én annen} other {og {count} andre}}'
12
+ 'fabric.reactions.more.emojis': 'Flere emojier',
13
+ 'fabric.reactions.more.info': 'Mer informasjon',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, one {og én annen} other {og {count} andre}}',
15
+ 'fabric.reactions.reactwithemoji': 'Reager med emojien {emoji}',
16
+ 'reactions.dialog.close': 'Lukk',
17
+ 'reactions.dialog.left.navigate': 'Naviger til venstre',
18
+ 'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reaksjon} other {{count,number} reaksjoner}}',
19
+ 'reactions.dialog.right.navigate': 'Naviger til høyre',
20
+ 'reactions.dialog.viewall': 'Se hvem som har reagert',
21
+ 'reactions.dialog.viewall.tooltip': 'Se alle brukerreaksjoner'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Dutch (Netherlands)
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Er is iets misgegaan',
9
+ 'fabric.reactions.add': 'Reactie toevoegen',
10
+ 'fabric.reactions.error.unexpected': 'Reacties zijn tijdelijk niet beschikbaar',
10
11
  'fabric.reactions.loading': 'Bezig met laden…',
11
- 'fabric.reactions.more.emoji': 'Meer emoji',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, one {en één andere} other {en {count} andere}}'
12
+ 'fabric.reactions.more.emojis': "Meer emoji's",
13
+ 'fabric.reactions.more.info': 'Meer info',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, one {en één andere} other {en {count} andere}}',
15
+ 'fabric.reactions.reactwithemoji': 'Reageren met emoticon {emoji}',
16
+ 'reactions.dialog.close': 'Sluiten',
17
+ 'reactions.dialog.left.navigate': 'Navigeer naar links',
18
+ 'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reactie} other {{count,number} reacties}}',
19
+ 'reactions.dialog.right.navigate': 'Navigeer naar rechts',
20
+ 'reactions.dialog.viewall': 'Bekijken wie er heeft gereageerd',
21
+ 'reactions.dialog.viewall.tooltip': 'Alle reacties van gebruikers bekijken'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Polish (Poland)
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Coś poszło nie tak',
9
+ 'fabric.reactions.add': 'Dodaj reakcję',
10
+ 'fabric.reactions.error.unexpected': 'Reakcje są tymczasowo niedostępne',
10
11
  'fabric.reactions.loading': 'Ładowanie...',
11
- 'fabric.reactions.more.emoji': 'Więcej emoji',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, one {i jeszcze 1} few {i jeszcze {count}} many {i jeszcze {count}} other {i jeszcze {count}}}'
12
+ 'fabric.reactions.more.emojis': 'Więcej emoji',
13
+ 'fabric.reactions.more.info': 'Więcej informacji',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, one {i jeszcze 1} few {i jeszcze {count}} many {i jeszcze {count}} other {i jeszcze {count}}}',
15
+ 'fabric.reactions.reactwithemoji': 'Zareaguj za pomocą emoji {emoji}',
16
+ 'reactions.dialog.close': 'Zamknij',
17
+ 'reactions.dialog.left.navigate': 'Przejdź w lewo',
18
+ 'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reakcja} few {{count,number} reakcje} many {{count,number} reakcji} other {{count,number} reakcji}}',
19
+ 'reactions.dialog.right.navigate': 'Przejdź w prawo',
20
+ 'reactions.dialog.viewall': 'Zobacz, kto zareagował',
21
+ 'reactions.dialog.viewall.tooltip': 'Wyświetl wszystkie reakcje użytkowników'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Portuguese (Brazil)
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Algo deu errado',
9
+ 'fabric.reactions.add': 'Adicionar reação',
10
+ 'fabric.reactions.error.unexpected': 'As reações estão indisponíveis no momento',
10
11
  'fabric.reactions.loading': 'Carregando...',
11
- 'fabric.reactions.more.emoji': 'Mais emojis',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, one {e mais um} other {e mais {count}}}'
12
+ 'fabric.reactions.more.emojis': 'Mais emojis',
13
+ 'fabric.reactions.more.info': 'Mais informações',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, one {e mais um} other {e mais {count}}}',
15
+ 'fabric.reactions.reactwithemoji': 'Reaja com um emoji {emoji}',
16
+ 'reactions.dialog.close': 'Fechar',
17
+ 'reactions.dialog.left.navigate': 'Navegar para a esquerda',
18
+ 'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reação} other {{count,number} reações}}',
19
+ 'reactions.dialog.right.navigate': 'Navegar para a direita',
20
+ 'reactions.dialog.viewall': 'Ver quem reagiu',
21
+ 'reactions.dialog.viewall.tooltip': 'Veja todas as reações de usuários'
13
22
  };
@@ -7,6 +7,5 @@
7
7
  //Portuguese (Portugal)
8
8
  export default {
9
9
  'fabric.reactions.error.unexpected': 'Ocorreu um erro',
10
- 'fabric.reactions.loading': 'A carregar...',
11
- 'fabric.reactions.more.emoji': 'Mais emoji'
10
+ 'fabric.reactions.loading': 'A carregar...'
12
11
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Russian
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Произошла ошибка',
9
+ 'fabric.reactions.add': 'Добавить реакцию',
10
+ 'fabric.reactions.error.unexpected': 'Реакции временно недоступны',
10
11
  'fabric.reactions.loading': 'Загрузка…',
11
- 'fabric.reactions.more.emoji': 'Другие эмодзи',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, one {и еще один} few {и еще {count}} many {и еще {count}} other {и еще {count}}}'
12
+ 'fabric.reactions.more.emojis': 'Другие эмодзи',
13
+ 'fabric.reactions.more.info': 'Подробнее',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, one {и еще один} few {и еще {count}} many {и еще {count}} other {и еще {count}}}',
15
+ 'fabric.reactions.reactwithemoji': 'Отреагировать с помощью эмодзи {emoji}',
16
+ 'reactions.dialog.close': 'Закрыть',
17
+ 'reactions.dialog.left.navigate': 'Навигация влево',
18
+ 'reactions.dialog.reactions.count': '{count, plural, one {{count,number} реакция} few {{count,number} реакции} many {{count,number} реакций} other {{count,number} реакции}}',
19
+ 'reactions.dialog.right.navigate': 'Навигация вправо',
20
+ 'reactions.dialog.viewall': 'Посмотреть, кто отреагировал',
21
+ 'reactions.dialog.viewall.tooltip': 'Посмотреть все реакции пользователей'
13
22
  };
@@ -7,6 +7,5 @@
7
7
  //Slovak
8
8
  export default {
9
9
  'fabric.reactions.error.unexpected': 'Niečo sa nepodarilo',
10
- 'fabric.reactions.loading': 'Načítava sa...',
11
- 'fabric.reactions.more.emoji': 'Viac zábavných obrázkov'
10
+ 'fabric.reactions.loading': 'Načítava sa...'
12
11
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Swedish
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Något gick fel',
9
+ 'fabric.reactions.add': 'Lägg till reaktion',
10
+ 'fabric.reactions.error.unexpected': 'Reaktioner är inte tillgängliga just nu',
10
11
  'fabric.reactions.loading': 'Läser in ...',
11
- 'fabric.reactions.more.emoji': 'Fler emoji',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, one {och en annan} other {och {count} andra}}'
12
+ 'fabric.reactions.more.emojis': 'Fler emojis',
13
+ 'fabric.reactions.more.info': 'Mer info',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, one {och en annan} other {och {count} andra}}',
15
+ 'fabric.reactions.reactwithemoji': 'Reagera med emojin {emoji}',
16
+ 'reactions.dialog.close': 'Stäng',
17
+ 'reactions.dialog.left.navigate': 'Vänster navigering',
18
+ 'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reaktion} other {{count,number} reaktioner}}',
19
+ 'reactions.dialog.right.navigate': 'Höger navigering',
20
+ 'reactions.dialog.viewall': 'Se vem som har reagerat',
21
+ 'reactions.dialog.viewall.tooltip': 'Visa alla reaktioner från användare'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Thai (Thailand)
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'มีข้อผิดพลาดบางอย่างเกิดขึ้น',
9
+ 'fabric.reactions.add': 'เพิ่มการโต้ตอบ',
10
+ 'fabric.reactions.error.unexpected': 'การแสดงปฏิกิริยาไม่สามารถใช้งานได้ชั่วคราว',
10
11
  'fabric.reactions.loading': 'กำลังโหลด...',
11
- 'fabric.reactions.more.emoji': 'เอโมจิเพิ่มเติม',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, other {และคนอื่น ๆ อีก {count} คน}}'
12
+ 'fabric.reactions.more.emojis': 'เอโมจิเพิ่มเติม',
13
+ 'fabric.reactions.more.info': 'ข้อมูลเพิ่มเติม',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, other {และคนอื่น ๆ อีก {count} คน}}',
15
+ 'fabric.reactions.reactwithemoji': 'แสดงปฏิกิริยาด้วยเอโมจิ {emoji}',
16
+ 'reactions.dialog.close': 'ปิด',
17
+ 'reactions.dialog.left.navigate': 'นำทางไปทางซ้าย',
18
+ 'reactions.dialog.reactions.count': '{count, plural, other {{count,number} การโต้ตอบ}}',
19
+ 'reactions.dialog.right.navigate': 'นำทางไปทางขวา',
20
+ 'reactions.dialog.viewall': 'ดูว่าใครตอบสนอง',
21
+ 'reactions.dialog.viewall.tooltip': 'ดูผู้ใช้ที่ตอบสนองทั้งหมด'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Turkish (Turkey)
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Bir hata oluştu',
9
+ 'fabric.reactions.add': 'Tepki ekle',
10
+ 'fabric.reactions.error.unexpected': 'Tepkiler geçici olarak kullanılamıyor',
10
11
  'fabric.reactions.loading': 'Yükleniyor...',
11
- 'fabric.reactions.more.emoji': 'Daha fazla emoji',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, one {ve bir kişi daha} other {ve {count} kişi daha}}'
12
+ 'fabric.reactions.more.emojis': 'Daha fazla emoji',
13
+ 'fabric.reactions.more.info': 'Daha fazla bilgi',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, one {ve bir kişi daha} other {ve {count} kişi daha}}',
15
+ 'fabric.reactions.reactwithemoji': "{emoji} emoji'siyle tepki verin",
16
+ 'reactions.dialog.close': 'Kapat',
17
+ 'reactions.dialog.left.navigate': 'Sol Gezinme',
18
+ 'reactions.dialog.reactions.count': '{count, plural, one {{count,number} tepki} other {{count,number} tepki}}',
19
+ 'reactions.dialog.right.navigate': 'Sağ Gezinme',
20
+ 'reactions.dialog.viewall': 'Kimin tepki verdiğini görün',
21
+ 'reactions.dialog.viewall.tooltip': 'Tüm kullanıcı tepkilerini görüntüleyin'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Ukrainian (Ukraine)
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Щось пішло не так',
9
+ 'fabric.reactions.add': 'Додати реакцію',
10
+ 'fabric.reactions.error.unexpected': 'Реакції тимчасово недоступні',
10
11
  'fabric.reactions.loading': 'Завантаження...',
11
- 'fabric.reactions.more.emoji': 'Інші емодзі',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, one {і ще {count} особа} few {і ще {count} особи} many {і ще {count} осіб} other {і ще {count} особи}}'
12
+ 'fabric.reactions.more.emojis': 'Інші емодзі',
13
+ 'fabric.reactions.more.info': 'Докладніше',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, one {і ще {count} особа} few {і ще {count} особи} many {і ще {count} осіб} other {і ще {count} особи}}',
15
+ 'fabric.reactions.reactwithemoji': 'Вставити емодзі {emoji}',
16
+ 'reactions.dialog.close': 'Закрити',
17
+ 'reactions.dialog.left.navigate': 'Перейти вліво',
18
+ 'reactions.dialog.reactions.count': '{count, plural, one {{count,number} реакція} few {{count,number} реакції} many {{count,number} реакцій} other {{count,number} реакції}}',
19
+ 'reactions.dialog.right.navigate': 'Перейти вправо',
20
+ 'reactions.dialog.viewall': 'Переглянути, хто відреагував',
21
+ 'reactions.dialog.viewall.tooltip': 'Переглянути всі реакції користувачів'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Vietnamese (Vietnam)
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Đã xảy ra lỗi',
9
+ 'fabric.reactions.add': 'Thêm tương tác',
10
+ 'fabric.reactions.error.unexpected': 'Tính năng tương tác tạm thời không hỗ trợ',
10
11
  'fabric.reactions.loading': 'Đang tải...',
11
- 'fabric.reactions.more.emoji': 'Biểu tượng cảm xúc khác',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, other {và {count} người khác}}'
12
+ 'fabric.reactions.more.emojis': 'Biểu tượng cảm xúc khác',
13
+ 'fabric.reactions.more.info': 'Xem thêm thông tin',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, other {và {count} người khác}}',
15
+ 'fabric.reactions.reactwithemoji': 'Bày tỏ biểu tượng cảm xúc {emoji}',
16
+ 'reactions.dialog.close': 'Đóng',
17
+ 'reactions.dialog.left.navigate': 'Sang trái',
18
+ 'reactions.dialog.reactions.count': '{count, plural, other {{count,number} tương tác}}',
19
+ 'reactions.dialog.right.navigate': 'Sang phải',
20
+ 'reactions.dialog.viewall': 'Xem ai đã bày tỏ cảm xúc',
21
+ 'reactions.dialog.viewall.tooltip': 'Xem tất cả tương tác của người dùng'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Chinese (Simplified)
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': '出错了',
9
+ 'fabric.reactions.add': '添加反应',
10
+ 'fabric.reactions.error.unexpected': '反应暂时不可用',
10
11
  'fabric.reactions.loading': '正在加载...',
11
- 'fabric.reactions.more.emoji': '更多表情符号',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, other {以及其他 {count} 个人}}'
12
+ 'fabric.reactions.more.emojis': '更多表情',
13
+ 'fabric.reactions.more.info': '更多信息',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, other {以及其他 {count} 个人}}',
15
+ 'fabric.reactions.reactwithemoji': '使用 {emoji} 表情回应',
16
+ 'reactions.dialog.close': '关闭',
17
+ 'reactions.dialog.left.navigate': '向左导航',
18
+ 'reactions.dialog.reactions.count': '{count, plural, other {{count,number} 条反应}}',
19
+ 'reactions.dialog.right.navigate': '向右导航',
20
+ 'reactions.dialog.viewall': '查看哪些人已反应',
21
+ 'reactions.dialog.viewall.tooltip': '查看所有用户反应'
13
22
  };
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Chinese (Traditional)
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': '發生問題',
9
+ 'fabric.reactions.add': '新增反應',
10
+ 'fabric.reactions.error.unexpected': '暫時無法使用回覆功能',
10
11
  'fabric.reactions.loading': '正在載入...',
11
- 'fabric.reactions.more.emoji': '更多表情符號',
12
- 'fabric.reactions.other.reacted.users': '{count, plural, other {還有其他 {count} 個}}'
12
+ 'fabric.reactions.more.emojis': '更多表情符號',
13
+ 'fabric.reactions.more.info': '更多資訊',
14
+ 'fabric.reactions.other.reacted.users': '{count, plural, other {還有其他 {count} 個}}',
15
+ 'fabric.reactions.reactwithemoji': '使用 {emoji} 表情符號回應',
16
+ 'reactions.dialog.close': '關閉',
17
+ 'reactions.dialog.left.navigate': '左側導覽',
18
+ 'reactions.dialog.reactions.count': '{count, plural, other {{count,number} 個回應}}',
19
+ 'reactions.dialog.right.navigate': '右側導覽',
20
+ 'reactions.dialog.viewall': '查看誰新增了回應',
21
+ 'reactions.dialog.viewall.tooltip': '檢視所有使用者的回應'
13
22
  };
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "22.0.4"
3
+ "version": "22.2.0"
4
4
  }
@@ -29,7 +29,7 @@ export var reactionStyle = css({
29
29
  borderRadius: '20px',
30
30
  color: "".concat("var(--ds-text-subtle, ".concat(N400, ")")),
31
31
  cursor: 'pointer',
32
- margin: 0,
32
+ margin: '4px 4px 0 0',
33
33
  padding: 0,
34
34
  transition: '200ms ease-in-out',
35
35
  '&:hover': {
@@ -109,7 +109,7 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
109
109
  useClickAway(wrapperRef, function () {
110
110
  onCancel();
111
111
  close();
112
- }, 'click', true);
112
+ }, 'click', true, settings.isOpen);
113
113
  /**
114
114
  * Event callback when the picker is closed
115
115
  * @param _id Optional id if an emoji button was selected or undefineed if was clicked outside the picker
@@ -187,7 +187,8 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
187
187
  return jsx("div", {
188
188
  className: wrapperClassName,
189
189
  css: styles.pickerStyle,
190
- "data-testid": RENDER_REACTIONPICKER_TESTID
190
+ "data-testid": RENDER_REACTIONPICKER_TESTID,
191
+ ref: wrapperRef
191
192
  }, jsx(Manager, null, jsx(Reference, null, function (_ref) {
192
193
  var popperRef = _ref.ref;
193
194
  return (// Render a button to open the <Selector /> panel
@@ -218,8 +219,7 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
218
219
  }, style),
219
220
  ref: ref
220
221
  }, jsx("div", {
221
- css: styles.popupStyle,
222
- ref: wrapperRef
222
+ css: styles.popupStyle
223
223
  }, settings.showFullPicker ? jsx(EmojiPicker, {
224
224
  emojiProvider: emojiProvider,
225
225
  onSelection: onEmojiSelected,
@@ -5,8 +5,7 @@ import { N0, N50A, N60A } from '@atlaskit/theme/colors';
5
5
  export var pickerStyle = css({
6
6
  verticalAlign: 'middle',
7
7
  '&.miniMode': {
8
- display: 'inline-block',
9
- marginRight: '4px'
8
+ display: 'inline-block'
10
9
  }
11
10
  });
12
11
  export var contentStyle = css({
@@ -96,7 +96,9 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
96
96
  _ref$onDialogSelectRe = _ref.onDialogSelectReactionCallback,
97
97
  onDialogSelectReactionCallback = _ref$onDialogSelectRe === void 0 ? function () {} : _ref$onDialogSelectRe,
98
98
  _ref$emojiPickerSize = _ref.emojiPickerSize,
99
- emojiPickerSize = _ref$emojiPickerSize === void 0 ? 'medium' : _ref$emojiPickerSize;
99
+ emojiPickerSize = _ref$emojiPickerSize === void 0 ? 'medium' : _ref$emojiPickerSize,
100
+ _ref$miniMode = _ref.miniMode,
101
+ miniMode = _ref$miniMode === void 0 ? false : _ref$miniMode;
100
102
 
101
103
  var _useState = useState(),
102
104
  _useState2 = _slicedToArray(_useState, 2),
@@ -258,7 +260,6 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
258
260
  }, memorizedReactions.map(function (reaction) {
259
261
  return jsx(Reaction, {
260
262
  key: reaction.emojiId,
261
- css: styles.reactionStyle,
262
263
  reaction: reaction,
263
264
  emojiProvider: emojiProvider,
264
265
  onClick: onReactionClick,
@@ -269,9 +270,8 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
269
270
  allowUserDialog: allowUserDialog
270
271
  });
271
272
  }), jsx(ReactionPicker, {
272
- css: styles.reactionStyle,
273
+ css: styles.reactionPickerStyle,
273
274
  emojiProvider: emojiProvider,
274
- miniMode: true,
275
275
  allowAllEmojis: allowAllEmojis,
276
276
  pickerQuickReactionEmojiIds: pickerQuickReactionEmojiIds,
277
277
  disabled: status !== ReactionStatus.ready,
@@ -280,7 +280,8 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
280
280
  onCancel: handleOnCancel,
281
281
  onShowMore: handleOnMore,
282
282
  tooltipContent: getTooltip(status, errorMessage),
283
- emojiPickerSize: emojiPickerSize
283
+ emojiPickerSize: emojiPickerSize,
284
+ miniMode: miniMode
284
285
  }), allowUserDialog && reactions.length > 0 && jsx(Tooltip, {
285
286
  content: jsx(FormattedMessage, i18n.messages.seeWhoReactedTooltip),
286
287
  hideTooltipOnClick: true
@@ -1,15 +1,16 @@
1
1
  /** @jsx jsx */
2
2
  import { css } from '@emotion/react';
3
- export var reactionStyle = css({
3
+ export var reactionPickerStyle = css({
4
4
  display: 'inline-block',
5
- margin: '4px'
5
+ marginTop: '4px'
6
6
  });
7
7
  export var seeWhoReacted = css({
8
8
  height: '24px',
9
9
  lineHeight: '24px',
10
- paddingLeft: '4px',
11
- paddingRight: '4px',
12
- margin: '4px'
10
+ paddingLeft: 0,
11
+ paddingRight: 0,
12
+ marginTop: '4px',
13
+ marginLeft: '4px'
13
14
  });
14
15
  export var wrapperStyle = css({
15
16
  display: 'flex',
@@ -17,6 +18,7 @@ export var wrapperStyle = css({
17
18
  position: 'relative',
18
19
  alignItems: 'center',
19
20
  borderRadius: '15px',
21
+ marginTop: '-4px',
20
22
  '> :first-of-type > :first-of-type': {
21
23
  marginLeft: 0
22
24
  }
@@ -7,6 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
7
7
  /** @jsx jsx */
8
8
  import { css } from '@emotion/react';
9
9
  import { N70, N20, N40 } from '@atlaskit/theme/colors';
10
+ import { borderRadius } from '@atlaskit/theme/constants';
10
11
  export var DISABLED_BUTTON_COLOR = "".concat("var(--ds-text-disabled, ".concat(N70, ")"), " !important");
11
12
  export var triggerStyle = function triggerStyle(_ref) {
12
13
  var _ref$miniMode = _ref.miniMode,
@@ -15,16 +16,19 @@ export var triggerStyle = function triggerStyle(_ref) {
15
16
  disabled = _ref$disabled === void 0 ? false : _ref$disabled;
16
17
  return css(_objectSpread(_objectSpread(_objectSpread({
17
18
  minWidth: '32px',
18
- height: '32px',
19
+ height: '24px',
20
+ padding: 0,
21
+ border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")")),
22
+ borderRadius: '20px',
19
23
  display: 'flex',
20
24
  justifyContent: 'center',
21
25
  alignItems: 'center',
22
26
  lineHeight: '16px'
23
27
  }, miniMode && {
24
- height: '24px',
25
- padding: 0,
26
- border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")")),
27
- borderRadius: '20px'
28
+ minWidth: '24px',
29
+ padding: '4px',
30
+ border: 'none',
31
+ borderRadius: "".concat(borderRadius(), "px")
28
32
  }), disabled && {
29
33
  color: DISABLED_BUTTON_COLOR,
30
34
  cursor: 'not-allowed'
@@ -5,17 +5,19 @@ import { useEffect } from 'react';
5
5
  * @param callback event callback when detected a click outside the ref object
6
6
  * @param type (Optional) type of event to listen to. @default click
7
7
  * @param useCapture (Optional) use capture phase of event. @default false
8
+ * @param enabled (Optional) enable/disable the outside click handler. @default true
8
9
  */
9
10
 
10
11
  export function useClickAway(ref, callback) {
11
12
  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'click';
12
13
  var useCapture = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
14
+ var enabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
13
15
  useEffect(function () {
14
16
  /**
15
17
  * Alert if clicked on outside of element
16
18
  */
17
19
  function handleClickOutside(event) {
18
- if (ref.current && event.target instanceof Node && !ref.current.contains(event.target)) {
20
+ if (ref.current && event.target instanceof Node && !ref.current.contains(event.target) && enabled) {
19
21
  callback();
20
22
  }
21
23
  } // Bind the event listener
@@ -26,5 +28,5 @@ export function useClickAway(ref, callback) {
26
28
  // Unbind the event listener on clean up
27
29
  document.removeEventListener(type, handleClickOutside, useCapture);
28
30
  };
29
- }, [ref, callback, type, useCapture]);
31
+ }, [ref, callback, type, useCapture, enabled]);
30
32
  }
@@ -6,8 +6,17 @@
6
6
  */
7
7
  //Czech
8
8
  export default {
9
- 'fabric.reactions.error.unexpected': 'Něco se pokazilo',
9
+ 'fabric.reactions.add': 'Přidat reakci',
10
+ 'fabric.reactions.error.unexpected': 'Reakce jsou dočasně nedostupné.',
10
11
  'fabric.reactions.loading': 'Načítání...',
11
- 'fabric.reactions.more.emoji': 'Více emoji',
12
- '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}}'
12
+ 'fabric.reactions.more.emojis': 'Více smajlíků',
13
+ 'fabric.reactions.more.info': 'Další informace',
14
+ '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}}',
15
+ 'fabric.reactions.reactwithemoji': 'Reagovat pomocí smajlíku {emoji}',
16
+ 'reactions.dialog.close': 'Zavřít',
17
+ 'reactions.dialog.left.navigate': 'Navigace doleva',
18
+ 'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reakce} few {{count,number} reakce} many {{count,number} reakce} other {{count,number} reakcí}}',
19
+ 'reactions.dialog.right.navigate': 'Navigace doprava',
20
+ 'reactions.dialog.viewall': 'Podívejte se, kdo reagoval',
21
+ 'reactions.dialog.viewall.tooltip': 'Zobrazit všechny reakce uživatelů'
13
22
  };