@atlaskit/reactions 33.6.7 → 33.7.0

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.
Files changed (14) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/analytics/index.js +1 -1
  3. package/dist/cjs/components/ReactionPicker.compiled.css +0 -1
  4. package/dist/cjs/components/ReactionPicker.js +2 -3
  5. package/dist/cjs/components/Selector.js +12 -22
  6. package/dist/es2019/analytics/index.js +1 -1
  7. package/dist/es2019/components/ReactionPicker.compiled.css +0 -1
  8. package/dist/es2019/components/ReactionPicker.js +2 -3
  9. package/dist/es2019/components/Selector.js +2 -13
  10. package/dist/esm/analytics/index.js +1 -1
  11. package/dist/esm/components/ReactionPicker.compiled.css +0 -1
  12. package/dist/esm/components/ReactionPicker.js +2 -3
  13. package/dist/esm/components/Selector.js +12 -22
  14. package/package.json +1 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/reactions
2
2
 
3
+ ## 33.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`f97f92f96f95b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f97f92f96f95b) -
8
+ clean up platform-reactions-offset-based-popper
9
+
10
+ ## 33.6.8
11
+
12
+ ### Patch Changes
13
+
14
+ - [`8cad313b16d63`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8cad313b16d63) -
15
+ Clean up platform-reactions-selector-list-semantics FG
16
+
3
17
  ## 33.6.7
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/analytics/index.js 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; }
13
13
  var packageName = "@atlaskit/reactions";
14
- var packageVersion = "0.0.0-development";
14
+ var packageVersion = "33.6.8";
15
15
  /**
16
16
  * TODO: move to utility package?
17
17
  * A random sampling function
package/dist/cjs/components/ReactionPicker.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
 
2
2
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs1a23{box-shadow:var(--_3t1odq)}
3
- ._1bch1b66>div{margin-top:var(--ds-space-050,4px)}
4
3
  ._1e0c1txw{display:flex}
5
4
  ._1pra1o8l.miniMode{display:inline-block}
6
5
  ._79pa1b66>div{margin-bottom:var(--ds-space-050,4px)}
package/dist/cjs/components/ReactionPicker.js CHANGED
@@ -34,7 +34,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
34
34
  var pickerStyle = null;
35
35
  var popupWrapperStyle = null;
36
36
  var popupStyle = null;
37
- var popupStyleWithMarginTop = null;
38
37
  var additionalStyles = {
39
38
  selectorContainer: "_1e0c1txw"
40
39
  };
@@ -134,7 +133,7 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
134
133
  name: 'offset',
135
134
  enabled: true,
136
135
  options: {
137
- offset: [0, (0, _platformFeatureFlags.fg)('platform-reactions-offset-based-popper') ? 4 : 0]
136
+ offset: [0, 4]
138
137
  }
139
138
  }, {
140
139
  name: 'flip',
@@ -421,7 +420,7 @@ var PopperWrapper = exports.PopperWrapper = function PopperWrapper(props) {
421
420
  update: update,
422
421
  settings: settings
423
422
  }, /*#__PURE__*/_react.default.createElement("div", {
424
- className: (0, _runtime.ax)(["_2rkofajl _bfhk13b4 _16qs1a23 _79pa1b66", !(0, _platformFeatureFlags.fg)('platform-reactions-offset-based-popper') && "_1bch1b66"]),
423
+ className: (0, _runtime.ax)(["_2rkofajl _bfhk13b4 _16qs1a23 _79pa1b66"]),
425
424
  style: {
426
425
  "--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
427
426
  "--_3t1odq": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"))
package/dist/cjs/components/Selector.js CHANGED
@@ -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 RevealOld = function RevealOld(_ref) {
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(_ref3) {
60
- var emojiProvider = _ref3.emojiProvider,
61
- onMoreClick = _ref3.onMoreClick,
62
- onSelection = _ref3.onSelection,
63
- showMore = _ref3.showMore,
64
- _ref3$pickerQuickReac = _ref3.pickerQuickReactionEmojiIds,
65
- pickerQuickReactionEmojiIds = _ref3$pickerQuickReac === void 0 ? _constants.DefaultReactions : _ref3$pickerQuickReac,
66
- _ref3$hoverableReacti = _ref3.hoverableReactionPickerSelector,
67
- hoverableReactionPickerSelector = _ref3$hoverableReacti === void 0 ? false : _ref3$hoverableReacti;
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
- var RevealComponent = (0, _platformFeatureFlags.fg)('platform-reactions-selector-list-semantics') ? Reveal : RevealOld;
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: (0, _platformFeatureFlags.fg)('platform-reactions-selector-list-semantics') ? 'ul' : undefined
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, {
package/dist/es2019/analytics/index.js CHANGED
@@ -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 = "0.0.0-development";
4
+ const packageVersion = "33.6.8";
5
5
  /**
6
6
  * TODO: move to utility package?
7
7
  * A random sampling function
package/dist/es2019/components/ReactionPicker.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
 
2
2
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs1kf5{box-shadow:var(--ds-shadow-overlay,0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31))}
3
- ._1bch1b66>div{margin-top:var(--ds-space-050,4px)}
4
3
  ._1e0c1txw{display:flex}
5
4
  ._1pra1o8l.miniMode{display:inline-block}
6
5
  ._79pa1b66>div{margin-bottom:var(--ds-space-050,4px)}
package/dist/es2019/components/ReactionPicker.js CHANGED
@@ -21,7 +21,6 @@ import Portal from '@atlaskit/portal';
21
21
  const pickerStyle = null;
22
22
  const popupWrapperStyle = null;
23
23
  const popupStyle = null;
24
- const popupStyleWithMarginTop = null;
25
24
  const additionalStyles = {
26
25
  selectorContainer: "_1e0c1txw"
27
26
  };
@@ -95,7 +94,7 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
95
94
  name: 'offset',
96
95
  enabled: true,
97
96
  options: {
98
- offset: [0, fg('platform-reactions-offset-based-popper') ? 4 : 0]
97
+ offset: [0, 4]
99
98
  }
100
99
  }, {
101
100
  name: 'flip',
@@ -377,7 +376,7 @@ export const PopperWrapper = props => {
377
376
  update: update,
378
377
  settings: settings
379
378
  }, /*#__PURE__*/React.createElement("div", {
380
- className: ax(["_2rkofajl _bfhk1bhr _16qs1kf5 _79pa1b66", !fg('platform-reactions-offset-based-popper') && "_1bch1b66"])
379
+ className: ax(["_2rkofajl _bfhk1bhr _16qs1kf5 _79pa1b66"])
381
380
  }, children)));
382
381
  });
383
382
  };
package/dist/es2019/components/Selector.js CHANGED
@@ -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
- const RevealComponent = fg('platform-reactions-selector-list-semantics') ? Reveal : RevealOld;
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: fg('platform-reactions-selector-list-semantics') ? 'ul' : undefined
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, {
package/dist/esm/analytics/index.js CHANGED
@@ -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 = "0.0.0-development";
7
+ var packageVersion = "33.6.8";
8
8
  /**
9
9
  * TODO: move to utility package?
10
10
  * A random sampling function
package/dist/esm/components/ReactionPicker.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
 
2
2
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs1a23{box-shadow:var(--_3t1odq)}
3
- ._1bch1b66>div{margin-top:var(--ds-space-050,4px)}
4
3
  ._1e0c1txw{display:flex}
5
4
  ._1pra1o8l.miniMode{display:inline-block}
6
5
  ._79pa1b66>div{margin-bottom:var(--ds-space-050,4px)}
package/dist/esm/components/ReactionPicker.js CHANGED
@@ -25,7 +25,6 @@ import Portal from '@atlaskit/portal';
25
25
  var pickerStyle = null;
26
26
  var popupWrapperStyle = null;
27
27
  var popupStyle = null;
28
- var popupStyleWithMarginTop = null;
29
28
  var additionalStyles = {
30
29
  selectorContainer: "_1e0c1txw"
31
30
  };
@@ -125,7 +124,7 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
125
124
  name: 'offset',
126
125
  enabled: true,
127
126
  options: {
128
- offset: [0, fg('platform-reactions-offset-based-popper') ? 4 : 0]
127
+ offset: [0, 4]
129
128
  }
130
129
  }, {
131
130
  name: 'flip',
@@ -412,7 +411,7 @@ export var PopperWrapper = function PopperWrapper(props) {
412
411
  update: update,
413
412
  settings: settings
414
413
  }, /*#__PURE__*/React.createElement("div", {
415
- className: ax(["_2rkofajl _bfhk13b4 _16qs1a23 _79pa1b66", !fg('platform-reactions-offset-based-popper') && "_1bch1b66"]),
414
+ className: ax(["_2rkofajl _bfhk13b4 _16qs1a23 _79pa1b66"]),
416
415
  style: {
417
416
  "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")")),
418
417
  "--_3t1odq": ix("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"))
package/dist/esm/components/Selector.js CHANGED
@@ -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 RevealOld = function RevealOld(_ref) {
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(_ref3) {
51
- var emojiProvider = _ref3.emojiProvider,
52
- onMoreClick = _ref3.onMoreClick,
53
- onSelection = _ref3.onSelection,
54
- showMore = _ref3.showMore,
55
- _ref3$pickerQuickReac = _ref3.pickerQuickReactionEmojiIds,
56
- pickerQuickReactionEmojiIds = _ref3$pickerQuickReac === void 0 ? DefaultReactions : _ref3$pickerQuickReac,
57
- _ref3$hoverableReacti = _ref3.hoverableReactionPickerSelector,
58
- hoverableReactionPickerSelector = _ref3$hoverableReacti === void 0 ? false : _ref3$hoverableReacti;
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
- var RevealComponent = fg('platform-reactions-selector-list-semantics') ? Reveal : RevealOld;
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: fg('platform-reactions-selector-list-semantics') ? 'ul' : undefined
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.7",
3
+ "version": "33.7.0",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -118,9 +118,6 @@
118
118
  "platform-component-visual-refresh": {
119
119
  "type": "boolean"
120
120
  },
121
- "platform-reactions-offset-based-popper": {
122
- "type": "boolean"
123
- },
124
121
  "dst-a11y__replace-anchor-with-link__editor-collabo": {
125
122
  "type": "boolean"
126
123
  },
@@ -135,9 +132,6 @@
135
132
  },
136
133
  "platform_reactions_custom_popper_zindex": {
137
134
  "type": "boolean"
138
- },
139
- "platform-reactions-selector-list-semantics": {
140
- "type": "boolean"
141
135
  }
142
136
  },
143
137
  "sideEffects": [