@atlaskit/reactions 23.0.2 → 24.0.1

package/dist/esm/i18n/cs.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Zavřít',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Navigace doleva',
+  'reactions.dialog.people-who-reacted.subheader': 'Lidé, kteří reagovali smajlíkem {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reakce} few {{count,number} reakce} many {{count,number} reakce} other {{count,number} reakcí}}',
   'reactions.dialog.right.navigate': 'Navigace doprava',
-  'reactions.dialog.viewall': 'Podívejte se, kdo reagoval',
+  'reactions.dialog.viewall': 'Zobrazit vše',
   'reactions.dialog.viewall.tooltip': 'Zobrazit všechny reakce uživatelů'
 };

package/dist/esm/i18n/da.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Luk',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Navigation til venstre',
+  'reactions.dialog.people-who-reacted.subheader': 'Personer der reagerede med {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reaktion} other {{count,number} reaktioner}}',
   'reactions.dialog.right.navigate': 'Navigation til højre',
-  'reactions.dialog.viewall': 'Se, hvem der har reageret',
+  'reactions.dialog.viewall': 'Vis alle',
   'reactions.dialog.viewall.tooltip': 'Se alle brugerreaktioner'
 };

package/dist/esm/i18n/de.js

@@ -18,8 +18,9 @@ export default {
   'reaction-picker-trigger.add.reaction.message': 'Eine Reaktion hinzufügen',
   'reactions.dialog.close': 'Schließen',
   'reactions.dialog.left.navigate': 'Nach links navigieren',
+  'reactions.dialog.people-who-reacted.subheader': 'Personen, die mit {emojiShortName} reagiert haben',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} Reaktion} other {{count,number} Reaktionen}}',
   'reactions.dialog.right.navigate': 'Nach rechts navigieren',
-  'reactions.dialog.viewall': 'Reaktionen ansehen',
+  'reactions.dialog.viewall': 'Alle anzeigen',
   'reactions.dialog.viewall.tooltip': 'Alle Benutzerreaktionen anzeigen'
 };

package/dist/esm/i18n/en.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Close',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Left Navigate',
+  'reactions.dialog.people-who-reacted.subheader': 'People who reacted with {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {# reaction} other {# reactions} }',
   'reactions.dialog.right.navigate': 'Right Navigate',
-  'reactions.dialog.viewall': 'See who reacted',
+  'reactions.dialog.viewall': 'View all',
   'reactions.dialog.viewall.tooltip': 'View all user reactions'
 };

package/dist/esm/i18n/en_GB.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Close',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Left Navigate',
+  'reactions.dialog.people-who-reacted.subheader': 'People who reacted with {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {# reaction} other {# reactions} }',
   'reactions.dialog.right.navigate': 'Right Navigate',
-  'reactions.dialog.viewall': 'See who reacted',
+  'reactions.dialog.viewall': 'View all',
   'reactions.dialog.viewall.tooltip': 'View all user reactions'
 };

package/dist/esm/i18n/en_ZZ.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': '⁣⁢Close‍⁡‌؜‍⁡‌‌⁣⁤',
   'reactions.dialog.emoji.name': '⁣⁢{emojiName}⁡‌‌‍؜⁠⁡‍⁡؜⁠‌‌‍‍⁡⁣⁤',
   'reactions.dialog.left.navigate': '⁣⁢Left Navigate؜‍‌؜⁠؜⁡‍⁠⁠⁡⁣⁤',
+  'reactions.dialog.people-who-reacted.subheader': '⁣⁢People who reacted with {emojiShortName}⁠⁡‍‌‌‌‍‌‍⁣⁤',
   'reactions.dialog.reactions.count': '{count, plural, one {⁣⁢{count,number} reaction‌‍‍⁡‍‌⁡⁠‌‍⁠⁣⁤} other {⁣⁢{count,number} reactions‌‍‍⁡‍‌⁡⁠‌‍⁠⁣⁤}}',
   'reactions.dialog.right.navigate': '⁣⁢Right Navigate⁠؜؜⁠‌‌⁡‍‍⁠⁠⁣⁤',
-  'reactions.dialog.viewall': '⁣⁢See who reacted؜؜⁡‍‍‍⁣⁤',
+  'reactions.dialog.viewall': '⁣⁢View all‌‌⁡⁠⁡‌؜⁣⁤',
   'reactions.dialog.viewall.tooltip': '⁣⁢View all user reactions⁡‌؜؜⁡⁡‌‍؜؜⁣⁤'
 };

package/dist/esm/i18n/es.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Cerrar',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Desplazarse hacia la izquierda',
+  'reactions.dialog.people-who-reacted.subheader': 'Personas que han reaccionado con {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reacción} other {{count,number} reacciones}}',
   'reactions.dialog.right.navigate': 'Desplazarse hacia la derecha',
-  'reactions.dialog.viewall': 'Ver quién ha reaccionado',
+  'reactions.dialog.viewall': 'Ver todo',
   'reactions.dialog.viewall.tooltip': 'Ver todas las reacciones de los usuarios'
 };

package/dist/esm/i18n/fi.js

@@ -18,8 +18,9 @@ export default {
   'reaction-picker-trigger.add.reaction.message': 'Lisää reaktio',
   'reactions.dialog.close': 'Sulje',
   'reactions.dialog.left.navigate': 'Navigointi vasemmalle',
+  'reactions.dialog.people-who-reacted.subheader': 'Henkilöt, jotka reagoivat emojilla {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reaktio} other {{count,number} reaktiota}}',
   'reactions.dialog.right.navigate': 'Navigointi oikealle',
-  'reactions.dialog.viewall': 'Katso, kuka on reagoinut',
+  'reactions.dialog.viewall': 'Näytä kaikki',
   'reactions.dialog.viewall.tooltip': 'Näytä kaikki käyttäjäreaktiot'
 };

package/dist/esm/i18n/fr.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Fermer',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Naviguer vers la gauche',
+  'reactions.dialog.people-who-reacted.subheader': 'Personnes qui ont réagi par {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} réaction} other {{count,number} réactions}}',
   'reactions.dialog.right.navigate': 'Naviguer vers la droite',
-  'reactions.dialog.viewall': 'Voir qui a réagi',
+  'reactions.dialog.viewall': 'Afficher tout',
   'reactions.dialog.viewall.tooltip': 'Afficher toutes les réactions des utilisateurs'
 };

package/dist/esm/i18n/hu.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Bezárás',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Balra navigálás',
+  'reactions.dialog.people-who-reacted.subheader': 'A következővel reagáló felhasználók: {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reakció} other {{count,number} reakció}}',
   'reactions.dialog.right.navigate': 'Jobbra navigálás',
-  'reactions.dialog.viewall': 'Reagálók megtekintése',
+  'reactions.dialog.viewall': 'Összes megtekintése',
   'reactions.dialog.viewall.tooltip': 'Minden felhasználói reakció megtekintése'
 };

package/dist/esm/i18n/it.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Chiudi',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Navigazione a sinistra',
+  'reactions.dialog.people-who-reacted.subheader': 'Persone che hanno reagito con {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reazione} other {{count,number} reazioni}}',
   'reactions.dialog.right.navigate': 'Navigazione a destra',
-  'reactions.dialog.viewall': 'Guarda chi ha reagito',
+  'reactions.dialog.viewall': 'Visualizza tutto',
   'reactions.dialog.viewall.tooltip': 'Visualizza tutte le reazioni degli utenti'
 };

package/dist/esm/i18n/ja.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': '閉じる',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': '左に移動',
+  'reactions.dialog.people-who-reacted.subheader': '{emojiShortName} でリアクションしたユーザー',
   'reactions.dialog.reactions.count': '{count, plural, other {{count,number} 件のリアクション}}',
   'reactions.dialog.right.navigate': '右に移動',
-  'reactions.dialog.viewall': 'リアクションしたユーザーを表示',
+  'reactions.dialog.viewall': 'すべて表示',
   'reactions.dialog.viewall.tooltip': 'ユーザーによるすべてのリアクションを表示'
 };

package/dist/esm/i18n/ko.js

@@ -18,8 +18,9 @@ export default {
   'reaction-picker-trigger.add.reaction.message': '반응 추가',
   'reactions.dialog.close': '닫기',
   'reactions.dialog.left.navigate': '왼쪽 탐색',
+  'reactions.dialog.people-who-reacted.subheader': '{emojiShortName} 이모지로 반응한 사용자',
   'reactions.dialog.reactions.count': '{count, plural, other {반응 {count,number}개}}',
   'reactions.dialog.right.navigate': '오른쪽 탐색',
-  'reactions.dialog.viewall': '반응한 사용자 보기',
+  'reactions.dialog.viewall': '모두 보기',
   'reactions.dialog.viewall.tooltip': '사용자 반응 모두 보기'
 };

package/dist/esm/i18n/nb.js

@@ -18,8 +18,9 @@ export default {
   'reaction-picker-trigger.add.reaction.message': 'Legg til en reaksjon',
   'reactions.dialog.close': 'Lukk',
   'reactions.dialog.left.navigate': 'Naviger til venstre',
+  'reactions.dialog.people-who-reacted.subheader': 'Personer som reagerte med {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reaksjon} other {{count,number} reaksjoner}}',
   'reactions.dialog.right.navigate': 'Naviger til høyre',
-  'reactions.dialog.viewall': 'Se hvem som har reagert',
+  'reactions.dialog.viewall': 'Vis alle',
   'reactions.dialog.viewall.tooltip': 'Se alle brukerreaksjoner'
 };

package/dist/esm/i18n/nl.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Sluiten',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Navigeer naar links',
+  'reactions.dialog.people-who-reacted.subheader': 'Mensen die {emojiShortName} hebben gereageerd',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reactie} other {{count,number} reacties}}',
   'reactions.dialog.right.navigate': 'Navigeer naar rechts',
-  'reactions.dialog.viewall': 'Bekijken wie er heeft gereageerd',
+  'reactions.dialog.viewall': 'Alles bekijken',
   'reactions.dialog.viewall.tooltip': 'Alle reacties van gebruikers bekijken'
 };

package/dist/esm/i18n/pl.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Zamknij',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Przejdź w lewo',
+  'reactions.dialog.people-who-reacted.subheader': 'Osoby, które zareagowały, przesyłając emoji {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reakcja} few {{count,number} reakcje} many {{count,number} reakcji} other {{count,number} reakcji}}',
   'reactions.dialog.right.navigate': 'Przejdź w prawo',
-  'reactions.dialog.viewall': 'Zobacz, kto zareagował',
+  'reactions.dialog.viewall': 'Wyświetl wszystkich',
   'reactions.dialog.viewall.tooltip': 'Wyświetl wszystkie reakcje użytkowników'
 };

package/dist/esm/i18n/pt_BR.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Fechar',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Navegar para a esquerda',
+  'reactions.dialog.people-who-reacted.subheader': 'Pessoas que reagiram com {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reação} other {{count,number} reações}}',
   'reactions.dialog.right.navigate': 'Navegar para a direita',
-  'reactions.dialog.viewall': 'Ver quem reagiu',
+  'reactions.dialog.viewall': 'Ver tudo',
   'reactions.dialog.viewall.tooltip': 'Veja todas as reações de usuários'
 };

package/dist/esm/i18n/ru.js

@@ -18,8 +18,9 @@ export default {
   'reaction-picker-trigger.add.reaction.message': 'Добавьте реакцию',
   'reactions.dialog.close': 'Закрыть',
   'reactions.dialog.left.navigate': 'Навигация влево',
+  'reactions.dialog.people-who-reacted.subheader': 'Люди, которые оставили реакцию {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} реакция} few {{count,number} реакции} many {{count,number} реакций} other {{count,number} реакции}}',
   'reactions.dialog.right.navigate': 'Навигация вправо',
-  'reactions.dialog.viewall': 'Посмотреть, кто отреагировал',
+  'reactions.dialog.viewall': 'Просмотреть все',
   'reactions.dialog.viewall.tooltip': 'Посмотреть все реакции пользователей'
 };

package/dist/esm/i18n/sv.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Stäng',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Vänster navigering',
+  'reactions.dialog.people-who-reacted.subheader': 'Personer som reagerade med {emojiShortName}',
   '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': 'Visa alla',
   'reactions.dialog.viewall.tooltip': 'Visa alla reaktioner från användare'
 };

package/dist/esm/i18n/th.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'ปิด',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'นำทางไปทางซ้าย',
+  'reactions.dialog.people-who-reacted.subheader': 'ผู้ที่แสดงปฏิกิริยาด้วยเอโมจิ {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, other {{count,number} การโต้ตอบ}}',
   'reactions.dialog.right.navigate': 'นำทางไปทางขวา',
-  'reactions.dialog.viewall': 'ดูว่าใครตอบสนอง',
+  'reactions.dialog.viewall': 'ดูทั้งหมด',
   'reactions.dialog.viewall.tooltip': 'ดูผู้ใช้ที่ตอบสนองทั้งหมด'
 };

package/dist/esm/i18n/tr.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Kapat',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Sol Gezinme',
+  'reactions.dialog.people-who-reacted.subheader': '{emojiShortName} ile tepki veren kişiler',
   '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': 'Tümünü göster',
   'reactions.dialog.viewall.tooltip': 'Tüm kullanıcı tepkilerini görüntüleyin'
 };

package/dist/esm/i18n/uk.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Закрити',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Перейти вліво',
+  'reactions.dialog.people-who-reacted.subheader': 'Люди, що додали реакцію {emojiShortName}',
   'reactions.dialog.reactions.count': '{count, plural, one {{count,number} реакція} few {{count,number} реакції} many {{count,number} реакцій} other {{count,number} реакції}}',
   'reactions.dialog.right.navigate': 'Перейти вправо',
-  'reactions.dialog.viewall': 'Переглянути, хто відреагував',
+  'reactions.dialog.viewall': 'Переглянути все',
   'reactions.dialog.viewall.tooltip': 'Переглянути всі реакції користувачів'
 };

package/dist/esm/i18n/vi.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': 'Đóng',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': 'Sang trái',
+  'reactions.dialog.people-who-reacted.subheader': 'Những người đã tương tác bằng {emojiShortName}',
   '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': 'Xem tất cả',
   'reactions.dialog.viewall.tooltip': 'Xem tất cả tương tác của người dùng'
 };

package/dist/esm/i18n/zh.js

@@ -19,8 +19,9 @@ export default {
   'reactions.dialog.close': '关闭',
   'reactions.dialog.emoji.name': '{emojiName}',
   'reactions.dialog.left.navigate': '向左导航',
+  'reactions.dialog.people-who-reacted.subheader': '使用 {emojiShortName} 回应的人员',
   'reactions.dialog.reactions.count': '{count, plural, other {{count,number} 条反应}}',
   'reactions.dialog.right.navigate': '向右导航',
-  'reactions.dialog.viewall': '查看哪些人已反应',
+  'reactions.dialog.viewall': '查看全部',
   'reactions.dialog.viewall.tooltip': '查看所有用户反应'
 };

package/dist/esm/i18n/zh_TW.js

@@ -18,8 +18,9 @@ export default {
   'reaction-picker-trigger.add.reaction.message': '新增回應',
   'reactions.dialog.close': '關閉',
   'reactions.dialog.left.navigate': '左側導覽',
+  'reactions.dialog.people-who-reacted.subheader': '使用 {emojiShortName} 回應的人',
   'reactions.dialog.reactions.count': '{count, plural, other {{count,number} 個回應}}',
   'reactions.dialog.right.navigate': '右側導覽',
-  'reactions.dialog.viewall': '查看誰新增了回應',
+  'reactions.dialog.viewall': '查看全部',
   'reactions.dialog.viewall.tooltip': '檢視所有使用者的回應'
 };

package/dist/esm/shared/constants.js

@@ -89,10 +89,10 @@ export var ExtendedReactionsByShortName = new Map(ExtendedReactions.map(function
 export var TOOLTIP_USERS_LIMIT = 5;
 
 /**
- * Maximum number of reactions that will fit in the horizontal scroll of
+ * Maximum number of reactions that will fit in the horizontal pagination of
  * reactions dialog
  */
-export var NUMBER_OF_REACTIONS_TO_DISPLAY = 9;
+export var NUMBER_OF_REACTIONS_TO_DISPLAY = 8;
 
 // This rate is used in fetching emoji resource
 export var SAMPLING_RATE_REACTIONS_RENDERED_EXP = 50;

package/dist/types/components/ReactionDialog/ReactionsDialog.d.ts

@@ -27,5 +27,6 @@ export interface ReactionsDialogProps {
      * Optional callback function called when user selects a reaction in reactions dialog
      */
     handleSelectReaction?: onDialogSelectReactionChange;
+    handlePaginationChange?: (emojiId: string) => void;
 }
-export declare const ReactionsDialog: ({ reactions, handleCloseReactionsDialog, emojiProvider, selectedEmojiId, handleSelectReaction, }: ReactionsDialogProps) => jsx.JSX.Element;
+export declare const ReactionsDialog: ({ reactions, handleCloseReactionsDialog, emojiProvider, selectedEmojiId, handleSelectReaction, handlePaginationChange, }: ReactionsDialogProps) => jsx.JSX.Element;

package/dist/types/components/ReactionDialog/styles.d.ts

@@ -1,7 +1,5 @@
 import { type ThemeColorModes } from '@atlaskit/tokens';
 export declare const containerStyle: (reactionsBorderWidth: number) => import("@emotion/react").SerializedStyles;
-export declare const titleStyle: import("@emotion/react").SerializedStyles;
-export declare const counterStyle: (isSelected: boolean) => import("@emotion/react").SerializedStyles;
 export declare const customTabWrapper: (isSelected: boolean, selectedEmojiId: string, theme?: ThemeColorModes) => import("@emotion/react").SerializedStyles;
 export declare const navigationContainerStyle: import("@emotion/react").SerializedStyles;
 export declare const reactionViewStyle: import("@emotion/react").SerializedStyles;

package/dist/types/i18n/cs.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/da.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/de.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'reaction-picker-trigger.add.reaction.message': string;
     'reactions.dialog.close': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/en.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/en_GB.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/en_ZZ.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/es.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/fi.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'reaction-picker-trigger.add.reaction.message': string;
     'reactions.dialog.close': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/fr.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/hu.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/it.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/ja.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/ko.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'reaction-picker-trigger.add.reaction.message': string;
     'reactions.dialog.close': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/nb.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'reaction-picker-trigger.add.reaction.message': string;
     'reactions.dialog.close': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/nl.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/pl.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/pt_BR.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/ru.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'reaction-picker-trigger.add.reaction.message': string;
     'reactions.dialog.close': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/sv.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/th.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/tr.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/uk.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/vi.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/zh.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
     'reactions.dialog.close': string;
     'reactions.dialog.emoji.name': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/i18n/zh_TW.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'reaction-picker-trigger.add.reaction.message': string;
     'reactions.dialog.close': string;
     'reactions.dialog.left.navigate': string;
+    'reactions.dialog.people-who-reacted.subheader': string;
     'reactions.dialog.reactions.count': string;
     'reactions.dialog.right.navigate': string;
     'reactions.dialog.viewall': string;

package/dist/types/shared/constants.d.ts

@@ -21,8 +21,8 @@ export declare const ExtendedReactionsByShortName: Map<string, EmojiId>;
  */
 export declare const TOOLTIP_USERS_LIMIT = 5;
 /**
- * Maximum number of reactions that will fit in the horizontal scroll of
+ * Maximum number of reactions that will fit in the horizontal pagination of
  * reactions dialog
  */
-export declare const NUMBER_OF_REACTIONS_TO_DISPLAY = 9;
+export declare const NUMBER_OF_REACTIONS_TO_DISPLAY = 8;
 export declare const SAMPLING_RATE_REACTIONS_RENDERED_EXP = 50;

package/dist/types/types/reaction.d.ts

@@ -10,7 +10,7 @@ export type Reactions = Record<string, ReactionSummary[]>;
  * @param emojiId selected emoji
  * @param analyticsEvent Optional analytics event emitted from @atlaskit/tabs component
  */
-export type onDialogSelectReactionChange = (emojiId: string, analyticsEvent: UIAnalyticsEvent) => void;
+export type onDialogSelectReactionChange = (emojiId: string, analyticsEvent?: UIAnalyticsEvent) => void;
 /**
  * MetaData for Reaction object
  */

package/dist/types-ts4.5/components/ReactionDialog/ReactionsDialog.d.ts

@@ -27,5 +27,6 @@ export interface ReactionsDialogProps {
      * Optional callback function called when user selects a reaction in reactions dialog
      */
     handleSelectReaction?: onDialogSelectReactionChange;
+    handlePaginationChange?: (emojiId: string) => void;
 }
-export declare const ReactionsDialog: ({ reactions, handleCloseReactionsDialog, emojiProvider, selectedEmojiId, handleSelectReaction, }: ReactionsDialogProps) => jsx.JSX.Element;
+export declare const ReactionsDialog: ({ reactions, handleCloseReactionsDialog, emojiProvider, selectedEmojiId, handleSelectReaction, handlePaginationChange, }: ReactionsDialogProps) => jsx.JSX.Element;