@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.
- package/CHANGELOG.md +32 -0
- package/dist/cjs/MockReactionsClient.js +24 -16
- package/dist/cjs/analytics/analytics.js +9 -1
- package/dist/cjs/analytics/ufo.js +24 -2
- package/dist/cjs/components/Counter/Counter.js +16 -20
- package/dist/cjs/components/Reaction/Reaction.js +52 -18
- package/dist/cjs/components/Reaction/styles.js +8 -1
- package/dist/cjs/components/ReactionDialog/ReactionView.js +121 -0
- package/dist/cjs/components/ReactionDialog/ReactionsDialog.js +187 -0
- package/dist/cjs/components/ReactionDialog/ReactionsList.js +104 -0
- package/dist/cjs/components/ReactionDialog/index.js +13 -0
- package/dist/cjs/components/ReactionDialog/styles.js +202 -0
- package/dist/cjs/components/ReactionPicker/ReactionPicker.js +15 -20
- package/dist/cjs/components/ReactionTooltip/ReactionTooltip.js +26 -12
- package/dist/cjs/components/ReactionTooltip/styles.js +11 -2
- package/dist/cjs/components/Reactions/Reactions.js +166 -21
- package/dist/cjs/components/Reactions/styles.js +11 -6
- package/dist/cjs/components/Trigger/Trigger.js +1 -2
- package/dist/cjs/components/index.js +9 -1
- package/dist/cjs/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +6 -2
- package/dist/cjs/containers/ConnectedReactionsView/ConnectedReactionsView.js +9 -4
- package/dist/cjs/shared/constants.js +62 -10
- package/dist/cjs/shared/i18n.js +40 -0
- package/dist/cjs/shared/utils.js +60 -2
- package/dist/cjs/types/reaction.js +13 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/MockReactionsClient.js +22 -14
- package/dist/es2019/analytics/analytics.js +3 -0
- package/dist/es2019/analytics/ufo.js +19 -0
- package/dist/es2019/components/Counter/Counter.js +16 -15
- package/dist/es2019/components/Reaction/Reaction.js +43 -18
- package/dist/es2019/components/Reaction/styles.js +9 -2
- package/dist/es2019/components/ReactionDialog/ReactionView.js +69 -0
- package/dist/es2019/components/ReactionDialog/ReactionsDialog.js +145 -0
- package/dist/es2019/components/ReactionDialog/ReactionsList.js +69 -0
- package/dist/es2019/components/ReactionDialog/index.js +1 -0
- package/dist/es2019/components/ReactionDialog/styles.js +169 -0
- package/dist/es2019/components/ReactionPicker/ReactionPicker.js +12 -20
- package/dist/es2019/components/ReactionTooltip/ReactionTooltip.js +22 -12
- package/dist/es2019/components/ReactionTooltip/styles.js +9 -1
- package/dist/es2019/components/Reactions/Reactions.js +146 -22
- package/dist/es2019/components/Reactions/styles.js +9 -5
- package/dist/es2019/components/Trigger/Trigger.js +1 -2
- package/dist/es2019/components/index.js +2 -1
- package/dist/es2019/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +8 -2
- package/dist/es2019/containers/ConnectedReactionsView/ConnectedReactionsView.js +5 -4
- package/dist/es2019/shared/constants.js +55 -6
- package/dist/es2019/shared/i18n.js +43 -0
- package/dist/es2019/shared/utils.js +51 -0
- package/dist/es2019/types/reaction.js +13 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/MockReactionsClient.js +24 -13
- package/dist/esm/analytics/analytics.js +5 -0
- package/dist/esm/analytics/ufo.js +19 -0
- package/dist/esm/components/Counter/Counter.js +17 -17
- package/dist/esm/components/Reaction/Reaction.js +51 -19
- package/dist/esm/components/Reaction/styles.js +9 -2
- package/dist/esm/components/ReactionDialog/ReactionView.js +98 -0
- package/dist/esm/components/ReactionDialog/ReactionsDialog.js +161 -0
- package/dist/esm/components/ReactionDialog/ReactionsList.js +79 -0
- package/dist/esm/components/ReactionDialog/index.js +1 -0
- package/dist/esm/components/ReactionDialog/styles.js +177 -0
- package/dist/esm/components/ReactionPicker/ReactionPicker.js +15 -20
- package/dist/esm/components/ReactionTooltip/ReactionTooltip.js +26 -12
- package/dist/esm/components/ReactionTooltip/styles.js +9 -1
- package/dist/esm/components/Reactions/Reactions.js +158 -22
- package/dist/esm/components/Reactions/styles.js +9 -5
- package/dist/esm/components/Trigger/Trigger.js +1 -2
- package/dist/esm/components/index.js +2 -1
- package/dist/esm/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +6 -2
- package/dist/esm/containers/ConnectedReactionsView/ConnectedReactionsView.js +8 -4
- package/dist/esm/shared/constants.js +57 -6
- package/dist/esm/shared/i18n.js +40 -0
- package/dist/esm/shared/utils.js +53 -0
- package/dist/esm/types/reaction.js +13 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/MockReactionsClient.d.ts +7 -3
- package/dist/types/analytics/analytics.d.ts +10 -0
- package/dist/types/analytics/ufo.d.ts +18 -2
- package/dist/types/components/Counter/Counter.d.ts +0 -1
- package/dist/types/components/Reaction/Reaction.d.ts +11 -1
- package/dist/types/components/ReactionDialog/ReactionView.d.ts +19 -0
- package/dist/types/components/ReactionDialog/ReactionsDialog.d.ts +32 -0
- package/dist/types/components/ReactionDialog/ReactionsList.d.ts +23 -0
- package/dist/types/components/ReactionDialog/index.d.ts +1 -0
- package/dist/types/components/ReactionDialog/styles.d.ts +11 -0
- package/dist/types/components/ReactionPicker/ReactionPicker.d.ts +5 -0
- package/dist/types/components/ReactionTooltip/ReactionTooltip.d.ts +12 -0
- package/dist/types/components/ReactionTooltip/styles.d.ts +1 -0
- package/dist/types/components/Reactions/Reactions.d.ts +45 -6
- package/dist/types/components/Reactions/styles.d.ts +1 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/containers/ConnectedReactionPicker/ConnectedReactionPicker.d.ts +0 -4
- package/dist/types/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts +2 -11
- package/dist/types/index.d.ts +1 -1
- package/dist/types/shared/constants.d.ts +11 -5
- package/dist/types/shared/i18n.d.ts +40 -0
- package/dist/types/shared/utils.d.ts +7 -0
- package/dist/types/types/User.d.ts +10 -0
- package/dist/types/types/index.d.ts +1 -1
- package/dist/types/types/reaction.d.ts +15 -2
- package/docs/0-intro.tsx +3 -0
- package/docs/5-graphql-support.tsx +153 -0
- package/package.json +11 -18
- package/dist/types-ts4.0/MockReactionsClient.d.ts +0 -23
- package/dist/types-ts4.0/analytics/analytics.d.ts +0 -102
- package/dist/types-ts4.0/analytics/constants.d.ts +0 -1
- package/dist/types-ts4.0/analytics/index.d.ts +0 -2
- package/dist/types-ts4.0/analytics/ufo.d.ts +0 -40
- package/dist/types-ts4.0/client/ReactionServiceClient.d.ts +0 -35
- package/dist/types-ts4.0/client/index.d.ts +0 -1
- package/dist/types-ts4.0/components/Counter/Counter.d.ts +0 -45
- package/dist/types-ts4.0/components/Counter/index.d.ts +0 -3
- package/dist/types-ts4.0/components/Counter/styles.d.ts +0 -3
- package/dist/types-ts4.0/components/EmojiButton/EmojiButton.d.ts +0 -22
- package/dist/types-ts4.0/components/EmojiButton/index.d.ts +0 -2
- package/dist/types-ts4.0/components/EmojiButton/styles.d.ts +0 -1
- package/dist/types-ts4.0/components/FlashAnimation/FlashAnimation.d.ts +0 -20
- package/dist/types-ts4.0/components/FlashAnimation/index.d.ts +0 -2
- package/dist/types-ts4.0/components/FlashAnimation/styles.d.ts +0 -5
- package/dist/types-ts4.0/components/Reaction/Reaction.d.ts +0 -38
- package/dist/types-ts4.0/components/Reaction/index.d.ts +0 -2
- package/dist/types-ts4.0/components/Reaction/styles.d.ts +0 -10
- package/dist/types-ts4.0/components/ReactionPicker/ReactionPicker.d.ts +0 -50
- package/dist/types-ts4.0/components/ReactionPicker/index.d.ts +0 -2
- package/dist/types-ts4.0/components/ReactionPicker/styles.d.ts +0 -3
- package/dist/types-ts4.0/components/ReactionTooltip/ReactionTooltip.d.ts +0 -22
- package/dist/types-ts4.0/components/ReactionTooltip/index.d.ts +0 -2
- package/dist/types-ts4.0/components/ReactionTooltip/styles.d.ts +0 -4
- package/dist/types-ts4.0/components/Reactions/Reactions.d.ts +0 -57
- package/dist/types-ts4.0/components/Reactions/index.d.ts +0 -2
- package/dist/types-ts4.0/components/Reactions/styles.d.ts +0 -2
- package/dist/types-ts4.0/components/Selector/Selector.d.ts +0 -34
- package/dist/types-ts4.0/components/Selector/index.d.ts +0 -3
- package/dist/types-ts4.0/components/Selector/styles.d.ts +0 -12
- package/dist/types-ts4.0/components/ShowMore/ShowMore.d.ts +0 -35
- package/dist/types-ts4.0/components/ShowMore/index.d.ts +0 -2
- package/dist/types-ts4.0/components/ShowMore/styles.d.ts +0 -3
- package/dist/types-ts4.0/components/Trigger/Trigger.d.ts +0 -35
- package/dist/types-ts4.0/components/Trigger/index.d.ts +0 -2
- package/dist/types-ts4.0/components/Trigger/styles.d.ts +0 -5
- package/dist/types-ts4.0/components/UfoErrorBoundary/UfoErrorBoundary.d.ts +0 -16
- package/dist/types-ts4.0/components/UfoErrorBoundary/index.d.ts +0 -2
- package/dist/types-ts4.0/components/index.d.ts +0 -8
- package/dist/types-ts4.0/containers/ConnectedReactionPicker/ConnectedReactionPicker.d.ts +0 -27
- package/dist/types-ts4.0/containers/ConnectedReactionPicker/index.d.ts +0 -2
- package/dist/types-ts4.0/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts +0 -52
- package/dist/types-ts4.0/containers/ConnectedReactionsView/index.d.ts +0 -2
- package/dist/types-ts4.0/containers/index.d.ts +0 -2
- package/dist/types-ts4.0/hooks/index.d.ts +0 -1
- package/dist/types-ts4.0/hooks/useClickAway.d.ts +0 -9
- package/dist/types-ts4.0/i18n/cs.d.ts +0 -13
- package/dist/types-ts4.0/i18n/da.d.ts +0 -13
- package/dist/types-ts4.0/i18n/de.d.ts +0 -13
- package/dist/types-ts4.0/i18n/en.d.ts +0 -7
- package/dist/types-ts4.0/i18n/en_GB.d.ts +0 -7
- package/dist/types-ts4.0/i18n/en_ZZ.d.ts +0 -13
- package/dist/types-ts4.0/i18n/es.d.ts +0 -13
- package/dist/types-ts4.0/i18n/et.d.ts +0 -12
- package/dist/types-ts4.0/i18n/fi.d.ts +0 -13
- package/dist/types-ts4.0/i18n/fr.d.ts +0 -13
- package/dist/types-ts4.0/i18n/hu.d.ts +0 -13
- package/dist/types-ts4.0/i18n/index.d.ts +0 -35
- package/dist/types-ts4.0/i18n/is.d.ts +0 -6
- package/dist/types-ts4.0/i18n/it.d.ts +0 -13
- package/dist/types-ts4.0/i18n/ja.d.ts +0 -13
- package/dist/types-ts4.0/i18n/ko.d.ts +0 -13
- package/dist/types-ts4.0/i18n/languages.d.ts +0 -27
- package/dist/types-ts4.0/i18n/nb.d.ts +0 -13
- package/dist/types-ts4.0/i18n/nl.d.ts +0 -13
- package/dist/types-ts4.0/i18n/pl.d.ts +0 -13
- package/dist/types-ts4.0/i18n/pt_BR.d.ts +0 -13
- package/dist/types-ts4.0/i18n/pt_PT.d.ts +0 -12
- package/dist/types-ts4.0/i18n/ro.d.ts +0 -6
- package/dist/types-ts4.0/i18n/ru.d.ts +0 -13
- package/dist/types-ts4.0/i18n/sk.d.ts +0 -12
- package/dist/types-ts4.0/i18n/sv.d.ts +0 -13
- package/dist/types-ts4.0/i18n/th.d.ts +0 -13
- package/dist/types-ts4.0/i18n/tr.d.ts +0 -13
- package/dist/types-ts4.0/i18n/uk.d.ts +0 -13
- package/dist/types-ts4.0/i18n/vi.d.ts +0 -13
- package/dist/types-ts4.0/i18n/zh.d.ts +0 -13
- package/dist/types-ts4.0/i18n/zh_TW.d.ts +0 -13
- package/dist/types-ts4.0/index.d.ts +0 -7
- package/dist/types-ts4.0/shared/constants.d.ts +0 -21
- package/dist/types-ts4.0/shared/i18n.d.ts +0 -32
- package/dist/types-ts4.0/shared/index.d.ts +0 -3
- package/dist/types-ts4.0/shared/utils.d.ts +0 -11
- package/dist/types-ts4.0/store/MemoryReactionsStore.d.ts +0 -94
- package/dist/types-ts4.0/store/ReactionConsumer.d.ts +0 -57
- package/dist/types-ts4.0/store/batched.d.ts +0 -2
- package/dist/types-ts4.0/store/index.d.ts +0 -3
- package/dist/types-ts4.0/store/utils.d.ts +0 -11
- package/dist/types-ts4.0/types/Actions.d.ts +0 -27
- package/dist/types-ts4.0/types/Updater.d.ts +0 -1
- package/dist/types-ts4.0/types/User.d.ts +0 -10
- package/dist/types-ts4.0/types/client.d.ts +0 -38
- package/dist/types-ts4.0/types/index.d.ts +0 -7
- package/dist/types-ts4.0/types/reaction.d.ts +0 -100
- package/dist/types-ts4.0/types/store.d.ts +0 -63
|
@@ -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,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,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,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,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,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,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,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 +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,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,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;
|