@atlaskit/reactions 22.2.4 → 22.2.6

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 (158) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/analytics/analytics.js +20 -1
  3. package/dist/cjs/components/ReactionPicker/ReactionPicker.js +76 -38
  4. package/dist/cjs/components/ReactionPicker/styles.js +7 -1
  5. package/dist/cjs/components/Reactions/Reactions.js +7 -3
  6. package/dist/cjs/components/ShowMore/ShowMore.js +1 -1
  7. package/dist/cjs/components/Trigger/Trigger.js +4 -1
  8. package/dist/cjs/components/Trigger/styles.js +5 -0
  9. package/dist/cjs/hooks/index.js +3 -3
  10. package/dist/cjs/hooks/useCloseManager.js +47 -0
  11. package/dist/cjs/hooks/useFocusTrap.js +46 -0
  12. package/dist/cjs/i18n/cs.js +14 -13
  13. package/dist/cjs/i18n/da.js +14 -13
  14. package/dist/cjs/i18n/de.js +14 -13
  15. package/dist/cjs/i18n/en.js +15 -14
  16. package/dist/cjs/i18n/en_GB.js +15 -14
  17. package/dist/cjs/i18n/en_ZZ.js +15 -14
  18. package/dist/cjs/i18n/es.js +14 -13
  19. package/dist/cjs/i18n/fi.js +14 -13
  20. package/dist/cjs/i18n/fr.js +14 -13
  21. package/dist/cjs/i18n/hu.js +14 -13
  22. package/dist/cjs/i18n/it.js +14 -13
  23. package/dist/cjs/i18n/ja.js +14 -13
  24. package/dist/cjs/i18n/ko.js +14 -13
  25. package/dist/cjs/i18n/nb.js +14 -13
  26. package/dist/cjs/i18n/nl.js +14 -13
  27. package/dist/cjs/i18n/pl.js +14 -13
  28. package/dist/cjs/i18n/pt_BR.js +14 -13
  29. package/dist/cjs/i18n/ru.js +14 -13
  30. package/dist/cjs/i18n/sv.js +14 -13
  31. package/dist/cjs/i18n/th.js +14 -13
  32. package/dist/cjs/i18n/tr.js +14 -13
  33. package/dist/cjs/i18n/uk.js +14 -13
  34. package/dist/cjs/i18n/vi.js +14 -13
  35. package/dist/cjs/i18n/zh.js +14 -13
  36. package/dist/cjs/i18n/zh_TW.js +14 -13
  37. package/dist/cjs/shared/constants.js +6 -2
  38. package/dist/cjs/store/MemoryReactionsStore.js +1 -1
  39. package/dist/cjs/version.json +1 -1
  40. package/dist/es2019/analytics/analytics.js +18 -0
  41. package/dist/es2019/components/ReactionPicker/ReactionPicker.js +58 -28
  42. package/dist/es2019/components/ReactionPicker/styles.js +5 -0
  43. package/dist/es2019/components/Reactions/Reactions.js +7 -3
  44. package/dist/es2019/components/ShowMore/ShowMore.js +1 -1
  45. package/dist/es2019/components/Trigger/Trigger.js +2 -0
  46. package/dist/es2019/components/Trigger/styles.js +6 -1
  47. package/dist/es2019/hooks/index.js +1 -1
  48. package/dist/es2019/hooks/useCloseManager.js +41 -0
  49. package/dist/es2019/hooks/useFocusTrap.js +38 -0
  50. package/dist/es2019/i18n/cs.js +14 -13
  51. package/dist/es2019/i18n/da.js +14 -13
  52. package/dist/es2019/i18n/de.js +14 -13
  53. package/dist/es2019/i18n/en.js +15 -14
  54. package/dist/es2019/i18n/en_GB.js +15 -14
  55. package/dist/es2019/i18n/en_ZZ.js +15 -14
  56. package/dist/es2019/i18n/es.js +14 -13
  57. package/dist/es2019/i18n/fi.js +14 -13
  58. package/dist/es2019/i18n/fr.js +14 -13
  59. package/dist/es2019/i18n/hu.js +14 -13
  60. package/dist/es2019/i18n/it.js +14 -13
  61. package/dist/es2019/i18n/ja.js +14 -13
  62. package/dist/es2019/i18n/ko.js +14 -13
  63. package/dist/es2019/i18n/nb.js +14 -13
  64. package/dist/es2019/i18n/nl.js +14 -13
  65. package/dist/es2019/i18n/pl.js +14 -13
  66. package/dist/es2019/i18n/pt_BR.js +14 -13
  67. package/dist/es2019/i18n/ru.js +14 -13
  68. package/dist/es2019/i18n/sv.js +14 -13
  69. package/dist/es2019/i18n/th.js +14 -13
  70. package/dist/es2019/i18n/tr.js +14 -13
  71. package/dist/es2019/i18n/uk.js +14 -13
  72. package/dist/es2019/i18n/vi.js +14 -13
  73. package/dist/es2019/i18n/zh.js +14 -13
  74. package/dist/es2019/i18n/zh_TW.js +14 -13
  75. package/dist/es2019/shared/constants.js +4 -1
  76. package/dist/es2019/store/MemoryReactionsStore.js +1 -1
  77. package/dist/es2019/version.json +1 -1
  78. package/dist/esm/analytics/analytics.js +18 -0
  79. package/dist/esm/components/ReactionPicker/ReactionPicker.js +75 -38
  80. package/dist/esm/components/ReactionPicker/styles.js +5 -0
  81. package/dist/esm/components/Reactions/Reactions.js +7 -3
  82. package/dist/esm/components/ShowMore/ShowMore.js +1 -1
  83. package/dist/esm/components/Trigger/Trigger.js +2 -0
  84. package/dist/esm/components/Trigger/styles.js +6 -1
  85. package/dist/esm/hooks/index.js +1 -1
  86. package/dist/esm/hooks/useCloseManager.js +41 -0
  87. package/dist/esm/hooks/useFocusTrap.js +37 -0
  88. package/dist/esm/i18n/cs.js +14 -13
  89. package/dist/esm/i18n/da.js +14 -13
  90. package/dist/esm/i18n/de.js +14 -13
  91. package/dist/esm/i18n/en.js +15 -14
  92. package/dist/esm/i18n/en_GB.js +15 -14
  93. package/dist/esm/i18n/en_ZZ.js +15 -14
  94. package/dist/esm/i18n/es.js +14 -13
  95. package/dist/esm/i18n/fi.js +14 -13
  96. package/dist/esm/i18n/fr.js +14 -13
  97. package/dist/esm/i18n/hu.js +14 -13
  98. package/dist/esm/i18n/it.js +14 -13
  99. package/dist/esm/i18n/ja.js +14 -13
  100. package/dist/esm/i18n/ko.js +14 -13
  101. package/dist/esm/i18n/nb.js +14 -13
  102. package/dist/esm/i18n/nl.js +14 -13
  103. package/dist/esm/i18n/pl.js +14 -13
  104. package/dist/esm/i18n/pt_BR.js +14 -13
  105. package/dist/esm/i18n/ru.js +14 -13
  106. package/dist/esm/i18n/sv.js +14 -13
  107. package/dist/esm/i18n/th.js +14 -13
  108. package/dist/esm/i18n/tr.js +14 -13
  109. package/dist/esm/i18n/uk.js +14 -13
  110. package/dist/esm/i18n/vi.js +14 -13
  111. package/dist/esm/i18n/zh.js +14 -13
  112. package/dist/esm/i18n/zh_TW.js +14 -13
  113. package/dist/esm/shared/constants.js +4 -1
  114. package/dist/esm/store/MemoryReactionsStore.js +1 -1
  115. package/dist/esm/version.json +1 -1
  116. package/dist/types/analytics/analytics.d.ts +9 -0
  117. package/dist/types/components/ReactionPicker/ReactionPicker.d.ts +4 -0
  118. package/dist/types/components/ReactionPicker/styles.d.ts +1 -0
  119. package/dist/types/components/Trigger/Trigger.d.ts +1 -0
  120. package/dist/types/hooks/index.d.ts +1 -1
  121. package/dist/types/hooks/useCloseManager.d.ts +11 -0
  122. package/dist/types/hooks/useFocusTrap.d.ts +5 -0
  123. package/dist/types/i18n/cs.d.ts +13 -13
  124. package/dist/types/i18n/da.d.ts +13 -13
  125. package/dist/types/i18n/de.d.ts +13 -13
  126. package/dist/types/i18n/en.d.ts +14 -14
  127. package/dist/types/i18n/en_GB.d.ts +14 -14
  128. package/dist/types/i18n/en_ZZ.d.ts +14 -14
  129. package/dist/types/i18n/es.d.ts +13 -13
  130. package/dist/types/i18n/fi.d.ts +13 -13
  131. package/dist/types/i18n/fr.d.ts +13 -13
  132. package/dist/types/i18n/hu.d.ts +13 -13
  133. package/dist/types/i18n/it.d.ts +13 -13
  134. package/dist/types/i18n/ja.d.ts +13 -13
  135. package/dist/types/i18n/ko.d.ts +13 -13
  136. package/dist/types/i18n/nb.d.ts +13 -13
  137. package/dist/types/i18n/nl.d.ts +13 -13
  138. package/dist/types/i18n/pl.d.ts +13 -13
  139. package/dist/types/i18n/pt_BR.d.ts +13 -13
  140. package/dist/types/i18n/ru.d.ts +13 -13
  141. package/dist/types/i18n/sv.d.ts +13 -13
  142. package/dist/types/i18n/th.d.ts +13 -13
  143. package/dist/types/i18n/tr.d.ts +13 -13
  144. package/dist/types/i18n/uk.d.ts +13 -13
  145. package/dist/types/i18n/vi.d.ts +13 -13
  146. package/dist/types/i18n/zh.d.ts +13 -13
  147. package/dist/types/i18n/zh_TW.d.ts +13 -13
  148. package/dist/types/shared/constants.d.ts +1 -0
  149. package/package.json +13 -11
  150. package/README.md +0 -3
  151. package/dist/cjs/analytics/constants.js +0 -9
  152. package/dist/cjs/hooks/useClickAway.js +0 -36
  153. package/dist/es2019/analytics/constants.js +0 -2
  154. package/dist/es2019/hooks/useClickAway.js +0 -28
  155. package/dist/esm/analytics/constants.js +0 -2
  156. package/dist/esm/hooks/useClickAway.js +0 -31
  157. package/dist/types/analytics/constants.d.ts +0 -1
  158. package/dist/types/hooks/useClickAway.d.ts +0 -10
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,17 +7,17 @@
6
7
  */
7
8
  //Ukrainian (Ukraine)
8
9
  export default {
9
- 'fabric.reactions.add': 'Додати реакцію',
10
- 'fabric.reactions.error.unexpected': 'Реакції тимчасово недоступні',
11
- 'fabric.reactions.loading': 'Завантаження...',
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': 'Переглянути всі реакції користувачів'
10
+ "fabric.reactions.add": "Додати реакцію",
11
+ "fabric.reactions.error.unexpected": "Реакції тимчасово недоступні",
12
+ "fabric.reactions.loading": "Завантаження...",
13
+ "fabric.reactions.more.emojis": "Інші емодзі",
14
+ "fabric.reactions.more.info": "Докладніше",
15
+ "fabric.reactions.other.reacted.users": "{count, plural, one {і ще {count} особа} few {і ще {count} особи} many {і ще {count} осіб} other {і ще {count} особи}}",
16
+ "fabric.reactions.reactwithemoji": "Вставити емодзі {emoji}",
17
+ "reactions.dialog.close": "Закрити",
18
+ "reactions.dialog.left.navigate": "Перейти вліво",
19
+ "reactions.dialog.reactions.count": "{count, plural, one {{count,number} реакція} few {{count,number} реакції} many {{count,number} реакцій} other {{count,number} реакції}}",
20
+ "reactions.dialog.right.navigate": "Перейти вправо",
21
+ "reactions.dialog.viewall": "Переглянути, хто відреагував",
22
+ "reactions.dialog.viewall.tooltip": "Переглянути всі реакції користувачів"
22
23
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,17 +7,17 @@
6
7
  */
7
8
  //Vietnamese (Vietnam)
8
9
  export default {
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ợ',
11
- 'fabric.reactions.loading': 'Đang tải...',
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'
10
+ "fabric.reactions.add": "Thêm tương tác",
11
+ "fabric.reactions.error.unexpected": "Tính năng tương tác tạm thời không hỗ trợ",
12
+ "fabric.reactions.loading": "Đang tải...",
13
+ "fabric.reactions.more.emojis": "Biểu tượng cảm xúc khác",
14
+ "fabric.reactions.more.info": "Xem thêm thông tin",
15
+ "fabric.reactions.other.reacted.users": "{count, plural, other {và {count} người khác}}",
16
+ "fabric.reactions.reactwithemoji": "Bày tỏ biểu tượng cảm xúc {emoji}",
17
+ "reactions.dialog.close": "Đóng",
18
+ "reactions.dialog.left.navigate": "Sang trái",
19
+ "reactions.dialog.reactions.count": "{count, plural, other {{count,number} tương tác}}",
20
+ "reactions.dialog.right.navigate": "Sang phải",
21
+ "reactions.dialog.viewall": "Xem ai đã bày tỏ cảm xúc",
22
+ "reactions.dialog.viewall.tooltip": "Xem tất cả tương tác của người dùng"
22
23
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,17 +7,17 @@
6
7
  */
7
8
  //Chinese (Simplified)
8
9
  export default {
9
- 'fabric.reactions.add': '添加反应',
10
- 'fabric.reactions.error.unexpected': '反应暂时不可用',
11
- 'fabric.reactions.loading': '正在加载...',
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': '查看所有用户反应'
10
+ "fabric.reactions.add": "添加反应",
11
+ "fabric.reactions.error.unexpected": "反应暂时不可用",
12
+ "fabric.reactions.loading": "正在加载...",
13
+ "fabric.reactions.more.emojis": "更多表情",
14
+ "fabric.reactions.more.info": "更多信息",
15
+ "fabric.reactions.other.reacted.users": "{count, plural, other {以及其他 {count} 个人}}",
16
+ "fabric.reactions.reactwithemoji": "使用 {emoji} 表情回应",
17
+ "reactions.dialog.close": "关闭",
18
+ "reactions.dialog.left.navigate": "向左导航",
19
+ "reactions.dialog.reactions.count": "{count, plural, other {{count,number} 条反应}}",
20
+ "reactions.dialog.right.navigate": "向右导航",
21
+ "reactions.dialog.viewall": "查看哪些人已反应",
22
+ "reactions.dialog.viewall.tooltip": "查看所有用户反应"
22
23
  };
@@ -1,3 +1,4 @@
1
+ /* prettier-ignore */
1
2
  /**
2
3
  * NOTE:
3
4
  *
@@ -6,17 +7,17 @@
6
7
  */
7
8
  //Chinese (Traditional)
8
9
  export default {
9
- 'fabric.reactions.add': '新增反應',
10
- 'fabric.reactions.error.unexpected': '暫時無法使用回覆功能',
11
- 'fabric.reactions.loading': '正在載入...',
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': '檢視所有使用者的回應'
10
+ "fabric.reactions.add": "新增反應",
11
+ "fabric.reactions.error.unexpected": "暫時無法使用回覆功能",
12
+ "fabric.reactions.loading": "正在載入...",
13
+ "fabric.reactions.more.emojis": "更多表情符號",
14
+ "fabric.reactions.more.info": "更多資訊",
15
+ "fabric.reactions.other.reacted.users": "{count, plural, other {還有其他 {count} 個}}",
16
+ "fabric.reactions.reactwithemoji": "使用 {emoji} 表情符號回應",
17
+ "reactions.dialog.close": "關閉",
18
+ "reactions.dialog.left.navigate": "左側導覽",
19
+ "reactions.dialog.reactions.count": "{count, plural, other {{count,number} 個回應}}",
20
+ "reactions.dialog.right.navigate": "右側導覽",
21
+ "reactions.dialog.viewall": "查看誰新增了回應",
22
+ "reactions.dialog.viewall.tooltip": "檢視所有使用者的回應"
22
23
  };
@@ -92,4 +92,7 @@ export var TOOLTIP_USERS_LIMIT = 5;
92
92
  * Maximum number of reactions that will fit in the horizontal scroll of
93
93
  * reactions dialog
94
94
  */
95
- export var NUMBER_OF_REACTIONS_TO_DISPLAY = 9;
95
+ export var NUMBER_OF_REACTIONS_TO_DISPLAY = 9;
96
+
97
+ // This rate is used in fetching emoji resource
98
+ export var SAMPLING_RATE_REACTIONS_RENDERED_EXP = 50;
@@ -8,7 +8,7 @@ import * as Types from '../types';
8
8
  import { batch, batchByKey } from './batched';
9
9
  import * as utils from './utils';
10
10
  import { isRealErrorFromService } from './utils';
11
- import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../analytics/constants';
11
+ import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
12
12
  import { sampledReactionsRendered } from '../analytics/ufo';
13
13
  import { extractErrorInfo } from '../analytics/analytics';
14
14
 
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "22.2.4"
3
+ "version": "22.2.6"
4
4
  }
@@ -2,6 +2,15 @@ import { AnalyticsEventPayload, CreateUIAnalyticsEvent } from '@atlaskit/analyti
2
2
  import { EventType } from '@atlaskit/analytics-gas-types';
3
3
  import { ReactionSummary, ReactionSource } from '../types';
4
4
  export declare type PreviousState = 'new' | 'existingNotReacted' | 'existingReacted';
5
+ /**
6
+ * TODO: move to utility package?
7
+ * A random sampling function
8
+ * sampling algorithm is from @atlassian/jira-coinflip at https://stash.atlassian.com/projects/JIRACLOUD/repos/jira-frontend/browse/src/packages/platform/app-framework/coinflip/src/index.tsx
9
+ * E.g. isSampled(2) will pass 50% of the time
10
+ * @param rate The chance that it will pass (1 in <rate> times)
11
+ * @returns bool, if it passes or not
12
+ */
13
+ export declare const isSampled: (rate: number) => boolean;
5
14
  export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
6
15
  export declare const createAndFireSafe: <U extends any[], T extends (...args: U) => AnalyticsEventPayload>(createAnalyticsEvent: CreateUIAnalyticsEvent | void, creator: T, ...args: U) => void;
7
16
  export declare const createRestSucceededEvent: (actionSubject: string) => {
@@ -9,6 +9,10 @@ import { ReactionSource } from '../../types';
9
9
  * Test id for wrapper ReactionPicker div
10
10
  */
11
11
  export declare const RENDER_REACTIONPICKER_TESTID = "reactionPicker-testid";
12
+ /**
13
+ * Test id for ReactionPicker panel div
14
+ */
15
+ export declare const RENDER_REACTIONPICKERPANEL_TESTID = "reactionPickerPanel-testid";
12
16
  export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Partial<Pick<TriggerProps, 'tooltipContent' | 'miniMode'>> {
13
17
  /**
14
18
  * Provider for loading emojis
@@ -1,3 +1,4 @@
1
1
  export declare const pickerStyle: import("@emotion/react").SerializedStyles;
2
2
  export declare const contentStyle: import("@emotion/react").SerializedStyles;
3
+ export declare const popupWrapperStyle: import("@emotion/react").SerializedStyles;
3
4
  export declare const popupStyle: import("@emotion/react").SerializedStyles;
@@ -5,6 +5,7 @@ import { AnalyticsEvent } from '@atlaskit/analytics-next';
5
5
  * Test id for the tooltip
6
6
  */
7
7
  export declare const RENDER_TOOLTIP_TRIGGER_TESTID = "render-tooltip-trigger";
8
+ export declare const RENDER_TRIGGER_BUTTON_TESTID = "render-trigger-button";
8
9
  export interface TriggerProps {
9
10
  /**
10
11
  * Optional Event handler when the button to open the picker is clicked
@@ -1 +1 @@
1
- export { useClickAway } from './useClickAway';
1
+ export { useCloseManager } from './useCloseManager';
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ declare type callbackType = 'CLICK_OUTSIDE' | 'ESCAPE';
3
+ /**
4
+ * Custom hook to detect when user action is outside given container ref or press escape key
5
+ * @param ref ref object to an html element
6
+ * @param callback event callback when detected a click outside the ref object or escape key is pressed
7
+ * @param useCapture (Optional) use capture phase of event. @default false
8
+ * @param enabled (Optional) enable/disable the outside click or escape key press handler. @default true
9
+ */
10
+ export declare function useCloseManager(ref: React.RefObject<HTMLElement>, callback: (type: callbackType) => void, useCapture?: boolean, enabled?: boolean): void;
11
+ export {};
@@ -0,0 +1,5 @@
1
+ export declare type FocusManagerHook = {
2
+ targetRef: HTMLDivElement | null;
3
+ initialFocusRef: HTMLElement | null;
4
+ };
5
+ export declare const useFocusTrap: ({ targetRef, initialFocusRef, }: FocusManagerHook) => void;
@@ -1,17 +1,17 @@
1
1
  declare const _default: {
2
- 'fabric.reactions.add': string;
3
- 'fabric.reactions.error.unexpected': string;
4
- 'fabric.reactions.loading': string;
5
- 'fabric.reactions.more.emojis': string;
6
- 'fabric.reactions.more.info': string;
7
- 'fabric.reactions.other.reacted.users': string;
8
- 'fabric.reactions.reactwithemoji': string;
9
- 'reactions.dialog.close': string;
10
- 'reactions.dialog.left.navigate': string;
11
- 'reactions.dialog.reactions.count': string;
12
- 'reactions.dialog.right.navigate': string;
13
- 'reactions.dialog.viewall': string;
14
- 'reactions.dialog.viewall.tooltip': string;
2
+ "fabric.reactions.add": string;
3
+ "fabric.reactions.error.unexpected": string;
4
+ "fabric.reactions.loading": string;
5
+ "fabric.reactions.more.emojis": string;
6
+ "fabric.reactions.more.info": string;
7
+ "fabric.reactions.other.reacted.users": string;
8
+ "fabric.reactions.reactwithemoji": string;
9
+ "reactions.dialog.close": string;
10
+ "reactions.dialog.left.navigate": string;
11
+ "reactions.dialog.reactions.count": string;
12
+ "reactions.dialog.right.navigate": string;
13
+ "reactions.dialog.viewall": string;
14
+ "reactions.dialog.viewall.tooltip": string;
15
15
  };
16
16
  /**
17
17
  * NOTE:
@@ -1,17 +1,17 @@
1
1
  declare const _default: {
2
- 'fabric.reactions.add': string;
3
- 'fabric.reactions.error.unexpected': string;
4
- 'fabric.reactions.loading': string;
5
- 'fabric.reactions.more.emojis': string;
6
- 'fabric.reactions.more.info': string;
7
- 'fabric.reactions.other.reacted.users': string;
8
- 'fabric.reactions.reactwithemoji': string;
9
- 'reactions.dialog.close': string;
10
- 'reactions.dialog.left.navigate': string;
11
- 'reactions.dialog.reactions.count': string;
12
- 'reactions.dialog.right.navigate': string;
13
- 'reactions.dialog.viewall': string;
14
- 'reactions.dialog.viewall.tooltip': string;
2
+ "fabric.reactions.add": string;
3
+ "fabric.reactions.error.unexpected": string;
4
+ "fabric.reactions.loading": string;
5
+ "fabric.reactions.more.emojis": string;
6
+ "fabric.reactions.more.info": string;
7
+ "fabric.reactions.other.reacted.users": string;
8
+ "fabric.reactions.reactwithemoji": string;
9
+ "reactions.dialog.close": string;
10
+ "reactions.dialog.left.navigate": string;
11
+ "reactions.dialog.reactions.count": string;
12
+ "reactions.dialog.right.navigate": string;
13
+ "reactions.dialog.viewall": string;
14
+ "reactions.dialog.viewall.tooltip": string;
15
15
  };
16
16
  /**
17
17
  * NOTE:
@@ -1,17 +1,17 @@
1
1
  declare const _default: {
2
- 'fabric.reactions.add': string;
3
- 'fabric.reactions.error.unexpected': string;
4
- 'fabric.reactions.loading': string;
5
- 'fabric.reactions.more.emojis': string;
6
- 'fabric.reactions.more.info': string;
7
- 'fabric.reactions.other.reacted.users': string;
8
- 'fabric.reactions.reactwithemoji': string;
9
- 'reactions.dialog.close': string;
10
- 'reactions.dialog.left.navigate': string;
11
- 'reactions.dialog.reactions.count': string;
12
- 'reactions.dialog.right.navigate': string;
13
- 'reactions.dialog.viewall': string;
14
- 'reactions.dialog.viewall.tooltip': string;
2
+ "fabric.reactions.add": string;
3
+ "fabric.reactions.error.unexpected": string;
4
+ "fabric.reactions.loading": string;
5
+ "fabric.reactions.more.emojis": string;
6
+ "fabric.reactions.more.info": string;
7
+ "fabric.reactions.other.reacted.users": string;
8
+ "fabric.reactions.reactwithemoji": string;
9
+ "reactions.dialog.close": string;
10
+ "reactions.dialog.left.navigate": string;
11
+ "reactions.dialog.reactions.count": string;
12
+ "reactions.dialog.right.navigate": string;
13
+ "reactions.dialog.viewall": string;
14
+ "reactions.dialog.viewall.tooltip": string;
15
15
  };
16
16
  /**
17
17
  * NOTE:
@@ -1,18 +1,18 @@
1
1
  declare const _default: {
2
- 'fabric.reactions.add': string;
3
- 'fabric.reactions.error.unexpected': string;
4
- 'fabric.reactions.loading': string;
5
- 'fabric.reactions.more.emojis': string;
6
- 'fabric.reactions.more.info': string;
7
- 'fabric.reactions.other.reacted.users': string;
8
- 'fabric.reactions.reactwithemoji': string;
9
- 'reactions.dialog.close': string;
10
- 'reactions.dialog.emoji.name': string;
11
- 'reactions.dialog.left.navigate': string;
12
- 'reactions.dialog.reactions.count': string;
13
- 'reactions.dialog.right.navigate': string;
14
- 'reactions.dialog.viewall': string;
15
- 'reactions.dialog.viewall.tooltip': string;
2
+ "fabric.reactions.add": string;
3
+ "fabric.reactions.error.unexpected": string;
4
+ "fabric.reactions.loading": string;
5
+ "fabric.reactions.more.emojis": string;
6
+ "fabric.reactions.more.info": string;
7
+ "fabric.reactions.other.reacted.users": string;
8
+ "fabric.reactions.reactwithemoji": string;
9
+ "reactions.dialog.close": string;
10
+ "reactions.dialog.emoji.name": string;
11
+ "reactions.dialog.left.navigate": string;
12
+ "reactions.dialog.reactions.count": string;
13
+ "reactions.dialog.right.navigate": string;
14
+ "reactions.dialog.viewall": string;
15
+ "reactions.dialog.viewall.tooltip": string;
16
16
  };
17
17
  /**
18
18
  * NOTE:
@@ -1,18 +1,18 @@
1
1
  declare const _default: {
2
- 'fabric.reactions.add': string;
3
- 'fabric.reactions.error.unexpected': string;
4
- 'fabric.reactions.loading': string;
5
- 'fabric.reactions.more.emojis': string;
6
- 'fabric.reactions.more.info': string;
7
- 'fabric.reactions.other.reacted.users': string;
8
- 'fabric.reactions.reactwithemoji': string;
9
- 'reactions.dialog.close': string;
10
- 'reactions.dialog.emoji.name': string;
11
- 'reactions.dialog.left.navigate': string;
12
- 'reactions.dialog.reactions.count': string;
13
- 'reactions.dialog.right.navigate': string;
14
- 'reactions.dialog.viewall': string;
15
- 'reactions.dialog.viewall.tooltip': string;
2
+ "fabric.reactions.add": string;
3
+ "fabric.reactions.error.unexpected": string;
4
+ "fabric.reactions.loading": string;
5
+ "fabric.reactions.more.emojis": string;
6
+ "fabric.reactions.more.info": string;
7
+ "fabric.reactions.other.reacted.users": string;
8
+ "fabric.reactions.reactwithemoji": string;
9
+ "reactions.dialog.close": string;
10
+ "reactions.dialog.emoji.name": string;
11
+ "reactions.dialog.left.navigate": string;
12
+ "reactions.dialog.reactions.count": string;
13
+ "reactions.dialog.right.navigate": string;
14
+ "reactions.dialog.viewall": string;
15
+ "reactions.dialog.viewall.tooltip": string;
16
16
  };
17
17
  /**
18
18
  * NOTE:
@@ -1,18 +1,18 @@
1
1
  declare const _default: {
2
- 'fabric.reactions.add': string;
3
- 'fabric.reactions.error.unexpected': string;
4
- 'fabric.reactions.loading': string;
5
- 'fabric.reactions.more.emojis': string;
6
- 'fabric.reactions.more.info': string;
7
- 'fabric.reactions.other.reacted.users': string;
8
- 'fabric.reactions.reactwithemoji': string;
9
- 'reactions.dialog.close': string;
10
- 'reactions.dialog.emoji.name': string;
11
- 'reactions.dialog.left.navigate': string;
12
- 'reactions.dialog.reactions.count': string;
13
- 'reactions.dialog.right.navigate': string;
14
- 'reactions.dialog.viewall': string;
15
- 'reactions.dialog.viewall.tooltip': string;
2
+ "fabric.reactions.add": string;
3
+ "fabric.reactions.error.unexpected": string;
4
+ "fabric.reactions.loading": string;
5
+ "fabric.reactions.more.emojis": string;
6
+ "fabric.reactions.more.info": string;
7
+ "fabric.reactions.other.reacted.users": string;
8
+ "fabric.reactions.reactwithemoji": string;
9
+ "reactions.dialog.close": string;
10
+ "reactions.dialog.emoji.name": string;
11
+ "reactions.dialog.left.navigate": string;
12
+ "reactions.dialog.reactions.count": string;
13
+ "reactions.dialog.right.navigate": string;
14
+ "reactions.dialog.viewall": string;
15
+ "reactions.dialog.viewall.tooltip": string;
16
16
  };
17
17
  /**
18
18
  * NOTE:
@@ -1,17 +1,17 @@
1
1
  declare const _default: {
2
- 'fabric.reactions.add': string;
3
- 'fabric.reactions.error.unexpected': string;
4
- 'fabric.reactions.loading': string;
5
- 'fabric.reactions.more.emojis': string;
6
- 'fabric.reactions.more.info': string;
7
- 'fabric.reactions.other.reacted.users': string;
8
- 'fabric.reactions.reactwithemoji': string;
9
- 'reactions.dialog.close': string;
10
- 'reactions.dialog.left.navigate': string;
11
- 'reactions.dialog.reactions.count': string;
12
- 'reactions.dialog.right.navigate': string;
13
- 'reactions.dialog.viewall': string;
14
- 'reactions.dialog.viewall.tooltip': string;
2
+ "fabric.reactions.add": string;
3
+ "fabric.reactions.error.unexpected": string;
4
+ "fabric.reactions.loading": string;
5
+ "fabric.reactions.more.emojis": string;
6
+ "fabric.reactions.more.info": string;
7
+ "fabric.reactions.other.reacted.users": string;
8
+ "fabric.reactions.reactwithemoji": string;
9
+ "reactions.dialog.close": string;
10
+ "reactions.dialog.left.navigate": string;
11
+ "reactions.dialog.reactions.count": string;
12
+ "reactions.dialog.right.navigate": string;
13
+ "reactions.dialog.viewall": string;
14
+ "reactions.dialog.viewall.tooltip": string;
15
15
  };
16
16
  /**
17
17
  * NOTE:
@@ -1,17 +1,17 @@
1
1
  declare const _default: {
2
- 'fabric.reactions.add': string;
3
- 'fabric.reactions.error.unexpected': string;
4
- 'fabric.reactions.loading': string;
5
- 'fabric.reactions.more.emojis': string;
6
- 'fabric.reactions.more.info': string;
7
- 'fabric.reactions.other.reacted.users': string;
8
- 'fabric.reactions.reactwithemoji': string;
9
- 'reactions.dialog.close': string;
10
- 'reactions.dialog.left.navigate': string;
11
- 'reactions.dialog.reactions.count': string;
12
- 'reactions.dialog.right.navigate': string;
13
- 'reactions.dialog.viewall': string;
14
- 'reactions.dialog.viewall.tooltip': string;
2
+ "fabric.reactions.add": string;
3
+ "fabric.reactions.error.unexpected": string;
4
+ "fabric.reactions.loading": string;
5
+ "fabric.reactions.more.emojis": string;
6
+ "fabric.reactions.more.info": string;
7
+ "fabric.reactions.other.reacted.users": string;
8
+ "fabric.reactions.reactwithemoji": string;
9
+ "reactions.dialog.close": string;
10
+ "reactions.dialog.left.navigate": string;
11
+ "reactions.dialog.reactions.count": string;
12
+ "reactions.dialog.right.navigate": string;
13
+ "reactions.dialog.viewall": string;
14
+ "reactions.dialog.viewall.tooltip": string;
15
15
  };
16
16
  /**
17
17
  * NOTE:
@@ -1,17 +1,17 @@
1
1
  declare const _default: {
2
- 'fabric.reactions.add': string;
3
- 'fabric.reactions.error.unexpected': string;
4
- 'fabric.reactions.loading': string;
5
- 'fabric.reactions.more.emojis': string;
6
- 'fabric.reactions.more.info': string;
7
- 'fabric.reactions.other.reacted.users': string;
8
- 'fabric.reactions.reactwithemoji': string;
9
- 'reactions.dialog.close': string;
10
- 'reactions.dialog.left.navigate': string;
11
- 'reactions.dialog.reactions.count': string;
12
- 'reactions.dialog.right.navigate': string;
13
- 'reactions.dialog.viewall': string;
14
- 'reactions.dialog.viewall.tooltip': string;
2
+ "fabric.reactions.add": string;
3
+ "fabric.reactions.error.unexpected": string;
4
+ "fabric.reactions.loading": string;
5
+ "fabric.reactions.more.emojis": string;
6
+ "fabric.reactions.more.info": string;
7
+ "fabric.reactions.other.reacted.users": string;
8
+ "fabric.reactions.reactwithemoji": string;
9
+ "reactions.dialog.close": string;
10
+ "reactions.dialog.left.navigate": string;
11
+ "reactions.dialog.reactions.count": string;
12
+ "reactions.dialog.right.navigate": string;
13
+ "reactions.dialog.viewall": string;
14
+ "reactions.dialog.viewall.tooltip": string;
15
15
  };
16
16
  /**
17
17
  * NOTE:
@@ -1,17 +1,17 @@
1
1
  declare const _default: {
2
- 'fabric.reactions.add': string;
3
- 'fabric.reactions.error.unexpected': string;
4
- 'fabric.reactions.loading': string;
5
- 'fabric.reactions.more.emojis': string;
6
- 'fabric.reactions.more.info': string;
7
- 'fabric.reactions.other.reacted.users': string;
8
- 'fabric.reactions.reactwithemoji': string;
9
- 'reactions.dialog.close': string;
10
- 'reactions.dialog.left.navigate': string;
11
- 'reactions.dialog.reactions.count': string;
12
- 'reactions.dialog.right.navigate': string;
13
- 'reactions.dialog.viewall': string;
14
- 'reactions.dialog.viewall.tooltip': string;
2
+ "fabric.reactions.add": string;
3
+ "fabric.reactions.error.unexpected": string;
4
+ "fabric.reactions.loading": string;
5
+ "fabric.reactions.more.emojis": string;
6
+ "fabric.reactions.more.info": string;
7
+ "fabric.reactions.other.reacted.users": string;
8
+ "fabric.reactions.reactwithemoji": string;
9
+ "reactions.dialog.close": string;
10
+ "reactions.dialog.left.navigate": string;
11
+ "reactions.dialog.reactions.count": string;
12
+ "reactions.dialog.right.navigate": string;
13
+ "reactions.dialog.viewall": string;
14
+ "reactions.dialog.viewall.tooltip": string;
15
15
  };
16
16
  /**
17
17
  * NOTE:
@@ -1,17 +1,17 @@
1
1
  declare const _default: {
2
- 'fabric.reactions.add': string;
3
- 'fabric.reactions.error.unexpected': string;
4
- 'fabric.reactions.loading': string;
5
- 'fabric.reactions.more.emojis': string;
6
- 'fabric.reactions.more.info': string;
7
- 'fabric.reactions.other.reacted.users': string;
8
- 'fabric.reactions.reactwithemoji': string;
9
- 'reactions.dialog.close': string;
10
- 'reactions.dialog.left.navigate': string;
11
- 'reactions.dialog.reactions.count': string;
12
- 'reactions.dialog.right.navigate': string;
13
- 'reactions.dialog.viewall': string;
14
- 'reactions.dialog.viewall.tooltip': string;
2
+ "fabric.reactions.add": string;
3
+ "fabric.reactions.error.unexpected": string;
4
+ "fabric.reactions.loading": string;
5
+ "fabric.reactions.more.emojis": string;
6
+ "fabric.reactions.more.info": string;
7
+ "fabric.reactions.other.reacted.users": string;
8
+ "fabric.reactions.reactwithemoji": string;
9
+ "reactions.dialog.close": string;
10
+ "reactions.dialog.left.navigate": string;
11
+ "reactions.dialog.reactions.count": string;
12
+ "reactions.dialog.right.navigate": string;
13
+ "reactions.dialog.viewall": string;
14
+ "reactions.dialog.viewall.tooltip": string;
15
15
  };
16
16
  /**
17
17
  * NOTE: