@atlaskit/reactions 37.2.0 → 37.2.2
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 +17 -0
- package/dist/cjs/analytics/index.js +1 -1
- package/dist/cjs/components/ReactionButton.js +1 -2
- package/dist/cjs/components/Reactions.js +1 -1
- package/dist/cjs/components/ReactionsDialog.js +1 -2
- package/dist/cjs/components/ReactionsDialogHeader.js +3 -21
- package/dist/es2019/analytics/index.js +1 -1
- package/dist/es2019/components/ReactionButton.js +1 -2
- package/dist/es2019/components/Reactions.js +1 -1
- package/dist/es2019/components/ReactionsDialog.js +1 -2
- package/dist/es2019/components/ReactionsDialogHeader.js +3 -22
- package/dist/esm/analytics/index.js +1 -1
- package/dist/esm/components/ReactionButton.js +1 -2
- package/dist/esm/components/Reactions.js +1 -1
- package/dist/esm/components/ReactionsDialog.js +1 -2
- package/dist/esm/components/ReactionsDialogHeader.js +3 -21
- package/dist/types/components/ReactionsDialogHeader.d.ts +1 -3
- package/package.json +6 -13
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/reactions
|
|
2
2
|
|
|
3
|
+
## 37.2.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`8c852c7ba9503`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8c852c7ba9503) -
|
|
8
|
+
Remove a11y-fixes-week4-may-2026 and retain the enabled accessibility behavior for Unsplash
|
|
9
|
+
headings, heading-link focus and tooltips, and reaction expansion state.
|
|
10
|
+
|
|
11
|
+
## 37.2.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`93f69861c56b7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/93f69861c56b7) -
|
|
16
|
+
Clean up `platform_reactions_optimistic_url` and always use the supplied optimistic image URL
|
|
17
|
+
callback when rendering reactions.
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 37.2.0
|
|
4
21
|
|
|
5
22
|
### Minor Changes
|
|
@@ -11,7 +11,7 @@ var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-n
|
|
|
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 = "37.1
|
|
14
|
+
var packageVersion = "37.2.1";
|
|
15
15
|
/**
|
|
16
16
|
* TODO: move to utility package?
|
|
17
17
|
* A random sampling function
|
|
@@ -12,7 +12,6 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
14
|
var _react2 = require("@compiled/react");
|
|
15
|
-
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
16
15
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
17
16
|
var _pressable = require("@atlaskit/primitives/compiled/pressable");
|
|
18
17
|
var _FlashAnimation = require("./FlashAnimation");
|
|
@@ -59,7 +58,7 @@ var ReactionButton = exports.ReactionButton = function ReactionButton(_ref) {
|
|
|
59
58
|
onFocus: onFocus,
|
|
60
59
|
"aria-label": ariaLabel,
|
|
61
60
|
"aria-pressed": ariaPressed,
|
|
62
|
-
"aria-expanded":
|
|
61
|
+
"aria-expanded": ariaExpanded,
|
|
63
62
|
testId: testId,
|
|
64
63
|
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
64
|
}, dataAttributes), /*#__PURE__*/React.createElement(_FlashAnimation.FlashAnimation, {
|
|
@@ -468,7 +468,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
|
|
|
468
468
|
handleOpenReactionsDialog: _handleOpenReactionsDialog,
|
|
469
469
|
isViewOnly: isViewOnly,
|
|
470
470
|
showSubtleStyle: showSubtleDefaultReactions && reactions.length === 0,
|
|
471
|
-
optimisticImageURL:
|
|
471
|
+
optimisticImageURL: getOptimisticImageURL === null || getOptimisticImageURL === void 0 ? void 0 : getOptimisticImageURL(reaction.emojiId)
|
|
472
472
|
});
|
|
473
473
|
};
|
|
474
474
|
var renderReactionGroup = function renderReactionGroup() {
|
|
@@ -108,8 +108,7 @@ var ReactionsDialog = exports.ReactionsDialog = function ReactionsDialog(_ref) {
|
|
|
108
108
|
handleNextPage: handleNextPage,
|
|
109
109
|
currentPage: currentPage,
|
|
110
110
|
emojiProvider: emojiProvider,
|
|
111
|
-
currentReactions: currentReactions
|
|
112
|
-
handleCloseReactionsDialog: handleCloseReactionsDialog
|
|
111
|
+
currentReactions: currentReactions
|
|
113
112
|
}), /*#__PURE__*/React.createElement(_modalBody.default, null, /*#__PURE__*/React.createElement(_box.Box, {
|
|
114
113
|
xcss: styles.modalBodyStyle
|
|
115
114
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -19,11 +19,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
19
19
|
var _reactIntl = require("react-intl");
|
|
20
20
|
var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
|
|
21
21
|
var _resourcedEmoji = _interopRequireDefault(require("@atlaskit/emoji/resourced-emoji"));
|
|
22
|
-
var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
|
|
23
22
|
var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
|
|
24
23
|
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
|
|
25
|
-
var _closeButton = require("@atlaskit/modal-dialog/close-button");
|
|
26
|
-
var _hooks = require("@atlaskit/modal-dialog/hooks");
|
|
27
24
|
var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
|
|
28
25
|
var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
|
|
29
26
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
@@ -97,14 +94,11 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
|
|
|
97
94
|
currentPage = _ref3.currentPage,
|
|
98
95
|
maxPages = _ref3.maxPages,
|
|
99
96
|
currentReactions = _ref3.currentReactions,
|
|
100
|
-
emojiProvider = _ref3.emojiProvider
|
|
101
|
-
handleCloseReactionsDialog = _ref3.handleCloseReactionsDialog;
|
|
97
|
+
emojiProvider = _ref3.emojiProvider;
|
|
102
98
|
var _useState = (0, _react.useState)({}),
|
|
103
99
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
104
100
|
cache = _useState2[0],
|
|
105
101
|
setCache = _useState2[1];
|
|
106
|
-
var _useModal = (0, _hooks.useModal)(),
|
|
107
|
-
titleId = _useModal.titleId;
|
|
108
102
|
var intl = (0, _reactIntl.useIntl)();
|
|
109
103
|
var _useThemeObserver = (0, _useThemeObserver2.useThemeObserver)(),
|
|
110
104
|
colorMode = _useThemeObserver.colorMode;
|
|
@@ -148,23 +142,11 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
|
|
|
148
142
|
}, _callee);
|
|
149
143
|
}))();
|
|
150
144
|
};
|
|
151
|
-
return /*#__PURE__*/React.createElement(_stack.Stack, null,
|
|
145
|
+
return /*#__PURE__*/React.createElement(_stack.Stack, null, /*#__PURE__*/React.createElement(_modalHeader.default, {
|
|
152
146
|
hasCloseButton: true
|
|
153
147
|
}, /*#__PURE__*/React.createElement(_modalTitle.default, null, intl.formatMessage(_i18n.messages.reactionsCount, {
|
|
154
148
|
count: totalReactionsCount
|
|
155
|
-
})))
|
|
156
|
-
direction: "row",
|
|
157
|
-
justifyContent: "space-between",
|
|
158
|
-
alignItems: "center",
|
|
159
|
-
xcss: styles.fullWidthStyle
|
|
160
|
-
}, /*#__PURE__*/React.createElement(_heading.default, {
|
|
161
|
-
size: "medium",
|
|
162
|
-
id: titleId
|
|
163
|
-
}, intl.formatMessage(_i18n.messages.reactionsCount, {
|
|
164
|
-
count: totalReactionsCount
|
|
165
|
-
})), /*#__PURE__*/React.createElement(_closeButton.CloseButton, {
|
|
166
|
-
onClick: handleCloseReactionsDialog
|
|
167
|
-
})), /*#__PURE__*/React.createElement(_inline.Inline, null, /*#__PURE__*/React.createElement("div", {
|
|
149
|
+
}))), /*#__PURE__*/React.createElement(_inline.Inline, null, /*#__PURE__*/React.createElement("div", {
|
|
168
150
|
id: "reactions-dialog-tabs-list",
|
|
169
151
|
className: (0, _runtime.ax)(["_1reo1wug _18m91wug _n7zlia51 _1e0c1txw _1bsb1osq _4cvr1y6m _80wau2gc _s2c4kb7n _141m1j28"])
|
|
170
152
|
}, !isSinglePage && !isOnFirstPage && /*#__PURE__*/React.createElement(LeftNavigationButton, {
|
|
@@ -2,7 +2,7 @@ import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-t
|
|
|
2
2
|
// eslint-disable-next-line @typescript-eslint/consistent-type-imports
|
|
3
3
|
import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
|
|
4
4
|
const packageName = "@atlaskit/reactions";
|
|
5
|
-
const packageVersion = "37.1
|
|
5
|
+
const packageVersion = "37.2.1";
|
|
6
6
|
/**
|
|
7
7
|
* TODO: move to utility package?
|
|
8
8
|
* A random sampling function
|
|
@@ -4,7 +4,6 @@ import "./ReactionButton.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { cx } from '@compiled/react';
|
|
7
|
-
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
8
7
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
8
|
import { Pressable } from '@atlaskit/primitives/compiled/pressable';
|
|
10
9
|
import { FlashAnimation } from './FlashAnimation';
|
|
@@ -49,7 +48,7 @@ export const ReactionButton = ({
|
|
|
49
48
|
onFocus: onFocus,
|
|
50
49
|
"aria-label": ariaLabel,
|
|
51
50
|
"aria-pressed": ariaPressed,
|
|
52
|
-
"aria-expanded":
|
|
51
|
+
"aria-expanded": ariaExpanded,
|
|
53
52
|
testId: testId,
|
|
54
53
|
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
54
|
}, dataAttributes), /*#__PURE__*/React.createElement(FlashAnimation, {
|
|
@@ -385,7 +385,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
|
|
|
385
385
|
handleOpenReactionsDialog: handleOpenReactionsDialog,
|
|
386
386
|
isViewOnly: isViewOnly,
|
|
387
387
|
showSubtleStyle: showSubtleDefaultReactions && reactions.length === 0,
|
|
388
|
-
optimisticImageURL:
|
|
388
|
+
optimisticImageURL: getOptimisticImageURL === null || getOptimisticImageURL === void 0 ? void 0 : getOptimisticImageURL(reaction.emojiId)
|
|
389
389
|
});
|
|
390
390
|
const renderReactionGroup = () => {
|
|
391
391
|
const shouldRenderReactionList = fg('jfp_a11y_team_comment_actions_semantic');
|
|
@@ -83,8 +83,7 @@ export const ReactionsDialog = ({
|
|
|
83
83
|
handleNextPage: handleNextPage,
|
|
84
84
|
currentPage: currentPage,
|
|
85
85
|
emojiProvider: emojiProvider,
|
|
86
|
-
currentReactions: currentReactions
|
|
87
|
-
handleCloseReactionsDialog: handleCloseReactionsDialog
|
|
86
|
+
currentReactions: currentReactions
|
|
88
87
|
}), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Box, {
|
|
89
88
|
xcss: styles.modalBodyStyle
|
|
90
89
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -7,11 +7,8 @@ import { useState } from 'react';
|
|
|
7
7
|
import { useIntl } from 'react-intl';
|
|
8
8
|
import IconButton from '@atlaskit/button/icon/button';
|
|
9
9
|
import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
|
|
10
|
-
import Heading from '@atlaskit/heading/heading';
|
|
11
10
|
import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
|
|
12
11
|
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
13
|
-
import { CloseButton } from '@atlaskit/modal-dialog/close-button';
|
|
14
|
-
import { useModal } from '@atlaskit/modal-dialog/hooks';
|
|
15
12
|
import ModalHeader from '@atlaskit/modal-dialog/modal-header';
|
|
16
13
|
import ModalTitle from '@atlaskit/modal-dialog/modal-title';
|
|
17
14
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
@@ -80,13 +77,9 @@ export const ReactionsDialogHeader = ({
|
|
|
80
77
|
currentPage,
|
|
81
78
|
maxPages,
|
|
82
79
|
currentReactions,
|
|
83
|
-
emojiProvider
|
|
84
|
-
handleCloseReactionsDialog
|
|
80
|
+
emojiProvider
|
|
85
81
|
}) => {
|
|
86
82
|
const [cache, setCache] = useState({});
|
|
87
|
-
const {
|
|
88
|
-
titleId
|
|
89
|
-
} = useModal();
|
|
90
83
|
const intl = useIntl();
|
|
91
84
|
const {
|
|
92
85
|
colorMode
|
|
@@ -118,23 +111,11 @@ export const ReactionsDialogHeader = ({
|
|
|
118
111
|
}
|
|
119
112
|
})();
|
|
120
113
|
};
|
|
121
|
-
return /*#__PURE__*/React.createElement(Stack, null,
|
|
114
|
+
return /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(ModalHeader, {
|
|
122
115
|
hasCloseButton: true
|
|
123
116
|
}, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.reactionsCount, {
|
|
124
117
|
count: totalReactionsCount
|
|
125
|
-
})))
|
|
126
|
-
direction: "row",
|
|
127
|
-
justifyContent: "space-between",
|
|
128
|
-
alignItems: "center",
|
|
129
|
-
xcss: styles.fullWidthStyle
|
|
130
|
-
}, /*#__PURE__*/React.createElement(Heading, {
|
|
131
|
-
size: "medium",
|
|
132
|
-
id: titleId
|
|
133
|
-
}, intl.formatMessage(messages.reactionsCount, {
|
|
134
|
-
count: totalReactionsCount
|
|
135
|
-
})), /*#__PURE__*/React.createElement(CloseButton, {
|
|
136
|
-
onClick: handleCloseReactionsDialog
|
|
137
|
-
})), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
|
|
118
|
+
}))), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
|
|
138
119
|
id: "reactions-dialog-tabs-list",
|
|
139
120
|
className: ax(["_1reo1wug _18m91wug _n7zlia51 _1e0c1txw _1bsb1osq _4cvr1y6m _80wau2gc _s2c4kb7n _141m1j28"])
|
|
140
121
|
}, !isSinglePage && !isOnFirstPage && /*#__PURE__*/React.createElement(LeftNavigationButton, {
|
|
@@ -5,7 +5,7 @@ import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-t
|
|
|
5
5
|
// eslint-disable-next-line @typescript-eslint/consistent-type-imports
|
|
6
6
|
import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
|
|
7
7
|
var packageName = "@atlaskit/reactions";
|
|
8
|
-
var packageVersion = "37.1
|
|
8
|
+
var packageVersion = "37.2.1";
|
|
9
9
|
/**
|
|
10
10
|
* TODO: move to utility package?
|
|
11
11
|
* A random sampling function
|
|
@@ -4,7 +4,6 @@ import "./ReactionButton.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { cx } from '@compiled/react';
|
|
7
|
-
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
8
7
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
8
|
import { Pressable } from '@atlaskit/primitives/compiled/pressable';
|
|
10
9
|
import { FlashAnimation } from './FlashAnimation';
|
|
@@ -50,7 +49,7 @@ export var ReactionButton = function ReactionButton(_ref) {
|
|
|
50
49
|
onFocus: onFocus,
|
|
51
50
|
"aria-label": ariaLabel,
|
|
52
51
|
"aria-pressed": ariaPressed,
|
|
53
|
-
"aria-expanded":
|
|
52
|
+
"aria-expanded": ariaExpanded,
|
|
54
53
|
testId: testId,
|
|
55
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)
|
|
56
55
|
}, dataAttributes), /*#__PURE__*/React.createElement(FlashAnimation, {
|
|
@@ -457,7 +457,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
457
457
|
handleOpenReactionsDialog: _handleOpenReactionsDialog,
|
|
458
458
|
isViewOnly: isViewOnly,
|
|
459
459
|
showSubtleStyle: showSubtleDefaultReactions && reactions.length === 0,
|
|
460
|
-
optimisticImageURL:
|
|
460
|
+
optimisticImageURL: getOptimisticImageURL === null || getOptimisticImageURL === void 0 ? void 0 : getOptimisticImageURL(reaction.emojiId)
|
|
461
461
|
});
|
|
462
462
|
};
|
|
463
463
|
var renderReactionGroup = function renderReactionGroup() {
|
|
@@ -99,8 +99,7 @@ export var ReactionsDialog = function ReactionsDialog(_ref) {
|
|
|
99
99
|
handleNextPage: handleNextPage,
|
|
100
100
|
currentPage: currentPage,
|
|
101
101
|
emojiProvider: emojiProvider,
|
|
102
|
-
currentReactions: currentReactions
|
|
103
|
-
handleCloseReactionsDialog: handleCloseReactionsDialog
|
|
102
|
+
currentReactions: currentReactions
|
|
104
103
|
}), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Box, {
|
|
105
104
|
xcss: styles.modalBodyStyle
|
|
106
105
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -13,11 +13,8 @@ import { useState } from 'react';
|
|
|
13
13
|
import { useIntl } from 'react-intl';
|
|
14
14
|
import IconButton from '@atlaskit/button/icon/button';
|
|
15
15
|
import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
|
|
16
|
-
import Heading from '@atlaskit/heading/heading';
|
|
17
16
|
import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
|
|
18
17
|
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
19
|
-
import { CloseButton } from '@atlaskit/modal-dialog/close-button';
|
|
20
|
-
import { useModal } from '@atlaskit/modal-dialog/hooks';
|
|
21
18
|
import ModalHeader from '@atlaskit/modal-dialog/modal-header';
|
|
22
19
|
import ModalTitle from '@atlaskit/modal-dialog/modal-title';
|
|
23
20
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
@@ -88,14 +85,11 @@ export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref3) {
|
|
|
88
85
|
currentPage = _ref3.currentPage,
|
|
89
86
|
maxPages = _ref3.maxPages,
|
|
90
87
|
currentReactions = _ref3.currentReactions,
|
|
91
|
-
emojiProvider = _ref3.emojiProvider
|
|
92
|
-
handleCloseReactionsDialog = _ref3.handleCloseReactionsDialog;
|
|
88
|
+
emojiProvider = _ref3.emojiProvider;
|
|
93
89
|
var _useState = useState({}),
|
|
94
90
|
_useState2 = _slicedToArray(_useState, 2),
|
|
95
91
|
cache = _useState2[0],
|
|
96
92
|
setCache = _useState2[1];
|
|
97
|
-
var _useModal = useModal(),
|
|
98
|
-
titleId = _useModal.titleId;
|
|
99
93
|
var intl = useIntl();
|
|
100
94
|
var _useThemeObserver = useThemeObserver(),
|
|
101
95
|
colorMode = _useThemeObserver.colorMode;
|
|
@@ -139,23 +133,11 @@ export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref3) {
|
|
|
139
133
|
}, _callee);
|
|
140
134
|
}))();
|
|
141
135
|
};
|
|
142
|
-
return /*#__PURE__*/React.createElement(Stack, null,
|
|
136
|
+
return /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(ModalHeader, {
|
|
143
137
|
hasCloseButton: true
|
|
144
138
|
}, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.reactionsCount, {
|
|
145
139
|
count: totalReactionsCount
|
|
146
|
-
})))
|
|
147
|
-
direction: "row",
|
|
148
|
-
justifyContent: "space-between",
|
|
149
|
-
alignItems: "center",
|
|
150
|
-
xcss: styles.fullWidthStyle
|
|
151
|
-
}, /*#__PURE__*/React.createElement(Heading, {
|
|
152
|
-
size: "medium",
|
|
153
|
-
id: titleId
|
|
154
|
-
}, intl.formatMessage(messages.reactionsCount, {
|
|
155
|
-
count: totalReactionsCount
|
|
156
|
-
})), /*#__PURE__*/React.createElement(CloseButton, {
|
|
157
|
-
onClick: handleCloseReactionsDialog
|
|
158
|
-
})), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
|
|
140
|
+
}))), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
|
|
159
141
|
id: "reactions-dialog-tabs-list",
|
|
160
142
|
className: ax(["_1reo1wug _18m91wug _n7zlia51 _1e0c1txw _1bsb1osq _4cvr1y6m _80wau2gc _s2c4kb7n _141m1j28"])
|
|
161
143
|
}, !isSinglePage && !isOnFirstPage && /*#__PURE__*/React.createElement(LeftNavigationButton, {
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import type { EmojiProvider } from '@atlaskit/emoji/types';
|
|
2
|
-
import type { OnCloseHandler } from '@atlaskit/modal-dialog/types';
|
|
3
2
|
import { type ReactionSummary } from '../types';
|
|
4
3
|
interface ReactionsDialogModalHeaderProps {
|
|
5
4
|
currentPage: number;
|
|
6
5
|
currentReactions: ReactionSummary[];
|
|
7
6
|
emojiProvider: Promise<EmojiProvider>;
|
|
8
|
-
handleCloseReactionsDialog: OnCloseHandler;
|
|
9
7
|
handleNextPage: () => void;
|
|
10
8
|
handlePreviousPage: () => void;
|
|
11
9
|
maxPages: number;
|
|
12
10
|
totalReactionsCount: number;
|
|
13
11
|
}
|
|
14
|
-
export declare const ReactionsDialogHeader: ({ totalReactionsCount, handlePreviousPage, handleNextPage, currentPage, maxPages, currentReactions, emojiProvider,
|
|
12
|
+
export declare const ReactionsDialogHeader: ({ totalReactionsCount, handlePreviousPage, handleNextPage, currentPage, maxPages, currentReactions, emojiProvider, }: ReactionsDialogModalHeaderProps) => JSX.Element;
|
|
15
13
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/reactions",
|
|
3
|
-
"version": "37.2.
|
|
3
|
+
"version": "37.2.2",
|
|
4
4
|
"description": "Reactions component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -40,17 +40,17 @@
|
|
|
40
40
|
"@atlaskit/avatar": "^30.0.0",
|
|
41
41
|
"@atlaskit/button": "^25.6.0",
|
|
42
42
|
"@atlaskit/css": "^1.1.0",
|
|
43
|
-
"@atlaskit/emoji": "^73.
|
|
44
|
-
"@atlaskit/feature-gate-js-client": "^7.
|
|
43
|
+
"@atlaskit/emoji": "^73.3.0",
|
|
44
|
+
"@atlaskit/feature-gate-js-client": "^7.1.0",
|
|
45
45
|
"@atlaskit/heading": "^8.0.0",
|
|
46
46
|
"@atlaskit/icon": "^38.0.0",
|
|
47
47
|
"@atlaskit/link": "^5.1.0",
|
|
48
|
-
"@atlaskit/modal-dialog": "^17.
|
|
48
|
+
"@atlaskit/modal-dialog": "^17.2.0",
|
|
49
49
|
"@atlaskit/motion": "^9.5.0",
|
|
50
50
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
51
51
|
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
52
52
|
"@atlaskit/popper": "^9.4.0",
|
|
53
|
-
"@atlaskit/popup": "^10.
|
|
53
|
+
"@atlaskit/popup": "^10.2.0",
|
|
54
54
|
"@atlaskit/portal": "^7.1.0",
|
|
55
55
|
"@atlaskit/primitives": "^22.6.0",
|
|
56
56
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"@atlaskit/spinner": "^20.4.0",
|
|
59
59
|
"@atlaskit/tabs": "^21.3.0",
|
|
60
60
|
"@atlaskit/theme": "^28.2.0",
|
|
61
|
-
"@atlaskit/tmp-editor-statsig": "^248.
|
|
61
|
+
"@atlaskit/tmp-editor-statsig": "^248.1.0",
|
|
62
62
|
"@atlaskit/tokens": "^20.8.0",
|
|
63
63
|
"@atlaskit/tooltip": "^24.4.0",
|
|
64
64
|
"@atlaskit/ufo": "^2.0.0",
|
|
@@ -115,9 +115,6 @@
|
|
|
115
115
|
"type": "boolean",
|
|
116
116
|
"referenceOnly": true
|
|
117
117
|
},
|
|
118
|
-
"platform_reactions_optimistic_url": {
|
|
119
|
-
"type": "boolean"
|
|
120
|
-
},
|
|
121
118
|
"platform-component-visual-refresh": {
|
|
122
119
|
"type": "boolean"
|
|
123
120
|
},
|
|
@@ -138,10 +135,6 @@
|
|
|
138
135
|
},
|
|
139
136
|
"platform_teamoji_26_refresh_emoji_picker_user_id": {
|
|
140
137
|
"type": "boolean"
|
|
141
|
-
},
|
|
142
|
-
"platform_dst_modal-dialog-use-modal-title": {
|
|
143
|
-
"type": "boolean",
|
|
144
|
-
"referenceOnly": true
|
|
145
138
|
}
|
|
146
139
|
},
|
|
147
140
|
"sideEffects": [
|