@atlaskit/reactions 33.8.23 → 33.8.24
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 +8 -0
- package/dist/cjs/analytics/index.js +1 -1
- package/dist/cjs/components/ReactionTooltip.compiled.css +10 -0
- package/dist/cjs/components/ReactionTooltip.js +26 -1
- package/dist/es2019/analytics/index.js +1 -1
- package/dist/es2019/components/ReactionTooltip.compiled.css +10 -0
- package/dist/es2019/components/ReactionTooltip.js +18 -1
- package/dist/esm/analytics/index.js +1 -1
- package/dist/esm/components/ReactionTooltip.compiled.css +10 -0
- package/dist/esm/components/ReactionTooltip.js +26 -1
- package/package.json +11 -8
package/CHANGELOG.md
CHANGED
|
@@ -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 = "33.8.24";
|
|
15
15
|
/**
|
|
16
16
|
* TODO: move to utility package?
|
|
17
17
|
* A random sampling function
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
|
|
2
|
+
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
+
._19itglyw{border:none}
|
|
2
4
|
._d1n8glyw ul{list-style:none}._102oidpf ul{margin-top:0}
|
|
3
5
|
._17d4idpf ul{margin-left:0}
|
|
4
6
|
._18m915vq{overflow-y:hidden}
|
|
7
|
+
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
8
|
+
._1bsb1osq{width:100%}
|
|
5
9
|
._1bto1l2s{text-overflow:ellipsis}
|
|
10
|
+
._1e0c1ule{display:block}
|
|
6
11
|
._1eg614y2 li{margin-top:5px}
|
|
7
12
|
._1hms8stv{text-decoration-line:underline}
|
|
8
13
|
._1hziidpf ul{padding-top:0}
|
|
@@ -17,13 +22,18 @@
|
|
|
17
22
|
._5qec1l2s li{text-overflow:ellipsis}
|
|
18
23
|
._80omtlke{cursor:pointer}
|
|
19
24
|
._ajmmnqa1{text-decoration-style:solid}
|
|
25
|
+
._bfhk1j28{background-color:transparent}
|
|
26
|
+
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
20
27
|
._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
|
|
21
28
|
._k7zyidpf ul{padding-left:0}
|
|
22
29
|
._ltofidpf ul{padding-bottom:0}
|
|
30
|
+
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
23
31
|
._o5721q9c{white-space:nowrap}
|
|
24
32
|
._otyr14y2{margin-bottom:5px}
|
|
25
33
|
._p12f1w81{max-width:150px}
|
|
26
34
|
._syaz1lqe{color:var(--_14nrcaz)}
|
|
27
35
|
._u0h115vq li{overflow-y:hidden}
|
|
36
|
+
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
37
|
+
._y3gn1e5h{text-align:left}
|
|
28
38
|
._30l31i9p:hover{color:var(--_ywovvi)}
|
|
29
39
|
._irr3pioe:hover{background-color:var(--_yr7xfv)}
|
|
@@ -22,6 +22,9 @@ var emojiNameStyle = null;
|
|
|
22
22
|
var footerStyle = null;
|
|
23
23
|
var underlineStyle = null;
|
|
24
24
|
|
|
25
|
+
// Resets native <button> chrome so it renders as inline text within the tooltip list.
|
|
26
|
+
var footerButtonStyle = null;
|
|
27
|
+
|
|
25
28
|
/**
|
|
26
29
|
* Test id for wrapper ReactionTooltip div
|
|
27
30
|
*/
|
|
@@ -56,7 +59,29 @@ var ReactionTooltip = exports.ReactionTooltip = function ReactionTooltip(_ref) {
|
|
|
56
59
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
57
60
|
key: user.id
|
|
58
61
|
}, user.displayName);
|
|
59
|
-
}), /*#__PURE__*/_react.default.createElement("li", {
|
|
62
|
+
}), (0, _platformFeatureFlags.fg)('platform_reactions_tooltip_a11y') ? users.length > maxReactions && (allowUserDialog && handleOpenReactionsDialog ? /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("button", {
|
|
63
|
+
type: "button",
|
|
64
|
+
onClick: handleClick,
|
|
65
|
+
className: (0, _runtime.ax)(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", "_syaz1lqe", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr3pioe _30l31i9p"]),
|
|
66
|
+
style: {
|
|
67
|
+
"--_14nrcaz": (0, _runtime.ix)("var(--ds-text-inverse, ".concat(_colors.N90, ")")),
|
|
68
|
+
"--_yr7xfv": (0, _runtime.ix)("var(--ds-background-neutral-bold, ".concat(_colors.N800, ")")),
|
|
69
|
+
"--_ywovvi": (0, _runtime.ix)("var(--ds-text-inverse, ".concat(_colors.N0, ")"))
|
|
70
|
+
}
|
|
71
|
+
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
|
|
72
|
+
values: {
|
|
73
|
+
count: users.length - maxReactions
|
|
74
|
+
}
|
|
75
|
+
})))) : /*#__PURE__*/_react.default.createElement("li", {
|
|
76
|
+
className: (0, _runtime.ax)(["_syaz1lqe"]),
|
|
77
|
+
style: {
|
|
78
|
+
"--_14nrcaz": (0, _runtime.ix)("var(--ds-text-inverse, ".concat(_colors.N90, ")"))
|
|
79
|
+
}
|
|
80
|
+
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
|
|
81
|
+
values: {
|
|
82
|
+
count: users.length - maxReactions
|
|
83
|
+
}
|
|
84
|
+
})))) : /*#__PURE__*/_react.default.createElement("li", {
|
|
60
85
|
onMouseDown: handleClick,
|
|
61
86
|
onClick: handleClick,
|
|
62
87
|
onKeyDown: (0, _platformFeatureFlags.fg)('platform_suppression_removal_fix_reactions') ? handleClick : undefined,
|
|
@@ -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 = "33.8.24";
|
|
6
6
|
/**
|
|
7
7
|
* TODO: move to utility package?
|
|
8
8
|
* A random sampling function
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
|
|
2
|
+
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
+
._19itglyw{border:none}
|
|
2
4
|
._d1n8glyw ul{list-style:none}._102oidpf ul{margin-top:0}
|
|
3
5
|
._17d4idpf ul{margin-left:0}
|
|
4
6
|
._18m915vq{overflow-y:hidden}
|
|
7
|
+
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
8
|
+
._1bsb1osq{width:100%}
|
|
5
9
|
._1bto1l2s{text-overflow:ellipsis}
|
|
10
|
+
._1e0c1ule{display:block}
|
|
6
11
|
._1eg614y2 li{margin-top:5px}
|
|
7
12
|
._1hms8stv{text-decoration-line:underline}
|
|
8
13
|
._1hziidpf ul{padding-top:0}
|
|
@@ -17,13 +22,18 @@
|
|
|
17
22
|
._5qec1l2s li{text-overflow:ellipsis}
|
|
18
23
|
._80omtlke{cursor:pointer}
|
|
19
24
|
._ajmmnqa1{text-decoration-style:solid}
|
|
25
|
+
._bfhk1j28{background-color:transparent}
|
|
26
|
+
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
20
27
|
._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
|
|
21
28
|
._k7zyidpf ul{padding-left:0}
|
|
22
29
|
._ltofidpf ul{padding-bottom:0}
|
|
30
|
+
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
23
31
|
._o5721q9c{white-space:nowrap}
|
|
24
32
|
._otyr14y2{margin-bottom:5px}
|
|
25
33
|
._p12f1w81{max-width:150px}
|
|
26
34
|
._syaz6r0x{color:var(--ds-text-inverse,#8993a4)}
|
|
27
35
|
._u0h115vq li{overflow-y:hidden}
|
|
36
|
+
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
37
|
+
._y3gn1e5h{text-align:left}
|
|
28
38
|
._30l315cr:hover{color:var(--ds-text-inverse,#fff)}
|
|
29
39
|
._irr3gkf6:hover{background-color:var(--ds-background-neutral-bold,#172b4d)}
|
|
@@ -15,6 +15,9 @@ const emojiNameStyle = null;
|
|
|
15
15
|
const footerStyle = null;
|
|
16
16
|
const underlineStyle = null;
|
|
17
17
|
|
|
18
|
+
// Resets native <button> chrome so it renders as inline text within the tooltip list.
|
|
19
|
+
const footerButtonStyle = null;
|
|
20
|
+
|
|
18
21
|
/**
|
|
19
22
|
* Test id for wrapper ReactionTooltip div
|
|
20
23
|
*/
|
|
@@ -46,7 +49,21 @@ export const ReactionTooltip = ({
|
|
|
46
49
|
return /*#__PURE__*/React.createElement("li", {
|
|
47
50
|
key: user.id
|
|
48
51
|
}, user.displayName);
|
|
49
|
-
}), /*#__PURE__*/React.createElement("li", {
|
|
52
|
+
}), fg('platform_reactions_tooltip_a11y') ? users.length > maxReactions && (allowUserDialog && handleOpenReactionsDialog ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("button", {
|
|
53
|
+
type: "button",
|
|
54
|
+
onClick: handleClick,
|
|
55
|
+
className: ax(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", "_syaz6r0x", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr3gkf6 _30l315cr"])
|
|
56
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.otherUsers, {
|
|
57
|
+
values: {
|
|
58
|
+
count: users.length - maxReactions
|
|
59
|
+
}
|
|
60
|
+
})))) : /*#__PURE__*/React.createElement("li", {
|
|
61
|
+
className: ax(["_syaz6r0x"])
|
|
62
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.otherUsers, {
|
|
63
|
+
values: {
|
|
64
|
+
count: users.length - maxReactions
|
|
65
|
+
}
|
|
66
|
+
})))) : /*#__PURE__*/React.createElement("li", {
|
|
50
67
|
onMouseDown: handleClick,
|
|
51
68
|
onClick: handleClick,
|
|
52
69
|
onKeyDown: fg('platform_suppression_removal_fix_reactions') ? handleClick : undefined,
|
|
@@ -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 = "33.8.24";
|
|
9
9
|
/**
|
|
10
10
|
* TODO: move to utility package?
|
|
11
11
|
* A random sampling function
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
|
|
2
|
+
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
+
._19itglyw{border:none}
|
|
2
4
|
._d1n8glyw ul{list-style:none}._102oidpf ul{margin-top:0}
|
|
3
5
|
._17d4idpf ul{margin-left:0}
|
|
4
6
|
._18m915vq{overflow-y:hidden}
|
|
7
|
+
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
8
|
+
._1bsb1osq{width:100%}
|
|
5
9
|
._1bto1l2s{text-overflow:ellipsis}
|
|
10
|
+
._1e0c1ule{display:block}
|
|
6
11
|
._1eg614y2 li{margin-top:5px}
|
|
7
12
|
._1hms8stv{text-decoration-line:underline}
|
|
8
13
|
._1hziidpf ul{padding-top:0}
|
|
@@ -17,13 +22,18 @@
|
|
|
17
22
|
._5qec1l2s li{text-overflow:ellipsis}
|
|
18
23
|
._80omtlke{cursor:pointer}
|
|
19
24
|
._ajmmnqa1{text-decoration-style:solid}
|
|
25
|
+
._bfhk1j28{background-color:transparent}
|
|
26
|
+
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
20
27
|
._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
|
|
21
28
|
._k7zyidpf ul{padding-left:0}
|
|
22
29
|
._ltofidpf ul{padding-bottom:0}
|
|
30
|
+
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
23
31
|
._o5721q9c{white-space:nowrap}
|
|
24
32
|
._otyr14y2{margin-bottom:5px}
|
|
25
33
|
._p12f1w81{max-width:150px}
|
|
26
34
|
._syaz1lqe{color:var(--_14nrcaz)}
|
|
27
35
|
._u0h115vq li{overflow-y:hidden}
|
|
36
|
+
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
37
|
+
._y3gn1e5h{text-align:left}
|
|
28
38
|
._30l31i9p:hover{color:var(--_ywovvi)}
|
|
29
39
|
._irr3pioe:hover{background-color:var(--_yr7xfv)}
|
|
@@ -15,6 +15,9 @@ var emojiNameStyle = null;
|
|
|
15
15
|
var footerStyle = null;
|
|
16
16
|
var underlineStyle = null;
|
|
17
17
|
|
|
18
|
+
// Resets native <button> chrome so it renders as inline text within the tooltip list.
|
|
19
|
+
var footerButtonStyle = null;
|
|
20
|
+
|
|
18
21
|
/**
|
|
19
22
|
* Test id for wrapper ReactionTooltip div
|
|
20
23
|
*/
|
|
@@ -49,7 +52,29 @@ export var ReactionTooltip = function ReactionTooltip(_ref) {
|
|
|
49
52
|
return /*#__PURE__*/React.createElement("li", {
|
|
50
53
|
key: user.id
|
|
51
54
|
}, user.displayName);
|
|
52
|
-
}), /*#__PURE__*/React.createElement("li", {
|
|
55
|
+
}), fg('platform_reactions_tooltip_a11y') ? users.length > maxReactions && (allowUserDialog && handleOpenReactionsDialog ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("button", {
|
|
56
|
+
type: "button",
|
|
57
|
+
onClick: handleClick,
|
|
58
|
+
className: ax(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", "_syaz1lqe", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr3pioe _30l31i9p"]),
|
|
59
|
+
style: {
|
|
60
|
+
"--_14nrcaz": ix("var(--ds-text-inverse, ".concat(N90, ")")),
|
|
61
|
+
"--_yr7xfv": ix("var(--ds-background-neutral-bold, ".concat(N800, ")")),
|
|
62
|
+
"--_ywovvi": ix("var(--ds-text-inverse, ".concat(N0, ")"))
|
|
63
|
+
}
|
|
64
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.otherUsers, {
|
|
65
|
+
values: {
|
|
66
|
+
count: users.length - maxReactions
|
|
67
|
+
}
|
|
68
|
+
})))) : /*#__PURE__*/React.createElement("li", {
|
|
69
|
+
className: ax(["_syaz1lqe"]),
|
|
70
|
+
style: {
|
|
71
|
+
"--_14nrcaz": ix("var(--ds-text-inverse, ".concat(N90, ")"))
|
|
72
|
+
}
|
|
73
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.otherUsers, {
|
|
74
|
+
values: {
|
|
75
|
+
count: users.length - maxReactions
|
|
76
|
+
}
|
|
77
|
+
})))) : /*#__PURE__*/React.createElement("li", {
|
|
53
78
|
onMouseDown: handleClick,
|
|
54
79
|
onClick: handleClick,
|
|
55
80
|
onKeyDown: fg('platform_suppression_removal_fix_reactions') ? handleClick : undefined,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/reactions",
|
|
3
|
-
"version": "33.8.
|
|
3
|
+
"version": "33.8.24",
|
|
4
4
|
"description": "Reactions component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -34,26 +34,26 @@
|
|
|
34
34
|
"@atlaskit/afm-i18n-platform-elements-reactions": "2.7.0",
|
|
35
35
|
"@atlaskit/analytics-gas-types": "^5.1.0",
|
|
36
36
|
"@atlaskit/analytics-namespaced-context": "^7.2.0",
|
|
37
|
-
"@atlaskit/analytics-next": "^11.
|
|
37
|
+
"@atlaskit/analytics-next": "^11.2.0",
|
|
38
38
|
"@atlaskit/avatar": "^25.10.0",
|
|
39
39
|
"@atlaskit/button": "^23.10.0",
|
|
40
40
|
"@atlaskit/css": "^0.19.0",
|
|
41
41
|
"@atlaskit/emoji": "^69.10.0",
|
|
42
42
|
"@atlaskit/heading": "^5.3.0",
|
|
43
|
-
"@atlaskit/icon": "^33.
|
|
43
|
+
"@atlaskit/icon": "^33.1.0",
|
|
44
44
|
"@atlaskit/link": "^3.3.0",
|
|
45
|
-
"@atlaskit/modal-dialog": "^14.
|
|
45
|
+
"@atlaskit/modal-dialog": "^14.12.0",
|
|
46
46
|
"@atlaskit/motion": "^5.4.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
48
48
|
"@atlaskit/popper": "^7.1.0",
|
|
49
|
-
"@atlaskit/popup": "^4.
|
|
49
|
+
"@atlaskit/popup": "^4.14.0",
|
|
50
50
|
"@atlaskit/portal": "^5.2.0",
|
|
51
|
-
"@atlaskit/primitives": "^18.
|
|
52
|
-
"@atlaskit/react-ufo": "^5.
|
|
51
|
+
"@atlaskit/primitives": "^18.1.0",
|
|
52
|
+
"@atlaskit/react-ufo": "^5.5.0",
|
|
53
53
|
"@atlaskit/spinner": "^19.0.0",
|
|
54
54
|
"@atlaskit/tabs": "^19.0.0",
|
|
55
55
|
"@atlaskit/theme": "^22.0.0",
|
|
56
|
-
"@atlaskit/tokens": "^11.
|
|
56
|
+
"@atlaskit/tokens": "^11.3.0",
|
|
57
57
|
"@atlaskit/tooltip": "^21.0.0",
|
|
58
58
|
"@atlaskit/ufo": "^0.4.0",
|
|
59
59
|
"@atlaskit/util-service-support": "^6.3.0",
|
|
@@ -128,6 +128,9 @@
|
|
|
128
128
|
},
|
|
129
129
|
"platform_suppression_removal_fix_reactions": {
|
|
130
130
|
"type": "boolean"
|
|
131
|
+
},
|
|
132
|
+
"platform_reactions_tooltip_a11y": {
|
|
133
|
+
"type": "boolean"
|
|
131
134
|
}
|
|
132
135
|
},
|
|
133
136
|
"sideEffects": [
|