@atlaskit/reactions 22.5.2 → 22.5.4

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 (176) hide show
  1. package/CHANGELOG.md +75 -63
  2. package/dist/cjs/MockReactionsClient.js +12 -17
  3. package/dist/cjs/analytics/index.js +130 -8
  4. package/dist/cjs/client/ReactionServiceClient.js +4 -5
  5. package/dist/cjs/components/Counter/Counter.js +11 -15
  6. package/dist/cjs/components/Counter/index.js +1 -7
  7. package/dist/cjs/components/Counter/styles.js +6 -10
  8. package/dist/cjs/components/EmojiButton/EmojiButton.js +9 -13
  9. package/dist/cjs/components/EmojiButton/styles.js +3 -4
  10. package/dist/cjs/components/FlashAnimation/FlashAnimation.js +5 -10
  11. package/dist/cjs/components/FlashAnimation/styles.js +4 -7
  12. package/dist/cjs/components/Reaction/Reaction.js +15 -16
  13. package/dist/cjs/components/Reaction/styles.js +9 -13
  14. package/dist/cjs/components/ReactionDialog/ReactionView.js +4 -5
  15. package/dist/cjs/components/ReactionDialog/ReactionsDialog.js +10 -11
  16. package/dist/cjs/components/ReactionDialog/ReactionsList.js +2 -3
  17. package/dist/cjs/components/ReactionDialog/styles.js +21 -30
  18. package/dist/cjs/components/ReactionPicker/ReactionPicker.js +20 -23
  19. package/dist/cjs/components/ReactionPicker/RepositionOnUpdate.js +2 -3
  20. package/dist/cjs/components/ReactionPicker/styles.js +7 -11
  21. package/dist/cjs/components/ReactionTooltip/ReactionTooltip.js +12 -16
  22. package/dist/cjs/components/ReactionTooltip/styles.js +6 -11
  23. package/dist/cjs/components/Reactions/Reactions.js +26 -30
  24. package/dist/cjs/components/Reactions/styles.js +9 -12
  25. package/dist/cjs/components/Selector/Selector.js +10 -12
  26. package/dist/cjs/components/Selector/index.js +1 -7
  27. package/dist/cjs/components/Selector/styles.js +6 -11
  28. package/dist/cjs/components/ShowMore/ShowMore.js +11 -17
  29. package/dist/cjs/components/ShowMore/styles.js +7 -10
  30. package/dist/cjs/components/Trigger/Trigger.js +6 -12
  31. package/dist/cjs/components/Trigger/styles.js +6 -8
  32. package/dist/cjs/components/UfoErrorBoundary/UfoErrorBoundary.js +2 -3
  33. package/dist/cjs/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +4 -5
  34. package/dist/cjs/containers/ConnectedReactionsView/ConnectedReactionsView.js +5 -8
  35. package/dist/cjs/containers/index.js +13 -21
  36. package/dist/cjs/hooks/useFocusTrap.js +2 -3
  37. package/dist/cjs/i18n/cs.js +2 -3
  38. package/dist/cjs/i18n/da.js +2 -3
  39. package/dist/cjs/i18n/de.js +2 -3
  40. package/dist/cjs/i18n/en.js +2 -3
  41. package/dist/cjs/i18n/en_GB.js +2 -3
  42. package/dist/cjs/i18n/en_ZZ.js +2 -3
  43. package/dist/cjs/i18n/es.js +2 -3
  44. package/dist/cjs/i18n/et.js +2 -3
  45. package/dist/cjs/i18n/fi.js +2 -3
  46. package/dist/cjs/i18n/fr.js +2 -3
  47. package/dist/cjs/i18n/hu.js +2 -3
  48. package/dist/cjs/i18n/is.js +2 -3
  49. package/dist/cjs/i18n/it.js +2 -3
  50. package/dist/cjs/i18n/ja.js +2 -3
  51. package/dist/cjs/i18n/ko.js +2 -3
  52. package/dist/cjs/i18n/languages.js +2 -3
  53. package/dist/cjs/i18n/nb.js +2 -3
  54. package/dist/cjs/i18n/nl.js +2 -3
  55. package/dist/cjs/i18n/pl.js +2 -3
  56. package/dist/cjs/i18n/pt_BR.js +2 -3
  57. package/dist/cjs/i18n/pt_PT.js +2 -3
  58. package/dist/cjs/i18n/ro.js +2 -3
  59. package/dist/cjs/i18n/ru.js +2 -3
  60. package/dist/cjs/i18n/sk.js +2 -3
  61. package/dist/cjs/i18n/sv.js +2 -3
  62. package/dist/cjs/i18n/th.js +2 -3
  63. package/dist/cjs/i18n/tr.js +2 -3
  64. package/dist/cjs/i18n/uk.js +2 -3
  65. package/dist/cjs/i18n/vi.js +2 -3
  66. package/dist/cjs/i18n/zh.js +2 -3
  67. package/dist/cjs/i18n/zh_TW.js +2 -3
  68. package/dist/cjs/index.js +28 -15
  69. package/dist/cjs/shared/constants.js +7 -14
  70. package/dist/cjs/shared/i18n.js +2 -3
  71. package/dist/cjs/shared/utils.js +5 -9
  72. package/dist/cjs/store/MemoryReactionsStore.js +31 -37
  73. package/dist/cjs/store/ReactionConsumer.js +2 -3
  74. package/dist/cjs/store/utils.js +9 -16
  75. package/dist/cjs/types/reaction.js +2 -3
  76. package/dist/cjs/ufo/index.js +92 -0
  77. package/dist/es2019/MockReactionsClient.js +2 -2
  78. package/dist/es2019/analytics/index.js +95 -4
  79. package/dist/es2019/components/Counter/Counter.js +6 -6
  80. package/dist/es2019/components/Counter/index.js +1 -3
  81. package/dist/es2019/components/Counter/styles.js +1 -1
  82. package/dist/es2019/components/EmojiButton/EmojiButton.js +6 -5
  83. package/dist/es2019/components/EmojiButton/styles.js +1 -1
  84. package/dist/es2019/components/FlashAnimation/FlashAnimation.js +2 -2
  85. package/dist/es2019/components/Reaction/Reaction.js +13 -12
  86. package/dist/es2019/components/Reaction/styles.js +2 -2
  87. package/dist/es2019/components/ReactionDialog/ReactionView.js +2 -2
  88. package/dist/es2019/components/ReactionDialog/ReactionsDialog.js +5 -4
  89. package/dist/es2019/components/ReactionDialog/styles.js +10 -9
  90. package/dist/es2019/components/ReactionPicker/ReactionPicker.js +13 -13
  91. package/dist/es2019/components/ReactionPicker/styles.js +2 -2
  92. package/dist/es2019/components/ReactionTooltip/ReactionTooltip.js +9 -8
  93. package/dist/es2019/components/Reactions/Reactions.js +21 -21
  94. package/dist/es2019/components/Reactions/styles.js +5 -5
  95. package/dist/es2019/components/Selector/Selector.js +7 -7
  96. package/dist/es2019/components/Selector/index.js +1 -3
  97. package/dist/es2019/components/ShowMore/ShowMore.js +7 -7
  98. package/dist/es2019/components/ShowMore/styles.js +3 -3
  99. package/dist/es2019/components/Trigger/Trigger.js +2 -2
  100. package/dist/es2019/components/Trigger/styles.js +1 -1
  101. package/dist/es2019/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +2 -2
  102. package/dist/es2019/containers/index.js +2 -2
  103. package/dist/es2019/index.js +27 -5
  104. package/dist/es2019/store/MemoryReactionsStore.js +21 -23
  105. package/dist/esm/MockReactionsClient.js +4 -4
  106. package/dist/esm/analytics/index.js +127 -4
  107. package/dist/esm/client/ReactionServiceClient.js +2 -2
  108. package/dist/esm/components/Counter/Counter.js +6 -6
  109. package/dist/esm/components/Counter/index.js +1 -3
  110. package/dist/esm/components/Counter/styles.js +1 -1
  111. package/dist/esm/components/EmojiButton/EmojiButton.js +6 -5
  112. package/dist/esm/components/EmojiButton/styles.js +1 -1
  113. package/dist/esm/components/FlashAnimation/FlashAnimation.js +2 -2
  114. package/dist/esm/components/Reaction/Reaction.js +13 -12
  115. package/dist/esm/components/Reaction/styles.js +2 -2
  116. package/dist/esm/components/ReactionDialog/ReactionView.js +2 -2
  117. package/dist/esm/components/ReactionDialog/ReactionsDialog.js +7 -6
  118. package/dist/esm/components/ReactionDialog/styles.js +10 -9
  119. package/dist/esm/components/ReactionPicker/ReactionPicker.js +16 -16
  120. package/dist/esm/components/ReactionPicker/styles.js +2 -2
  121. package/dist/esm/components/ReactionTooltip/ReactionTooltip.js +9 -8
  122. package/dist/esm/components/Reactions/Reactions.js +21 -21
  123. package/dist/esm/components/Reactions/styles.js +5 -5
  124. package/dist/esm/components/Selector/Selector.js +7 -7
  125. package/dist/esm/components/Selector/index.js +1 -3
  126. package/dist/esm/components/ShowMore/ShowMore.js +7 -7
  127. package/dist/esm/components/ShowMore/styles.js +3 -3
  128. package/dist/esm/components/Trigger/Trigger.js +2 -2
  129. package/dist/esm/components/Trigger/styles.js +3 -3
  130. package/dist/esm/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +2 -2
  131. package/dist/esm/containers/ConnectedReactionsView/ConnectedReactionsView.js +1 -1
  132. package/dist/esm/containers/index.js +2 -2
  133. package/dist/esm/index.js +27 -5
  134. package/dist/esm/store/MemoryReactionsStore.js +23 -25
  135. package/dist/esm/store/utils.js +2 -2
  136. package/dist/types/analytics/index.d.ts +121 -2
  137. package/dist/types/components/Counter/index.d.ts +0 -1
  138. package/dist/types/components/ReactionPicker/ReactionPicker.d.ts +1 -1
  139. package/dist/types/components/Reactions/styles.d.ts +1 -1
  140. package/dist/types/components/Selector/Selector.d.ts +1 -1
  141. package/dist/types/components/Selector/index.d.ts +0 -1
  142. package/dist/types/containers/index.d.ts +2 -2
  143. package/dist/types/index.d.ts +24 -3
  144. package/dist/types/store/MemoryReactionsStore.d.ts +6 -6
  145. package/dist/types-ts4.5/analytics/index.d.ts +121 -2
  146. package/dist/types-ts4.5/components/Counter/index.d.ts +0 -1
  147. package/dist/types-ts4.5/components/ReactionPicker/ReactionPicker.d.ts +1 -1
  148. package/dist/types-ts4.5/components/Reactions/styles.d.ts +1 -1
  149. package/dist/types-ts4.5/components/Selector/Selector.d.ts +1 -1
  150. package/dist/types-ts4.5/components/Selector/index.d.ts +0 -1
  151. package/dist/types-ts4.5/containers/index.d.ts +2 -2
  152. package/dist/types-ts4.5/index.d.ts +24 -3
  153. package/dist/types-ts4.5/store/MemoryReactionsStore.d.ts +6 -6
  154. package/package.json +9 -10
  155. package/report.api.md +494 -0
  156. package/tmp/api-report-tmp.d.ts +398 -0
  157. package/dist/cjs/analytics/analytics.js +0 -149
  158. package/dist/cjs/analytics/ufo.js +0 -103
  159. package/dist/cjs/hooks/index.js +0 -12
  160. package/dist/cjs/shared/index.js +0 -15
  161. package/dist/es2019/analytics/analytics.js +0 -95
  162. package/dist/es2019/hooks/index.js +0 -1
  163. package/dist/es2019/shared/index.js +0 -6
  164. package/dist/esm/analytics/analytics.js +0 -127
  165. package/dist/esm/hooks/index.js +0 -1
  166. package/dist/esm/shared/index.js +0 -6
  167. package/dist/types/analytics/analytics.d.ts +0 -121
  168. package/dist/types/hooks/index.d.ts +0 -1
  169. package/dist/types/shared/index.d.ts +0 -3
  170. package/dist/types-ts4.5/analytics/analytics.d.ts +0 -121
  171. package/dist/types-ts4.5/hooks/index.d.ts +0 -1
  172. package/dist/types-ts4.5/shared/index.d.ts +0 -3
  173. /package/dist/es2019/{analytics/ufo.js → ufo/index.js} +0 -0
  174. /package/dist/esm/{analytics/ufo.js → ufo/index.js} +0 -0
  175. /package/dist/types/{analytics/ufo.d.ts → ufo/index.d.ts} +0 -0
  176. /package/dist/types-ts4.5/{analytics/ufo.d.ts → ufo/index.d.ts} +0 -0
@@ -0,0 +1,398 @@
1
+ ## API Report File for "@atlaskit/reactions"
2
+
3
+ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ ```ts
6
+
7
+ /// <reference types="react" />
8
+
9
+ import { AnalyticsEvent } from '@atlaskit/analytics-next';
10
+ import { AriaAttributes } from 'react';
11
+ import { ConcurrentExperience } from '@atlaskit/ufo';
12
+ import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
13
+ import { EmojiId } from '@atlaskit/emoji/types';
14
+ import { EmojiId as EmojiId_2 } from '@atlaskit/emoji';
15
+ import { EmojiProvider } from '@atlaskit/emoji';
16
+ import { EmojiProvider as EmojiProvider_2 } from '@atlaskit/emoji/resource';
17
+ import { OnCloseHandler } from '@atlaskit/modal-dialog';
18
+ import { OnEmojiEvent } from '@atlaskit/emoji/types';
19
+ import { PickerSize } from '@atlaskit/emoji/types';
20
+ import { default as React_2 } from 'react';
21
+ import { UFOExperience } from '@atlaskit/ufo';
22
+ import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
23
+ import { WithSamplingUFOExperience } from '@atlaskit/emoji';
24
+
25
+ // @public (undocumented)
26
+ type Actions = {
27
+ getReactions: (containerId: string, aris: string) => void;
28
+ toggleReaction: ReactionAction;
29
+ addReaction: ReactionAction;
30
+ getDetailedReaction: ReactionAction;
31
+ };
32
+
33
+ // @public
34
+ enum ComponentName {
35
+ // (undocumented)
36
+ PICKER_RENDERED = "reactions-picker",
37
+ // (undocumented)
38
+ REACTION_DIALOG = "reaction-dialog",
39
+ // (undocumented)
40
+ REACTION_ITEM = "reaction-item",
41
+ // (undocumented)
42
+ REACTIONS = "reactions-list"
43
+ }
44
+
45
+ // @public
46
+ export const ConnectedReactionPicker: React_2.FC<ConnectedReactionPickerProps>;
47
+
48
+ // @public (undocumented)
49
+ interface ConnectedReactionPickerProps extends Omit<ReactionPickerProps, 'onSelection'> {
50
+ ari: string;
51
+ containerAri: string;
52
+ store: StorePropInput;
53
+ }
54
+
55
+ // @public (undocumented)
56
+ export const ConnectedReactionsView: React_2.FC<ConnectedReactionsViewProps>;
57
+
58
+ // @public (undocumented)
59
+ interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'allowAllEmojis' | 'allowUserDialog' | 'emojiPickerSize' | 'emojiProvider' | 'miniMode' | 'onDialogCloseCallback' | 'onDialogOpenCallback' | 'onDialogSelectReactionCallback' | 'quickReactionEmojis'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
60
+ ari: string;
61
+ containerAri: string;
62
+ store: StorePropInput;
63
+ }
64
+
65
+ // @public (undocumented)
66
+ export const constants: {
67
+ DefaultReactions: EmojiId_2[];
68
+ DefaultReactionsByShortName: Map<string, EmojiId_2>;
69
+ ExtendedReactions: EmojiId_2[];
70
+ ExtendedReactionsByShortName: Map<string, EmojiId_2>;
71
+ NUMBER_OF_REACTIONS_TO_DISPLAY: number;
72
+ SAMPLING_RATE_REACTIONS_RENDERED_EXP: number;
73
+ TOOLTIP_USERS_LIMIT: number;
74
+ };
75
+
76
+ // @public
77
+ enum ExperienceName {
78
+ // (undocumented)
79
+ PICKER_OPENED = "reactions-picker-opened",
80
+ // (undocumented)
81
+ REACTION_ADDED = "reaction-added",
82
+ // (undocumented)
83
+ REACTION_DETAILS_FETCHED = "reaction-details-fetched",
84
+ // (undocumented)
85
+ REACTION_DIALOG_CLOSED = "reaction-dialog-closed",
86
+ // (undocumented)
87
+ REACTION_DIALOG_OPENED = "reaction-dialog-opened",
88
+ // (undocumented)
89
+ REACTION_DIALOG_SELECTED_REACTION_CHANGED = "reaction-dialog-selected-reaction-changed",
90
+ // (undocumented)
91
+ REACTION_REMOVED = "reaction-removed",
92
+ // (undocumented)
93
+ REACTIONS_RENDERED = "reactions-rendered"
94
+ }
95
+
96
+ // @public (undocumented)
97
+ export class MemoryReactionsStore implements ReactionsStore {
98
+ constructor(client: ReactionClient, state?: State, metadata?: StoreMetadata);
99
+ // (undocumented)
100
+ addReaction: (containerAri: string, ari: string, emojiId: string) => void;
101
+ // (undocumented)
102
+ getDetailedReaction: (containerAri: string, ari: string, emojiId: string) => void;
103
+ // (undocumented)
104
+ getReactions: (key: string, ...args: string[]) => void;
105
+ // (undocumented)
106
+ getState: () => State;
107
+ // (undocumented)
108
+ onChange: (callback: OnChangeCallback) => void;
109
+ // (undocumented)
110
+ removeOnChangeListener: (toRemove: OnChangeCallback) => void;
111
+ // (undocumented)
112
+ setCreateAnalyticsEvent: (createAnalyticsEvent?: CreateUIAnalyticsEvent) => void;
113
+ // (undocumented)
114
+ toggleReaction: (containerAri: string, ari: string, emojiId: string) => void;
115
+ }
116
+
117
+ // @public
118
+ type OnChangeCallback = (state: State) => void;
119
+
120
+ // @public
121
+ export type onDialogSelectReactionChange = (emojiId: string, analyticsEvent: UIAnalyticsEvent) => void;
122
+
123
+ // @public
124
+ type ProfilePicture = {
125
+ path: string;
126
+ };
127
+
128
+ // @public
129
+ interface QuickReactionEmojiSummary {
130
+ ari: string;
131
+ containerAri: string;
132
+ emojiIds: string[];
133
+ }
134
+
135
+ // @public
136
+ type ReactioConsumerProps<PropsFromState, PropsFromActions> = {
137
+ mapStateToProps?: (state: State) => PropsFromState;
138
+ mapActionsToProps?: (actions: Actions) => PropsFromActions;
139
+ children: (props: PropsFromState & PropsFromActions) => React_2.ReactNode;
140
+ store: StorePropInput;
141
+ };
142
+
143
+ // @public
144
+ export const Reaction: React_2.FC<ReactionProps>;
145
+
146
+ // @public
147
+ type ReactionAction = (containerAri: string, ari: string, emojiId: string) => void;
148
+
149
+ // @public
150
+ type ReactionClick = (id: string, event: React.MouseEvent<HTMLButtonElement>) => void;
151
+
152
+ // @public (undocumented)
153
+ export interface ReactionClient {
154
+ addReaction: ReactionRequest<ReactionSummary[]>;
155
+ deleteReaction: ReactionRequest<ReactionSummary[]>;
156
+ getDetailedReaction: ReactionRequest<ReactionSummary>;
157
+ getReactions(containerAri: string, aris: string[]): Promise<Reactions_2>;
158
+ }
159
+
160
+ // @public @deprecated
161
+ export class ReactionConsumer<PropsFromState, PropsFromActions> extends React_2.PureComponent<ReactioConsumerProps<PropsFromState, PropsFromActions>, ReactionConsumerState> {
162
+ constructor(props: ReactioConsumerProps<PropsFromState, PropsFromActions>);
163
+ // (undocumented)
164
+ componentDidMount(): void;
165
+ // (undocumented)
166
+ componentWillUnmount(): Promise<void>;
167
+ // (undocumented)
168
+ render(): React_2.ReactNode;
169
+ }
170
+
171
+ // @public
172
+ type ReactionConsumerState = {
173
+ store?: ReactionsStore;
174
+ };
175
+
176
+ // @public
177
+ type ReactionFocused = (emojiId: string, event?: React.FocusEvent<any>) => void;
178
+
179
+ // @public
180
+ type ReactionMouseEnter = (emojiId: string, event?: React.MouseEvent<any>) => void;
181
+
182
+ // @public
183
+ export const ReactionPicker: React_2.FC<ReactionPickerProps>;
184
+
185
+ // @public (undocumented)
186
+ interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Partial<Pick<TriggerProps, 'miniMode' | 'tooltipContent'>> {
187
+ allowAllEmojis?: boolean;
188
+ className?: string;
189
+ disabled?: boolean;
190
+ emojiPickerSize?: PickerSize;
191
+ emojiProvider: Promise<EmojiProvider_2>;
192
+ onCancel?: () => void;
193
+ onOpen?: () => void;
194
+ onSelection: (emojiId: string, source: ReactionSource) => void;
195
+ onShowMore?: () => void;
196
+ }
197
+
198
+ // @public (undocumented)
199
+ interface ReactionProps extends Pick<ReactionTooltipProps, 'allowUserDialog'> {
200
+ className?: string;
201
+ emojiProvider: Promise<EmojiProvider>;
202
+ flash?: boolean;
203
+ handleUserListClick?: (emojiId: string) => void;
204
+ onClick: ReactionClick;
205
+ onFocused?: ReactionFocused;
206
+ onMouseEnter?: ReactionMouseEnter;
207
+ reaction: ReactionSummary;
208
+ }
209
+
210
+ // @public (undocumented)
211
+ export type ReactionRequest<T> = (
212
+ ari: string,
213
+ containerAri: string,
214
+ emojiId: string,
215
+ metadata?: Record<string, any>) => Promise<T>;
216
+
217
+ // @public
218
+ export const Reactions: React_2.FC<ReactionsProps>;
219
+
220
+ // @public
221
+ type Reactions_2 = Record<string, ReactionSummary[]>;
222
+
223
+ // @public (undocumented)
224
+ type ReactionsError = {
225
+ readonly status: ReactionStatus.error;
226
+ readonly message: string;
227
+ };
228
+
229
+ // @public
230
+ export class ReactionServiceClient implements ReactionClient {
231
+ constructor(baseUrl: string, sessionToken?: string);
232
+ // (undocumented)
233
+ addReaction(containerAri: string, ari: string, emojiId: string, metadata?: Record<string, any>): Promise<ReactionSummary[]>;
234
+ // (undocumented)
235
+ deleteReaction(containerAri: string, ari: string, emojiId: string, metadata?: Record<string, any>): Promise<ReactionSummary[]>;
236
+ // (undocumented)
237
+ getDetailedReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary>;
238
+ // (undocumented)
239
+ getReactions(containerAri: string, aris: string[]): Promise<Reactions_2>;
240
+ }
241
+
242
+ // @public (undocumented)
243
+ type ReactionsLoading = {
244
+ readonly status: ReactionStatus.loading;
245
+ };
246
+
247
+ // @public (undocumented)
248
+ type ReactionsNotLoaded = {
249
+ readonly status: ReactionStatus.notLoaded;
250
+ };
251
+
252
+ // @public
253
+ type ReactionSource = 'emojiPicker' | 'quickSelector';
254
+
255
+ // @public (undocumented)
256
+ interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmojis' | 'emojiPickerSize' | 'emojiProvider' | 'miniMode'>, Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Pick<ReactionProps, 'allowUserDialog'> {
257
+ errorMessage?: string;
258
+ flash?: Record<string, boolean>;
259
+ getReactionDetails?: (emojiId: string) => void;
260
+ loadReaction: () => void;
261
+ onDialogCloseCallback?: OnCloseHandler;
262
+ onDialogOpenCallback?: (emojiId: string, source?: string) => void;
263
+ onDialogSelectReactionCallback?: onDialogSelectReactionChange;
264
+ onReactionClick: ReactionClick;
265
+ // @deprecated (undocumented)
266
+ onReactionHover?: (emojiId: string) => void;
267
+ onSelection: (emojiId: string) => void;
268
+ quickReactionEmojis?: QuickReactionEmojiSummary;
269
+ reactions?: ReactionSummary[];
270
+ status: ReactionStatus;
271
+ }
272
+
273
+ // @public (undocumented)
274
+ type ReactionsReadyState = {
275
+ readonly status: ReactionStatus.ready;
276
+ readonly reactions: ReactionSummary[];
277
+ };
278
+
279
+ // @public
280
+ type ReactionsState = ReactionsError | ReactionsLoading | ReactionsNotLoaded | ReactionsReadyState;
281
+
282
+ // @public
283
+ export interface ReactionsStore extends Actions, StoreProps {
284
+ }
285
+
286
+ // @public
287
+ enum ReactionStatus {
288
+ // (undocumented)
289
+ disabled = "DISABLED",
290
+ // (undocumented)
291
+ error = "ERROR",
292
+ // (undocumented)
293
+ loading = "LOADING",
294
+ // (undocumented)
295
+ notLoaded = "NOT_LOADED",
296
+ // (undocumented)
297
+ ready = "READY"
298
+ }
299
+
300
+ // @public
301
+ interface ReactionSummary {
302
+ ari: string;
303
+ containerAri: string;
304
+ count: number;
305
+ emojiId: string;
306
+ // @deprecated (undocumented)
307
+ optimisticallyUpdated?: boolean;
308
+ reacted: boolean;
309
+ users?: User[];
310
+ }
311
+
312
+ // @public (undocumented)
313
+ interface ReactionTooltipProps {
314
+ allowUserDialog?: boolean;
315
+ emojiName?: string;
316
+ handleUserListClick?: (emojiId: string) => void;
317
+ isEnabled?: boolean;
318
+ maxReactions?: number;
319
+ reaction: ReactionSummary;
320
+ }
321
+
322
+ // @public (undocumented)
323
+ interface SelectorProps {
324
+ emojiProvider: Promise<EmojiProvider_2>;
325
+ onMoreClick?: React_2.MouseEventHandler<HTMLElement>;
326
+ onSelection: OnEmojiEvent;
327
+ pickerQuickReactionEmojiIds?: EmojiId[];
328
+ showMore?: boolean;
329
+ }
330
+
331
+ // @public
332
+ export type State = {
333
+ reactions: {
334
+ [key: string]: ReactionsState;
335
+ };
336
+ flash: {
337
+ [key: string]: {
338
+ [emojiId: string]: boolean;
339
+ };
340
+ };
341
+ };
342
+
343
+ // @public
344
+ interface StoreMetadata {
345
+ // (undocumented)
346
+ [k: string]: any;
347
+ // (undocumented)
348
+ subproduct?: string;
349
+ }
350
+
351
+ // @public
352
+ export type StorePropInput = Promise<ReactionsStore> | ReactionsStore;
353
+
354
+ // @public
355
+ interface StoreProps {
356
+ getState: () => State;
357
+ // @deprecated
358
+ onChange: (callback: OnChangeCallback) => void;
359
+ // @deprecated
360
+ removeOnChangeListener: (callback: OnChangeCallback) => void;
361
+ // @deprecated
362
+ setCreateAnalyticsEvent?: (createAnalyticsEvent: CreateUIAnalyticsEvent) => void;
363
+ }
364
+
365
+ // @public (undocumented)
366
+ interface TriggerProps {
367
+ ariaAttributes?: AriaAttributes;
368
+ disabled?: boolean;
369
+ miniMode?: boolean;
370
+ onClick?: (e: React_2.MouseEvent<HTMLElement>, analyticsEvent: AnalyticsEvent) => void;
371
+ tooltipContent: React_2.ReactNode;
372
+ }
373
+
374
+ // @public (undocumented)
375
+ export const UFO: {
376
+ ComponentName: typeof ComponentName;
377
+ ExperienceName: typeof ExperienceName;
378
+ PickerRender: UFOExperience;
379
+ ReactionsAdd: ConcurrentExperience;
380
+ ReactionDetailsFetch: ConcurrentExperience;
381
+ ReactionDialogClosed: UFOExperience;
382
+ ReactionDialogOpened: UFOExperience;
383
+ ReactionDialogSelectedReactionChanged: UFOExperience;
384
+ ReactionsRemove: ConcurrentExperience;
385
+ ReactionsRendered: ConcurrentExperience;
386
+ sampledReactionsRendered: (instanceId: string) => WithSamplingUFOExperience;
387
+ };
388
+
389
+ // @public (undocumented)
390
+ interface User {
391
+ displayName: string;
392
+ id: string;
393
+ profilePicture?: ProfilePicture;
394
+ }
395
+
396
+ // (No @packageDocumentation comment for this package)
397
+
398
+ ```
@@ -1,149 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.isSampled = exports.extractErrorInfo = exports.createRestSucceededEvent = exports.createRestFailedEvent = exports.createReactionsRenderedEvent = exports.createReactionSelectionEvent = exports.createReactionHoveredEvent = exports.createReactionFocusedEvent = exports.createReactionClickedEvent = exports.createPickerMoreClickedEvent = exports.createPickerCancelledEvent = exports.createPickerButtonClickedEvent = exports.createAndFireSafe = exports.createAndFireEventInElementsChannel = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _analyticsNext = require("@atlaskit/analytics-next");
10
- var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
11
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
- var packageName = "@atlaskit/reactions";
14
- var packageVersion = "22.5.2";
15
- /**
16
- * TODO: move to utility package?
17
- * A random sampling function
18
- * 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
19
- * E.g. isSampled(2) will pass 50% of the time
20
- * @param rate The chance that it will pass (1 in <rate> times)
21
- * @returns bool, if it passes or not
22
- */
23
- // default sampling function to determine which one to be sampled
24
- var isSampled = function isSampled(rate) {
25
- if (rate === 1) {
26
- return true;
27
- }
28
- if (rate === 0) {
29
- return false;
30
- }
31
- return Math.random() * rate <= 1;
32
- };
33
- exports.isSampled = isSampled;
34
- var createAndFireEventInElementsChannel = (0, _analyticsNext.createAndFireEvent)('fabric-elements');
35
- exports.createAndFireEventInElementsChannel = createAndFireEventInElementsChannel;
36
- var createAndFireSafe = function createAndFireSafe(createAnalyticsEvent, creator) {
37
- if (createAnalyticsEvent) {
38
- for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
39
- args[_key - 2] = arguments[_key];
40
- }
41
- createAndFireEventInElementsChannel(creator.apply(void 0, args))(createAnalyticsEvent);
42
- }
43
- };
44
- exports.createAndFireSafe = createAndFireSafe;
45
- var createPayload = function createPayload(action, actionSubject, eventType, actionSubjectId) {
46
- return function () {
47
- var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
48
- return {
49
- action: action,
50
- actionSubject: actionSubject,
51
- eventType: eventType,
52
- actionSubjectId: actionSubjectId,
53
- attributes: _objectSpread(_objectSpread({}, attributes), {}, {
54
- packageName: packageName,
55
- packageVersion: packageVersion
56
- })
57
- };
58
- };
59
- };
60
- var calculateDuration = function calculateDuration(startTime) {
61
- return startTime ? Date.now() - startTime : undefined;
62
- };
63
- var getPreviousState = function getPreviousState(reaction) {
64
- if (reaction) {
65
- if (reaction.reacted) {
66
- return 'existingReacted';
67
- }
68
- return 'existingNotReacted';
69
- }
70
- return 'new';
71
- };
72
- var createRestSucceededEvent = function createRestSucceededEvent(actionSubject) {
73
- return createPayload('succeeded', actionSubject, _analyticsGasTypes.OPERATIONAL_EVENT_TYPE)();
74
- };
75
- exports.createRestSucceededEvent = createRestSucceededEvent;
76
- var createRestFailedEvent = function createRestFailedEvent(actionSubject, errorCode) {
77
- return createPayload('failed', actionSubject, _analyticsGasTypes.OPERATIONAL_EVENT_TYPE)({
78
- errorCode: errorCode
79
- });
80
- };
81
- exports.createRestFailedEvent = createRestFailedEvent;
82
- var createReactionsRenderedEvent = function createReactionsRenderedEvent(startTime) {
83
- return createPayload('rendered', 'reactionView', _analyticsGasTypes.OPERATIONAL_EVENT_TYPE)({
84
- duration: calculateDuration(startTime)
85
- });
86
- };
87
- exports.createReactionsRenderedEvent = createReactionsRenderedEvent;
88
- var createPickerButtonClickedEvent = function createPickerButtonClickedEvent(reactionEmojiCount) {
89
- return createPayload('clicked', 'reactionPickerButton', _analyticsGasTypes.UI_EVENT_TYPE)({
90
- reactionEmojiCount: reactionEmojiCount
91
- });
92
- };
93
- exports.createPickerButtonClickedEvent = createPickerButtonClickedEvent;
94
- var createPickerCancelledEvent = function createPickerCancelledEvent(startTime) {
95
- return createPayload('cancelled', 'reactionPicker', _analyticsGasTypes.UI_EVENT_TYPE)({
96
- duration: calculateDuration(startTime)
97
- });
98
- };
99
- exports.createPickerCancelledEvent = createPickerCancelledEvent;
100
- var createPickerMoreClickedEvent = function createPickerMoreClickedEvent(startTime) {
101
- return createPayload('clicked', 'reactionPicker', _analyticsGasTypes.UI_EVENT_TYPE, 'more')({
102
- duration: calculateDuration(startTime)
103
- });
104
- };
105
- exports.createPickerMoreClickedEvent = createPickerMoreClickedEvent;
106
- var createReactionSelectionEvent = function createReactionSelectionEvent(source, emojiId, reaction, startTime) {
107
- return createPayload('clicked', 'reactionPicker', _analyticsGasTypes.UI_EVENT_TYPE, 'emoji')({
108
- duration: calculateDuration(startTime),
109
- source: source,
110
- previousState: getPreviousState(reaction),
111
- emojiId: emojiId
112
- });
113
- };
114
- exports.createReactionSelectionEvent = createReactionSelectionEvent;
115
- var createReactionHoveredEvent = function createReactionHoveredEvent(startTime) {
116
- return createPayload('hovered', 'existingReaction', _analyticsGasTypes.UI_EVENT_TYPE)({
117
- duration: calculateDuration(startTime)
118
- });
119
- };
120
- exports.createReactionHoveredEvent = createReactionHoveredEvent;
121
- var createReactionFocusedEvent = function createReactionFocusedEvent(startTime) {
122
- return createPayload('focused', 'existingReaction', _analyticsGasTypes.UI_EVENT_TYPE)({
123
- duration: calculateDuration(startTime)
124
- });
125
- };
126
- exports.createReactionFocusedEvent = createReactionFocusedEvent;
127
- var createReactionClickedEvent = function createReactionClickedEvent(added, emojiId) {
128
- return createPayload('clicked', 'existingReaction', _analyticsGasTypes.UI_EVENT_TYPE)({
129
- added: added,
130
- emojiId: emojiId
131
- });
132
- };
133
-
134
- /**
135
- * Used for store failure metadata for analytics
136
- * @param error The error could be a service error with {code, reason} or an Error
137
- * @returns any
138
- */
139
- exports.createReactionClickedEvent = createReactionClickedEvent;
140
- var extractErrorInfo = function extractErrorInfo(error) {
141
- if (error instanceof Error) {
142
- return {
143
- name: error.name,
144
- message: error.message
145
- };
146
- }
147
- return error;
148
- };
149
- exports.extractErrorInfo = extractErrorInfo;
@@ -1,103 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.sampledReactionsRendered = exports.ReactionsRendered = exports.ReactionsRemove = exports.ReactionsAdd = exports.ReactionDialogSelectedReactionChanged = exports.ReactionDialogOpened = exports.ReactionDialogClosed = exports.ReactionDetailsFetch = exports.PickerRender = exports.ExperienceName = exports.ComponentName = void 0;
7
- var _ufo = require("@atlaskit/ufo");
8
- var _emoji = require("@atlaskit/emoji");
9
- /**
10
- * Initial experience config object (deferred from @atlaskit/ufo inner types)
11
- */
12
-
13
- /**
14
- * Helper method for create the config type for an individual/Concurrent experience
15
- * @param componentName
16
- */
17
- var createExperienceConfig = function createExperienceConfig(componentName, type, performanceType) {
18
- return {
19
- platform: {
20
- component: componentName
21
- },
22
- type: type,
23
- performanceType: performanceType
24
- };
25
- };
26
-
27
- /**
28
- * Types of experiences
29
- */
30
- var ExperienceName = /*#__PURE__*/function (ExperienceName) {
31
- ExperienceName["REACTIONS_RENDERED"] = "reactions-rendered";
32
- ExperienceName["PICKER_OPENED"] = "reactions-picker-opened";
33
- ExperienceName["REACTION_ADDED"] = "reaction-added";
34
- ExperienceName["REACTION_REMOVED"] = "reaction-removed";
35
- ExperienceName["REACTION_DETAILS_FETCHED"] = "reaction-details-fetched";
36
- ExperienceName["REACTION_DIALOG_OPENED"] = "reaction-dialog-opened";
37
- ExperienceName["REACTION_DIALOG_CLOSED"] = "reaction-dialog-closed";
38
- ExperienceName["REACTION_DIALOG_SELECTED_REACTION_CHANGED"] = "reaction-dialog-selected-reaction-changed";
39
- return ExperienceName;
40
- }({});
41
- /**
42
- * UFO types of components been instrumented
43
- */
44
- exports.ExperienceName = ExperienceName;
45
- var ComponentName = /*#__PURE__*/function (ComponentName) {
46
- ComponentName["PICKER_RENDERED"] = "reactions-picker";
47
- ComponentName["REACTIONS"] = "reactions-list";
48
- ComponentName["REACTION_ITEM"] = "reaction-item";
49
- ComponentName["REACTION_DIALOG"] = "reaction-dialog";
50
- return ComponentName;
51
- }({});
52
- /**
53
- * Experience when the emoji picker is opened
54
- */
55
- exports.ComponentName = ComponentName;
56
- var PickerRender = new _ufo.UFOExperience(ExperienceName.PICKER_OPENED, createExperienceConfig(ComponentName.PICKER_RENDERED, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
57
-
58
- /**
59
- * Experience when the list of reactions gets rendered
60
- */
61
- exports.PickerRender = PickerRender;
62
- var ReactionsRendered = new _ufo.ConcurrentExperience(ExperienceName.REACTIONS_RENDERED, createExperienceConfig(ComponentName.REACTIONS, _ufo.ExperienceTypes.Load, _ufo.ExperiencePerformanceTypes.PageSegmentLoad));
63
-
64
- /**
65
- * Experience when a reaction emoji gets added
66
- */
67
- exports.ReactionsRendered = ReactionsRendered;
68
- var ReactionsAdd = new _ufo.ConcurrentExperience(ExperienceName.REACTION_ADDED, createExperienceConfig(ComponentName.REACTIONS, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
69
-
70
- /**
71
- * Expeirence when a reaction dialog is opened
72
- */
73
- exports.ReactionsAdd = ReactionsAdd;
74
- var ReactionDialogOpened = new _ufo.UFOExperience(ExperienceName.REACTION_DIALOG_OPENED, createExperienceConfig(ComponentName.REACTION_DIALOG, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
75
-
76
- /**
77
- * Experience when a reaction dialog is closed
78
- */
79
- exports.ReactionDialogOpened = ReactionDialogOpened;
80
- var ReactionDialogClosed = new _ufo.UFOExperience(ExperienceName.REACTION_DIALOG_CLOSED, createExperienceConfig(ComponentName.REACTION_DIALOG, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
81
-
82
- /**
83
- * Experience when a reaction changed/fetched from inside the modal dialog
84
- */
85
- exports.ReactionDialogClosed = ReactionDialogClosed;
86
- var ReactionDialogSelectedReactionChanged = new _ufo.UFOExperience(ExperienceName.REACTION_DIALOG_SELECTED_REACTION_CHANGED, createExperienceConfig(ComponentName.REACTION_DIALOG, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
87
-
88
- /**
89
- * Experience when a reaction details gets fetched
90
- */
91
- exports.ReactionDialogSelectedReactionChanged = ReactionDialogSelectedReactionChanged;
92
- var ReactionDetailsFetch = new _ufo.ConcurrentExperience(ExperienceName.REACTION_DETAILS_FETCHED, createExperienceConfig(ComponentName.REACTION_ITEM, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
93
-
94
- /**
95
- * Experience when a reaction emoji gets removed/decrement
96
- */
97
- exports.ReactionDetailsFetch = ReactionDetailsFetch;
98
- var ReactionsRemove = new _ufo.ConcurrentExperience(ExperienceName.REACTION_REMOVED, createExperienceConfig(ComponentName.REACTIONS, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
99
- exports.ReactionsRemove = ReactionsRemove;
100
- var sampledReactionsRendered = function sampledReactionsRendered(instanceId) {
101
- return (0, _emoji.withSampling)(ReactionsRendered.getInstance(instanceId));
102
- };
103
- exports.sampledReactionsRendered = sampledReactionsRendered;
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "useCloseManager", {
7
- enumerable: true,
8
- get: function get() {
9
- return _useCloseManager.useCloseManager;
10
- }
11
- });
12
- var _useCloseManager = require("./useCloseManager");
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- var _typeof = require("@babel/runtime/helpers/typeof");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.utils = exports.i18n = exports.constants = void 0;
8
- var _constants = _interopRequireWildcard(require("./constants"));
9
- exports.constants = _constants;
10
- var _utils = _interopRequireWildcard(require("./utils"));
11
- exports.utils = _utils;
12
- var _i18n = _interopRequireWildcard(require("./i18n"));
13
- exports.i18n = _i18n;
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }