@atlaskit/reactions 36.7.25 → 36.7.26

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 CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/reactions
2
2
 
3
+ ## 36.7.26
4
+
5
+ ### Patch Changes
6
+
7
+ - [`3d30d343fd579`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3d30d343fd579) -
8
+ Prevent host content-renderer list margins from shifting semantic reaction lists behind
9
+ jfp_a11y_team_comment_actions_semantic.
10
+ - Updated dependencies
11
+
3
12
  ## 36.7.25
4
13
 
5
14
  ### Patch Changes
@@ -11,7 +11,7 @@ var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-n
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 = "36.7.24";
14
+ var packageVersion = "36.7.25";
15
15
  /**
16
16
  * TODO: move to utility package?
17
17
  * A random sampling function
@@ -1,9 +1,11 @@
1
- ._qtt8glyw{list-style:none}._18u0idpf{margin-left:0}
1
+ ._qtt8glyw{list-style:none}._149midpf._149midpf{margin-left:0}
2
+ ._18u0idpf{margin-left:0}
2
3
  ._19bvidpf{padding-left:0}
3
4
  ._19pkidpf{margin-top:0}
4
5
  ._1e0c1o8l{display:inline-block}
5
6
  ._1e0c1txw{display:flex}
6
7
  ._1fohidpf >:first-of-type>:first-of-type{margin-inline-start:0}
8
+ ._1l6uidpf._1l6uidpf{margin-bottom:0}
7
9
  ._1n261g80{flex-wrap:wrap}
8
10
  ._1n261q9c{flex-wrap:nowrap}
9
11
  ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
@@ -14,5 +16,7 @@
14
16
  ._kqswh2mm{position:relative}
15
17
  ._kqswpfqs{position:static}
16
18
  ._n3tdidpf{padding-bottom:0}
19
+ ._o81cidpf._o81cidpf{margin-right:0}
17
20
  ._otyridpf{margin-bottom:0}
21
+ ._rcujidpf._rcujidpf{margin-top:0}
18
22
  ._u5f3idpf{padding-right:0}
@@ -34,6 +34,7 @@ var noFlexWrapStyles = null;
34
34
  var noContainerPositionStyles = null;
35
35
  var reactionPickerStyle = null;
36
36
  var listContainerStyles = null;
37
+ var listMarginResetStyles = null;
37
38
 
38
39
  /**
39
40
  * Set of all available UFO experiences relating to Reactions Dialog
@@ -365,7 +366,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
365
366
  "aria-label": intl.formatMessage(_i18n.messages.addedReaction),
366
367
  className: (0, _runtime.ax)([!shouldRenderReactionList && "_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", !shouldRenderReactionList && noWrap && "_1n261q9c"])
367
368
  }, shouldRenderReactionList ? /*#__PURE__*/_react.default.createElement("ul", {
368
- className: (0, _runtime.ax)(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", noWrap && "_1n261q9c"])
369
+ className: (0, _runtime.ax)(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf", noWrap && "_1n261q9c"])
369
370
  }, memorizedReactions.map(function (reaction) {
370
371
  return renderReactionItem(reaction, 'li');
371
372
  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, memorizedReactions.map(function (reaction) {
@@ -413,7 +414,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
413
414
  summaryButtonIconAfter: summaryButtonIconAfter,
414
415
  summaryViewParticleEffectEmojiId: renderParticleEffectOnSummaryView ? summaryViewParticleEffectEmojiId : null
415
416
  })) : reactions.length > 0 && (0, _fg.fg)('platform_reactions_a11y_group_added_reactions') ? renderReactionGroup() : (0, _fg.fg)('jfp_a11y_team_comment_actions_semantic') ? /*#__PURE__*/_react.default.createElement("ul", {
416
- className: (0, _runtime.ax)(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm"])
417
+ className: (0, _runtime.ax)(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf"])
417
418
  }, memorizedReactions.map(function (reaction) {
418
419
  return renderReactionItem(reaction, 'li');
419
420
  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, memorizedReactions.map(function (reaction) {
@@ -2,7 +2,7 @@ import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-t
2
2
  // eslint-disable-next-line @typescript-eslint/consistent-type-imports
3
3
  import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
4
4
  const packageName = "@atlaskit/reactions";
5
- const packageVersion = "36.7.24";
5
+ const packageVersion = "36.7.25";
6
6
  /**
7
7
  * TODO: move to utility package?
8
8
  * A random sampling function
@@ -1,9 +1,11 @@
1
- ._qtt8glyw{list-style:none}._18u0idpf{margin-left:0}
1
+ ._qtt8glyw{list-style:none}._149midpf._149midpf{margin-left:0}
2
+ ._18u0idpf{margin-left:0}
2
3
  ._19bvidpf{padding-left:0}
3
4
  ._19pkidpf{margin-top:0}
4
5
  ._1e0c1o8l{display:inline-block}
5
6
  ._1e0c1txw{display:flex}
6
7
  ._1fohidpf >:first-of-type>:first-of-type{margin-inline-start:0}
8
+ ._1l6uidpf._1l6uidpf{margin-bottom:0}
7
9
  ._1n261g80{flex-wrap:wrap}
8
10
  ._1n261q9c{flex-wrap:nowrap}
9
11
  ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
@@ -14,5 +16,7 @@
14
16
  ._kqswh2mm{position:relative}
15
17
  ._kqswpfqs{position:static}
16
18
  ._n3tdidpf{padding-bottom:0}
19
+ ._o81cidpf._o81cidpf{margin-right:0}
17
20
  ._otyridpf{margin-bottom:0}
21
+ ._rcujidpf._rcujidpf{margin-top:0}
18
22
  ._u5f3idpf{padding-right:0}
@@ -21,6 +21,7 @@ const noFlexWrapStyles = null;
21
21
  const noContainerPositionStyles = null;
22
22
  const reactionPickerStyle = null;
23
23
  const listContainerStyles = null;
24
+ const listMarginResetStyles = null;
24
25
 
25
26
  /**
26
27
  * Set of all available UFO experiences relating to Reactions Dialog
@@ -309,7 +310,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
309
310
  "aria-label": intl.formatMessage(messages.addedReaction),
310
311
  className: ax([!shouldRenderReactionList && "_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", !shouldRenderReactionList && noWrap && "_1n261q9c"])
311
312
  }, shouldRenderReactionList ? /*#__PURE__*/React.createElement("ul", {
312
- className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", noWrap && "_1n261q9c"])
313
+ className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf", noWrap && "_1n261q9c"])
313
314
  }, memorizedReactions.map(reaction => renderReactionItem(reaction, 'li'))) : /*#__PURE__*/React.createElement(React.Fragment, null, memorizedReactions.map(reaction => renderReactionItem(reaction))));
314
315
  };
315
316
  return /*#__PURE__*/React.createElement(UFOSegment, {
@@ -351,7 +352,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
351
352
  summaryButtonIconAfter: summaryButtonIconAfter,
352
353
  summaryViewParticleEffectEmojiId: renderParticleEffectOnSummaryView ? summaryViewParticleEffectEmojiId : null
353
354
  })) : reactions.length > 0 && fg('platform_reactions_a11y_group_added_reactions') ? renderReactionGroup() : fg('jfp_a11y_team_comment_actions_semantic') ? /*#__PURE__*/React.createElement("ul", {
354
- className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm"])
355
+ className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf"])
355
356
  }, memorizedReactions.map(reaction => renderReactionItem(reaction, 'li'))) : /*#__PURE__*/React.createElement(React.Fragment, null, memorizedReactions.map(reaction => renderReactionItem(reaction)))), shouldShowPicker && /*#__PURE__*/React.createElement(ReactionPicker, {
356
357
  contentId: contentId,
357
358
  emojiProvider: emojiProvider,
@@ -5,7 +5,7 @@ import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-t
5
5
  // eslint-disable-next-line @typescript-eslint/consistent-type-imports
6
6
  import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
7
7
  var packageName = "@atlaskit/reactions";
8
- var packageVersion = "36.7.24";
8
+ var packageVersion = "36.7.25";
9
9
  /**
10
10
  * TODO: move to utility package?
11
11
  * A random sampling function
@@ -1,9 +1,11 @@
1
- ._qtt8glyw{list-style:none}._18u0idpf{margin-left:0}
1
+ ._qtt8glyw{list-style:none}._149midpf._149midpf{margin-left:0}
2
+ ._18u0idpf{margin-left:0}
2
3
  ._19bvidpf{padding-left:0}
3
4
  ._19pkidpf{margin-top:0}
4
5
  ._1e0c1o8l{display:inline-block}
5
6
  ._1e0c1txw{display:flex}
6
7
  ._1fohidpf >:first-of-type>:first-of-type{margin-inline-start:0}
8
+ ._1l6uidpf._1l6uidpf{margin-bottom:0}
7
9
  ._1n261g80{flex-wrap:wrap}
8
10
  ._1n261q9c{flex-wrap:nowrap}
9
11
  ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
@@ -14,5 +16,7 @@
14
16
  ._kqswh2mm{position:relative}
15
17
  ._kqswpfqs{position:static}
16
18
  ._n3tdidpf{padding-bottom:0}
19
+ ._o81cidpf._o81cidpf{margin-right:0}
17
20
  ._otyridpf{margin-bottom:0}
21
+ ._rcujidpf._rcujidpf{margin-top:0}
18
22
  ._u5f3idpf{padding-right:0}
@@ -23,6 +23,7 @@ var noFlexWrapStyles = null;
23
23
  var noContainerPositionStyles = null;
24
24
  var reactionPickerStyle = null;
25
25
  var listContainerStyles = null;
26
+ var listMarginResetStyles = null;
26
27
 
27
28
  /**
28
29
  * Set of all available UFO experiences relating to Reactions Dialog
@@ -354,7 +355,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
354
355
  "aria-label": intl.formatMessage(messages.addedReaction),
355
356
  className: ax([!shouldRenderReactionList && "_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", !shouldRenderReactionList && noWrap && "_1n261q9c"])
356
357
  }, shouldRenderReactionList ? /*#__PURE__*/React.createElement("ul", {
357
- className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", noWrap && "_1n261q9c"])
358
+ className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf", noWrap && "_1n261q9c"])
358
359
  }, memorizedReactions.map(function (reaction) {
359
360
  return renderReactionItem(reaction, 'li');
360
361
  })) : /*#__PURE__*/React.createElement(React.Fragment, null, memorizedReactions.map(function (reaction) {
@@ -402,7 +403,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
402
403
  summaryButtonIconAfter: summaryButtonIconAfter,
403
404
  summaryViewParticleEffectEmojiId: renderParticleEffectOnSummaryView ? summaryViewParticleEffectEmojiId : null
404
405
  })) : reactions.length > 0 && fg('platform_reactions_a11y_group_added_reactions') ? renderReactionGroup() : fg('jfp_a11y_team_comment_actions_semantic') ? /*#__PURE__*/React.createElement("ul", {
405
- className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm"])
406
+ className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm", "_rcujidpf _o81cidpf _1l6uidpf _149midpf"])
406
407
  }, memorizedReactions.map(function (reaction) {
407
408
  return renderReactionItem(reaction, 'li');
408
409
  })) : /*#__PURE__*/React.createElement(React.Fragment, null, memorizedReactions.map(function (reaction) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "36.7.25",
3
+ "version": "36.7.26",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
38
38
  "@atlaskit/analytics-namespaced-context": "^8.2.0",
39
39
  "@atlaskit/analytics-next": "^12.6.0",
40
40
  "@atlaskit/avatar": "^30.0.0",
41
- "@atlaskit/button": "^25.4.0",
41
+ "@atlaskit/button": "^25.5.0",
42
42
  "@atlaskit/css": "^1.1.0",
43
43
  "@atlaskit/emoji": "^73.0.0",
44
44
  "@atlaskit/feature-gate-js-client": "^7.0.0",