@atlaskit/reactions 21.4.0 → 21.6.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 +28 -0
- package/MockReactionsClient/package.json +7 -0
- package/dist/cjs/MockReactionsClient.js +276 -0
- package/dist/cjs/analytics/analytics.js +141 -0
- package/dist/cjs/analytics/index.js +4 -134
- package/dist/cjs/client/ReactionServiceClient.js +29 -6
- package/dist/cjs/components/{Counter.js → Counter/Counter.js} +32 -39
- package/dist/cjs/components/Counter/index.js +36 -0
- package/dist/cjs/components/Counter/styles.js +33 -0
- package/dist/cjs/components/EmojiButton/EmojiButton.js +58 -0
- package/dist/cjs/components/EmojiButton/index.js +19 -0
- package/dist/cjs/components/EmojiButton/styles.js +25 -0
- package/dist/cjs/components/FlashAnimation/FlashAnimation.js +42 -0
- package/dist/cjs/components/FlashAnimation/index.js +19 -0
- package/dist/cjs/components/{FlashAnimation.js → FlashAnimation/styles.js} +7 -26
- package/dist/cjs/components/Reaction/Reaction.js +163 -0
- package/dist/cjs/components/Reaction/index.js +19 -0
- package/dist/cjs/components/Reaction/styles.js +70 -0
- package/dist/cjs/components/ReactionPicker/ReactionPicker.js +272 -0
- package/dist/cjs/components/ReactionPicker/index.js +19 -0
- package/dist/cjs/components/ReactionPicker/styles.js +37 -0
- package/dist/cjs/components/ReactionTooltip/ReactionTooltip.js +71 -0
- package/dist/cjs/components/ReactionTooltip/index.js +19 -0
- package/dist/cjs/components/ReactionTooltip/styles.js +46 -0
- package/dist/cjs/components/Reactions/Reactions.js +200 -0
- package/dist/cjs/components/Reactions/index.js +25 -0
- package/dist/cjs/components/Reactions/styles.js +29 -0
- package/dist/cjs/components/Selector/Selector.js +132 -0
- package/dist/cjs/components/Selector/index.js +30 -0
- package/dist/cjs/components/Selector/styles.js +56 -0
- package/dist/cjs/components/ShowMore/ShowMore.js +71 -0
- package/dist/cjs/components/ShowMore/index.js +19 -0
- package/dist/cjs/components/ShowMore/styles.js +44 -0
- package/dist/cjs/components/Trigger/Trigger.js +59 -0
- package/dist/cjs/components/Trigger/index.js +13 -0
- package/dist/cjs/components/Trigger/styles.js +46 -0
- package/dist/cjs/components/{UfoErrorBoundary.js → UfoErrorBoundary/UfoErrorBoundary.js} +3 -0
- package/dist/cjs/components/UfoErrorBoundary/index.js +13 -0
- package/dist/cjs/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +62 -0
- package/dist/cjs/containers/ConnectedReactionPicker/index.js +13 -0
- package/dist/cjs/containers/ConnectedReactionsView/ConnectedReactionsView.js +258 -0
- package/dist/cjs/containers/ConnectedReactionsView/index.js +13 -0
- package/dist/cjs/containers/index.js +23 -13
- package/dist/cjs/hooks/index.js +13 -0
- package/dist/cjs/hooks/useClickAway.js +35 -0
- package/dist/cjs/index.js +8 -0
- package/dist/cjs/shared/constants.js +44 -0
- package/dist/cjs/{components → shared}/i18n.js +1 -1
- package/dist/cjs/shared/index.js +24 -0
- package/dist/cjs/shared/utils.js +54 -0
- package/dist/cjs/store/{ReactionsStore.js → MemoryReactionsStore.js} +41 -18
- package/dist/cjs/store/ReactionConsumer.js +43 -15
- package/dist/cjs/store/index.js +8 -2
- package/dist/cjs/store/utils.js +4 -10
- package/dist/cjs/{client/ReactionClient.js → types/client.js} +0 -0
- package/dist/cjs/types/index.js +2 -2
- package/dist/cjs/types/reaction.js +43 -0
- package/dist/cjs/types/{DetailedReaction.js → store.js} +0 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/MockReactionsClient.js +126 -0
- package/dist/es2019/analytics/analytics.js +64 -0
- package/dist/es2019/analytics/index.js +3 -65
- package/dist/es2019/analytics/ufo.js +0 -1
- package/dist/es2019/client/ReactionServiceClient.js +31 -6
- package/dist/es2019/components/{Counter.js → Counter/Counter.js} +26 -31
- package/dist/es2019/components/Counter/index.js +3 -0
- package/dist/es2019/components/Counter/styles.js +20 -0
- package/dist/es2019/components/EmojiButton/EmojiButton.js +35 -0
- package/dist/es2019/components/EmojiButton/index.js +1 -0
- package/dist/es2019/components/EmojiButton/styles.js +16 -0
- package/dist/es2019/components/FlashAnimation/FlashAnimation.js +18 -0
- package/dist/es2019/components/FlashAnimation/index.js +1 -0
- package/dist/es2019/components/{FlashAnimation.js → FlashAnimation/styles.js} +6 -17
- package/dist/es2019/components/Reaction/Reaction.js +104 -0
- package/dist/es2019/components/Reaction/index.js +1 -0
- package/dist/es2019/components/Reaction/styles.js +55 -0
- package/dist/es2019/components/ReactionPicker/ReactionPicker.js +208 -0
- package/dist/es2019/components/ReactionPicker/index.js +1 -0
- package/dist/es2019/components/ReactionPicker/styles.js +23 -0
- package/dist/es2019/components/ReactionTooltip/ReactionTooltip.js +46 -0
- package/dist/es2019/components/ReactionTooltip/index.js +1 -0
- package/dist/es2019/components/ReactionTooltip/styles.js +32 -0
- package/dist/es2019/components/Reactions/Reactions.js +156 -0
- package/dist/es2019/components/Reactions/index.js +1 -0
- package/dist/es2019/components/Reactions/styles.js +19 -0
- package/dist/es2019/components/Selector/Selector.js +98 -0
- package/dist/es2019/components/Selector/index.js +3 -0
- package/dist/es2019/components/Selector/styles.js +39 -0
- package/dist/es2019/components/ShowMore/ShowMore.js +43 -0
- package/dist/es2019/components/ShowMore/index.js +1 -0
- package/dist/es2019/components/ShowMore/styles.js +30 -0
- package/dist/es2019/components/{Trigger.js → Trigger/Trigger.js} +15 -20
- package/dist/es2019/components/Trigger/index.js +1 -0
- package/dist/es2019/components/Trigger/styles.js +24 -0
- package/dist/es2019/components/{UfoErrorBoundary.js → UfoErrorBoundary/UfoErrorBoundary.js} +4 -0
- package/dist/es2019/components/UfoErrorBoundary/index.js +1 -0
- package/dist/es2019/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +27 -0
- package/dist/es2019/containers/ConnectedReactionPicker/index.js +1 -0
- package/dist/es2019/containers/ConnectedReactionsView/ConnectedReactionsView.js +166 -0
- package/dist/es2019/containers/ConnectedReactionsView/index.js +1 -0
- package/dist/es2019/containers/index.js +2 -2
- package/dist/es2019/hooks/index.js +1 -0
- package/dist/es2019/hooks/useClickAway.js +27 -0
- package/dist/es2019/index.js +3 -1
- package/dist/es2019/shared/constants.js +32 -0
- package/dist/es2019/{components → shared}/i18n.js +1 -1
- package/dist/es2019/shared/index.js +6 -0
- package/dist/es2019/shared/utils.js +35 -0
- package/dist/es2019/store/{ReactionsStore.js → MemoryReactionsStore.js} +40 -14
- package/dist/es2019/store/ReactionConsumer.js +18 -12
- package/dist/es2019/store/index.js +1 -1
- package/dist/es2019/store/utils.js +8 -4
- package/dist/es2019/{client/ReactionClient.js → types/client.js} +0 -0
- package/dist/es2019/types/index.js +1 -1
- package/dist/es2019/types/reaction.js +34 -0
- package/dist/es2019/types/{DetailedReaction.js → store.js} +0 -0
- package/dist/es2019/version.json +1 -1
- package/dist/esm/MockReactionsClient.js +257 -0
- package/dist/esm/analytics/analytics.js +99 -0
- package/dist/esm/analytics/index.js +3 -99
- package/dist/esm/analytics/ufo.js +0 -1
- package/dist/esm/client/ReactionServiceClient.js +30 -6
- package/dist/esm/components/{Counter.js → Counter/Counter.js} +26 -31
- package/dist/esm/components/Counter/index.js +3 -0
- package/dist/esm/components/Counter/styles.js +20 -0
- package/dist/esm/components/EmojiButton/EmojiButton.js +35 -0
- package/dist/esm/components/EmojiButton/index.js +1 -0
- package/dist/esm/components/EmojiButton/styles.js +16 -0
- package/dist/esm/components/FlashAnimation/FlashAnimation.js +20 -0
- package/dist/esm/components/FlashAnimation/index.js +1 -0
- package/dist/esm/components/{FlashAnimation.js → FlashAnimation/styles.js} +6 -19
- package/dist/esm/components/Reaction/Reaction.js +131 -0
- package/dist/esm/components/Reaction/index.js +1 -0
- package/dist/esm/components/Reaction/styles.js +55 -0
- package/dist/esm/components/ReactionPicker/ReactionPicker.js +243 -0
- package/dist/esm/components/ReactionPicker/index.js +1 -0
- package/dist/esm/components/ReactionPicker/styles.js +23 -0
- package/dist/esm/components/ReactionTooltip/ReactionTooltip.js +46 -0
- package/dist/esm/components/ReactionTooltip/index.js +1 -0
- package/dist/esm/components/ReactionTooltip/styles.js +32 -0
- package/dist/esm/components/Reactions/Reactions.js +166 -0
- package/dist/esm/components/Reactions/index.js +1 -0
- package/dist/esm/components/Reactions/styles.js +19 -0
- package/dist/esm/components/Selector/Selector.js +107 -0
- package/dist/esm/components/Selector/index.js +3 -0
- package/dist/esm/components/Selector/styles.js +41 -0
- package/dist/esm/components/ShowMore/ShowMore.js +46 -0
- package/dist/esm/components/ShowMore/index.js +1 -0
- package/dist/esm/components/ShowMore/styles.js +30 -0
- package/dist/esm/components/{Trigger.js → Trigger/Trigger.js} +15 -20
- package/dist/esm/components/Trigger/index.js +1 -0
- package/dist/esm/components/Trigger/styles.js +31 -0
- package/dist/esm/components/{UfoErrorBoundary.js → UfoErrorBoundary/UfoErrorBoundary.js} +4 -0
- package/dist/esm/components/UfoErrorBoundary/index.js +1 -0
- package/dist/esm/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +46 -0
- package/dist/esm/containers/ConnectedReactionPicker/index.js +1 -0
- package/dist/esm/containers/ConnectedReactionsView/ConnectedReactionsView.js +227 -0
- package/dist/esm/containers/ConnectedReactionsView/index.js +1 -0
- package/dist/esm/containers/index.js +2 -2
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/useClickAway.js +28 -0
- package/dist/esm/index.js +3 -1
- package/dist/esm/shared/constants.js +34 -0
- package/dist/esm/{components → shared}/i18n.js +1 -1
- package/dist/esm/shared/index.js +6 -0
- package/dist/esm/shared/utils.js +41 -0
- package/dist/esm/store/{ReactionsStore.js → MemoryReactionsStore.js} +40 -17
- package/dist/esm/store/ReactionConsumer.js +42 -15
- package/dist/esm/store/index.js +1 -1
- package/dist/esm/store/utils.js +8 -4
- package/dist/{es2019/types/ReactionSource.js → esm/types/client.js} +0 -0
- package/dist/esm/types/index.js +1 -1
- package/dist/esm/types/reaction.js +34 -0
- package/dist/{es2019/types/ReactionSummary.js → esm/types/store.js} +0 -0
- package/dist/esm/version.json +1 -1
- package/dist/types/MockReactionsClient.d.ts +20 -0
- package/dist/types/analytics/analytics.d.ts +96 -0
- package/dist/types/analytics/index.d.ts +1 -96
- package/dist/types/client/ReactionServiceClient.d.ts +27 -10
- package/dist/types/client/index.d.ts +0 -1
- package/dist/types/components/Counter/Counter.d.ts +40 -0
- package/dist/types/components/Counter/index.d.ts +3 -0
- package/dist/types/components/Counter/styles.d.ts +3 -0
- package/dist/types/components/EmojiButton/EmojiButton.d.ts +22 -0
- package/dist/types/components/EmojiButton/index.d.ts +2 -0
- package/dist/types/components/EmojiButton/styles.d.ts +1 -0
- package/dist/types/components/FlashAnimation/FlashAnimation.d.ts +20 -0
- package/dist/types/components/FlashAnimation/index.d.ts +2 -0
- package/dist/types/components/FlashAnimation/styles.d.ts +3 -0
- package/dist/types/components/Reaction/Reaction.d.ts +38 -0
- package/dist/types/components/Reaction/index.d.ts +2 -0
- package/dist/types/components/Reaction/styles.d.ts +10 -0
- package/dist/types/components/ReactionPicker/ReactionPicker.d.ts +53 -0
- package/dist/types/components/ReactionPicker/index.d.ts +2 -0
- package/dist/types/components/ReactionPicker/styles.d.ts +3 -0
- package/dist/types/components/ReactionTooltip/ReactionTooltip.d.ts +22 -0
- package/dist/types/components/ReactionTooltip/index.d.ts +2 -0
- package/dist/types/components/ReactionTooltip/styles.d.ts +4 -0
- package/dist/types/components/Reactions/Reactions.d.ts +64 -0
- package/dist/types/components/Reactions/index.d.ts +2 -0
- package/dist/types/components/Reactions/styles.d.ts +2 -0
- package/dist/types/components/Selector/Selector.d.ts +34 -0
- package/dist/types/components/Selector/index.d.ts +3 -0
- package/dist/types/components/Selector/styles.d.ts +10 -0
- package/dist/types/components/ShowMore/ShowMore.d.ts +34 -0
- package/dist/types/components/ShowMore/index.d.ts +2 -0
- package/dist/types/components/ShowMore/styles.d.ts +3 -0
- package/dist/types/components/Trigger/Trigger.d.ts +23 -0
- package/dist/types/components/Trigger/index.d.ts +2 -0
- package/dist/types/components/Trigger/styles.d.ts +5 -0
- package/dist/types/components/UfoErrorBoundary/UfoErrorBoundary.d.ts +16 -0
- package/dist/types/components/UfoErrorBoundary/index.d.ts +2 -0
- package/dist/types/components/index.d.ts +4 -1
- package/dist/types/containers/ConnectedReactionPicker/ConnectedReactionPicker.d.ts +27 -0
- package/dist/types/containers/ConnectedReactionPicker/index.d.ts +2 -0
- package/dist/types/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts +52 -0
- package/dist/types/containers/ConnectedReactionsView/index.d.ts +2 -0
- package/dist/types/containers/index.d.ts +2 -2
- package/dist/types/hooks/index.d.ts +1 -0
- package/dist/types/hooks/useClickAway.d.ts +8 -0
- package/dist/types/index.d.ts +2 -2
- package/dist/types/shared/constants.d.ts +13 -0
- package/dist/types/{components → shared}/i18n.d.ts +0 -0
- package/dist/types/shared/index.d.ts +3 -0
- package/dist/types/shared/utils.d.ts +11 -0
- package/dist/types/store/{ReactionsStore.d.ts → MemoryReactionsStore.d.ts} +23 -26
- package/dist/types/store/ReactionConsumer.d.ts +47 -19
- package/dist/types/store/index.d.ts +2 -2
- package/dist/types/store/utils.d.ts +3 -7
- package/dist/types/types/Actions.d.ts +20 -4
- package/dist/types/types/User.d.ts +6 -0
- package/dist/types/types/client.d.ts +38 -0
- package/dist/types/types/index.d.ts +5 -7
- package/dist/types/types/reaction.d.ts +82 -0
- package/dist/types/types/store.d.ts +63 -0
- package/docs/0-intro.tsx +118 -27
- package/docs/1-connected-reaction-picker.tsx +133 -0
- package/docs/2-connected-reactions-view.tsx +130 -0
- package/docs/3-reactions-store.tsx +71 -0
- package/docs/4-reaction-service-client.tsx +42 -0
- package/extract-react-type/ConnectedReactionPicker.ts +6 -0
- package/extract-react-type/ConnectedReactionsView.ts +6 -0
- package/extract-react-type/Reaction.ts +6 -0
- package/extract-react-type/Reactions.ts +6 -0
- package/extract-react-type/actions.ts +6 -0
- package/extract-react-type/reactionClient.ts +6 -0
- package/extract-react-type/reactionsStore.ts +6 -0
- package/package.json +24 -7
- package/dist/cjs/client/MockReactionsClient.js +0 -183
- package/dist/cjs/components/EmojiButton.js +0 -100
- package/dist/cjs/components/Reaction.js +0 -226
- package/dist/cjs/components/ReactionPicker.js +0 -289
- package/dist/cjs/components/ReactionTooltip.js +0 -82
- package/dist/cjs/components/Reactions.js +0 -194
- package/dist/cjs/components/Selector.js +0 -189
- package/dist/cjs/components/ShowMore.js +0 -119
- package/dist/cjs/components/Trigger.js +0 -58
- package/dist/cjs/components/utils.js +0 -28
- package/dist/cjs/containers/ConnectedReactionPicker.js +0 -44
- package/dist/cjs/containers/ConnectedReactionsView.js +0 -139
- package/dist/cjs/types/ReactionSource.js +0 -5
- package/dist/cjs/types/ReactionStatus.js +0 -15
- package/dist/cjs/types/ReactionSummary.js +0 -5
- package/dist/cjs/types/Reactions.js +0 -5
- package/dist/cjs/types/ReactionsState.js +0 -5
- package/dist/es2019/client/MockReactionsClient.js +0 -123
- package/dist/es2019/components/EmojiButton.js +0 -50
- package/dist/es2019/components/Reaction.js +0 -180
- package/dist/es2019/components/ReactionPicker.js +0 -239
- package/dist/es2019/components/ReactionTooltip.js +0 -66
- package/dist/es2019/components/Reactions.js +0 -150
- package/dist/es2019/components/Selector.js +0 -127
- package/dist/es2019/components/ShowMore.js +0 -71
- package/dist/es2019/components/utils.js +0 -13
- package/dist/es2019/containers/ConnectedReactionPicker.js +0 -27
- package/dist/es2019/containers/ConnectedReactionsView.js +0 -118
- package/dist/es2019/types/ReactionStatus.js +0 -8
- package/dist/es2019/types/Reactions.js +0 -1
- package/dist/es2019/types/ReactionsState.js +0 -1
- package/dist/esm/client/MockReactionsClient.js +0 -164
- package/dist/esm/client/ReactionClient.js +0 -1
- package/dist/esm/components/EmojiButton.js +0 -77
- package/dist/esm/components/Reaction.js +0 -204
- package/dist/esm/components/ReactionPicker.js +0 -266
- package/dist/esm/components/ReactionTooltip.js +0 -63
- package/dist/esm/components/Reactions.js +0 -180
- package/dist/esm/components/Selector.js +0 -160
- package/dist/esm/components/ShowMore.js +0 -95
- package/dist/esm/components/utils.js +0 -15
- package/dist/esm/containers/ConnectedReactionPicker.js +0 -29
- package/dist/esm/containers/ConnectedReactionsView.js +0 -116
- package/dist/esm/types/DetailedReaction.js +0 -1
- package/dist/esm/types/ReactionSource.js +0 -1
- package/dist/esm/types/ReactionStatus.js +0 -8
- package/dist/esm/types/ReactionSummary.js +0 -1
- package/dist/esm/types/Reactions.js +0 -1
- package/dist/esm/types/ReactionsState.js +0 -1
- package/dist/types/client/MockReactionsClient.d.ts +0 -28
- package/dist/types/client/ReactionClient.d.ts +0 -25
- package/dist/types/components/Counter.d.ts +0 -14
- package/dist/types/components/EmojiButton.d.ts +0 -12
- package/dist/types/components/FlashAnimation.d.ts +0 -13
- package/dist/types/components/Reaction.d.ts +0 -25
- package/dist/types/components/ReactionPicker.d.ts +0 -39
- package/dist/types/components/ReactionTooltip.d.ts +0 -9
- package/dist/types/components/Reactions.d.ts +0 -49
- package/dist/types/components/Selector.d.ts +0 -27
- package/dist/types/components/ShowMore.d.ts +0 -21
- package/dist/types/components/Trigger.d.ts +0 -7
- package/dist/types/components/UfoErrorBoundary.d.ts +0 -9
- package/dist/types/components/utils.d.ts +0 -4
- package/dist/types/containers/ConnectedReactionPicker.d.ts +0 -10
- package/dist/types/containers/ConnectedReactionsView.d.ts +0 -19
- package/dist/types/types/DetailedReaction.d.ts +0 -7
- package/dist/types/types/ReactionSource.d.ts +0 -1
- package/dist/types/types/ReactionStatus.d.ts +0 -6
- package/dist/types/types/ReactionSummary.d.ts +0 -10
- package/dist/types/types/Reactions.d.ts +0 -4
- package/dist/types/types/ReactionsState.d.ts +0 -17
|
@@ -1,189 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.revealStyle = exports.renderEmojiTestId = exports.isDefaultReaction = exports.defaultReactionsByShortName = exports.defaultReactions = exports.Selector = void 0;
|
|
11
|
-
|
|
12
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
|
-
var _core = require("@emotion/core");
|
|
27
|
-
|
|
28
|
-
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
29
|
-
|
|
30
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
31
|
-
|
|
32
|
-
var _EmojiButton = require("./EmojiButton");
|
|
33
|
-
|
|
34
|
-
var _ShowMore = require("./ShowMore");
|
|
35
|
-
|
|
36
|
-
var _utils = require("./utils");
|
|
37
|
-
|
|
38
|
-
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); }
|
|
39
|
-
|
|
40
|
-
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; }
|
|
41
|
-
|
|
42
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
43
|
-
|
|
44
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
45
|
-
|
|
46
|
-
var renderEmojiTestId = 'render-emoji';
|
|
47
|
-
exports.renderEmojiTestId = renderEmojiTestId;
|
|
48
|
-
var selectorStyle = (0, _core.css)({
|
|
49
|
-
boxSizing: 'border-box',
|
|
50
|
-
display: 'flex',
|
|
51
|
-
padding: 0
|
|
52
|
-
});
|
|
53
|
-
var emojiStyle = (0, _core.css)({
|
|
54
|
-
display: 'inline-block',
|
|
55
|
-
opacity: 0,
|
|
56
|
-
'&.selected': {
|
|
57
|
-
transition: 'transform 200ms ease-in-out ',
|
|
58
|
-
transform: 'translateY(-48px) scale(2.667)'
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
var revealAnimation = (0, _core.keyframes)({
|
|
62
|
-
'0%': {
|
|
63
|
-
opacity: 1,
|
|
64
|
-
transform: 'scale(0.5)'
|
|
65
|
-
},
|
|
66
|
-
'75%': {
|
|
67
|
-
transform: 'scale(1.25)'
|
|
68
|
-
},
|
|
69
|
-
'100%': {
|
|
70
|
-
opacity: 1,
|
|
71
|
-
transform: 'scale(1)'
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
var revealStyle = (0, _core.css)({
|
|
75
|
-
animation: "".concat(revealAnimation, " 150ms ease-in-out forwards")
|
|
76
|
-
});
|
|
77
|
-
exports.revealStyle = revealStyle;
|
|
78
|
-
|
|
79
|
-
var revealDelay = function revealDelay(index) {
|
|
80
|
-
return {
|
|
81
|
-
animationDelay: "".concat(index * 50, "ms")
|
|
82
|
-
};
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
var defaultReactions = [{
|
|
86
|
-
id: '1f44d',
|
|
87
|
-
shortName: ':thumbsup:'
|
|
88
|
-
}, {
|
|
89
|
-
id: '1f44f',
|
|
90
|
-
shortName: ':clap:'
|
|
91
|
-
}, {
|
|
92
|
-
id: '1f525',
|
|
93
|
-
shortName: ':fire:'
|
|
94
|
-
}, {
|
|
95
|
-
id: '2764',
|
|
96
|
-
shortName: ':heart:'
|
|
97
|
-
}, {
|
|
98
|
-
id: '1f632',
|
|
99
|
-
shortName: ':astonished:'
|
|
100
|
-
}, {
|
|
101
|
-
id: '1f914',
|
|
102
|
-
shortName: ':thinking:'
|
|
103
|
-
}];
|
|
104
|
-
exports.defaultReactions = defaultReactions;
|
|
105
|
-
var defaultReactionsByShortName = new Map(defaultReactions.map(function (reaction) {
|
|
106
|
-
return [reaction.shortName, reaction];
|
|
107
|
-
}));
|
|
108
|
-
exports.defaultReactionsByShortName = defaultReactionsByShortName;
|
|
109
|
-
|
|
110
|
-
var isDefaultReaction = function isDefaultReaction(emojiId) {
|
|
111
|
-
return defaultReactions.filter(function (otherEmojiId) {
|
|
112
|
-
return (0, _utils.equalEmojiId)(otherEmojiId, emojiId);
|
|
113
|
-
}).length > 0;
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
exports.isDefaultReaction = isDefaultReaction;
|
|
117
|
-
|
|
118
|
-
var Selector = /*#__PURE__*/function (_PureComponent) {
|
|
119
|
-
(0, _inherits2.default)(Selector, _PureComponent);
|
|
120
|
-
|
|
121
|
-
var _super = _createSuper(Selector);
|
|
122
|
-
|
|
123
|
-
function Selector(props) {
|
|
124
|
-
var _this;
|
|
125
|
-
|
|
126
|
-
(0, _classCallCheck2.default)(this, Selector);
|
|
127
|
-
_this = _super.call(this, props);
|
|
128
|
-
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onEmojiSelected", function (emojiId, emoji, event) {
|
|
129
|
-
_this.timeouts.push(window.setTimeout(function () {
|
|
130
|
-
return _this.props.onSelection(emojiId, emoji, event);
|
|
131
|
-
}, 250));
|
|
132
|
-
|
|
133
|
-
_this.setState({
|
|
134
|
-
selection: emojiId
|
|
135
|
-
});
|
|
136
|
-
});
|
|
137
|
-
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderEmoji", function (emojiId, index) {
|
|
138
|
-
var emojiProvider = _this.props.emojiProvider;
|
|
139
|
-
var key = emojiId.id || emojiId.shortName;
|
|
140
|
-
var style = revealDelay(index);
|
|
141
|
-
return (0, _core.jsx)("div", {
|
|
142
|
-
key: key,
|
|
143
|
-
className: emojiId === _this.state.selection ? 'selected' : '',
|
|
144
|
-
css: [emojiStyle, revealStyle],
|
|
145
|
-
style: style,
|
|
146
|
-
"data-testid": renderEmojiTestId
|
|
147
|
-
}, (0, _core.jsx)(_tooltip.default, {
|
|
148
|
-
content: emojiId.shortName
|
|
149
|
-
}, (0, _core.jsx)(_EmojiButton.EmojiButton, {
|
|
150
|
-
emojiId: emojiId,
|
|
151
|
-
emojiProvider: emojiProvider,
|
|
152
|
-
onClick: _this.onEmojiSelected
|
|
153
|
-
})));
|
|
154
|
-
});
|
|
155
|
-
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderShowMore", function () {
|
|
156
|
-
return (0, _core.jsx)(_ShowMore.ShowMore, {
|
|
157
|
-
key: "more",
|
|
158
|
-
revealStyle: revealStyle,
|
|
159
|
-
style: {
|
|
160
|
-
button: revealDelay(defaultReactions.length)
|
|
161
|
-
},
|
|
162
|
-
onClick: _this.props.onMoreClick
|
|
163
|
-
});
|
|
164
|
-
});
|
|
165
|
-
_this.timeouts = [];
|
|
166
|
-
_this.state = {
|
|
167
|
-
selection: undefined
|
|
168
|
-
};
|
|
169
|
-
return _this;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
(0, _createClass2.default)(Selector, [{
|
|
173
|
-
key: "componentWillUnmount",
|
|
174
|
-
value: function componentWillUnmount() {
|
|
175
|
-
this.timeouts.forEach(clearTimeout);
|
|
176
|
-
}
|
|
177
|
-
}, {
|
|
178
|
-
key: "render",
|
|
179
|
-
value: function render() {
|
|
180
|
-
var showMore = this.props.showMore;
|
|
181
|
-
return (0, _core.jsx)("div", {
|
|
182
|
-
css: selectorStyle
|
|
183
|
-
}, defaultReactions.map(this.renderEmoji), showMore ? this.renderShowMore() : null);
|
|
184
|
-
}
|
|
185
|
-
}]);
|
|
186
|
-
return Selector;
|
|
187
|
-
}(_react.PureComponent);
|
|
188
|
-
|
|
189
|
-
exports.Selector = Selector;
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.showMoreTestId = exports.ShowMore = void 0;
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
|
|
22
|
-
var _core = require("@emotion/core");
|
|
23
|
-
|
|
24
|
-
var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/more"));
|
|
25
|
-
|
|
26
|
-
var _constants = require("@atlaskit/theme/constants");
|
|
27
|
-
|
|
28
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
29
|
-
|
|
30
|
-
var _tokens = require("@atlaskit/tokens");
|
|
31
|
-
|
|
32
|
-
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
33
|
-
|
|
34
|
-
var _react = _interopRequireDefault(require("react"));
|
|
35
|
-
|
|
36
|
-
var _i18n = require("./i18n");
|
|
37
|
-
|
|
38
|
-
var _reactIntlNext = require("react-intl-next");
|
|
39
|
-
|
|
40
|
-
var _Selector = require("./Selector");
|
|
41
|
-
|
|
42
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
43
|
-
|
|
44
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
45
|
-
|
|
46
|
-
var moreEmojiContainerStyle = (0, _core.css)({
|
|
47
|
-
display: 'flex'
|
|
48
|
-
});
|
|
49
|
-
var moreButtonStyle = (0, _core.css)({
|
|
50
|
-
opacity: 0,
|
|
51
|
-
outline: 'none',
|
|
52
|
-
backgroundColor: 'transparent',
|
|
53
|
-
border: 0,
|
|
54
|
-
borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
|
|
55
|
-
cursor: 'pointer',
|
|
56
|
-
margin: '4px 4px 4px 0',
|
|
57
|
-
padding: '4px',
|
|
58
|
-
width: '38px',
|
|
59
|
-
verticalAlign: 'top',
|
|
60
|
-
'&:hover': {
|
|
61
|
-
backgroundColor: (0, _tokens.token)('color.background.neutral.subtle.hovered', _colors.N30A)
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
var separatorStyle = (0, _core.css)({
|
|
65
|
-
backgroundColor: (0, _tokens.token)('color.border', _colors.N30A),
|
|
66
|
-
margin: '8px 8px 8px 4px',
|
|
67
|
-
width: '1px',
|
|
68
|
-
height: '60%',
|
|
69
|
-
display: 'inline-block'
|
|
70
|
-
});
|
|
71
|
-
var showMoreTestId = 'show-more-button';
|
|
72
|
-
exports.showMoreTestId = showMoreTestId;
|
|
73
|
-
|
|
74
|
-
var ShowMore = /*#__PURE__*/function (_React$PureComponent) {
|
|
75
|
-
(0, _inherits2.default)(ShowMore, _React$PureComponent);
|
|
76
|
-
|
|
77
|
-
var _super = _createSuper(ShowMore);
|
|
78
|
-
|
|
79
|
-
function ShowMore() {
|
|
80
|
-
(0, _classCallCheck2.default)(this, ShowMore);
|
|
81
|
-
return _super.apply(this, arguments);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
(0, _createClass2.default)(ShowMore, [{
|
|
85
|
-
key: "render",
|
|
86
|
-
value: function render() {
|
|
87
|
-
var _this$props = this.props,
|
|
88
|
-
style = _this$props.style,
|
|
89
|
-
onClick = _this$props.onClick,
|
|
90
|
-
classNameProp = _this$props.className;
|
|
91
|
-
return (0, _core.jsx)("div", {
|
|
92
|
-
className: classNameProp.container,
|
|
93
|
-
css: moreEmojiContainerStyle,
|
|
94
|
-
style: style.container
|
|
95
|
-
}, (0, _core.jsx)("div", {
|
|
96
|
-
css: separatorStyle
|
|
97
|
-
}), (0, _core.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.moreEmoji, function (text) {
|
|
98
|
-
return (0, _core.jsx)(_tooltip.default, {
|
|
99
|
-
content: text
|
|
100
|
-
}, (0, _core.jsx)("button", {
|
|
101
|
-
className: classNameProp.button,
|
|
102
|
-
css: [moreButtonStyle, _Selector.revealStyle],
|
|
103
|
-
style: style.button,
|
|
104
|
-
onMouseDown: onClick,
|
|
105
|
-
"data-testid": showMoreTestId
|
|
106
|
-
}, (0, _core.jsx)(_more.default, {
|
|
107
|
-
label: "More"
|
|
108
|
-
})));
|
|
109
|
-
}));
|
|
110
|
-
}
|
|
111
|
-
}]);
|
|
112
|
-
return ShowMore;
|
|
113
|
-
}(_react.default.PureComponent);
|
|
114
|
-
|
|
115
|
-
exports.ShowMore = ShowMore;
|
|
116
|
-
(0, _defineProperty2.default)(ShowMore, "defaultProps", {
|
|
117
|
-
className: {},
|
|
118
|
-
style: {}
|
|
119
|
-
});
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Trigger = void 0;
|
|
9
|
-
|
|
10
|
-
var _core = require("@emotion/core");
|
|
11
|
-
|
|
12
|
-
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
13
|
-
|
|
14
|
-
var _emojiAdd = _interopRequireDefault(require("@atlaskit/icon/glyph/emoji-add"));
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
|
-
/** @jsx jsx */
|
|
19
|
-
var triggerStyle = (0, _core.css)({
|
|
20
|
-
width: '32px',
|
|
21
|
-
height: '32px',
|
|
22
|
-
display: 'flex',
|
|
23
|
-
justifyContent: 'center',
|
|
24
|
-
alignItems: 'center',
|
|
25
|
-
lineHeight: '16px',
|
|
26
|
-
'&.miniMode': {
|
|
27
|
-
width: '24px',
|
|
28
|
-
height: '24px'
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
|
|
32
|
-
var Trigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
33
|
-
var miniMode = props.miniMode,
|
|
34
|
-
_props$disabled = props.disabled,
|
|
35
|
-
disabled = _props$disabled === void 0 ? false : _props$disabled;
|
|
36
|
-
|
|
37
|
-
var handleMouseDown = function handleMouseDown() {
|
|
38
|
-
if (props.onClick) {
|
|
39
|
-
props.onClick();
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
return (0, _core.jsx)(_standardButton.default, {
|
|
44
|
-
className: miniMode ? 'miniMode' : '',
|
|
45
|
-
css: triggerStyle,
|
|
46
|
-
appearance: "subtle",
|
|
47
|
-
onClick: handleMouseDown,
|
|
48
|
-
isDisabled: disabled,
|
|
49
|
-
iconBefore: (0, _core.jsx)(_emojiAdd.default, {
|
|
50
|
-
size: "small",
|
|
51
|
-
label: "Add reaction"
|
|
52
|
-
}),
|
|
53
|
-
spacing: "none",
|
|
54
|
-
ref: ref
|
|
55
|
-
});
|
|
56
|
-
});
|
|
57
|
-
|
|
58
|
-
exports.Trigger = Trigger;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.isLeftClick = exports.equalEmojiId = exports.akHeight = void 0;
|
|
7
|
-
var akHeight = 24;
|
|
8
|
-
exports.akHeight = akHeight;
|
|
9
|
-
|
|
10
|
-
var isLeftClick = function isLeftClick(event) {
|
|
11
|
-
return event.button === 0 && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
exports.isLeftClick = isLeftClick;
|
|
15
|
-
|
|
16
|
-
var equalEmojiId = function equalEmojiId(l, r) {
|
|
17
|
-
if (isEmojiId(l) && isEmojiId(r)) {
|
|
18
|
-
return l === r || l && r && l.id === r.id && l.shortName === r.shortName;
|
|
19
|
-
} else {
|
|
20
|
-
return l === r;
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
exports.equalEmojiId = equalEmojiId;
|
|
25
|
-
|
|
26
|
-
var isEmojiId = function isEmojiId(emojiId) {
|
|
27
|
-
return emojiId.id !== undefined;
|
|
28
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.ConnectedReactionPicker = void 0;
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var _components = require("../components");
|
|
15
|
-
|
|
16
|
-
var _ReactionConsumer = require("../store/ReactionConsumer");
|
|
17
|
-
|
|
18
|
-
var _analytics = require("../analytics");
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* UFO Instance for picker
|
|
22
|
-
*/
|
|
23
|
-
var ConnectedReactionPicker = function ConnectedReactionPicker(props) {
|
|
24
|
-
var renderChild = function renderChild(innerProps) {
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(_components.ReactionPicker, (0, _extends2.default)({}, props, innerProps));
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
var actionsMapper = function actionsMapper(actions) {
|
|
29
|
-
return {
|
|
30
|
-
onSelection: function onSelection(emojiId) {
|
|
31
|
-
actions.addReaction(props.containerAri, props.ari, emojiId);
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
return /*#__PURE__*/_react.default.createElement(_components.UfoErrorBoundary, {
|
|
37
|
-
experiences: [_analytics.UFO.PickerRender]
|
|
38
|
-
}, /*#__PURE__*/_react.default.createElement(_ReactionConsumer.ReactionConsumer, {
|
|
39
|
-
store: props.store,
|
|
40
|
-
actionsMapper: actionsMapper
|
|
41
|
-
}, renderChild));
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
exports.ConnectedReactionPicker = ConnectedReactionPicker;
|
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.ConnectedReactionsView = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
|
-
var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
|
|
17
|
-
|
|
18
|
-
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
19
|
-
|
|
20
|
-
var _components = require("../components");
|
|
21
|
-
|
|
22
|
-
var _ReactionConsumer = require("../store/ReactionConsumer");
|
|
23
|
-
|
|
24
|
-
var _ReactionStatus = require("../types/ReactionStatus");
|
|
25
|
-
|
|
26
|
-
var _ReactionsStore = require("../store/ReactionsStore");
|
|
27
|
-
|
|
28
|
-
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); }
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
32
|
-
var ReactionsView = function ReactionsView(props) {
|
|
33
|
-
// // compose a UFO experience object
|
|
34
|
-
var experienceInstance = (0, _react.useRef)();
|
|
35
|
-
var ari = props.ari,
|
|
36
|
-
createAnalyticsEvent = props.createAnalyticsEvent,
|
|
37
|
-
store = props.store,
|
|
38
|
-
containerAri = props.containerAri;
|
|
39
|
-
(0, _react.useEffect)(function () {
|
|
40
|
-
experienceInstance.current = _ReactionsStore.ufoExperiences.render(ari);
|
|
41
|
-
}, [ari]);
|
|
42
|
-
(0, _react.useEffect)(function () {
|
|
43
|
-
Promise.resolve(store).then(function (_store) {
|
|
44
|
-
if (_store.setCreateAnalyticsEvent && createAnalyticsEvent) {
|
|
45
|
-
_store.setCreateAnalyticsEvent(createAnalyticsEvent);
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
}, [createAnalyticsEvent, store]); // abort when component gets unmounted
|
|
49
|
-
|
|
50
|
-
(0, _react.useEffect)(function () {
|
|
51
|
-
return function cleanup() {
|
|
52
|
-
var _experienceInstance$c;
|
|
53
|
-
|
|
54
|
-
(_experienceInstance$c = experienceInstance.current) === null || _experienceInstance$c === void 0 ? void 0 : _experienceInstance$c.abort({
|
|
55
|
-
metadata: {
|
|
56
|
-
source: 'Connected-Reactions-View',
|
|
57
|
-
data: {
|
|
58
|
-
ari: ari,
|
|
59
|
-
containerAri: containerAri
|
|
60
|
-
},
|
|
61
|
-
reason: 'unmount'
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
}, [experienceInstance, containerAri, ari]);
|
|
66
|
-
|
|
67
|
-
var renderChildren = function renderChildren(innerProps) {
|
|
68
|
-
return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
|
|
69
|
-
data: {
|
|
70
|
-
containerAri: containerAri,
|
|
71
|
-
ari: ari
|
|
72
|
-
}
|
|
73
|
-
}, /*#__PURE__*/_react.default.createElement(_components.Reactions, (0, _extends2.default)({
|
|
74
|
-
key: "".concat(props.containerAri, "|").concat(props.ari)
|
|
75
|
-
}, props, innerProps)));
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
var stateMapper = function stateMapper(state) {
|
|
79
|
-
var containerAri = props.containerAri,
|
|
80
|
-
ari = props.ari;
|
|
81
|
-
var reactionsState = state && state.reactions["".concat(containerAri, "|").concat(ari)];
|
|
82
|
-
|
|
83
|
-
if (!state || !reactionsState) {
|
|
84
|
-
return {
|
|
85
|
-
status: _ReactionStatus.ReactionStatus.notLoaded,
|
|
86
|
-
reactions: []
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
switch (reactionsState.status) {
|
|
91
|
-
case _ReactionStatus.ReactionStatus.ready:
|
|
92
|
-
return {
|
|
93
|
-
reactions: reactionsState.reactions,
|
|
94
|
-
status: reactionsState.status,
|
|
95
|
-
flash: state.flash["".concat(containerAri, "|").concat(ari)]
|
|
96
|
-
};
|
|
97
|
-
|
|
98
|
-
case _ReactionStatus.ReactionStatus.error:
|
|
99
|
-
return {
|
|
100
|
-
status: _ReactionStatus.ReactionStatus.error,
|
|
101
|
-
reactions: []
|
|
102
|
-
};
|
|
103
|
-
|
|
104
|
-
default:
|
|
105
|
-
return {
|
|
106
|
-
status: _ReactionStatus.ReactionStatus.loading,
|
|
107
|
-
reactions: []
|
|
108
|
-
};
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
|
|
112
|
-
var actionsMapper = function actionsMapper(actions) {
|
|
113
|
-
return {
|
|
114
|
-
loadReaction: function loadReaction() {
|
|
115
|
-
actions.getReactions(props.containerAri, props.ari);
|
|
116
|
-
},
|
|
117
|
-
onReactionClick: function onReactionClick(emojiId) {
|
|
118
|
-
actions.toggleReaction(props.containerAri, props.ari, emojiId);
|
|
119
|
-
},
|
|
120
|
-
onReactionHover: function onReactionHover(emojiId) {
|
|
121
|
-
actions.getDetailedReaction(props.containerAri, props.ari, emojiId);
|
|
122
|
-
},
|
|
123
|
-
onSelection: function onSelection(emojiId) {
|
|
124
|
-
actions.addReaction(props.containerAri, props.ari, emojiId);
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
return /*#__PURE__*/_react.default.createElement(_components.UfoErrorBoundary, {
|
|
130
|
-
experiences: experienceInstance.current ? [experienceInstance.current] : []
|
|
131
|
-
}, /*#__PURE__*/_react.default.createElement(_ReactionConsumer.ReactionConsumer, {
|
|
132
|
-
store: props.store,
|
|
133
|
-
actionsMapper: actionsMapper,
|
|
134
|
-
stateMapper: stateMapper
|
|
135
|
-
}, renderChildren));
|
|
136
|
-
};
|
|
137
|
-
|
|
138
|
-
var ConnectedReactionsView = (0, _analyticsNext.withAnalyticsEvents)()(ReactionsView);
|
|
139
|
-
exports.ConnectedReactionsView = ConnectedReactionsView;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ReactionStatus = void 0;
|
|
7
|
-
var ReactionStatus;
|
|
8
|
-
exports.ReactionStatus = ReactionStatus;
|
|
9
|
-
|
|
10
|
-
(function (ReactionStatus) {
|
|
11
|
-
ReactionStatus["ready"] = "READY";
|
|
12
|
-
ReactionStatus["loading"] = "LOADING";
|
|
13
|
-
ReactionStatus["error"] = "ERROR";
|
|
14
|
-
ReactionStatus["notLoaded"] = "NOT_LOADED";
|
|
15
|
-
})(ReactionStatus || (exports.ReactionStatus = ReactionStatus = {}));
|