@atlaskit/reactions 21.8.0 → 22.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (200) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/cjs/MockReactionsClient.js +24 -16
  3. package/dist/cjs/analytics/analytics.js +9 -1
  4. package/dist/cjs/analytics/ufo.js +24 -2
  5. package/dist/cjs/components/Counter/Counter.js +16 -20
  6. package/dist/cjs/components/Reaction/Reaction.js +52 -18
  7. package/dist/cjs/components/Reaction/styles.js +8 -1
  8. package/dist/cjs/components/ReactionDialog/ReactionView.js +121 -0
  9. package/dist/cjs/components/ReactionDialog/ReactionsDialog.js +187 -0
  10. package/dist/cjs/components/ReactionDialog/ReactionsList.js +104 -0
  11. package/dist/cjs/components/ReactionDialog/index.js +13 -0
  12. package/dist/cjs/components/ReactionDialog/styles.js +202 -0
  13. package/dist/cjs/components/ReactionPicker/ReactionPicker.js +15 -20
  14. package/dist/cjs/components/ReactionTooltip/ReactionTooltip.js +26 -12
  15. package/dist/cjs/components/ReactionTooltip/styles.js +11 -2
  16. package/dist/cjs/components/Reactions/Reactions.js +166 -21
  17. package/dist/cjs/components/Reactions/styles.js +11 -6
  18. package/dist/cjs/components/Trigger/Trigger.js +1 -2
  19. package/dist/cjs/components/index.js +9 -1
  20. package/dist/cjs/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +6 -2
  21. package/dist/cjs/containers/ConnectedReactionsView/ConnectedReactionsView.js +9 -4
  22. package/dist/cjs/shared/constants.js +62 -10
  23. package/dist/cjs/shared/i18n.js +40 -0
  24. package/dist/cjs/shared/utils.js +60 -2
  25. package/dist/cjs/types/reaction.js +13 -1
  26. package/dist/cjs/version.json +1 -1
  27. package/dist/es2019/MockReactionsClient.js +22 -14
  28. package/dist/es2019/analytics/analytics.js +3 -0
  29. package/dist/es2019/analytics/ufo.js +19 -0
  30. package/dist/es2019/components/Counter/Counter.js +16 -15
  31. package/dist/es2019/components/Reaction/Reaction.js +43 -18
  32. package/dist/es2019/components/Reaction/styles.js +9 -2
  33. package/dist/es2019/components/ReactionDialog/ReactionView.js +69 -0
  34. package/dist/es2019/components/ReactionDialog/ReactionsDialog.js +145 -0
  35. package/dist/es2019/components/ReactionDialog/ReactionsList.js +69 -0
  36. package/dist/es2019/components/ReactionDialog/index.js +1 -0
  37. package/dist/es2019/components/ReactionDialog/styles.js +169 -0
  38. package/dist/es2019/components/ReactionPicker/ReactionPicker.js +12 -20
  39. package/dist/es2019/components/ReactionTooltip/ReactionTooltip.js +22 -12
  40. package/dist/es2019/components/ReactionTooltip/styles.js +9 -1
  41. package/dist/es2019/components/Reactions/Reactions.js +146 -22
  42. package/dist/es2019/components/Reactions/styles.js +9 -5
  43. package/dist/es2019/components/Trigger/Trigger.js +1 -2
  44. package/dist/es2019/components/index.js +2 -1
  45. package/dist/es2019/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +8 -2
  46. package/dist/es2019/containers/ConnectedReactionsView/ConnectedReactionsView.js +5 -4
  47. package/dist/es2019/shared/constants.js +55 -6
  48. package/dist/es2019/shared/i18n.js +43 -0
  49. package/dist/es2019/shared/utils.js +51 -0
  50. package/dist/es2019/types/reaction.js +13 -1
  51. package/dist/es2019/version.json +1 -1
  52. package/dist/esm/MockReactionsClient.js +24 -13
  53. package/dist/esm/analytics/analytics.js +5 -0
  54. package/dist/esm/analytics/ufo.js +19 -0
  55. package/dist/esm/components/Counter/Counter.js +17 -17
  56. package/dist/esm/components/Reaction/Reaction.js +51 -19
  57. package/dist/esm/components/Reaction/styles.js +9 -2
  58. package/dist/esm/components/ReactionDialog/ReactionView.js +98 -0
  59. package/dist/esm/components/ReactionDialog/ReactionsDialog.js +161 -0
  60. package/dist/esm/components/ReactionDialog/ReactionsList.js +79 -0
  61. package/dist/esm/components/ReactionDialog/index.js +1 -0
  62. package/dist/esm/components/ReactionDialog/styles.js +177 -0
  63. package/dist/esm/components/ReactionPicker/ReactionPicker.js +15 -20
  64. package/dist/esm/components/ReactionTooltip/ReactionTooltip.js +26 -12
  65. package/dist/esm/components/ReactionTooltip/styles.js +9 -1
  66. package/dist/esm/components/Reactions/Reactions.js +158 -22
  67. package/dist/esm/components/Reactions/styles.js +9 -5
  68. package/dist/esm/components/Trigger/Trigger.js +1 -2
  69. package/dist/esm/components/index.js +2 -1
  70. package/dist/esm/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +6 -2
  71. package/dist/esm/containers/ConnectedReactionsView/ConnectedReactionsView.js +8 -4
  72. package/dist/esm/shared/constants.js +57 -6
  73. package/dist/esm/shared/i18n.js +40 -0
  74. package/dist/esm/shared/utils.js +53 -0
  75. package/dist/esm/types/reaction.js +13 -1
  76. package/dist/esm/version.json +1 -1
  77. package/dist/types/MockReactionsClient.d.ts +7 -3
  78. package/dist/types/analytics/analytics.d.ts +10 -0
  79. package/dist/types/analytics/ufo.d.ts +18 -2
  80. package/dist/types/components/Counter/Counter.d.ts +0 -1
  81. package/dist/types/components/Reaction/Reaction.d.ts +11 -1
  82. package/dist/types/components/ReactionDialog/ReactionView.d.ts +19 -0
  83. package/dist/types/components/ReactionDialog/ReactionsDialog.d.ts +32 -0
  84. package/dist/types/components/ReactionDialog/ReactionsList.d.ts +23 -0
  85. package/dist/types/components/ReactionDialog/index.d.ts +1 -0
  86. package/dist/types/components/ReactionDialog/styles.d.ts +11 -0
  87. package/dist/types/components/ReactionPicker/ReactionPicker.d.ts +5 -0
  88. package/dist/types/components/ReactionTooltip/ReactionTooltip.d.ts +12 -0
  89. package/dist/types/components/ReactionTooltip/styles.d.ts +1 -0
  90. package/dist/types/components/Reactions/Reactions.d.ts +45 -6
  91. package/dist/types/components/Reactions/styles.d.ts +1 -0
  92. package/dist/types/components/index.d.ts +1 -0
  93. package/dist/types/containers/ConnectedReactionPicker/ConnectedReactionPicker.d.ts +0 -4
  94. package/dist/types/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts +2 -11
  95. package/dist/types/index.d.ts +1 -1
  96. package/dist/types/shared/constants.d.ts +11 -5
  97. package/dist/types/shared/i18n.d.ts +40 -0
  98. package/dist/types/shared/utils.d.ts +7 -0
  99. package/dist/types/types/User.d.ts +10 -0
  100. package/dist/types/types/index.d.ts +1 -1
  101. package/dist/types/types/reaction.d.ts +15 -2
  102. package/docs/0-intro.tsx +3 -0
  103. package/docs/5-graphql-support.tsx +153 -0
  104. package/package.json +11 -18
  105. package/dist/types-ts4.0/MockReactionsClient.d.ts +0 -23
  106. package/dist/types-ts4.0/analytics/analytics.d.ts +0 -102
  107. package/dist/types-ts4.0/analytics/constants.d.ts +0 -1
  108. package/dist/types-ts4.0/analytics/index.d.ts +0 -2
  109. package/dist/types-ts4.0/analytics/ufo.d.ts +0 -40
  110. package/dist/types-ts4.0/client/ReactionServiceClient.d.ts +0 -35
  111. package/dist/types-ts4.0/client/index.d.ts +0 -1
  112. package/dist/types-ts4.0/components/Counter/Counter.d.ts +0 -45
  113. package/dist/types-ts4.0/components/Counter/index.d.ts +0 -3
  114. package/dist/types-ts4.0/components/Counter/styles.d.ts +0 -3
  115. package/dist/types-ts4.0/components/EmojiButton/EmojiButton.d.ts +0 -22
  116. package/dist/types-ts4.0/components/EmojiButton/index.d.ts +0 -2
  117. package/dist/types-ts4.0/components/EmojiButton/styles.d.ts +0 -1
  118. package/dist/types-ts4.0/components/FlashAnimation/FlashAnimation.d.ts +0 -20
  119. package/dist/types-ts4.0/components/FlashAnimation/index.d.ts +0 -2
  120. package/dist/types-ts4.0/components/FlashAnimation/styles.d.ts +0 -5
  121. package/dist/types-ts4.0/components/Reaction/Reaction.d.ts +0 -38
  122. package/dist/types-ts4.0/components/Reaction/index.d.ts +0 -2
  123. package/dist/types-ts4.0/components/Reaction/styles.d.ts +0 -10
  124. package/dist/types-ts4.0/components/ReactionPicker/ReactionPicker.d.ts +0 -50
  125. package/dist/types-ts4.0/components/ReactionPicker/index.d.ts +0 -2
  126. package/dist/types-ts4.0/components/ReactionPicker/styles.d.ts +0 -3
  127. package/dist/types-ts4.0/components/ReactionTooltip/ReactionTooltip.d.ts +0 -22
  128. package/dist/types-ts4.0/components/ReactionTooltip/index.d.ts +0 -2
  129. package/dist/types-ts4.0/components/ReactionTooltip/styles.d.ts +0 -4
  130. package/dist/types-ts4.0/components/Reactions/Reactions.d.ts +0 -57
  131. package/dist/types-ts4.0/components/Reactions/index.d.ts +0 -2
  132. package/dist/types-ts4.0/components/Reactions/styles.d.ts +0 -2
  133. package/dist/types-ts4.0/components/Selector/Selector.d.ts +0 -34
  134. package/dist/types-ts4.0/components/Selector/index.d.ts +0 -3
  135. package/dist/types-ts4.0/components/Selector/styles.d.ts +0 -12
  136. package/dist/types-ts4.0/components/ShowMore/ShowMore.d.ts +0 -35
  137. package/dist/types-ts4.0/components/ShowMore/index.d.ts +0 -2
  138. package/dist/types-ts4.0/components/ShowMore/styles.d.ts +0 -3
  139. package/dist/types-ts4.0/components/Trigger/Trigger.d.ts +0 -35
  140. package/dist/types-ts4.0/components/Trigger/index.d.ts +0 -2
  141. package/dist/types-ts4.0/components/Trigger/styles.d.ts +0 -5
  142. package/dist/types-ts4.0/components/UfoErrorBoundary/UfoErrorBoundary.d.ts +0 -16
  143. package/dist/types-ts4.0/components/UfoErrorBoundary/index.d.ts +0 -2
  144. package/dist/types-ts4.0/components/index.d.ts +0 -8
  145. package/dist/types-ts4.0/containers/ConnectedReactionPicker/ConnectedReactionPicker.d.ts +0 -27
  146. package/dist/types-ts4.0/containers/ConnectedReactionPicker/index.d.ts +0 -2
  147. package/dist/types-ts4.0/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts +0 -52
  148. package/dist/types-ts4.0/containers/ConnectedReactionsView/index.d.ts +0 -2
  149. package/dist/types-ts4.0/containers/index.d.ts +0 -2
  150. package/dist/types-ts4.0/hooks/index.d.ts +0 -1
  151. package/dist/types-ts4.0/hooks/useClickAway.d.ts +0 -9
  152. package/dist/types-ts4.0/i18n/cs.d.ts +0 -13
  153. package/dist/types-ts4.0/i18n/da.d.ts +0 -13
  154. package/dist/types-ts4.0/i18n/de.d.ts +0 -13
  155. package/dist/types-ts4.0/i18n/en.d.ts +0 -7
  156. package/dist/types-ts4.0/i18n/en_GB.d.ts +0 -7
  157. package/dist/types-ts4.0/i18n/en_ZZ.d.ts +0 -13
  158. package/dist/types-ts4.0/i18n/es.d.ts +0 -13
  159. package/dist/types-ts4.0/i18n/et.d.ts +0 -12
  160. package/dist/types-ts4.0/i18n/fi.d.ts +0 -13
  161. package/dist/types-ts4.0/i18n/fr.d.ts +0 -13
  162. package/dist/types-ts4.0/i18n/hu.d.ts +0 -13
  163. package/dist/types-ts4.0/i18n/index.d.ts +0 -35
  164. package/dist/types-ts4.0/i18n/is.d.ts +0 -6
  165. package/dist/types-ts4.0/i18n/it.d.ts +0 -13
  166. package/dist/types-ts4.0/i18n/ja.d.ts +0 -13
  167. package/dist/types-ts4.0/i18n/ko.d.ts +0 -13
  168. package/dist/types-ts4.0/i18n/languages.d.ts +0 -27
  169. package/dist/types-ts4.0/i18n/nb.d.ts +0 -13
  170. package/dist/types-ts4.0/i18n/nl.d.ts +0 -13
  171. package/dist/types-ts4.0/i18n/pl.d.ts +0 -13
  172. package/dist/types-ts4.0/i18n/pt_BR.d.ts +0 -13
  173. package/dist/types-ts4.0/i18n/pt_PT.d.ts +0 -12
  174. package/dist/types-ts4.0/i18n/ro.d.ts +0 -6
  175. package/dist/types-ts4.0/i18n/ru.d.ts +0 -13
  176. package/dist/types-ts4.0/i18n/sk.d.ts +0 -12
  177. package/dist/types-ts4.0/i18n/sv.d.ts +0 -13
  178. package/dist/types-ts4.0/i18n/th.d.ts +0 -13
  179. package/dist/types-ts4.0/i18n/tr.d.ts +0 -13
  180. package/dist/types-ts4.0/i18n/uk.d.ts +0 -13
  181. package/dist/types-ts4.0/i18n/vi.d.ts +0 -13
  182. package/dist/types-ts4.0/i18n/zh.d.ts +0 -13
  183. package/dist/types-ts4.0/i18n/zh_TW.d.ts +0 -13
  184. package/dist/types-ts4.0/index.d.ts +0 -7
  185. package/dist/types-ts4.0/shared/constants.d.ts +0 -21
  186. package/dist/types-ts4.0/shared/i18n.d.ts +0 -32
  187. package/dist/types-ts4.0/shared/index.d.ts +0 -3
  188. package/dist/types-ts4.0/shared/utils.d.ts +0 -11
  189. package/dist/types-ts4.0/store/MemoryReactionsStore.d.ts +0 -94
  190. package/dist/types-ts4.0/store/ReactionConsumer.d.ts +0 -57
  191. package/dist/types-ts4.0/store/batched.d.ts +0 -2
  192. package/dist/types-ts4.0/store/index.d.ts +0 -3
  193. package/dist/types-ts4.0/store/utils.d.ts +0 -11
  194. package/dist/types-ts4.0/types/Actions.d.ts +0 -27
  195. package/dist/types-ts4.0/types/Updater.d.ts +0 -1
  196. package/dist/types-ts4.0/types/User.d.ts +0 -10
  197. package/dist/types-ts4.0/types/client.d.ts +0 -38
  198. package/dist/types-ts4.0/types/index.d.ts +0 -7
  199. package/dist/types-ts4.0/types/reaction.d.ts +0 -100
  200. package/dist/types-ts4.0/types/store.d.ts +0 -63
@@ -1,3 +0,0 @@
1
- export declare const pickerStyle: import("@emotion/react").SerializedStyles;
2
- export declare const contentStyle: import("@emotion/react").SerializedStyles;
3
- export declare const popupStyle: import("@emotion/react").SerializedStyles;
@@ -1,22 +0,0 @@
1
- /** @jsx jsx */
2
- import React from 'react';
3
- import { ReactionSummary } from '../../types';
4
- /**
5
- * Test id for wrapper ReactionTooltip div
6
- */
7
- export declare const RENDER_REACTIONTOOLTIP_TESTID = "render-reactionTooltip";
8
- export interface ReactionTooltipProps {
9
- /**
10
- * Optional name for the reaction emoji
11
- */
12
- emojiName?: string;
13
- /**
14
- * Info on the emoji reaction to render
15
- */
16
- reaction: ReactionSummary;
17
- /**
18
- * Optional Max users to show in the displayed tooltip (defaults to 5)
19
- */
20
- maxReactions?: number;
21
- }
22
- export declare const ReactionTooltip: React.FC<ReactionTooltipProps>;
@@ -1,2 +0,0 @@
1
- export { ReactionTooltip, RENDER_REACTIONTOOLTIP_TESTID, } from './ReactionTooltip';
2
- export type { ReactionTooltipProps } from './ReactionTooltip';
@@ -1,4 +0,0 @@
1
- export declare const verticalMargin = 5;
2
- export declare const tooltipStyle: import("@emotion/react").SerializedStyles;
3
- export declare const emojiNameStyle: import("@emotion/react").SerializedStyles;
4
- export declare const footerStyle: import("@emotion/react").SerializedStyles;
@@ -1,57 +0,0 @@
1
- /** @jsx jsx */
2
- import React from 'react';
3
- import { jsx } from '@emotion/react';
4
- import { ReactionStatus, ReactionClick, ReactionSummary, QuickReactionEmojiSummary } from '../../types';
5
- import { ReactionPickerProps } from '../ReactionPicker';
6
- import { SelectorProps } from '../Selector';
7
- /**
8
- * Test id for wrapper Reactions div
9
- */
10
- export declare const RENDER_REACTIONS_TESTID = "render-reactions";
11
- export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmojis' | 'emojiProvider'>, Pick<SelectorProps, 'pickerQuickReactionEmojiIds'> {
12
- /**
13
- * event handler to fetching the reactions
14
- */
15
- loadReaction: () => void;
16
- /**
17
- * Event callback when an emoji button is selected
18
- */
19
- onSelection: (emojiId: string) => void;
20
- /**
21
- * Optional list of reactions to render (defaults to empty list)
22
- */
23
- reactions?: ReactionSummary[];
24
- /**
25
- * Condition for the reaction list status while been fetched
26
- */
27
- status: ReactionStatus;
28
- /**
29
- * event handler when the emoji button is clicked
30
- */
31
- onReactionClick: ReactionClick;
32
- /**
33
- * Optional emoji reactions list to show custom animation or render as standard (key => emoji string "id", value => true/false to show custom animation)
34
- */
35
- flash?: Record<string, boolean>;
36
- /**
37
- * Optional event when the mouse cursor hovers over the reaction
38
- * @param emojiId hovered reaction emoji id
39
- */
40
- onReactionHover?: (emojiId: string) => void;
41
- /**
42
- * Optional error message to show when unable to display the reaction emoji
43
- */
44
- errorMessage?: string;
45
- /**
46
- * quickReactionEmojis are emojis that will be shown in the the primary view even if the reaction count is zero
47
- */
48
- quickReactionEmojis?: QuickReactionEmojiSummary;
49
- }
50
- /**
51
- * Get content of the tooltip
52
- */
53
- export declare function getTooltip(status: ReactionStatus, errorMessage?: string): string | jsx.JSX.Element | null;
54
- /**
55
- * Renders list of reactions
56
- */
57
- export declare const Reactions: React.FC<ReactionsProps>;
@@ -1,2 +0,0 @@
1
- export { Reactions, RENDER_REACTIONS_TESTID } from './Reactions';
2
- export type { ReactionsProps } from './Reactions';
@@ -1,2 +0,0 @@
1
- export declare const reactionStyle: import("@emotion/react").SerializedStyles;
2
- export declare const wrapperStyle: import("@emotion/react").SerializedStyles;
@@ -1,34 +0,0 @@
1
- /** @jsx jsx */
2
- import React from 'react';
3
- import { EmojiId, OnEmojiEvent } from '@atlaskit/emoji/types';
4
- import { EmojiProvider } from '@atlaskit/emoji/resource';
5
- /**
6
- * Test id for wrapper Selector div
7
- */
8
- export declare const RENDER_SELECTOR_TESTID = "render-selector";
9
- export interface SelectorProps {
10
- /**
11
- * Provider for loading emojis
12
- */
13
- emojiProvider: Promise<EmojiProvider>;
14
- /**
15
- * Event handler when an emoji gets selected
16
- */
17
- onSelection: OnEmojiEvent;
18
- /**
19
- * Enable/Disable selection of extra custom emoji beyond default list (defaults to false)
20
- */
21
- showMore?: boolean;
22
- /**
23
- * Optional event when extra custom emojis icon is selected
24
- */
25
- onMoreClick?: React.MouseEventHandler<HTMLElement>;
26
- /**
27
- * Optional emojis shown for user to select from when the reaction add button is clicked (defaults to pre-defined list of emojis {@link constants.DefaultReactions})
28
- */
29
- pickerQuickReactionEmojiIds?: EmojiId[];
30
- }
31
- /**
32
- * Reactions picker panel part of the <ReactionPicker /> component
33
- */
34
- export declare const Selector: React.FC<SelectorProps>;
@@ -1,3 +0,0 @@
1
- export { Selector, RENDER_SELECTOR_TESTID } from './Selector';
2
- export * as styles from './styles';
3
- export type { SelectorProps } from './Selector';
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- /** @jsx jsx */
3
- import { keyframes } from '@emotion/react';
4
- export declare const selectorStyle: import("@emotion/react").SerializedStyles;
5
- export declare const emojiStyle: import("@emotion/react").SerializedStyles;
6
- export declare const revealAnimation: typeof keyframes;
7
- export declare const revealStyle: import("@emotion/react").SerializedStyles;
8
- /**
9
- * custom css styling for the emoji icon
10
- * @param index location of the emoji in the rendered list of items
11
- */
12
- export declare const emojiStyleAnimation: (index: number) => React.CSSProperties;
@@ -1,35 +0,0 @@
1
- /** @jsx jsx */
2
- import React from 'react';
3
- import { SerializedStyles } from '@emotion/react';
4
- /**
5
- * Test id for wrapper button
6
- */
7
- export declare const RENDER_SHOWMORE_TESTID = "show-more-button";
8
- export declare const RENDER_WRAPPER_TESTID = "show-more-wrapper";
9
- interface CommonProps<T> {
10
- container?: T;
11
- button?: T;
12
- }
13
- export interface ShowMoreProps {
14
- /**
15
- * Optional mouse click DOM event on showing more emoji icon
16
- */
17
- onClick?: React.MouseEventHandler<HTMLElement>;
18
- /**
19
- * Optional button css
20
- */
21
- buttonStyle?: SerializedStyles;
22
- /**
23
- * Optional custom styling for wrapper show more emoji button
24
- */
25
- style?: CommonProps<React.CSSProperties>;
26
- /**
27
- * Optional custom styling for wrapper show more emoji button
28
- */
29
- className?: CommonProps<string>;
30
- }
31
- /**
32
- * Show more custom emojis button
33
- */
34
- export declare const ShowMore: React.FC<ShowMoreProps>;
35
- export {};
@@ -1,2 +0,0 @@
1
- export { ShowMore, RENDER_SHOWMORE_TESTID, RENDER_WRAPPER_TESTID, } from './ShowMore';
2
- export type { ShowMoreProps } from './ShowMore';
@@ -1,3 +0,0 @@
1
- export declare const moreEmojiContainerStyle: import("@emotion/react").SerializedStyles;
2
- export declare const moreButtonStyle: import("@emotion/react").SerializedStyles;
3
- export declare const separatorStyle: import("@emotion/react").SerializedStyles;
@@ -1,35 +0,0 @@
1
- /** @jsx jsx */
2
- import React, { AriaAttributes } from 'react';
3
- import { AnalyticsEvent } from '@atlaskit/analytics-next';
4
- /**
5
- * Test id for the tooltip
6
- */
7
- export declare const RENDER_TOOLTIP_TRIGGER_TESTID = "render-tooltip-trigger";
8
- export interface TriggerProps {
9
- /**
10
- * Optional Event handler when the button to open the picker is clicked
11
- * @param e Mouse Dom event
12
- * @param analyticsEvent atlaskit analytics event payload of the button
13
- */
14
- onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: AnalyticsEvent) => void;
15
- /**
16
- * apply "miniMode" className to the button
17
- */
18
- miniMode?: boolean;
19
- /**
20
- * Enable/Disable the button to be clickable (defaults to false)
21
- */
22
- disabled?: boolean;
23
- /**
24
- * Tooltip content for trigger button
25
- */
26
- tooltipContent: React.ReactNode;
27
- /**
28
- * Aria accessibility attributes that will be added to the button
29
- */
30
- ariaAttributes?: AriaAttributes;
31
- }
32
- /**
33
- * Render an emoji button to open the reactions select picker
34
- */
35
- export declare const Trigger: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,2 +0,0 @@
1
- export { Trigger, RENDER_TOOLTIP_TRIGGER_TESTID } from './Trigger';
2
- export type { TriggerProps } from './Trigger';
@@ -1,5 +0,0 @@
1
- export declare const DISABLED_BUTTON_COLOR: string;
2
- export declare const triggerStyle: ({ miniMode, disabled }: {
3
- miniMode?: boolean | undefined;
4
- disabled?: boolean | undefined;
5
- }) => import("@emotion/react").SerializedStyles;
@@ -1,16 +0,0 @@
1
- import React, { ErrorInfo } from 'react';
2
- import { UFOExperience } from '@atlaskit/ufo';
3
- import { WithSamplingUFOExperience } from '@atlaskit/emoji';
4
- export interface UfoErrorBoundaryProps {
5
- /**
6
- * UFO Experiences to notify failure when the children components fail on rendering
7
- */
8
- experiences: UFOExperience[] | WithSamplingUFOExperience[];
9
- }
10
- /**
11
- * Error boundary wrapper to notify "failure" for UFO events of components when there was a re-rendering exception caught inside the `componentDidCatch` event handler
12
- */
13
- export declare class UfoErrorBoundary extends React.Component<UfoErrorBoundaryProps> {
14
- componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
15
- render(): React.ReactNode;
16
- }
@@ -1,2 +0,0 @@
1
- export { UfoErrorBoundary } from './UfoErrorBoundary';
2
- export type { UfoErrorBoundaryProps } from './UfoErrorBoundary';
@@ -1,8 +0,0 @@
1
- export { Reaction } from './Reaction';
2
- export type { ReactionProps } from './Reaction';
3
- export { ReactionPicker } from './ReactionPicker';
4
- export type { ReactionPickerProps } from './ReactionPicker';
5
- export { Reactions } from './Reactions';
6
- export type { ReactionsProps } from './Reactions';
7
- export { UfoErrorBoundary } from './UfoErrorBoundary';
8
- export type { UfoErrorBoundaryProps } from './UfoErrorBoundary';
@@ -1,27 +0,0 @@
1
- import React from 'react';
2
- import { ReactionPickerProps } from '../../components';
3
- import { StorePropInput } from '../../types';
4
- export interface ConnectedReactionPickerProps extends Omit<ReactionPickerProps, 'onSelection'> {
5
- /**
6
- * Optional Show the "more emoji" selector icon for choosing emoji beyond the default list of emojis (defaults to false)
7
- */
8
- allowAllEmojis?: boolean;
9
- /**
10
- * Wrapper id for reactions list
11
- */
12
- containerAri: string;
13
- /**
14
- * Individual id for a reaction
15
- */
16
- ari: string;
17
- /**
18
- * Reference to the store.
19
- * @remarks
20
- * This was initially implemented with a sync and Async versions and will be replaced with just a sync Store in a future release (Please use only the sync version)
21
- */
22
- store: StorePropInput;
23
- }
24
- /**
25
- * Reaction Picker component
26
- */
27
- export declare const ConnectedReactionPicker: React.FC<ConnectedReactionPickerProps>;
@@ -1,2 +0,0 @@
1
- export { ConnectedReactionPicker } from './ConnectedReactionPicker';
2
- export type { ConnectedReactionPickerProps } from './ConnectedReactionPicker';
@@ -1,52 +0,0 @@
1
- import React from 'react';
2
- import { EmojiProvider } from '@atlaskit/emoji/resource';
3
- import { ReactionsProps, ReactionPickerProps } from '../../components';
4
- import { ReactionStatus, Actions, State, StorePropInput } from '../../types';
5
- export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
6
- /**
7
- * Provider for loading emojis
8
- */
9
- emojiProvider: Promise<EmojiProvider>;
10
- /**
11
- * Optional Show the "more emoji" selector icon for choosing emoji beyond the default list of emojis (defaults to false)
12
- */
13
- allowAllEmojis?: boolean;
14
- /**
15
- * Wrapper id for reactions list
16
- */
17
- containerAri: string;
18
- /**
19
- * Individual id for a reaction
20
- */
21
- ari: string;
22
- /**
23
- * Reference to the store.
24
- * @remarks
25
- * This was initially implemented with a sync and Async versions and will be replaced with just a sync Store in a future release (Please use only the sync version)
26
- */
27
- store: StorePropInput;
28
- }
29
- /**
30
- * Export the mapper function outside the component so easier to do unit tests
31
- */
32
- export declare const mapStateToPropsHelper: (containerAri: string, ari: string, state?: State | undefined) => {
33
- status: ReactionStatus;
34
- reactions: never[];
35
- flash?: undefined;
36
- } | {
37
- reactions: import("../../types").ReactionSummary[];
38
- status: ReactionStatus.ready;
39
- flash: {
40
- [emojiId: string]: boolean;
41
- };
42
- };
43
- /**
44
- * Export the mapper function outside the component so easier to do unit tests
45
- */
46
- export declare const mapDispatchToPropsHelper: (actions: Actions, containerAri: string, ari: string) => {
47
- loadReaction: () => void;
48
- onReactionClick: (emojiId: string) => void;
49
- onReactionHover: (emojiId: string) => void;
50
- onSelection: (emojiId: string) => void;
51
- };
52
- export declare const ConnectedReactionsView: React.FC<ConnectedReactionsViewProps>;
@@ -1,2 +0,0 @@
1
- export { ConnectedReactionsView } from './ConnectedReactionsView';
2
- export type { ConnectedReactionsViewProps } from './ConnectedReactionsView';
@@ -1,2 +0,0 @@
1
- export * from './ConnectedReactionPicker';
2
- export * from './ConnectedReactionsView';
@@ -1 +0,0 @@
1
- export { useClickAway } from './useClickAway';
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * Custom hook to detect when user action is outside given container ref
4
- * @param ref ref object to an html element
5
- * @param callback event callback when detected a click outside the ref object
6
- * @param type (Optional) type of event to listen to. @default click
7
- * @param useCapture (Optional) use capture phase of event. @default false
8
- */
9
- export declare function useClickAway(ref: React.RefObject<HTMLElement>, callback: () => void, type?: 'click' | 'mousedown' | 'touchstart', useCapture?: boolean): void;
@@ -1,13 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.error.unexpected': string;
3
- 'fabric.reactions.loading': string;
4
- 'fabric.reactions.more.emoji': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- /**
8
- * NOTE:
9
- *
10
- * This file is automatically generated by Traduki 2.0.
11
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
12
- */
13
- export default _default;
@@ -1,13 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.error.unexpected': string;
3
- 'fabric.reactions.loading': string;
4
- 'fabric.reactions.more.emoji': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- /**
8
- * NOTE:
9
- *
10
- * This file is automatically generated by Traduki 2.0.
11
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
12
- */
13
- export default _default;
@@ -1,13 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.error.unexpected': string;
3
- 'fabric.reactions.loading': string;
4
- 'fabric.reactions.more.emoji': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- /**
8
- * NOTE:
9
- *
10
- * This file is automatically generated by Traduki 2.0.
11
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
12
- */
13
- export default _default;
@@ -1,7 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.loading': string;
3
- 'fabric.reactions.more.emoji': string;
4
- 'fabric.reactions.error.unexpected': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- export default _default;
@@ -1,7 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.loading': string;
3
- 'fabric.reactions.more.emoji': string;
4
- 'fabric.reactions.error.unexpected': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- export default _default;
@@ -1,13 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.error.unexpected': string;
3
- 'fabric.reactions.loading': string;
4
- 'fabric.reactions.more.emoji': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- /**
8
- * NOTE:
9
- *
10
- * This file is automatically generated by Traduki 2.0.
11
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
12
- */
13
- export default _default;
@@ -1,13 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.error.unexpected': string;
3
- 'fabric.reactions.loading': string;
4
- 'fabric.reactions.more.emoji': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- /**
8
- * NOTE:
9
- *
10
- * This file is automatically generated by Traduki 2.0.
11
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
12
- */
13
- export default _default;
@@ -1,12 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.error.unexpected': string;
3
- 'fabric.reactions.loading': string;
4
- 'fabric.reactions.more.emoji': string;
5
- };
6
- /**
7
- * NOTE:
8
- *
9
- * This file is automatically generated by Traduki 2.0.
10
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
11
- */
12
- export default _default;
@@ -1,13 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.error.unexpected': string;
3
- 'fabric.reactions.loading': string;
4
- 'fabric.reactions.more.emoji': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- /**
8
- * NOTE:
9
- *
10
- * This file is automatically generated by Traduki 2.0.
11
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
12
- */
13
- export default _default;
@@ -1,13 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.error.unexpected': string;
3
- 'fabric.reactions.loading': string;
4
- 'fabric.reactions.more.emoji': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- /**
8
- * NOTE:
9
- *
10
- * This file is automatically generated by Traduki 2.0.
11
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
12
- */
13
- export default _default;
@@ -1,13 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.error.unexpected': string;
3
- 'fabric.reactions.loading': string;
4
- 'fabric.reactions.more.emoji': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- /**
8
- * NOTE:
9
- *
10
- * This file is automatically generated by Traduki 2.0.
11
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
12
- */
13
- export default _default;
@@ -1,35 +0,0 @@
1
- /**
2
- * NOTE:
3
- *
4
- * This file is automatically generated by i18n-tools.
5
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
- */
7
- export { default as zh } from './zh';
8
- export { default as zh_TW } from './zh_TW';
9
- export { default as cs } from './cs';
10
- export { default as da } from './da';
11
- export { default as nl } from './nl';
12
- export { default as et } from './et';
13
- export { default as fi } from './fi';
14
- export { default as fr } from './fr';
15
- export { default as de } from './de';
16
- export { default as hu } from './hu';
17
- export { default as it } from './it';
18
- export { default as ja } from './ja';
19
- export { default as ko } from './ko';
20
- export { default as nb } from './nb';
21
- export { default as pl } from './pl';
22
- export { default as pt_BR } from './pt_BR';
23
- export { default as pt_PT } from './pt_PT';
24
- export { default as ru } from './ru';
25
- export { default as sk } from './sk';
26
- export { default as es } from './es';
27
- export { default as sv } from './sv';
28
- export { default as th } from './th';
29
- export { default as tr } from './tr';
30
- export { default as uk } from './uk';
31
- export { default as vi } from './vi';
32
- export { default as en } from './en';
33
- export { default as en_GB } from './en_GB';
34
- export { default as is } from './is';
35
- export { default as ro } from './ro';
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.loading': string;
3
- 'fabric.reactions.more.emoji': string;
4
- 'fabric.reactions.error.unexpected': string;
5
- };
6
- export default _default;
@@ -1,13 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.error.unexpected': string;
3
- 'fabric.reactions.loading': string;
4
- 'fabric.reactions.more.emoji': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- /**
8
- * NOTE:
9
- *
10
- * This file is automatically generated by Traduki 2.0.
11
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
12
- */
13
- export default _default;
@@ -1,13 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.error.unexpected': string;
3
- 'fabric.reactions.loading': string;
4
- 'fabric.reactions.more.emoji': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- /**
8
- * NOTE:
9
- *
10
- * This file is automatically generated by Traduki 2.0.
11
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
12
- */
13
- export default _default;
@@ -1,13 +0,0 @@
1
- declare const _default: {
2
- 'fabric.reactions.error.unexpected': string;
3
- 'fabric.reactions.loading': string;
4
- 'fabric.reactions.more.emoji': string;
5
- 'fabric.reactions.other.reacted.users': string;
6
- };
7
- /**
8
- * NOTE:
9
- *
10
- * This file is automatically generated by Traduki 2.0.
11
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
12
- */
13
- export default _default;