@atlaskit/reactions 33.6.7 → 33.6.8
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 +7 -0
- package/dist/cjs/analytics/index.js +1 -1
- package/dist/cjs/components/Selector.js +12 -22
- package/dist/es2019/analytics/index.js +1 -1
- package/dist/es2019/components/Selector.js +2 -13
- package/dist/esm/analytics/index.js +1 -1
- package/dist/esm/components/Selector.js +12 -22
- package/package.json +1 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# @atlaskit/reactions
|
|
2
2
|
|
|
3
|
+
## 33.6.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`8cad313b16d63`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8cad313b16d63) -
|
|
8
|
+
Clean up platform-reactions-selector-list-semantics FG
|
|
9
|
+
|
|
3
10
|
## 33.6.7
|
|
4
11
|
|
|
5
12
|
### 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; }
|
|
13
13
|
var packageName = "@atlaskit/reactions";
|
|
14
|
-
var packageVersion = "
|
|
14
|
+
var packageVersion = "33.6.7";
|
|
15
15
|
/**
|
|
16
16
|
* TODO: move to utility package?
|
|
17
17
|
* A random sampling function
|
|
@@ -11,7 +11,6 @@ require("./Selector.compiled.css");
|
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var React = _react;
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
14
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
16
15
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
17
16
|
var _i18n = require("../shared/i18n");
|
|
@@ -33,17 +32,9 @@ var revealStyle = null;
|
|
|
33
32
|
* Test id for wrapper Selector div
|
|
34
33
|
*/
|
|
35
34
|
var RENDER_SELECTOR_TESTID = exports.RENDER_SELECTOR_TESTID = 'render-selector';
|
|
36
|
-
var
|
|
35
|
+
var Reveal = function Reveal(_ref) {
|
|
37
36
|
var children = _ref.children,
|
|
38
37
|
testId = _ref.testId;
|
|
39
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
40
|
-
"data-testid": testId,
|
|
41
|
-
className: (0, _runtime.ax)(["_j7hqordv _5sag6ebc _1pgl1ytf _1o51q7pw _tzy4idpf"])
|
|
42
|
-
}, children);
|
|
43
|
-
};
|
|
44
|
-
var Reveal = function Reveal(_ref2) {
|
|
45
|
-
var children = _ref2.children,
|
|
46
|
-
testId = _ref2.testId;
|
|
47
38
|
return /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
48
39
|
as: "li",
|
|
49
40
|
xcss: styles.emojiContainer
|
|
@@ -56,15 +47,15 @@ var Reveal = function Reveal(_ref2) {
|
|
|
56
47
|
/**
|
|
57
48
|
* Reactions picker panel part of the <ReactionPicker /> component
|
|
58
49
|
*/
|
|
59
|
-
var Selector = exports.Selector = function Selector(
|
|
60
|
-
var emojiProvider =
|
|
61
|
-
onMoreClick =
|
|
62
|
-
onSelection =
|
|
63
|
-
showMore =
|
|
64
|
-
|
|
65
|
-
pickerQuickReactionEmojiIds =
|
|
66
|
-
|
|
67
|
-
hoverableReactionPickerSelector =
|
|
50
|
+
var Selector = exports.Selector = function Selector(_ref2) {
|
|
51
|
+
var emojiProvider = _ref2.emojiProvider,
|
|
52
|
+
onMoreClick = _ref2.onMoreClick,
|
|
53
|
+
onSelection = _ref2.onSelection,
|
|
54
|
+
showMore = _ref2.showMore,
|
|
55
|
+
_ref2$pickerQuickReac = _ref2.pickerQuickReactionEmojiIds,
|
|
56
|
+
pickerQuickReactionEmojiIds = _ref2$pickerQuickReac === void 0 ? _constants.DefaultReactions : _ref2$pickerQuickReac,
|
|
57
|
+
_ref2$hoverableReacti = _ref2.hoverableReactionPickerSelector,
|
|
58
|
+
hoverableReactionPickerSelector = _ref2$hoverableReacti === void 0 ? false : _ref2$hoverableReacti;
|
|
68
59
|
/**
|
|
69
60
|
* Render the default emoji icon
|
|
70
61
|
* @param emoji emoji item
|
|
@@ -80,8 +71,7 @@ var Selector = exports.Selector = function Selector(_ref3) {
|
|
|
80
71
|
onClick: onSelection,
|
|
81
72
|
hoverableReactionPickerSelectorEmoji: hoverableReactionPickerSelector
|
|
82
73
|
}));
|
|
83
|
-
|
|
84
|
-
return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(RevealComponent, {
|
|
74
|
+
return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(Reveal, {
|
|
85
75
|
key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
|
|
86
76
|
testId: RENDER_SELECTOR_TESTID
|
|
87
77
|
}, emojiButtonAndTooltip);
|
|
@@ -103,7 +93,7 @@ var Selector = exports.Selector = function Selector(_ref3) {
|
|
|
103
93
|
return /*#__PURE__*/React.createElement(_compiled.Inline, {
|
|
104
94
|
alignBlock: "center",
|
|
105
95
|
xcss: styles.container,
|
|
106
|
-
as:
|
|
96
|
+
as: "ul"
|
|
107
97
|
}, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
108
98
|
xcss: styles.separator
|
|
109
99
|
}), /*#__PURE__*/React.createElement(Reveal, null, /*#__PURE__*/React.createElement(_ShowMore.ShowMore, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createAndFireEvent } from '@atlaskit/analytics-next';
|
|
2
2
|
import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
|
|
3
3
|
const packageName = "@atlaskit/reactions";
|
|
4
|
-
const packageVersion = "
|
|
4
|
+
const packageVersion = "33.6.7";
|
|
5
5
|
/**
|
|
6
6
|
* TODO: move to utility package?
|
|
7
7
|
* A random sampling function
|
|
@@ -3,7 +3,6 @@ import "./Selector.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { Fragment } from 'react';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import { Box, Inline } from '@atlaskit/primitives/compiled';
|
|
8
7
|
import Tooltip from '@atlaskit/tooltip';
|
|
9
8
|
import { messages } from '../shared/i18n';
|
|
@@ -24,15 +23,6 @@ const revealStyle = null;
|
|
|
24
23
|
* Test id for wrapper Selector div
|
|
25
24
|
*/
|
|
26
25
|
export const RENDER_SELECTOR_TESTID = 'render-selector';
|
|
27
|
-
const RevealOld = ({
|
|
28
|
-
children,
|
|
29
|
-
testId
|
|
30
|
-
}) => {
|
|
31
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
32
|
-
"data-testid": testId,
|
|
33
|
-
className: ax(["_j7hqordv _5sag6ebc _1pgl1ytf _1o51q7pw _tzy4idpf"])
|
|
34
|
-
}, children);
|
|
35
|
-
};
|
|
36
26
|
const Reveal = ({
|
|
37
27
|
children,
|
|
38
28
|
testId
|
|
@@ -72,8 +62,7 @@ export const Selector = ({
|
|
|
72
62
|
onClick: onSelection,
|
|
73
63
|
hoverableReactionPickerSelectorEmoji: hoverableReactionPickerSelector
|
|
74
64
|
}));
|
|
75
|
-
|
|
76
|
-
return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(RevealComponent, {
|
|
65
|
+
return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(Reveal, {
|
|
77
66
|
key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
|
|
78
67
|
testId: RENDER_SELECTOR_TESTID
|
|
79
68
|
}, emojiButtonAndTooltip);
|
|
@@ -95,7 +84,7 @@ export const Selector = ({
|
|
|
95
84
|
return /*#__PURE__*/React.createElement(Inline, {
|
|
96
85
|
alignBlock: "center",
|
|
97
86
|
xcss: styles.container,
|
|
98
|
-
as:
|
|
87
|
+
as: "ul"
|
|
99
88
|
}, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
|
|
100
89
|
xcss: styles.separator
|
|
101
90
|
}), /*#__PURE__*/React.createElement(Reveal, null, /*#__PURE__*/React.createElement(ShowMore, {
|
|
@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
4
4
|
import { createAndFireEvent } from '@atlaskit/analytics-next';
|
|
5
5
|
import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
|
|
6
6
|
var packageName = "@atlaskit/reactions";
|
|
7
|
-
var packageVersion = "
|
|
7
|
+
var packageVersion = "33.6.7";
|
|
8
8
|
/**
|
|
9
9
|
* TODO: move to utility package?
|
|
10
10
|
* A random sampling function
|
|
@@ -3,7 +3,6 @@ import "./Selector.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { Fragment } from 'react';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import { Box, Inline } from '@atlaskit/primitives/compiled';
|
|
8
7
|
import Tooltip from '@atlaskit/tooltip';
|
|
9
8
|
import { messages } from '../shared/i18n';
|
|
@@ -24,17 +23,9 @@ var revealStyle = null;
|
|
|
24
23
|
* Test id for wrapper Selector div
|
|
25
24
|
*/
|
|
26
25
|
export var RENDER_SELECTOR_TESTID = 'render-selector';
|
|
27
|
-
var
|
|
26
|
+
var Reveal = function Reveal(_ref) {
|
|
28
27
|
var children = _ref.children,
|
|
29
28
|
testId = _ref.testId;
|
|
30
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
31
|
-
"data-testid": testId,
|
|
32
|
-
className: ax(["_j7hqordv _5sag6ebc _1pgl1ytf _1o51q7pw _tzy4idpf"])
|
|
33
|
-
}, children);
|
|
34
|
-
};
|
|
35
|
-
var Reveal = function Reveal(_ref2) {
|
|
36
|
-
var children = _ref2.children,
|
|
37
|
-
testId = _ref2.testId;
|
|
38
29
|
return /*#__PURE__*/React.createElement(Box, {
|
|
39
30
|
as: "li",
|
|
40
31
|
xcss: styles.emojiContainer
|
|
@@ -47,15 +38,15 @@ var Reveal = function Reveal(_ref2) {
|
|
|
47
38
|
/**
|
|
48
39
|
* Reactions picker panel part of the <ReactionPicker /> component
|
|
49
40
|
*/
|
|
50
|
-
export var Selector = function Selector(
|
|
51
|
-
var emojiProvider =
|
|
52
|
-
onMoreClick =
|
|
53
|
-
onSelection =
|
|
54
|
-
showMore =
|
|
55
|
-
|
|
56
|
-
pickerQuickReactionEmojiIds =
|
|
57
|
-
|
|
58
|
-
hoverableReactionPickerSelector =
|
|
41
|
+
export var Selector = function Selector(_ref2) {
|
|
42
|
+
var emojiProvider = _ref2.emojiProvider,
|
|
43
|
+
onMoreClick = _ref2.onMoreClick,
|
|
44
|
+
onSelection = _ref2.onSelection,
|
|
45
|
+
showMore = _ref2.showMore,
|
|
46
|
+
_ref2$pickerQuickReac = _ref2.pickerQuickReactionEmojiIds,
|
|
47
|
+
pickerQuickReactionEmojiIds = _ref2$pickerQuickReac === void 0 ? DefaultReactions : _ref2$pickerQuickReac,
|
|
48
|
+
_ref2$hoverableReacti = _ref2.hoverableReactionPickerSelector,
|
|
49
|
+
hoverableReactionPickerSelector = _ref2$hoverableReacti === void 0 ? false : _ref2$hoverableReacti;
|
|
59
50
|
/**
|
|
60
51
|
* Render the default emoji icon
|
|
61
52
|
* @param emoji emoji item
|
|
@@ -71,8 +62,7 @@ export var Selector = function Selector(_ref3) {
|
|
|
71
62
|
onClick: onSelection,
|
|
72
63
|
hoverableReactionPickerSelectorEmoji: hoverableReactionPickerSelector
|
|
73
64
|
}));
|
|
74
|
-
|
|
75
|
-
return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(RevealComponent, {
|
|
65
|
+
return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(Reveal, {
|
|
76
66
|
key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
|
|
77
67
|
testId: RENDER_SELECTOR_TESTID
|
|
78
68
|
}, emojiButtonAndTooltip);
|
|
@@ -94,7 +84,7 @@ export var Selector = function Selector(_ref3) {
|
|
|
94
84
|
return /*#__PURE__*/React.createElement(Inline, {
|
|
95
85
|
alignBlock: "center",
|
|
96
86
|
xcss: styles.container,
|
|
97
|
-
as:
|
|
87
|
+
as: "ul"
|
|
98
88
|
}, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
|
|
99
89
|
xcss: styles.separator
|
|
100
90
|
}), /*#__PURE__*/React.createElement(Reveal, null, /*#__PURE__*/React.createElement(ShowMore, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/reactions",
|
|
3
|
-
"version": "33.6.
|
|
3
|
+
"version": "33.6.8",
|
|
4
4
|
"description": "Reactions component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -135,9 +135,6 @@
|
|
|
135
135
|
},
|
|
136
136
|
"platform_reactions_custom_popper_zindex": {
|
|
137
137
|
"type": "boolean"
|
|
138
|
-
},
|
|
139
|
-
"platform-reactions-selector-list-semantics": {
|
|
140
|
-
"type": "boolean"
|
|
141
138
|
}
|
|
142
139
|
},
|
|
143
140
|
"sideEffects": [
|