@atlaskit/reactions 36.0.7 → 36.1.1
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 +24 -0
- package/dist/cjs/analytics/index.js +1 -1
- package/dist/cjs/components/ReactionButton.js +2 -2
- package/dist/es2019/analytics/index.js +1 -1
- package/dist/es2019/components/ReactionButton.js +2 -2
- package/dist/esm/analytics/index.js +1 -1
- package/dist/esm/components/ReactionButton.js +2 -2
- package/package.json +26 -26
- package/report.api.md +0 -462
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
# @atlaskit/reactions
|
|
2
2
|
|
|
3
|
+
## 36.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`08bf773f7599a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08bf773f7599a) -
|
|
8
|
+
Migrate experiments to use the new platform experiment API. This major release removes the
|
|
9
|
+
migrated experiment entries from `@atlaskit/tmp-editor-statsig`'s `editorExperimentsConfig` and
|
|
10
|
+
test overrides. Consumers must replace legacy `expVal`/`expValEquals` calls with
|
|
11
|
+
`@atlaskit/platform-feature-experiments` APIs, using `isExperimentEnabled` for boolean `isEnabled`
|
|
12
|
+
experiments and `expVal` for parameterized experiments; use `mockExpEnabled`/`mockExpDisabled` in
|
|
13
|
+
tests.
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
16
|
+
## 36.1.0
|
|
17
|
+
|
|
18
|
+
### Minor Changes
|
|
19
|
+
|
|
20
|
+
- [`bd2c5b0112185`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd2c5b0112185) -
|
|
21
|
+
Remove stale API report artifacts from published Platform packages.
|
|
22
|
+
|
|
23
|
+
### Patch Changes
|
|
24
|
+
|
|
25
|
+
- Updated dependencies
|
|
26
|
+
|
|
3
27
|
## 36.0.7
|
|
4
28
|
|
|
5
29
|
### Patch Changes
|
|
@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
|
|
|
11
11
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
12
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
|
|
13
13
|
var packageName = "@atlaskit/reactions";
|
|
14
|
-
var packageVersion = "36.0
|
|
14
|
+
var packageVersion = "36.1.0";
|
|
15
15
|
/**
|
|
16
16
|
* TODO: move to utility package?
|
|
17
17
|
* A random sampling function
|
|
@@ -13,8 +13,8 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
13
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
14
|
var _react2 = require("@compiled/react");
|
|
15
15
|
var _FlashAnimation = require("./FlashAnimation");
|
|
16
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
16
17
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
17
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
18
18
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
19
19
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
20
20
|
var styles = {
|
|
@@ -59,7 +59,7 @@ var ReactionButton = exports.ReactionButton = function ReactionButton(_ref) {
|
|
|
59
59
|
onFocus: onFocus,
|
|
60
60
|
"aria-label": ariaLabel,
|
|
61
61
|
"aria-pressed": ariaPressed,
|
|
62
|
-
"aria-expanded": (0,
|
|
62
|
+
"aria-expanded": (0, _isExperimentEnabled.isExperimentEnabled)('a11y-fixes-week4-may-2026') ? ariaExpanded : undefined,
|
|
63
63
|
testId: testId,
|
|
64
64
|
xcss: (0, _react2.cx)(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground, (0, _fg.fg)('platform-component-visual-refresh') && styles.reactionStylesRefresh)
|
|
65
65
|
}, dataAttributes), /*#__PURE__*/React.createElement(_FlashAnimation.FlashAnimation, {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
|
|
3
3
|
import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
|
|
4
4
|
const packageName = "@atlaskit/reactions";
|
|
5
|
-
const packageVersion = "36.0
|
|
5
|
+
const packageVersion = "36.1.0";
|
|
6
6
|
/**
|
|
7
7
|
* TODO: move to utility package?
|
|
8
8
|
* A random sampling function
|
|
@@ -5,8 +5,8 @@ import * as React from 'react';
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { cx } from '@compiled/react';
|
|
7
7
|
import { FlashAnimation } from './FlashAnimation';
|
|
8
|
+
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
8
9
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
10
10
|
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
11
11
|
const styles = {
|
|
12
12
|
reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr31dpa _1di6fcek",
|
|
@@ -49,7 +49,7 @@ export const ReactionButton = ({
|
|
|
49
49
|
onFocus: onFocus,
|
|
50
50
|
"aria-label": ariaLabel,
|
|
51
51
|
"aria-pressed": ariaPressed,
|
|
52
|
-
"aria-expanded":
|
|
52
|
+
"aria-expanded": isExperimentEnabled('a11y-fixes-week4-may-2026') ? ariaExpanded : undefined,
|
|
53
53
|
testId: testId,
|
|
54
54
|
xcss: cx(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground, fg('platform-component-visual-refresh') && styles.reactionStylesRefresh)
|
|
55
55
|
}, dataAttributes), /*#__PURE__*/React.createElement(FlashAnimation, {
|
|
@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
5
5
|
import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
|
|
6
6
|
import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
|
|
7
7
|
var packageName = "@atlaskit/reactions";
|
|
8
|
-
var packageVersion = "36.0
|
|
8
|
+
var packageVersion = "36.1.0";
|
|
9
9
|
/**
|
|
10
10
|
* TODO: move to utility package?
|
|
11
11
|
* A random sampling function
|
|
@@ -5,8 +5,8 @@ import * as React from 'react';
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { cx } from '@compiled/react';
|
|
7
7
|
import { FlashAnimation } from './FlashAnimation';
|
|
8
|
+
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
8
9
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
10
10
|
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
11
11
|
var styles = {
|
|
12
12
|
reactionButton: "_2rko1rr0 _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _2lx2vrvc _4cvr1y6m _1ul914no _4t3i1tcg _bfhksm61 _syazazsu _1pfh1b66 _12l21b66 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _irr31dpa _1di6fcek",
|
|
@@ -50,7 +50,7 @@ export var ReactionButton = function ReactionButton(_ref) {
|
|
|
50
50
|
onFocus: onFocus,
|
|
51
51
|
"aria-label": ariaLabel,
|
|
52
52
|
"aria-pressed": ariaPressed,
|
|
53
|
-
"aria-expanded":
|
|
53
|
+
"aria-expanded": isExperimentEnabled('a11y-fixes-week4-may-2026') ? ariaExpanded : undefined,
|
|
54
54
|
testId: testId,
|
|
55
55
|
xcss: cx(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground, fg('platform-component-visual-refresh') && styles.reactionStylesRefresh)
|
|
56
56
|
}, dataAttributes), /*#__PURE__*/React.createElement(FlashAnimation, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/reactions",
|
|
3
|
-
"version": "36.
|
|
3
|
+
"version": "36.1.1",
|
|
4
4
|
"description": "Reactions component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -31,35 +31,35 @@
|
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@atlaskit/afm-i18n-platform-elements-reactions": "2.200.0",
|
|
34
|
-
"@atlaskit/analytics-gas-types": "^6.
|
|
35
|
-
"@atlaskit/analytics-namespaced-context": "^8.
|
|
36
|
-
"@atlaskit/analytics-next": "^12.
|
|
37
|
-
"@atlaskit/avatar": "^27.
|
|
38
|
-
"@atlaskit/button": "^25.
|
|
34
|
+
"@atlaskit/analytics-gas-types": "^6.2.0",
|
|
35
|
+
"@atlaskit/analytics-namespaced-context": "^8.2.0",
|
|
36
|
+
"@atlaskit/analytics-next": "^12.5.0",
|
|
37
|
+
"@atlaskit/avatar": "^27.3.0",
|
|
38
|
+
"@atlaskit/button": "^25.3.0",
|
|
39
39
|
"@atlaskit/css": "^1.1.0",
|
|
40
|
-
"@atlaskit/emoji": "^72.
|
|
40
|
+
"@atlaskit/emoji": "^72.2.0",
|
|
41
41
|
"@atlaskit/feature-gate-js-client": "^6.0.0",
|
|
42
|
-
"@atlaskit/heading": "^7.
|
|
43
|
-
"@atlaskit/icon": "^37.
|
|
42
|
+
"@atlaskit/heading": "^7.2.0",
|
|
43
|
+
"@atlaskit/icon": "^37.6.0",
|
|
44
44
|
"@atlaskit/link": "^5.1.0",
|
|
45
|
-
"@atlaskit/modal-dialog": "^16.
|
|
46
|
-
"@atlaskit/motion": "^8.
|
|
45
|
+
"@atlaskit/modal-dialog": "^16.6.0",
|
|
46
|
+
"@atlaskit/motion": "^8.6.0",
|
|
47
47
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
48
|
-
"@atlaskit/platform-feature-flags": "^2.
|
|
49
|
-
"@atlaskit/popper": "^9.
|
|
50
|
-
"@atlaskit/popup": "^6.
|
|
51
|
-
"@atlaskit/portal": "^6.
|
|
52
|
-
"@atlaskit/primitives": "^22.
|
|
48
|
+
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
49
|
+
"@atlaskit/popper": "^9.4.0",
|
|
50
|
+
"@atlaskit/popup": "^6.3.0",
|
|
51
|
+
"@atlaskit/portal": "^6.4.0",
|
|
52
|
+
"@atlaskit/primitives": "^22.5.0",
|
|
53
53
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
54
54
|
"@atlaskit/react-ufo": "^7.7.0",
|
|
55
|
-
"@atlaskit/spinner": "^20.
|
|
56
|
-
"@atlaskit/tabs": "^21.
|
|
57
|
-
"@atlaskit/theme": "^28.
|
|
58
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
59
|
-
"@atlaskit/tokens": "^16.
|
|
60
|
-
"@atlaskit/tooltip": "^24.
|
|
61
|
-
"@atlaskit/ufo": "^1.
|
|
62
|
-
"@atlaskit/util-service-support": "^7.
|
|
55
|
+
"@atlaskit/spinner": "^20.4.0",
|
|
56
|
+
"@atlaskit/tabs": "^21.2.0",
|
|
57
|
+
"@atlaskit/theme": "^28.2.0",
|
|
58
|
+
"@atlaskit/tmp-editor-statsig": "^169.0.0",
|
|
59
|
+
"@atlaskit/tokens": "^16.10.0",
|
|
60
|
+
"@atlaskit/tooltip": "^24.3.0",
|
|
61
|
+
"@atlaskit/ufo": "^1.1.0",
|
|
62
|
+
"@atlaskit/util-service-support": "^7.3.0",
|
|
63
63
|
"@babel/runtime": "^7.0.0",
|
|
64
64
|
"@compiled/react": "^1.0.2",
|
|
65
65
|
"focus-trap": "^2.4.5"
|
|
@@ -75,8 +75,8 @@
|
|
|
75
75
|
"@atlaskit/util-data-test": "^19.1.0",
|
|
76
76
|
"@atlassian/a11y-jest-testing": "^0.17.0",
|
|
77
77
|
"@atlassian/experiment-test-utils": "^0.2.0",
|
|
78
|
-
"@atlassian/feature-flags-test-utils": "^1.
|
|
79
|
-
"@atlassian/ufo": "^0.
|
|
78
|
+
"@atlassian/feature-flags-test-utils": "^1.3.0",
|
|
79
|
+
"@atlassian/ufo": "^0.10.0",
|
|
80
80
|
"@testing-library/dom": "^10.1.0",
|
|
81
81
|
"@testing-library/jest-dom": "^6.4.5",
|
|
82
82
|
"@testing-library/react": "^16.3.0",
|
package/report.api.md
DELETED
|
@@ -1,462 +0,0 @@
|
|
|
1
|
-
<!-- API Report Version: 2.3 -->
|
|
2
|
-
|
|
3
|
-
## API Report File for "@atlaskit/reactions"
|
|
4
|
-
|
|
5
|
-
> Do not edit this file. This report is auto-generated using
|
|
6
|
-
> [API Extractor](https://api-extractor.com/).
|
|
7
|
-
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
8
|
-
|
|
9
|
-
### Table of contents
|
|
10
|
-
|
|
11
|
-
- [Main Entry Types](#main-entry-types)
|
|
12
|
-
- [Peer Dependencies](#peer-dependencies)
|
|
13
|
-
|
|
14
|
-
### Main Entry Types
|
|
15
|
-
|
|
16
|
-
<!--SECTION START: Main Entry Types-->
|
|
17
|
-
|
|
18
|
-
```ts
|
|
19
|
-
/// <reference types="react" />
|
|
20
|
-
|
|
21
|
-
import { AnalyticsEvent } from '@atlaskit/analytics-next';
|
|
22
|
-
import { AriaAttributes } from 'react';
|
|
23
|
-
import { ConcurrentExperience } from '@atlaskit/ufo';
|
|
24
|
-
import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
25
|
-
import { EmojiId } from '@atlaskit/emoji/types';
|
|
26
|
-
import { EmojiId as EmojiId_2 } from '@atlaskit/emoji';
|
|
27
|
-
import { EmojiProvider } from '@atlaskit/emoji';
|
|
28
|
-
import { EmojiProvider as EmojiProvider_2 } from '@atlaskit/emoji/resource';
|
|
29
|
-
import { OnCloseHandler } from '@atlaskit/modal-dialog';
|
|
30
|
-
import { OnEmojiEvent } from '@atlaskit/emoji/types';
|
|
31
|
-
import { PickerSize } from '@atlaskit/emoji/types';
|
|
32
|
-
import { default as React_2 } from 'react';
|
|
33
|
-
import { UFOExperience } from '@atlaskit/ufo';
|
|
34
|
-
import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
35
|
-
import { WithSamplingUFOExperience } from '@atlaskit/emoji';
|
|
36
|
-
|
|
37
|
-
// @public (undocumented)
|
|
38
|
-
type Actions = {
|
|
39
|
-
getReactions: (containerId: string, aris: string) => void;
|
|
40
|
-
toggleReaction: ReactionAction;
|
|
41
|
-
addReaction: ReactionAction;
|
|
42
|
-
getDetailedReaction: ReactionAction;
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
// @public
|
|
46
|
-
enum ComponentName {
|
|
47
|
-
// (undocumented)
|
|
48
|
-
PICKER_RENDERED = 'reactions-picker',
|
|
49
|
-
// (undocumented)
|
|
50
|
-
REACTION_DIALOG = 'reaction-dialog',
|
|
51
|
-
// (undocumented)
|
|
52
|
-
REACTION_ITEM = 'reaction-item',
|
|
53
|
-
// (undocumented)
|
|
54
|
-
REACTIONS = 'reactions-list',
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
// @public
|
|
58
|
-
export const ConnectedReactionPicker: React_2.FC<ConnectedReactionPickerProps>;
|
|
59
|
-
|
|
60
|
-
// @public (undocumented)
|
|
61
|
-
interface ConnectedReactionPickerProps extends Omit<ReactionPickerProps, 'onSelection'> {
|
|
62
|
-
ari: string;
|
|
63
|
-
containerAri: string;
|
|
64
|
-
store: StorePropInput;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
// @public (undocumented)
|
|
68
|
-
export const ConnectedReactionsView: React_2.FC<ConnectedReactionsViewProps>;
|
|
69
|
-
|
|
70
|
-
// @public (undocumented)
|
|
71
|
-
interface ConnectedReactionsViewProps
|
|
72
|
-
extends Pick<
|
|
73
|
-
ReactionsProps,
|
|
74
|
-
| 'allowAllEmojis'
|
|
75
|
-
| 'allowUserDialog'
|
|
76
|
-
| 'emojiPickerSize'
|
|
77
|
-
| 'emojiProvider'
|
|
78
|
-
| 'miniMode'
|
|
79
|
-
| 'onDialogCloseCallback'
|
|
80
|
-
| 'onDialogOpenCallback'
|
|
81
|
-
| 'onDialogSelectReactionCallback'
|
|
82
|
-
| 'quickReactionEmojis'
|
|
83
|
-
>,
|
|
84
|
-
Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
|
|
85
|
-
ari: string;
|
|
86
|
-
containerAri: string;
|
|
87
|
-
store: StorePropInput;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
// @public (undocumented)
|
|
91
|
-
export const constants: {
|
|
92
|
-
DefaultReactions: EmojiId_2[];
|
|
93
|
-
DefaultReactionsByShortName: Map<string, EmojiId_2>;
|
|
94
|
-
ExtendedReactions: EmojiId_2[];
|
|
95
|
-
ExtendedReactionsByShortName: Map<string, EmojiId_2>;
|
|
96
|
-
NUMBER_OF_REACTIONS_TO_DISPLAY: number;
|
|
97
|
-
SAMPLING_RATE_REACTIONS_RENDERED_EXP: number;
|
|
98
|
-
TOOLTIP_USERS_LIMIT: number;
|
|
99
|
-
};
|
|
100
|
-
|
|
101
|
-
// @public
|
|
102
|
-
enum ExperienceName {
|
|
103
|
-
// (undocumented)
|
|
104
|
-
PICKER_OPENED = 'reactions-picker-opened',
|
|
105
|
-
// (undocumented)
|
|
106
|
-
REACTION_ADDED = 'reaction-added',
|
|
107
|
-
// (undocumented)
|
|
108
|
-
REACTION_DETAILS_FETCHED = 'reaction-details-fetched',
|
|
109
|
-
// (undocumented)
|
|
110
|
-
REACTION_DIALOG_CLOSED = 'reaction-dialog-closed',
|
|
111
|
-
// (undocumented)
|
|
112
|
-
REACTION_DIALOG_OPENED = 'reaction-dialog-opened',
|
|
113
|
-
// (undocumented)
|
|
114
|
-
REACTION_DIALOG_SELECTED_REACTION_CHANGED = 'reaction-dialog-selected-reaction-changed',
|
|
115
|
-
// (undocumented)
|
|
116
|
-
REACTION_REMOVED = 'reaction-removed',
|
|
117
|
-
// (undocumented)
|
|
118
|
-
REACTIONS_RENDERED = 'reactions-rendered',
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
// @public (undocumented)
|
|
122
|
-
export class MemoryReactionsStore implements ReactionsStore {
|
|
123
|
-
constructor(client: ReactionClient, state?: State, metadata?: StoreMetadata);
|
|
124
|
-
// (undocumented)
|
|
125
|
-
addReaction: (containerAri: string, ari: string, emojiId: string) => void;
|
|
126
|
-
// (undocumented)
|
|
127
|
-
getDetailedReaction: (containerAri: string, ari: string, emojiId: string) => void;
|
|
128
|
-
// (undocumented)
|
|
129
|
-
getReactions: (key: string, ...args: string[]) => void;
|
|
130
|
-
// (undocumented)
|
|
131
|
-
getState: () => State;
|
|
132
|
-
// (undocumented)
|
|
133
|
-
onChange: (callback: OnChangeCallback) => void;
|
|
134
|
-
// (undocumented)
|
|
135
|
-
removeOnChangeListener: (toRemove: OnChangeCallback) => void;
|
|
136
|
-
// (undocumented)
|
|
137
|
-
setCreateAnalyticsEvent: (createAnalyticsEvent?: CreateUIAnalyticsEvent) => void;
|
|
138
|
-
// (undocumented)
|
|
139
|
-
toggleReaction: (containerAri: string, ari: string, emojiId: string) => void;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
// @public
|
|
143
|
-
type OnChangeCallback = (state: State) => void;
|
|
144
|
-
|
|
145
|
-
// @public
|
|
146
|
-
export type onDialogSelectReactionChange = (
|
|
147
|
-
emojiId: string,
|
|
148
|
-
analyticsEvent: UIAnalyticsEvent,
|
|
149
|
-
) => void;
|
|
150
|
-
|
|
151
|
-
// @public
|
|
152
|
-
type ProfilePicture = {
|
|
153
|
-
path: string;
|
|
154
|
-
};
|
|
155
|
-
|
|
156
|
-
// @public
|
|
157
|
-
interface QuickReactionEmojiSummary {
|
|
158
|
-
ari: string;
|
|
159
|
-
containerAri: string;
|
|
160
|
-
emojiIds: string[];
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
// @public
|
|
164
|
-
type ReactioConsumerProps<PropsFromState, PropsFromActions> = {
|
|
165
|
-
mapStateToProps?: (state: State) => PropsFromState;
|
|
166
|
-
mapActionsToProps?: (actions: Actions) => PropsFromActions;
|
|
167
|
-
children: (props: PropsFromState & PropsFromActions) => React_2.ReactNode;
|
|
168
|
-
store: StorePropInput;
|
|
169
|
-
};
|
|
170
|
-
|
|
171
|
-
// @public
|
|
172
|
-
export const Reaction: React_2.FC<ReactionProps>;
|
|
173
|
-
|
|
174
|
-
// @public
|
|
175
|
-
type ReactionAction = (containerAri: string, ari: string, emojiId: string) => void;
|
|
176
|
-
|
|
177
|
-
// @public
|
|
178
|
-
type ReactionClick = (id: string, event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
179
|
-
|
|
180
|
-
// @public (undocumented)
|
|
181
|
-
export interface ReactionClient {
|
|
182
|
-
addReaction: ReactionRequest<ReactionSummary[]>;
|
|
183
|
-
deleteReaction: ReactionRequest<ReactionSummary[]>;
|
|
184
|
-
getDetailedReaction: ReactionRequest<ReactionSummary>;
|
|
185
|
-
getReactions(containerAri: string, aris: string[]): Promise<Reactions_2>;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
// @public @deprecated
|
|
189
|
-
export class ReactionConsumer<PropsFromState, PropsFromActions> extends React_2.PureComponent<
|
|
190
|
-
ReactioConsumerProps<PropsFromState, PropsFromActions>,
|
|
191
|
-
ReactionConsumerState
|
|
192
|
-
> {
|
|
193
|
-
constructor(props: ReactioConsumerProps<PropsFromState, PropsFromActions>);
|
|
194
|
-
// (undocumented)
|
|
195
|
-
componentDidMount(): void;
|
|
196
|
-
// (undocumented)
|
|
197
|
-
componentWillUnmount(): Promise<void>;
|
|
198
|
-
// (undocumented)
|
|
199
|
-
render(): React_2.ReactNode;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
// @public
|
|
203
|
-
type ReactionConsumerState = {
|
|
204
|
-
store?: ReactionsStore;
|
|
205
|
-
};
|
|
206
|
-
|
|
207
|
-
// @public
|
|
208
|
-
type ReactionFocused = (emojiId: string, event?: React.FocusEvent<any>) => void;
|
|
209
|
-
|
|
210
|
-
// @public
|
|
211
|
-
type ReactionMouseEnter = (emojiId: string, event?: React.MouseEvent<any>) => void;
|
|
212
|
-
|
|
213
|
-
// @public
|
|
214
|
-
export const ReactionPicker: React_2.FC<ReactionPickerProps>;
|
|
215
|
-
|
|
216
|
-
// @public (undocumented)
|
|
217
|
-
interface ReactionPickerProps
|
|
218
|
-
extends Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>,
|
|
219
|
-
Partial<Pick<TriggerProps, 'miniMode' | 'tooltipContent'>> {
|
|
220
|
-
allowAllEmojis?: boolean;
|
|
221
|
-
className?: string;
|
|
222
|
-
disabled?: boolean;
|
|
223
|
-
emojiPickerSize?: PickerSize;
|
|
224
|
-
emojiProvider: Promise<EmojiProvider_2>;
|
|
225
|
-
onCancel?: () => void;
|
|
226
|
-
onOpen?: () => void;
|
|
227
|
-
onSelection: (emojiId: string, source: ReactionSource) => void;
|
|
228
|
-
onShowMore?: () => void;
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
// @public (undocumented)
|
|
232
|
-
interface ReactionProps extends Pick<ReactionTooltipProps, 'allowUserDialog'> {
|
|
233
|
-
className?: string;
|
|
234
|
-
emojiProvider: Promise<EmojiProvider>;
|
|
235
|
-
flash?: boolean;
|
|
236
|
-
handleUserListClick?: (emojiId: string) => void;
|
|
237
|
-
onClick: ReactionClick;
|
|
238
|
-
onFocused?: ReactionFocused;
|
|
239
|
-
onMouseEnter?: ReactionMouseEnter;
|
|
240
|
-
reaction: ReactionSummary;
|
|
241
|
-
}
|
|
242
|
-
|
|
243
|
-
// @public (undocumented)
|
|
244
|
-
export type ReactionRequest<T> = (
|
|
245
|
-
ari: string,
|
|
246
|
-
containerAri: string,
|
|
247
|
-
emojiId: string,
|
|
248
|
-
metadata?: Record<string, any>,
|
|
249
|
-
) => Promise<T>;
|
|
250
|
-
|
|
251
|
-
// @public
|
|
252
|
-
export const Reactions: React_2.FC<ReactionsProps>;
|
|
253
|
-
|
|
254
|
-
// @public
|
|
255
|
-
type Reactions_2 = Record<string, ReactionSummary[]>;
|
|
256
|
-
|
|
257
|
-
// @public (undocumented)
|
|
258
|
-
type ReactionsError = {
|
|
259
|
-
readonly status: ReactionStatus.error;
|
|
260
|
-
readonly message: string;
|
|
261
|
-
};
|
|
262
|
-
|
|
263
|
-
// @public
|
|
264
|
-
export class ReactionServiceClient implements ReactionClient {
|
|
265
|
-
constructor(baseUrl: string, sessionToken?: string);
|
|
266
|
-
// (undocumented)
|
|
267
|
-
addReaction(
|
|
268
|
-
containerAri: string,
|
|
269
|
-
ari: string,
|
|
270
|
-
emojiId: string,
|
|
271
|
-
metadata?: Record<string, any>,
|
|
272
|
-
): Promise<ReactionSummary[]>;
|
|
273
|
-
// (undocumented)
|
|
274
|
-
deleteReaction(
|
|
275
|
-
containerAri: string,
|
|
276
|
-
ari: string,
|
|
277
|
-
emojiId: string,
|
|
278
|
-
metadata?: Record<string, any>,
|
|
279
|
-
): Promise<ReactionSummary[]>;
|
|
280
|
-
// (undocumented)
|
|
281
|
-
getDetailedReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary>;
|
|
282
|
-
// (undocumented)
|
|
283
|
-
getReactions(containerAri: string, aris: string[]): Promise<Reactions_2>;
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
// @public (undocumented)
|
|
287
|
-
type ReactionsLoading = {
|
|
288
|
-
readonly status: ReactionStatus.loading;
|
|
289
|
-
};
|
|
290
|
-
|
|
291
|
-
// @public (undocumented)
|
|
292
|
-
type ReactionsNotLoaded = {
|
|
293
|
-
readonly status: ReactionStatus.notLoaded;
|
|
294
|
-
};
|
|
295
|
-
|
|
296
|
-
// @public
|
|
297
|
-
type ReactionSource = 'emojiPicker' | 'quickSelector';
|
|
298
|
-
|
|
299
|
-
// @public (undocumented)
|
|
300
|
-
interface ReactionsProps
|
|
301
|
-
extends Pick<
|
|
302
|
-
ReactionPickerProps,
|
|
303
|
-
'allowAllEmojis' | 'emojiPickerSize' | 'emojiProvider' | 'miniMode'
|
|
304
|
-
>,
|
|
305
|
-
Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>,
|
|
306
|
-
Pick<ReactionProps, 'allowUserDialog'> {
|
|
307
|
-
errorMessage?: string;
|
|
308
|
-
flash?: Record<string, boolean>;
|
|
309
|
-
getReactionDetails?: (emojiId: string) => void;
|
|
310
|
-
loadReaction: () => void;
|
|
311
|
-
onDialogCloseCallback?: OnCloseHandler;
|
|
312
|
-
onDialogOpenCallback?: (emojiId: string, source?: string) => void;
|
|
313
|
-
onDialogSelectReactionCallback?: onDialogSelectReactionChange;
|
|
314
|
-
onReactionClick: ReactionClick;
|
|
315
|
-
// @deprecated (undocumented)
|
|
316
|
-
onReactionHover?: (emojiId: string) => void;
|
|
317
|
-
onSelection: (emojiId: string) => void;
|
|
318
|
-
quickReactionEmojis?: QuickReactionEmojiSummary;
|
|
319
|
-
reactions?: ReactionSummary[];
|
|
320
|
-
status: ReactionStatus;
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
// @public (undocumented)
|
|
324
|
-
type ReactionsReadyState = {
|
|
325
|
-
readonly status: ReactionStatus.ready;
|
|
326
|
-
readonly reactions: ReactionSummary[];
|
|
327
|
-
};
|
|
328
|
-
|
|
329
|
-
// @public
|
|
330
|
-
type ReactionsState = ReactionsError | ReactionsLoading | ReactionsNotLoaded | ReactionsReadyState;
|
|
331
|
-
|
|
332
|
-
// @public
|
|
333
|
-
export interface ReactionsStore extends Actions, StoreProps {}
|
|
334
|
-
|
|
335
|
-
// @public
|
|
336
|
-
enum ReactionStatus {
|
|
337
|
-
// (undocumented)
|
|
338
|
-
disabled = 'DISABLED',
|
|
339
|
-
// (undocumented)
|
|
340
|
-
error = 'ERROR',
|
|
341
|
-
// (undocumented)
|
|
342
|
-
loading = 'LOADING',
|
|
343
|
-
// (undocumented)
|
|
344
|
-
notLoaded = 'NOT_LOADED',
|
|
345
|
-
// (undocumented)
|
|
346
|
-
ready = 'READY',
|
|
347
|
-
}
|
|
348
|
-
|
|
349
|
-
// @public
|
|
350
|
-
interface ReactionSummary {
|
|
351
|
-
ari: string;
|
|
352
|
-
containerAri: string;
|
|
353
|
-
count: number;
|
|
354
|
-
emojiId: string;
|
|
355
|
-
// @deprecated (undocumented)
|
|
356
|
-
optimisticallyUpdated?: boolean;
|
|
357
|
-
reacted: boolean;
|
|
358
|
-
users?: User[];
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
// @public (undocumented)
|
|
362
|
-
interface ReactionTooltipProps {
|
|
363
|
-
allowUserDialog?: boolean;
|
|
364
|
-
emojiName?: string;
|
|
365
|
-
handleUserListClick?: (emojiId: string) => void;
|
|
366
|
-
isEnabled?: boolean;
|
|
367
|
-
maxReactions?: number;
|
|
368
|
-
reaction: ReactionSummary;
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
// @public (undocumented)
|
|
372
|
-
interface SelectorProps {
|
|
373
|
-
emojiProvider: Promise<EmojiProvider_2>;
|
|
374
|
-
onMoreClick?: React_2.MouseEventHandler<HTMLElement>;
|
|
375
|
-
onSelection: OnEmojiEvent;
|
|
376
|
-
pickerQuickReactionEmojiIds?: EmojiId[];
|
|
377
|
-
showMore?: boolean;
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
// @public
|
|
381
|
-
export type State = {
|
|
382
|
-
reactions: {
|
|
383
|
-
[key: string]: ReactionsState;
|
|
384
|
-
};
|
|
385
|
-
flash: {
|
|
386
|
-
[key: string]: {
|
|
387
|
-
[emojiId: string]: boolean;
|
|
388
|
-
};
|
|
389
|
-
};
|
|
390
|
-
};
|
|
391
|
-
|
|
392
|
-
// @public
|
|
393
|
-
interface StoreMetadata {
|
|
394
|
-
// (undocumented)
|
|
395
|
-
[k: string]: any;
|
|
396
|
-
// (undocumented)
|
|
397
|
-
subproduct?: string;
|
|
398
|
-
}
|
|
399
|
-
|
|
400
|
-
// @public
|
|
401
|
-
export type StorePropInput = Promise<ReactionsStore> | ReactionsStore;
|
|
402
|
-
|
|
403
|
-
// @public
|
|
404
|
-
interface StoreProps {
|
|
405
|
-
getState: () => State;
|
|
406
|
-
// @deprecated
|
|
407
|
-
onChange: (callback: OnChangeCallback) => void;
|
|
408
|
-
// @deprecated
|
|
409
|
-
removeOnChangeListener: (callback: OnChangeCallback) => void;
|
|
410
|
-
// @deprecated
|
|
411
|
-
setCreateAnalyticsEvent?: (createAnalyticsEvent: CreateUIAnalyticsEvent) => void;
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
// @public (undocumented)
|
|
415
|
-
interface TriggerProps {
|
|
416
|
-
ariaAttributes?: AriaAttributes;
|
|
417
|
-
disabled?: boolean;
|
|
418
|
-
miniMode?: boolean;
|
|
419
|
-
onClick?: (e: React_2.MouseEvent<HTMLElement>, analyticsEvent: AnalyticsEvent) => void;
|
|
420
|
-
tooltipContent: React_2.ReactNode;
|
|
421
|
-
}
|
|
422
|
-
|
|
423
|
-
// @public (undocumented)
|
|
424
|
-
export const UFO: {
|
|
425
|
-
ComponentName: typeof ComponentName;
|
|
426
|
-
ExperienceName: typeof ExperienceName;
|
|
427
|
-
PickerRender: UFOExperience;
|
|
428
|
-
ReactionsAdd: ConcurrentExperience;
|
|
429
|
-
ReactionDetailsFetch: ConcurrentExperience;
|
|
430
|
-
ReactionDialogClosed: UFOExperience;
|
|
431
|
-
ReactionDialogOpened: UFOExperience;
|
|
432
|
-
ReactionDialogSelectedReactionChanged: UFOExperience;
|
|
433
|
-
ReactionsRemove: ConcurrentExperience;
|
|
434
|
-
ReactionsRendered: ConcurrentExperience;
|
|
435
|
-
sampledReactionsRendered: (instanceId: string) => WithSamplingUFOExperience;
|
|
436
|
-
};
|
|
437
|
-
|
|
438
|
-
// @public (undocumented)
|
|
439
|
-
interface User {
|
|
440
|
-
displayName: string;
|
|
441
|
-
id: string;
|
|
442
|
-
profilePicture?: ProfilePicture;
|
|
443
|
-
}
|
|
444
|
-
|
|
445
|
-
// (No @packageDocumentation comment for this package)
|
|
446
|
-
```
|
|
447
|
-
|
|
448
|
-
<!--SECTION END: Main Entry Types-->
|
|
449
|
-
|
|
450
|
-
### Peer Dependencies
|
|
451
|
-
|
|
452
|
-
<!--SECTION START: Peer Dependencies-->
|
|
453
|
-
|
|
454
|
-
```json
|
|
455
|
-
{
|
|
456
|
-
"react": "^16.8.0",
|
|
457
|
-
"react-dom": "^16.8.0",
|
|
458
|
-
"react-intl": "npm:react-intl@^5.18.1"
|
|
459
|
-
}
|
|
460
|
-
```
|
|
461
|
-
|
|
462
|
-
<!--SECTION END: Peer Dependencies-->
|