@atlaskit/reactions 33.6.6 → 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.
Files changed (11) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/analytics/index.js +1 -1
  3. package/dist/cjs/components/ReactionPicker.js +5 -7
  4. package/dist/cjs/components/Selector.js +12 -22
  5. package/dist/es2019/analytics/index.js +1 -1
  6. package/dist/es2019/components/ReactionPicker.js +3 -5
  7. package/dist/es2019/components/Selector.js +2 -13
  8. package/dist/esm/analytics/index.js +1 -1
  9. package/dist/esm/components/ReactionPicker.js +5 -7
  10. package/dist/esm/components/Selector.js +12 -22
  11. package/package.json +4 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
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
+
10
+ ## 33.6.7
11
+
12
+ ### Patch Changes
13
+
14
+ - [`bdec29dd5a417`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bdec29dd5a417) -
15
+ Clean up platform_emoji_picker_focus_on_button FG
16
+ - Updated dependencies
17
+
3
18
  ## 33.6.6
4
19
 
5
20
  ### 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.7";
15
15
  /**
16
16
  * TODO: move to utility package?
17
17
  * A random sampling function
package/dist/cjs/components/ReactionPicker.js CHANGED
@@ -209,13 +209,11 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
209
209
  }
210
210
  onSelection(item.id, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? 'emojiPicker' : 'quickSelector');
211
211
  close(item.id);
212
- if ((0, _platformFeatureFlags.fg)('platform_emoji_picker_focus_on_button')) {
213
- // After selecting an emoji, we would like focus to be returned to the trigger button
214
- // This is for the purposes of navigation for keyboard users
215
- requestAnimationFrame(function () {
216
- return triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.focus();
217
- });
218
- }
212
+ // After selecting an emoji, we would like focus to be returned to the trigger button
213
+ // This is for the purposes of navigation for keyboard users
214
+ requestAnimationFrame(function () {
215
+ return triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.focus();
216
+ });
219
217
  }, [close, onSelection, settings.showFullPicker, hoverableReactionPicker, isHoverableReactionPickerEmojiPickerOpen, triggerRef]);
220
218
 
221
219
  /**
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.7";
5
5
  /**
6
6
  * TODO: move to utility package?
7
7
  * A random sampling function
package/dist/es2019/components/ReactionPicker.js CHANGED
@@ -167,11 +167,9 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
167
167
  }
168
168
  onSelection(item.id, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? 'emojiPicker' : 'quickSelector');
169
169
  close(item.id);
170
- if (fg('platform_emoji_picker_focus_on_button')) {
171
- // After selecting an emoji, we would like focus to be returned to the trigger button
172
- // This is for the purposes of navigation for keyboard users
173
- requestAnimationFrame(() => triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.focus());
174
- }
170
+ // After selecting an emoji, we would like focus to be returned to the trigger button
171
+ // This is for the purposes of navigation for keyboard users
172
+ requestAnimationFrame(() => triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.focus());
175
173
  }, [close, onSelection, settings.showFullPicker, hoverableReactionPicker, isHoverableReactionPickerEmojiPickerOpen, triggerRef]);
176
174
 
177
175
  /**
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.7";
8
8
  /**
9
9
  * TODO: move to utility package?
10
10
  * A random sampling function
package/dist/esm/components/ReactionPicker.js CHANGED
@@ -200,13 +200,11 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
200
200
  }
201
201
  onSelection(item.id, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? 'emojiPicker' : 'quickSelector');
202
202
  close(item.id);
203
- if (fg('platform_emoji_picker_focus_on_button')) {
204
- // After selecting an emoji, we would like focus to be returned to the trigger button
205
- // This is for the purposes of navigation for keyboard users
206
- requestAnimationFrame(function () {
207
- return triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.focus();
208
- });
209
- }
203
+ // After selecting an emoji, we would like focus to be returned to the trigger button
204
+ // This is for the purposes of navigation for keyboard users
205
+ requestAnimationFrame(function () {
206
+ return triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.focus();
207
+ });
210
208
  }, [close, onSelection, settings.showFullPicker, hoverableReactionPicker, isHoverableReactionPickerEmojiPickerOpen, triggerRef]);
211
209
 
212
210
  /**
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.6",
3
+ "version": "33.6.8",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
37
37
  "@atlaskit/analytics-next": "^11.1.0",
38
38
  "@atlaskit/avatar": "^25.5.0",
39
39
  "@atlaskit/button": "^23.6.0",
40
- "@atlaskit/css": "^0.16.0",
40
+ "@atlaskit/css": "^0.17.0",
41
41
  "@atlaskit/emoji": "^69.8.0",
42
42
  "@atlaskit/heading": "^5.2.0",
43
43
  "@atlaskit/icon": "^29.0.0",
@@ -49,12 +49,12 @@
49
49
  "@atlaskit/popper": "^7.1.0",
50
50
  "@atlaskit/popup": "^4.6.0",
51
51
  "@atlaskit/portal": "^5.1.0",
52
- "@atlaskit/primitives": "^16.2.0",
52
+ "@atlaskit/primitives": "^16.3.0",
53
53
  "@atlaskit/react-ufo": "^4.15.0",
54
54
  "@atlaskit/spinner": "^19.0.0",
55
55
  "@atlaskit/tabs": "^18.2.0",
56
56
  "@atlaskit/theme": "^21.0.0",
57
- "@atlaskit/tokens": "^8.1.0",
57
+ "@atlaskit/tokens": "^8.3.0",
58
58
  "@atlaskit/tooltip": "^20.10.0",
59
59
  "@atlaskit/ufo": "^0.4.0",
60
60
  "@atlaskit/util-service-support": "^6.3.0",
@@ -115,9 +115,6 @@
115
115
  "start:edge": "cd ../../ && PROXY_TARGET_ENV=edge yarn start:webpack reactions --proxy ./packages/elements/reactions/proxy.ts"
116
116
  },
117
117
  "platform-feature-flags": {
118
- "platform_emoji_picker_focus_on_button": {
119
- "type": "boolean"
120
- },
121
118
  "platform-component-visual-refresh": {
122
119
  "type": "boolean"
123
120
  },
@@ -138,9 +135,6 @@
138
135
  },
139
136
  "platform_reactions_custom_popper_zindex": {
140
137
  "type": "boolean"
141
- },
142
- "platform-reactions-selector-list-semantics": {
143
- "type": "boolean"
144
138
  }
145
139
  },
146
140
  "sideEffects": [