@atlaskit/reactions 37.1.2 → 37.1.4
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/Reaction.js +1 -2
- package/dist/cjs/components/ReactionPicker.js +4 -7
- package/dist/cjs/components/ReactionSummaryView.js +2 -3
- package/dist/cjs/components/Reactions.js +1 -1
- package/dist/es2019/analytics/index.js +1 -1
- package/dist/es2019/components/Reaction.js +1 -2
- package/dist/es2019/components/ReactionPicker.js +5 -9
- package/dist/es2019/components/ReactionSummaryView.js +2 -3
- package/dist/es2019/components/Reactions.js +1 -1
- package/dist/esm/analytics/index.js +1 -1
- package/dist/esm/components/Reaction.js +1 -2
- package/dist/esm/components/ReactionPicker.js +5 -8
- package/dist/esm/components/ReactionSummaryView.js +2 -3
- package/dist/esm/components/Reactions.js +1 -1
- package/package.json +2 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/reactions
|
|
2
2
|
|
|
3
|
+
## 37.1.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`80803f34eaee3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/80803f34eaee3) -
|
|
8
|
+
Cleanup `feature_gate` `platform_reactions_a11y_group_added_reactions`. Added reaction controls
|
|
9
|
+
are now always grouped with an accessible name.
|
|
10
|
+
|
|
11
|
+
## 37.1.3
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`8bea3ef71a661`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8bea3ef71a661) -
|
|
16
|
+
Clean up `platform_a11y_fixes_reading_order` and make the accessible reading-order behavior
|
|
17
|
+
permanent.
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 37.1.2
|
|
4
21
|
|
|
5
22
|
### Patch 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.1.3";
|
|
15
15
|
/**
|
|
16
16
|
* TODO: move to utility package?
|
|
17
17
|
* A random sampling function
|
|
@@ -18,7 +18,6 @@ var _reactIntl = require("react-intl");
|
|
|
18
18
|
var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
|
|
19
19
|
var _css = require("@atlaskit/css");
|
|
20
20
|
var _resourcedEmoji = _interopRequireDefault(require("@atlaskit/emoji/resourced-emoji"));
|
|
21
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
22
21
|
var _box = require("@atlaskit/primitives/compiled/box");
|
|
23
22
|
var _inline = require("@atlaskit/primitives/compiled/inline");
|
|
24
23
|
var _analytics = require("../analytics");
|
|
@@ -164,7 +163,7 @@ var Reaction = exports.Reaction = function Reaction(_ref) {
|
|
|
164
163
|
});
|
|
165
164
|
}
|
|
166
165
|
return /*#__PURE__*/React.createElement(_box.Box, {
|
|
167
|
-
xcss: (0, _css.cx)(styles.container, rootElement === 'li' ? styles.listItem : undefined, rootElement === 'li'
|
|
166
|
+
xcss: (0, _css.cx)(styles.container, rootElement === 'li' ? styles.listItem : undefined, rootElement === 'li' ? styles.listItemNoMarker : undefined),
|
|
168
167
|
as: rootElement
|
|
169
168
|
}, showParticleEffect && /*#__PURE__*/React.createElement(_ReactionParticleEffect.ReactionParticleEffect, {
|
|
170
169
|
emojiId: emojiId,
|
|
@@ -386,8 +386,6 @@ var PopperWrapper = exports.PopperWrapper = function PopperWrapper(props) {
|
|
|
386
386
|
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
387
387
|
popupRef = _useState12[0],
|
|
388
388
|
setPopupRef = _useState12[1];
|
|
389
|
-
var _useIntl = (0, _reactIntl.useIntl)(),
|
|
390
|
-
formatMessage = _useIntl.formatMessage;
|
|
391
389
|
/**
|
|
392
390
|
* add focus lock to popup
|
|
393
391
|
*/
|
|
@@ -416,9 +414,8 @@ var PopperWrapper = exports.PopperWrapper = function PopperWrapper(props) {
|
|
|
416
414
|
update = _ref3.update;
|
|
417
415
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
418
416
|
role: "dialog",
|
|
419
|
-
"aria-
|
|
420
|
-
"aria-
|
|
421
|
-
"aria-labelledby": (0, _fg.fg)('platform_a11y_fixes_reading_order') ? PICKER_LABEL_ID : undefined,
|
|
417
|
+
"aria-modal": "false",
|
|
418
|
+
"aria-labelledby": PICKER_LABEL_ID,
|
|
422
419
|
id: PICKER_CONTROL_ID,
|
|
423
420
|
"data-testid": RENDER_REACTIONPICKERPANEL_TESTID,
|
|
424
421
|
style: _objectSpread({
|
|
@@ -437,13 +434,13 @@ var PopperWrapper = exports.PopperWrapper = function PopperWrapper(props) {
|
|
|
437
434
|
// eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
|
|
438
435
|
tabIndex: (0, _fg.fg)('platform_suppression_removal_fix_reactions') ? undefined : 0,
|
|
439
436
|
className: (0, _runtime.ax)(["_nt751r31 _49pcglyw _1hvw1o36"])
|
|
440
|
-
},
|
|
437
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
441
438
|
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _ogto7mnp _4t3it94y _kqswstnw _o5721q9c _1bsbt94y"])
|
|
442
439
|
}, /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
443
440
|
as: "h2",
|
|
444
441
|
size: "small",
|
|
445
442
|
id: PICKER_LABEL_ID
|
|
446
|
-
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.popperWrapperLabel)))
|
|
443
|
+
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.popperWrapperLabel))), /*#__PURE__*/_react.default.createElement(_RepositionOnUpdate.RepositionOnUpdate, {
|
|
447
444
|
update: update,
|
|
448
445
|
settings: settings
|
|
449
446
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -14,7 +14,6 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
14
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
15
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
16
16
|
var _emojiPicker = _interopRequireDefault(require("@atlaskit/emoji/emoji-picker"));
|
|
17
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
18
17
|
var _popup = require("@atlaskit/popup/popup");
|
|
19
18
|
var _box = require("@atlaskit/primitives/compiled/box");
|
|
20
19
|
var _flex = require("@atlaskit/primitives/compiled/flex");
|
|
@@ -243,8 +242,8 @@ var ReactionSummaryView = exports.ReactionSummaryView = function ReactionSummary
|
|
|
243
242
|
},
|
|
244
243
|
isOpen: isSummaryPopupOpen || isEmojiPickerOpen,
|
|
245
244
|
onClose: handlePopupClose,
|
|
246
|
-
shouldRenderToParent:
|
|
247
|
-
strategy:
|
|
245
|
+
shouldRenderToParent: true,
|
|
246
|
+
strategy: "absolute",
|
|
248
247
|
trigger: function trigger(triggerProps) {
|
|
249
248
|
return /*#__PURE__*/React.createElement(_ReactionSummaryButton.ReactionSummaryButton, (0, _extends2.default)({}, triggerProps, {
|
|
250
249
|
emojiProvider: emojiProvider,
|
|
@@ -526,7 +526,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
|
|
|
526
526
|
summaryGetOptimisticImageURL: summaryGetOptimisticImageURL,
|
|
527
527
|
summaryButtonIconAfter: summaryButtonIconAfter,
|
|
528
528
|
summaryViewParticleEffectEmojiId: renderParticleEffectOnSummaryView ? summaryViewParticleEffectEmojiId : null
|
|
529
|
-
})) : reactions.length > 0
|
|
529
|
+
})) : reactions.length > 0 ? renderReactionGroup() : (0, _fg.fg)('jfp_a11y_team_comment_actions_semantic') ? /*#__PURE__*/_react.default.createElement("ul", {
|
|
530
530
|
className: (0, _runtime.ax)(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf"])
|
|
531
531
|
}, memorizedReactions.map(function (reaction) {
|
|
532
532
|
return renderReactionItem(reaction, 'li');
|
|
@@ -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.1.3";
|
|
6
6
|
/**
|
|
7
7
|
* TODO: move to utility package?
|
|
8
8
|
* A random sampling function
|
|
@@ -7,7 +7,6 @@ import { useIntl } from 'react-intl';
|
|
|
7
7
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
|
|
8
8
|
import { cx } from '@atlaskit/css';
|
|
9
9
|
import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
10
|
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
12
11
|
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
13
12
|
import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEvent, createReactionHoveredEvent } from '../analytics';
|
|
@@ -131,7 +130,7 @@ export const Reaction = ({
|
|
|
131
130
|
});
|
|
132
131
|
}
|
|
133
132
|
return /*#__PURE__*/React.createElement(Box, {
|
|
134
|
-
xcss: cx(styles.container, rootElement === 'li' ? styles.listItem : undefined, rootElement === 'li'
|
|
133
|
+
xcss: cx(styles.container, rootElement === 'li' ? styles.listItem : undefined, rootElement === 'li' ? styles.listItemNoMarker : undefined),
|
|
135
134
|
as: rootElement
|
|
136
135
|
}, showParticleEffect && /*#__PURE__*/React.createElement(ReactionParticleEffect, {
|
|
137
136
|
emojiId: emojiId,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import "./ReactionPicker.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
|
|
5
|
-
import { FormattedMessage
|
|
5
|
+
import { FormattedMessage } from 'react-intl';
|
|
6
6
|
import EmojiPicker from '@atlaskit/emoji/emoji-picker';
|
|
7
7
|
import Heading from '@atlaskit/heading/heading';
|
|
8
8
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
@@ -342,9 +342,6 @@ export const PopperWrapper = props => {
|
|
|
342
342
|
zIndex
|
|
343
343
|
} = props;
|
|
344
344
|
const [popupRef, setPopupRef] = useState(null);
|
|
345
|
-
const {
|
|
346
|
-
formatMessage
|
|
347
|
-
} = useIntl();
|
|
348
345
|
/**
|
|
349
346
|
* add focus lock to popup
|
|
350
347
|
*/
|
|
@@ -372,9 +369,8 @@ export const PopperWrapper = props => {
|
|
|
372
369
|
}) => {
|
|
373
370
|
return /*#__PURE__*/React.createElement("div", {
|
|
374
371
|
role: "dialog",
|
|
375
|
-
"aria-
|
|
376
|
-
"aria-
|
|
377
|
-
"aria-labelledby": fg('platform_a11y_fixes_reading_order') ? PICKER_LABEL_ID : undefined,
|
|
372
|
+
"aria-modal": "false",
|
|
373
|
+
"aria-labelledby": PICKER_LABEL_ID,
|
|
378
374
|
id: PICKER_CONTROL_ID,
|
|
379
375
|
"data-testid": RENDER_REACTIONPICKERPANEL_TESTID,
|
|
380
376
|
style: {
|
|
@@ -395,13 +391,13 @@ export const PopperWrapper = props => {
|
|
|
395
391
|
// eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
|
|
396
392
|
tabIndex: fg('platform_suppression_removal_fix_reactions') ? undefined : 0,
|
|
397
393
|
className: ax(["_nt751r31 _49pcglyw _1hvw1o36"])
|
|
398
|
-
},
|
|
394
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
399
395
|
className: ax(["_1reo15vq _18m915vq _ogto7mnp _4t3it94y _kqswstnw _o5721q9c _1bsbt94y"])
|
|
400
396
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
401
397
|
as: "h2",
|
|
402
398
|
size: "small",
|
|
403
399
|
id: PICKER_LABEL_ID
|
|
404
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.popperWrapperLabel)))
|
|
400
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.popperWrapperLabel))), /*#__PURE__*/React.createElement(RepositionOnUpdate, {
|
|
405
401
|
update: update,
|
|
406
402
|
settings: settings
|
|
407
403
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -5,7 +5,6 @@ import * as React from 'react';
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { useCallback, useState } from 'react';
|
|
7
7
|
import EmojiPicker from '@atlaskit/emoji/emoji-picker';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
8
|
import { Popup } from '@atlaskit/popup/popup';
|
|
10
9
|
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
11
10
|
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
@@ -209,8 +208,8 @@ export const ReactionSummaryView = ({
|
|
|
209
208
|
}))),
|
|
210
209
|
isOpen: isSummaryPopupOpen || isEmojiPickerOpen,
|
|
211
210
|
onClose: handlePopupClose,
|
|
212
|
-
shouldRenderToParent:
|
|
213
|
-
strategy:
|
|
211
|
+
shouldRenderToParent: true,
|
|
212
|
+
strategy: "absolute",
|
|
214
213
|
trigger: triggerProps => /*#__PURE__*/React.createElement(ReactionSummaryButton, _extends({}, triggerProps, {
|
|
215
214
|
emojiProvider: emojiProvider,
|
|
216
215
|
reactions: reactions,
|
|
@@ -436,7 +436,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
|
|
|
436
436
|
summaryGetOptimisticImageURL: summaryGetOptimisticImageURL,
|
|
437
437
|
summaryButtonIconAfter: summaryButtonIconAfter,
|
|
438
438
|
summaryViewParticleEffectEmojiId: renderParticleEffectOnSummaryView ? summaryViewParticleEffectEmojiId : null
|
|
439
|
-
})) : reactions.length > 0
|
|
439
|
+
})) : reactions.length > 0 ? renderReactionGroup() : fg('jfp_a11y_team_comment_actions_semantic') ? /*#__PURE__*/React.createElement("ul", {
|
|
440
440
|
className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf"])
|
|
441
441
|
}, memorizedReactions.map(reaction => renderReactionItem(reaction, 'li'))) : /*#__PURE__*/React.createElement(React.Fragment, null, memorizedReactions.map(reaction => renderReactionItem(reaction)))), shouldShowPicker && /*#__PURE__*/React.createElement(ReactionPicker, {
|
|
442
442
|
contentId: contentId,
|
|
@@ -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.1.3";
|
|
9
9
|
/**
|
|
10
10
|
* TODO: move to utility package?
|
|
11
11
|
* A random sampling function
|
|
@@ -10,7 +10,6 @@ import { useIntl } from 'react-intl';
|
|
|
10
10
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
|
|
11
11
|
import { cx } from '@atlaskit/css';
|
|
12
12
|
import ResourcedEmoji from '@atlaskit/emoji/resourced-emoji';
|
|
13
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
14
13
|
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
15
14
|
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
16
15
|
import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEvent, createReactionHoveredEvent } from '../analytics';
|
|
@@ -155,7 +154,7 @@ export var Reaction = function Reaction(_ref) {
|
|
|
155
154
|
});
|
|
156
155
|
}
|
|
157
156
|
return /*#__PURE__*/React.createElement(Box, {
|
|
158
|
-
xcss: cx(styles.container, rootElement === 'li' ? styles.listItem : undefined, rootElement === 'li'
|
|
157
|
+
xcss: cx(styles.container, rootElement === 'li' ? styles.listItem : undefined, rootElement === 'li' ? styles.listItemNoMarker : undefined),
|
|
159
158
|
as: rootElement
|
|
160
159
|
}, showParticleEffect && /*#__PURE__*/React.createElement(ReactionParticleEffect, {
|
|
161
160
|
emojiId: emojiId,
|
|
@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
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; }
|
|
7
7
|
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) { _defineProperty(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; }
|
|
8
8
|
import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
|
|
9
|
-
import { FormattedMessage
|
|
9
|
+
import { FormattedMessage } from 'react-intl';
|
|
10
10
|
import EmojiPicker from '@atlaskit/emoji/emoji-picker';
|
|
11
11
|
import Heading from '@atlaskit/heading/heading';
|
|
12
12
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
@@ -378,8 +378,6 @@ export var PopperWrapper = function PopperWrapper(props) {
|
|
|
378
378
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
379
379
|
popupRef = _useState12[0],
|
|
380
380
|
setPopupRef = _useState12[1];
|
|
381
|
-
var _useIntl = useIntl(),
|
|
382
|
-
formatMessage = _useIntl.formatMessage;
|
|
383
381
|
/**
|
|
384
382
|
* add focus lock to popup
|
|
385
383
|
*/
|
|
@@ -408,9 +406,8 @@ export var PopperWrapper = function PopperWrapper(props) {
|
|
|
408
406
|
update = _ref3.update;
|
|
409
407
|
return /*#__PURE__*/React.createElement("div", {
|
|
410
408
|
role: "dialog",
|
|
411
|
-
"aria-
|
|
412
|
-
"aria-
|
|
413
|
-
"aria-labelledby": fg('platform_a11y_fixes_reading_order') ? PICKER_LABEL_ID : undefined,
|
|
409
|
+
"aria-modal": "false",
|
|
410
|
+
"aria-labelledby": PICKER_LABEL_ID,
|
|
414
411
|
id: PICKER_CONTROL_ID,
|
|
415
412
|
"data-testid": RENDER_REACTIONPICKERPANEL_TESTID,
|
|
416
413
|
style: _objectSpread({
|
|
@@ -429,13 +426,13 @@ export var PopperWrapper = function PopperWrapper(props) {
|
|
|
429
426
|
// eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
|
|
430
427
|
tabIndex: fg('platform_suppression_removal_fix_reactions') ? undefined : 0,
|
|
431
428
|
className: ax(["_nt751r31 _49pcglyw _1hvw1o36"])
|
|
432
|
-
},
|
|
429
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
433
430
|
className: ax(["_1reo15vq _18m915vq _ogto7mnp _4t3it94y _kqswstnw _o5721q9c _1bsbt94y"])
|
|
434
431
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
435
432
|
as: "h2",
|
|
436
433
|
size: "small",
|
|
437
434
|
id: PICKER_LABEL_ID
|
|
438
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.popperWrapperLabel)))
|
|
435
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.popperWrapperLabel))), /*#__PURE__*/React.createElement(RepositionOnUpdate, {
|
|
439
436
|
update: update,
|
|
440
437
|
settings: settings
|
|
441
438
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -6,7 +6,6 @@ import * as React from 'react';
|
|
|
6
6
|
import { ax, ix } from "@compiled/react/runtime";
|
|
7
7
|
import { useCallback, useState } from 'react';
|
|
8
8
|
import EmojiPicker from '@atlaskit/emoji/emoji-picker';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
10
9
|
import { Popup } from '@atlaskit/popup/popup';
|
|
11
10
|
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
12
11
|
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
@@ -234,8 +233,8 @@ export var ReactionSummaryView = function ReactionSummaryView(_ref) {
|
|
|
234
233
|
},
|
|
235
234
|
isOpen: isSummaryPopupOpen || isEmojiPickerOpen,
|
|
236
235
|
onClose: handlePopupClose,
|
|
237
|
-
shouldRenderToParent:
|
|
238
|
-
strategy:
|
|
236
|
+
shouldRenderToParent: true,
|
|
237
|
+
strategy: "absolute",
|
|
239
238
|
trigger: function trigger(triggerProps) {
|
|
240
239
|
return /*#__PURE__*/React.createElement(ReactionSummaryButton, _extends({}, triggerProps, {
|
|
241
240
|
emojiProvider: emojiProvider,
|
|
@@ -515,7 +515,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
515
515
|
summaryGetOptimisticImageURL: summaryGetOptimisticImageURL,
|
|
516
516
|
summaryButtonIconAfter: summaryButtonIconAfter,
|
|
517
517
|
summaryViewParticleEffectEmojiId: renderParticleEffectOnSummaryView ? summaryViewParticleEffectEmojiId : null
|
|
518
|
-
})) : reactions.length > 0
|
|
518
|
+
})) : reactions.length > 0 ? renderReactionGroup() : fg('jfp_a11y_team_comment_actions_semantic') ? /*#__PURE__*/React.createElement("ul", {
|
|
519
519
|
className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf"])
|
|
520
520
|
}, memorizedReactions.map(function (reaction) {
|
|
521
521
|
return renderReactionItem(reaction, 'li');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/reactions",
|
|
3
|
-
"version": "37.1.
|
|
3
|
+
"version": "37.1.4",
|
|
4
4
|
"description": "Reactions component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -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": "^
|
|
61
|
+
"@atlaskit/tmp-editor-statsig": "^247.0.0",
|
|
62
62
|
"@atlaskit/tokens": "^20.8.0",
|
|
63
63
|
"@atlaskit/tooltip": "^24.4.0",
|
|
64
64
|
"@atlaskit/ufo": "^2.0.0",
|
|
@@ -94,7 +94,6 @@
|
|
|
94
94
|
"react": "^18.2.0",
|
|
95
95
|
"react-dom": "^18.2.0",
|
|
96
96
|
"react-intl": "^7.0.0",
|
|
97
|
-
"wait-for-expect": "^1.2.0",
|
|
98
97
|
"webpack-dev-server": "^4.15.2"
|
|
99
98
|
},
|
|
100
99
|
"keywords": [
|
|
@@ -133,12 +132,6 @@
|
|
|
133
132
|
"a11y_reactions_reading_order": {
|
|
134
133
|
"type": "boolean"
|
|
135
134
|
},
|
|
136
|
-
"platform_a11y_fixes_reading_order": {
|
|
137
|
-
"type": "boolean"
|
|
138
|
-
},
|
|
139
|
-
"platform_reactions_a11y_group_added_reactions": {
|
|
140
|
-
"type": "boolean"
|
|
141
|
-
},
|
|
142
135
|
"platform_teamoji_26_refresh_emoji_picker_user_id": {
|
|
143
136
|
"type": "boolean"
|
|
144
137
|
},
|