@atlaskit/reactions 34.0.3 → 34.0.5
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 +14 -0
- package/dist/cjs/analytics/index.js +1 -1
- package/dist/cjs/components/ReactionPicker.js +4 -2
- package/dist/cjs/components/ReactionTooltip.js +2 -1
- package/dist/cjs/components/Selector.js +1 -0
- package/dist/es2019/analytics/index.js +1 -1
- package/dist/es2019/components/ReactionPicker.js +4 -1
- package/dist/es2019/components/ReactionTooltip.js +2 -1
- package/dist/es2019/components/Selector.js +1 -0
- package/dist/esm/analytics/index.js +1 -1
- package/dist/esm/components/ReactionPicker.js +4 -2
- package/dist/esm/components/ReactionTooltip.js +2 -1
- package/dist/esm/components/Selector.js +1 -0
- package/package.json +13 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/reactions
|
|
2
2
|
|
|
3
|
+
## 34.0.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`be08cb30f2af2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be08cb30f2af2) -
|
|
8
|
+
Fix reactions list view more link in wrong colour
|
|
9
|
+
|
|
10
|
+
## 34.0.4
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`5a70776bde8d1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5a70776bde8d1) -
|
|
15
|
+
Clean up feature gate `platform_reactions_tooltip_a11y`
|
|
16
|
+
|
|
3
17
|
## 34.0.3
|
|
4
18
|
|
|
5
19
|
### 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 = "
|
|
14
|
+
var packageVersion = "0.0.0-development";
|
|
15
15
|
/**
|
|
16
16
|
* TODO: move to utility package?
|
|
17
17
|
* A random sampling function
|
|
@@ -297,10 +297,12 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
|
|
|
297
297
|
onMouseEnter: handleTriggerMouseEnter,
|
|
298
298
|
onMouseLeave: handleTriggerMouseLeave
|
|
299
299
|
}, /*#__PURE__*/_react.default.createElement(_Trigger.Trigger, {
|
|
300
|
-
ariaAttributes: {
|
|
300
|
+
ariaAttributes: _objectSpread({
|
|
301
301
|
'aria-expanded': isPopupTrayOpen,
|
|
302
302
|
'aria-controls': PICKER_CONTROL_ID
|
|
303
|
-
},
|
|
303
|
+
}, isPopupTrayOpen && (0, _platformFeatureFlags.fg)('a11y-fix-reaction-picker-aria-owns') ? {
|
|
304
|
+
'aria-owns': PICKER_CONTROL_ID
|
|
305
|
+
} : {}),
|
|
304
306
|
ref: function ref(node) {
|
|
305
307
|
if (node && isPopupTrayOpen) {
|
|
306
308
|
if (typeof _ref2 === 'function') {
|
|
@@ -23,6 +23,7 @@ var underlineStyle = null;
|
|
|
23
23
|
|
|
24
24
|
// Resets native <button> chrome so it renders as inline text within the tooltip list.
|
|
25
25
|
var footerButtonStyle = null;
|
|
26
|
+
var footerButtonColorStyle = null;
|
|
26
27
|
|
|
27
28
|
/**
|
|
28
29
|
* Test id for wrapper ReactionTooltip div
|
|
@@ -63,7 +64,7 @@ var ReactionTooltip = exports.ReactionTooltip = function ReactionTooltip(_ref) {
|
|
|
63
64
|
onMouseDown: function onMouseDown(e) {
|
|
64
65
|
return e.preventDefault();
|
|
65
66
|
},
|
|
66
|
-
className: (0, _runtime.ax)(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
|
|
67
|
+
className: (0, _runtime.ax)(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", (0, _platformFeatureFlags.fg)('platform_reactions_view_more_styling_fix') && "_syaz15cr", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
|
|
67
68
|
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
|
|
68
69
|
values: {
|
|
69
70
|
count: users.length - maxReactions
|
|
@@ -95,6 +95,7 @@ var Selector = exports.Selector = function Selector(_ref2) {
|
|
|
95
95
|
xcss: styles.container,
|
|
96
96
|
as: "ul"
|
|
97
97
|
}, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
98
|
+
as: "li",
|
|
98
99
|
xcss: styles.separator
|
|
99
100
|
}), /*#__PURE__*/React.createElement(Reveal, null, /*#__PURE__*/React.createElement(_ShowMore.ShowMore, {
|
|
100
101
|
key: "more",
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { createAndFireEvent } from '@atlaskit/analytics-next';
|
|
3
3
|
import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
|
|
4
4
|
const packageName = "@atlaskit/reactions";
|
|
5
|
-
const packageVersion = "
|
|
5
|
+
const packageVersion = "0.0.0-development";
|
|
6
6
|
/**
|
|
7
7
|
* TODO: move to utility package?
|
|
8
8
|
* A random sampling function
|
|
@@ -256,7 +256,10 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
|
|
|
256
256
|
}, /*#__PURE__*/React.createElement(Trigger, {
|
|
257
257
|
ariaAttributes: {
|
|
258
258
|
'aria-expanded': isPopupTrayOpen,
|
|
259
|
-
'aria-controls': PICKER_CONTROL_ID
|
|
259
|
+
'aria-controls': PICKER_CONTROL_ID,
|
|
260
|
+
...(isPopupTrayOpen && fg('a11y-fix-reaction-picker-aria-owns') ? {
|
|
261
|
+
'aria-owns': PICKER_CONTROL_ID
|
|
262
|
+
} : {})
|
|
260
263
|
},
|
|
261
264
|
ref: node => {
|
|
262
265
|
if (node && isPopupTrayOpen) {
|
|
@@ -16,6 +16,7 @@ const underlineStyle = null;
|
|
|
16
16
|
|
|
17
17
|
// Resets native <button> chrome so it renders as inline text within the tooltip list.
|
|
18
18
|
const footerButtonStyle = null;
|
|
19
|
+
const footerButtonColorStyle = null;
|
|
19
20
|
|
|
20
21
|
/**
|
|
21
22
|
* Test id for wrapper ReactionTooltip div
|
|
@@ -54,7 +55,7 @@ export const ReactionTooltip = ({
|
|
|
54
55
|
type: "button",
|
|
55
56
|
onClick: handleClick,
|
|
56
57
|
onMouseDown: e => e.preventDefault(),
|
|
57
|
-
className: ax(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
|
|
58
|
+
className: ax(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", fg('platform_reactions_view_more_styling_fix') && "_syaz15cr", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
|
|
58
59
|
}, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.otherUsers, {
|
|
59
60
|
values: {
|
|
60
61
|
count: users.length - maxReactions
|
|
@@ -86,6 +86,7 @@ export const Selector = ({
|
|
|
86
86
|
xcss: styles.container,
|
|
87
87
|
as: "ul"
|
|
88
88
|
}, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
|
|
89
|
+
as: "li",
|
|
89
90
|
xcss: styles.separator
|
|
90
91
|
}), /*#__PURE__*/React.createElement(Reveal, null, /*#__PURE__*/React.createElement(ShowMore, {
|
|
91
92
|
key: "more",
|
|
@@ -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';
|
|
6
6
|
import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
|
|
7
7
|
var packageName = "@atlaskit/reactions";
|
|
8
|
-
var packageVersion = "
|
|
8
|
+
var packageVersion = "0.0.0-development";
|
|
9
9
|
/**
|
|
10
10
|
* TODO: move to utility package?
|
|
11
11
|
* A random sampling function
|
|
@@ -288,10 +288,12 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
|
|
|
288
288
|
onMouseEnter: handleTriggerMouseEnter,
|
|
289
289
|
onMouseLeave: handleTriggerMouseLeave
|
|
290
290
|
}, /*#__PURE__*/React.createElement(Trigger, {
|
|
291
|
-
ariaAttributes: {
|
|
291
|
+
ariaAttributes: _objectSpread({
|
|
292
292
|
'aria-expanded': isPopupTrayOpen,
|
|
293
293
|
'aria-controls': PICKER_CONTROL_ID
|
|
294
|
-
},
|
|
294
|
+
}, isPopupTrayOpen && fg('a11y-fix-reaction-picker-aria-owns') ? {
|
|
295
|
+
'aria-owns': PICKER_CONTROL_ID
|
|
296
|
+
} : {}),
|
|
295
297
|
ref: function ref(node) {
|
|
296
298
|
if (node && isPopupTrayOpen) {
|
|
297
299
|
if (typeof _ref2 === 'function') {
|
|
@@ -16,6 +16,7 @@ var underlineStyle = null;
|
|
|
16
16
|
|
|
17
17
|
// Resets native <button> chrome so it renders as inline text within the tooltip list.
|
|
18
18
|
var footerButtonStyle = null;
|
|
19
|
+
var footerButtonColorStyle = null;
|
|
19
20
|
|
|
20
21
|
/**
|
|
21
22
|
* Test id for wrapper ReactionTooltip div
|
|
@@ -56,7 +57,7 @@ export var ReactionTooltip = function ReactionTooltip(_ref) {
|
|
|
56
57
|
onMouseDown: function onMouseDown(e) {
|
|
57
58
|
return e.preventDefault();
|
|
58
59
|
},
|
|
59
|
-
className: ax(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
|
|
60
|
+
className: ax(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", fg('platform_reactions_view_more_styling_fix') && "_syaz15cr", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
|
|
60
61
|
}, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.otherUsers, {
|
|
61
62
|
values: {
|
|
62
63
|
count: users.length - maxReactions
|
|
@@ -86,6 +86,7 @@ export var Selector = function Selector(_ref2) {
|
|
|
86
86
|
xcss: styles.container,
|
|
87
87
|
as: "ul"
|
|
88
88
|
}, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
|
|
89
|
+
as: "li",
|
|
89
90
|
xcss: styles.separator
|
|
90
91
|
}), /*#__PURE__*/React.createElement(Reveal, null, /*#__PURE__*/React.createElement(ShowMore, {
|
|
91
92
|
key: "more",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/reactions",
|
|
3
|
-
"version": "34.0.
|
|
3
|
+
"version": "34.0.5",
|
|
4
4
|
"description": "Reactions component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"@atlaskit/analytics-gas-types": "^5.1.0",
|
|
36
36
|
"@atlaskit/analytics-namespaced-context": "^7.2.0",
|
|
37
37
|
"@atlaskit/analytics-next": "^11.2.0",
|
|
38
|
-
"@atlaskit/avatar": "^25.
|
|
38
|
+
"@atlaskit/avatar": "^25.14.0",
|
|
39
39
|
"@atlaskit/button": "^23.11.0",
|
|
40
40
|
"@atlaskit/css": "^0.19.0",
|
|
41
41
|
"@atlaskit/emoji": "^70.2.0",
|
|
@@ -43,16 +43,16 @@
|
|
|
43
43
|
"@atlaskit/icon": "^34.3.0",
|
|
44
44
|
"@atlaskit/link": "^3.4.0",
|
|
45
45
|
"@atlaskit/modal-dialog": "^14.18.0",
|
|
46
|
-
"@atlaskit/motion": "^6.
|
|
46
|
+
"@atlaskit/motion": "^6.1.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
48
48
|
"@atlaskit/popper": "^7.2.0",
|
|
49
|
-
"@atlaskit/popup": "^4.
|
|
50
|
-
"@atlaskit/portal": "^5.
|
|
49
|
+
"@atlaskit/popup": "^4.17.0",
|
|
50
|
+
"@atlaskit/portal": "^5.5.0",
|
|
51
51
|
"@atlaskit/primitives": "^19.0.0",
|
|
52
|
-
"@atlaskit/react-ufo": "^5.
|
|
52
|
+
"@atlaskit/react-ufo": "^5.18.0",
|
|
53
53
|
"@atlaskit/spinner": "^19.1.0",
|
|
54
54
|
"@atlaskit/tabs": "^19.1.0",
|
|
55
|
-
"@atlaskit/theme": "^23.
|
|
55
|
+
"@atlaskit/theme": "^23.2.0",
|
|
56
56
|
"@atlaskit/tokens": "^13.0.0",
|
|
57
57
|
"@atlaskit/tooltip": "^21.2.0",
|
|
58
58
|
"@atlaskit/ufo": "^0.4.0",
|
|
@@ -128,6 +128,12 @@
|
|
|
128
128
|
},
|
|
129
129
|
"platform_suppression_removal_fix_reactions": {
|
|
130
130
|
"type": "boolean"
|
|
131
|
+
},
|
|
132
|
+
"a11y-fix-reaction-picker-aria-owns": {
|
|
133
|
+
"type": "boolean"
|
|
134
|
+
},
|
|
135
|
+
"platform_reactions_view_more_styling_fix": {
|
|
136
|
+
"type": "boolean"
|
|
131
137
|
}
|
|
132
138
|
},
|
|
133
139
|
"sideEffects": [
|