@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,100 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { User } from './User';
|
|
3
|
-
/**
|
|
4
|
-
* Collection of reactions as object (key is unique id from containerAri and ari combined)
|
|
5
|
-
*/
|
|
6
|
-
export declare type Reactions = Record<string, ReactionSummary[]>;
|
|
7
|
-
/**
|
|
8
|
-
* MetaData for Reaction object
|
|
9
|
-
*/
|
|
10
|
-
export interface ReactionSummary {
|
|
11
|
-
/**
|
|
12
|
-
* Reaction Asset id in the container
|
|
13
|
-
*/
|
|
14
|
-
ari: string;
|
|
15
|
-
/**
|
|
16
|
-
* the container for reactions/ari in the page
|
|
17
|
-
*/
|
|
18
|
-
containerAri: string;
|
|
19
|
-
/**
|
|
20
|
-
* unique Atlassian identifier for an emoji
|
|
21
|
-
*/
|
|
22
|
-
emojiId: string;
|
|
23
|
-
/**
|
|
24
|
-
* Number of selected count for the emoji
|
|
25
|
-
*/
|
|
26
|
-
count: number;
|
|
27
|
-
/**
|
|
28
|
-
* Has the current user selected the emoji or not
|
|
29
|
-
*/
|
|
30
|
-
reacted: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Users collection
|
|
33
|
-
*/
|
|
34
|
-
users?: User[];
|
|
35
|
-
/**
|
|
36
|
-
* @deprecated Legacy content Not in use anymore
|
|
37
|
-
*/
|
|
38
|
-
optimisticallyUpdated?: boolean;
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* Metadata for composing a summary of emojis that will be shown in the the primary view even if the reaction count is zero
|
|
42
|
-
*/
|
|
43
|
-
export interface QuickReactionEmojiSummary {
|
|
44
|
-
/**
|
|
45
|
-
* unique Atlassian identifier for an emoji (attached to the "emojiIds" when forming {@link ReactionSummary} object)
|
|
46
|
-
*/
|
|
47
|
-
ari: string;
|
|
48
|
-
/**
|
|
49
|
-
* unique Atlassian identifier for the container grouping reactions/ari in the page (attached to the "emojiIds" when forming {@link ReactionSummary} object)
|
|
50
|
-
*/
|
|
51
|
-
containerAri: string;
|
|
52
|
-
/**
|
|
53
|
-
* emoji ids collection that will be shown in the the primary view even if the reaction count is zero
|
|
54
|
-
*/
|
|
55
|
-
emojiIds: string[];
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* Event handler for when the user clicks on the reaction
|
|
59
|
-
* @param id give id for the emoji
|
|
60
|
-
* @param event selected mouse event proerties
|
|
61
|
-
*/
|
|
62
|
-
export declare type ReactionClick = (id: string, event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
63
|
-
/**
|
|
64
|
-
* Event handler for when the user hovers with the mouse on the reaction
|
|
65
|
-
* @param reaction reaction object
|
|
66
|
-
* @param event (Optional) custom DOM event handler callback
|
|
67
|
-
*/
|
|
68
|
-
export declare type ReactionMouseEnter = (reaction: ReactionSummary, event?: React.MouseEvent<any>) => void;
|
|
69
|
-
/**
|
|
70
|
-
* Condition of the reaction when gets loaded from the store
|
|
71
|
-
*/
|
|
72
|
-
export declare enum ReactionStatus {
|
|
73
|
-
ready = "READY",
|
|
74
|
-
loading = "LOADING",
|
|
75
|
-
error = "ERROR",
|
|
76
|
-
notLoaded = "NOT_LOADED",
|
|
77
|
-
disabled = "DISABLED"
|
|
78
|
-
}
|
|
79
|
-
/**
|
|
80
|
-
* state in which the reaction is at
|
|
81
|
-
*/
|
|
82
|
-
export declare type ReactionsState = ReactionsNotLoaded | ReactionsLoading | ReactionsReadyState | ReactionsError;
|
|
83
|
-
export declare type ReactionsReadyState = {
|
|
84
|
-
readonly status: ReactionStatus.ready;
|
|
85
|
-
readonly reactions: ReactionSummary[];
|
|
86
|
-
};
|
|
87
|
-
export declare type ReactionsLoading = {
|
|
88
|
-
readonly status: ReactionStatus.loading;
|
|
89
|
-
};
|
|
90
|
-
export declare type ReactionsError = {
|
|
91
|
-
readonly status: ReactionStatus.error;
|
|
92
|
-
readonly message: string;
|
|
93
|
-
};
|
|
94
|
-
export declare type ReactionsNotLoaded = {
|
|
95
|
-
readonly status: ReactionStatus.notLoaded;
|
|
96
|
-
};
|
|
97
|
-
/**
|
|
98
|
-
* Source where the emoji selected from ("quickSelector" -> default list, "emojiPicker" -> custom emoji list)
|
|
99
|
-
*/
|
|
100
|
-
export declare type ReactionSource = 'quickSelector' | 'emojiPicker';
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
2
|
-
import { Actions } from './Actions';
|
|
3
|
-
import { ReactionsState } from './reaction';
|
|
4
|
-
/**
|
|
5
|
-
* Callback event when changes apply to the main store
|
|
6
|
-
* @param state latest store state
|
|
7
|
-
*/
|
|
8
|
-
export declare type OnChangeCallback = (state: State) => void;
|
|
9
|
-
/**
|
|
10
|
-
* Map of state props
|
|
11
|
-
*/
|
|
12
|
-
export interface StoreProps {
|
|
13
|
-
/**
|
|
14
|
-
* Get current state of the stor
|
|
15
|
-
*/
|
|
16
|
-
getState: () => State;
|
|
17
|
-
/**
|
|
18
|
-
* Register a callbsack event on change to the store instance state data
|
|
19
|
-
* @param callback event to register
|
|
20
|
-
* @deprecated initially implemented by the MemoryReactionsStore class and kept. This will be removed in a future release
|
|
21
|
-
*/
|
|
22
|
-
onChange: (callback: OnChangeCallback) => void;
|
|
23
|
-
/**
|
|
24
|
-
* Deregister any callback event on changes to the store instance state data
|
|
25
|
-
* @param callback event to de-register
|
|
26
|
-
* @deprecated initially implemented by the MemoryReactionsStore class and kept. This will be removed in a future release
|
|
27
|
-
*/
|
|
28
|
-
removeOnChangeListener: (callback: OnChangeCallback) => void;
|
|
29
|
-
/**
|
|
30
|
-
* Add Atlaskit analytics events to different operations in the store
|
|
31
|
-
* @param createAnalyticsEvent analytics event trigger
|
|
32
|
-
* @deprecated initially implemented by the MemoryReactionsStore class and kept. This will be removed in a future release
|
|
33
|
-
*/
|
|
34
|
-
setCreateAnalyticsEvent?: (createAnalyticsEvent: CreateUIAnalyticsEvent) => void;
|
|
35
|
-
}
|
|
36
|
-
/**
|
|
37
|
-
* General Interface for a reaction store
|
|
38
|
-
*/
|
|
39
|
-
export interface Store extends Actions, StoreProps {
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* the "store" prop option to the connected view and picker components
|
|
43
|
-
*/
|
|
44
|
-
export declare type StorePropInput = Store | Promise<Store>;
|
|
45
|
-
/**
|
|
46
|
-
* store main structure
|
|
47
|
-
*/
|
|
48
|
-
export declare type State = {
|
|
49
|
-
/**
|
|
50
|
-
* collection of the different reactions (key => unique reaction id , value => state of the reaction)
|
|
51
|
-
*/
|
|
52
|
-
reactions: {
|
|
53
|
-
[key: string]: ReactionsState;
|
|
54
|
-
};
|
|
55
|
-
/**
|
|
56
|
-
* custom animation for given emojis as true|false (key => unique reaction id, value => collection of emojiIds and true|false to apply custom animation)
|
|
57
|
-
*/
|
|
58
|
-
flash: {
|
|
59
|
-
[key: string]: {
|
|
60
|
-
[emojiId: string]: boolean;
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
};
|