@atlaskit/reactions 34.0.4 → 34.0.6

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,18 @@
1
1
  # @atlaskit/reactions
2
2
 
3
+ ## 34.0.6
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 34.0.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [`be08cb30f2af2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be08cb30f2af2) -
14
+ Fix reactions list view more link in wrong colour
15
+
3
16
  ## 34.0.4
4
17
 
5
18
  ### 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; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
13
13
  var packageName = "@atlaskit/reactions";
14
- var packageVersion = "34.0.3";
14
+ var packageVersion = "34.0.5";
15
15
  /**
16
16
  * TODO: move to utility package?
17
17
  * A random sampling function
@@ -23,6 +23,7 @@ var underlineStyle = null;
23
23
 
24
24
  // Resets native <button> chrome so it renders as inline text within the tooltip list.
25
25
  var footerButtonStyle = null;
26
+ var footerButtonColorStyle = null;
26
27
 
27
28
  /**
28
29
  * Test id for wrapper ReactionTooltip div
@@ -63,7 +64,7 @@ var ReactionTooltip = exports.ReactionTooltip = function ReactionTooltip(_ref) {
63
64
  onMouseDown: function onMouseDown(e) {
64
65
  return e.preventDefault();
65
66
  },
66
- className: (0, _runtime.ax)(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
67
+ className: (0, _runtime.ax)(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", (0, _platformFeatureFlags.fg)('platform_reactions_view_more_styling_fix') && "_syaz15cr", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
67
68
  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
68
69
  values: {
69
70
  count: users.length - maxReactions
@@ -9,7 +9,7 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
9
9
  addReaction: {
10
10
  id: 'fabric.reactions.add',
11
11
  defaultMessage: 'Add reaction',
12
- description: 'Message for add reaction button'
12
+ description: 'Label for the add reaction button that opens the emoji picker for users to choose a reaction.'
13
13
  },
14
14
  addNewReaction: {
15
15
  id: 'fabric.reactions.add.new',
@@ -29,12 +29,12 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
29
29
  reactWithEmoji: {
30
30
  id: 'fabric.reactions.reactwithemoji',
31
31
  defaultMessage: 'React with {emoji} emoji',
32
- description: 'Aria label on reaction button'
32
+ description: 'Accessible aria-label for a reaction button. The placeholder {emoji} will be substituted with the emoji character name (e.g. thumbs up).'
33
33
  },
34
34
  reactWithEmojiAndCount: {
35
35
  id: 'fabric.reactions.reactwithemojiandcount',
36
36
  defaultMessage: '{count, plural, one {# {emoji} emoji} other {# {emoji} emojis}}. React with {emoji} emoji',
37
- description: 'Aria label on reaction button'
37
+ description: 'Accessible aria-label for a reaction button showing the current count. The placeholder {emoji} is the emoji name, and {count} is the number of reactions and controls the plural form.'
38
38
  },
39
39
  summary: {
40
40
  id: 'fabric.reactions.summary',
@@ -44,7 +44,7 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
44
44
  unexpectedError: {
45
45
  id: 'fabric.reactions.error.unexpected',
46
46
  defaultMessage: 'Reactions are temporarily unavailable',
47
- description: 'Unexpected error message'
47
+ description: 'Error message shown in the reactions component when reactions fail to load or an unexpected error occurs.'
48
48
  },
49
49
  otherUsers: {
50
50
  id: 'fabric.reactions.other.reacted.users',
@@ -54,7 +54,7 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
54
54
  closeReactionsDialog: {
55
55
  id: 'reactions.dialog.close',
56
56
  defaultMessage: 'Close',
57
- description: 'Close Reactions Dialog'
57
+ description: 'Accessible label for the close button in the reactions detail dialog that dismisses it.'
58
58
  },
59
59
  reactionsCount: {
60
60
  id: 'reactions.dialog.reactions.count',
@@ -64,18 +64,18 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
64
64
  leftNavigateLabel: {
65
65
  id: 'reactions.dialog.left.navigate',
66
66
  defaultMessage: 'Left Navigate',
67
- description: 'Navigation Link to navigate to left'
67
+ description: 'Accessible label for the left navigation button in the reactions dialog that moves to the previous emoji tab.'
68
68
  },
69
69
  rightNavigateLabel: {
70
70
  id: 'reactions.dialog.right.navigate',
71
71
  defaultMessage: 'Right Navigate',
72
- description: 'Navigation Link to navigate to right'
72
+ description: 'Accessible label for the right navigation button in the reactions dialog that moves to the next emoji tab.'
73
73
  },
74
74
  emojiName: {
75
75
  id: 'reactions.dialog.emoji.name',
76
76
  // eslint-disable-next-line @atlassian/i18n/no-useless-message
77
77
  defaultMessage: '{emojiName}',
78
- description: 'Description of the emoji'
78
+ description: 'Text shown as the emoji name tab label in the reactions dialog. The placeholder {emojiName} will be substituted with the emoji name (e.g. thumbs up).'
79
79
  },
80
80
  seeWhoReacted: {
81
81
  id: 'reactions.dialog.viewall',
@@ -85,11 +85,11 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
85
85
  seeWhoReactedTooltip: {
86
86
  id: 'reactions.dialog.viewall.tooltip',
87
87
  defaultMessage: 'View all user reactions',
88
- description: 'Tooltip content of see who reacted link'
88
+ description: 'Tooltip text shown when hovering over the link that opens the reactions detail dialog listing all users who reacted.'
89
89
  },
90
90
  popperWrapperLabel: {
91
91
  id: 'reactions-reaction.picker-label',
92
92
  defaultMessage: 'Add reactions',
93
- description: 'A label to the reaction picker group'
93
+ description: 'Accessible aria-label for the reaction picker group container, used by screen readers to identify the group of reaction controls.'
94
94
  }
95
95
  });
@@ -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 = "34.0.3";
5
+ const packageVersion = "34.0.5";
6
6
  /**
7
7
  * TODO: move to utility package?
8
8
  * A random sampling function
@@ -16,6 +16,7 @@ const underlineStyle = null;
16
16
 
17
17
  // Resets native <button> chrome so it renders as inline text within the tooltip list.
18
18
  const footerButtonStyle = null;
19
+ const footerButtonColorStyle = null;
19
20
 
20
21
  /**
21
22
  * Test id for wrapper ReactionTooltip div
@@ -54,7 +55,7 @@ export const ReactionTooltip = ({
54
55
  type: "button",
55
56
  onClick: handleClick,
56
57
  onMouseDown: e => e.preventDefault(),
57
- className: ax(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
58
+ className: ax(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", fg('platform_reactions_view_more_styling_fix') && "_syaz15cr", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
58
59
  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.otherUsers, {
59
60
  values: {
60
61
  count: users.length - maxReactions
@@ -3,7 +3,7 @@ export const messages = defineMessages({
3
3
  addReaction: {
4
4
  id: 'fabric.reactions.add',
5
5
  defaultMessage: 'Add reaction',
6
- description: 'Message for add reaction button'
6
+ description: 'Label for the add reaction button that opens the emoji picker for users to choose a reaction.'
7
7
  },
8
8
  addNewReaction: {
9
9
  id: 'fabric.reactions.add.new',
@@ -23,12 +23,12 @@ export const messages = defineMessages({
23
23
  reactWithEmoji: {
24
24
  id: 'fabric.reactions.reactwithemoji',
25
25
  defaultMessage: 'React with {emoji} emoji',
26
- description: 'Aria label on reaction button'
26
+ description: 'Accessible aria-label for a reaction button. The placeholder {emoji} will be substituted with the emoji character name (e.g. thumbs up).'
27
27
  },
28
28
  reactWithEmojiAndCount: {
29
29
  id: 'fabric.reactions.reactwithemojiandcount',
30
30
  defaultMessage: '{count, plural, one {# {emoji} emoji} other {# {emoji} emojis}}. React with {emoji} emoji',
31
- description: 'Aria label on reaction button'
31
+ description: 'Accessible aria-label for a reaction button showing the current count. The placeholder {emoji} is the emoji name, and {count} is the number of reactions and controls the plural form.'
32
32
  },
33
33
  summary: {
34
34
  id: 'fabric.reactions.summary',
@@ -38,7 +38,7 @@ export const messages = defineMessages({
38
38
  unexpectedError: {
39
39
  id: 'fabric.reactions.error.unexpected',
40
40
  defaultMessage: 'Reactions are temporarily unavailable',
41
- description: 'Unexpected error message'
41
+ description: 'Error message shown in the reactions component when reactions fail to load or an unexpected error occurs.'
42
42
  },
43
43
  otherUsers: {
44
44
  id: 'fabric.reactions.other.reacted.users',
@@ -48,7 +48,7 @@ export const messages = defineMessages({
48
48
  closeReactionsDialog: {
49
49
  id: 'reactions.dialog.close',
50
50
  defaultMessage: 'Close',
51
- description: 'Close Reactions Dialog'
51
+ description: 'Accessible label for the close button in the reactions detail dialog that dismisses it.'
52
52
  },
53
53
  reactionsCount: {
54
54
  id: 'reactions.dialog.reactions.count',
@@ -61,18 +61,18 @@ export const messages = defineMessages({
61
61
  leftNavigateLabel: {
62
62
  id: 'reactions.dialog.left.navigate',
63
63
  defaultMessage: 'Left Navigate',
64
- description: 'Navigation Link to navigate to left'
64
+ description: 'Accessible label for the left navigation button in the reactions dialog that moves to the previous emoji tab.'
65
65
  },
66
66
  rightNavigateLabel: {
67
67
  id: 'reactions.dialog.right.navigate',
68
68
  defaultMessage: 'Right Navigate',
69
- description: 'Navigation Link to navigate to right'
69
+ description: 'Accessible label for the right navigation button in the reactions dialog that moves to the next emoji tab.'
70
70
  },
71
71
  emojiName: {
72
72
  id: 'reactions.dialog.emoji.name',
73
73
  // eslint-disable-next-line @atlassian/i18n/no-useless-message
74
74
  defaultMessage: '{emojiName}',
75
- description: 'Description of the emoji'
75
+ description: 'Text shown as the emoji name tab label in the reactions dialog. The placeholder {emojiName} will be substituted with the emoji name (e.g. thumbs up).'
76
76
  },
77
77
  seeWhoReacted: {
78
78
  id: 'reactions.dialog.viewall',
@@ -82,11 +82,11 @@ export const messages = defineMessages({
82
82
  seeWhoReactedTooltip: {
83
83
  id: 'reactions.dialog.viewall.tooltip',
84
84
  defaultMessage: 'View all user reactions',
85
- description: 'Tooltip content of see who reacted link'
85
+ description: 'Tooltip text shown when hovering over the link that opens the reactions detail dialog listing all users who reacted.'
86
86
  },
87
87
  popperWrapperLabel: {
88
88
  id: 'reactions-reaction.picker-label',
89
89
  defaultMessage: 'Add reactions',
90
- description: 'A label to the reaction picker group'
90
+ description: 'Accessible aria-label for the reaction picker group container, used by screen readers to identify the group of reaction controls.'
91
91
  }
92
92
  });
@@ -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 = "34.0.3";
8
+ var packageVersion = "34.0.5";
9
9
  /**
10
10
  * TODO: move to utility package?
11
11
  * A random sampling function
@@ -16,6 +16,7 @@ var underlineStyle = null;
16
16
 
17
17
  // Resets native <button> chrome so it renders as inline text within the tooltip list.
18
18
  var footerButtonStyle = null;
19
+ var footerButtonColorStyle = null;
19
20
 
20
21
  /**
21
22
  * Test id for wrapper ReactionTooltip div
@@ -56,7 +57,7 @@ export var ReactionTooltip = function ReactionTooltip(_ref) {
56
57
  onMouseDown: function onMouseDown(e) {
57
58
  return e.preventDefault();
58
59
  },
59
- className: ax(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
60
+ className: ax(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", fg('platform_reactions_view_more_styling_fix') && "_syaz15cr", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
60
61
  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.otherUsers, {
61
62
  values: {
62
63
  count: users.length - maxReactions
@@ -3,7 +3,7 @@ export var messages = defineMessages({
3
3
  addReaction: {
4
4
  id: 'fabric.reactions.add',
5
5
  defaultMessage: 'Add reaction',
6
- description: 'Message for add reaction button'
6
+ description: 'Label for the add reaction button that opens the emoji picker for users to choose a reaction.'
7
7
  },
8
8
  addNewReaction: {
9
9
  id: 'fabric.reactions.add.new',
@@ -23,12 +23,12 @@ export var messages = defineMessages({
23
23
  reactWithEmoji: {
24
24
  id: 'fabric.reactions.reactwithemoji',
25
25
  defaultMessage: 'React with {emoji} emoji',
26
- description: 'Aria label on reaction button'
26
+ description: 'Accessible aria-label for a reaction button. The placeholder {emoji} will be substituted with the emoji character name (e.g. thumbs up).'
27
27
  },
28
28
  reactWithEmojiAndCount: {
29
29
  id: 'fabric.reactions.reactwithemojiandcount',
30
30
  defaultMessage: '{count, plural, one {# {emoji} emoji} other {# {emoji} emojis}}. React with {emoji} emoji',
31
- description: 'Aria label on reaction button'
31
+ description: 'Accessible aria-label for a reaction button showing the current count. The placeholder {emoji} is the emoji name, and {count} is the number of reactions and controls the plural form.'
32
32
  },
33
33
  summary: {
34
34
  id: 'fabric.reactions.summary',
@@ -38,7 +38,7 @@ export var messages = defineMessages({
38
38
  unexpectedError: {
39
39
  id: 'fabric.reactions.error.unexpected',
40
40
  defaultMessage: 'Reactions are temporarily unavailable',
41
- description: 'Unexpected error message'
41
+ description: 'Error message shown in the reactions component when reactions fail to load or an unexpected error occurs.'
42
42
  },
43
43
  otherUsers: {
44
44
  id: 'fabric.reactions.other.reacted.users',
@@ -48,7 +48,7 @@ export var messages = defineMessages({
48
48
  closeReactionsDialog: {
49
49
  id: 'reactions.dialog.close',
50
50
  defaultMessage: 'Close',
51
- description: 'Close Reactions Dialog'
51
+ description: 'Accessible label for the close button in the reactions detail dialog that dismisses it.'
52
52
  },
53
53
  reactionsCount: {
54
54
  id: 'reactions.dialog.reactions.count',
@@ -58,18 +58,18 @@ export var messages = defineMessages({
58
58
  leftNavigateLabel: {
59
59
  id: 'reactions.dialog.left.navigate',
60
60
  defaultMessage: 'Left Navigate',
61
- description: 'Navigation Link to navigate to left'
61
+ description: 'Accessible label for the left navigation button in the reactions dialog that moves to the previous emoji tab.'
62
62
  },
63
63
  rightNavigateLabel: {
64
64
  id: 'reactions.dialog.right.navigate',
65
65
  defaultMessage: 'Right Navigate',
66
- description: 'Navigation Link to navigate to right'
66
+ description: 'Accessible label for the right navigation button in the reactions dialog that moves to the next emoji tab.'
67
67
  },
68
68
  emojiName: {
69
69
  id: 'reactions.dialog.emoji.name',
70
70
  // eslint-disable-next-line @atlassian/i18n/no-useless-message
71
71
  defaultMessage: '{emojiName}',
72
- description: 'Description of the emoji'
72
+ description: 'Text shown as the emoji name tab label in the reactions dialog. The placeholder {emojiName} will be substituted with the emoji name (e.g. thumbs up).'
73
73
  },
74
74
  seeWhoReacted: {
75
75
  id: 'reactions.dialog.viewall',
@@ -79,11 +79,11 @@ export var messages = defineMessages({
79
79
  seeWhoReactedTooltip: {
80
80
  id: 'reactions.dialog.viewall.tooltip',
81
81
  defaultMessage: 'View all user reactions',
82
- description: 'Tooltip content of see who reacted link'
82
+ description: 'Tooltip text shown when hovering over the link that opens the reactions detail dialog listing all users who reacted.'
83
83
  },
84
84
  popperWrapperLabel: {
85
85
  id: 'reactions-reaction.picker-label',
86
86
  defaultMessage: 'Add reactions',
87
- description: 'A label to the reaction picker group'
87
+ description: 'Accessible aria-label for the reaction picker group container, used by screen readers to identify the group of reaction controls.'
88
88
  }
89
89
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "34.0.4",
3
+ "version": "34.0.6",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -38,23 +38,23 @@
38
38
  "@atlaskit/avatar": "^25.14.0",
39
39
  "@atlaskit/button": "^23.11.0",
40
40
  "@atlaskit/css": "^0.19.0",
41
- "@atlaskit/emoji": "^70.2.0",
41
+ "@atlaskit/emoji": "^70.3.0",
42
42
  "@atlaskit/heading": "^5.4.0",
43
43
  "@atlaskit/icon": "^34.3.0",
44
44
  "@atlaskit/link": "^3.4.0",
45
45
  "@atlaskit/modal-dialog": "^14.18.0",
46
- "@atlaskit/motion": "^6.0.0",
46
+ "@atlaskit/motion": "^6.2.0",
47
47
  "@atlaskit/platform-feature-flags": "^1.1.0",
48
48
  "@atlaskit/popper": "^7.2.0",
49
49
  "@atlaskit/popup": "^4.17.0",
50
- "@atlaskit/portal": "^5.4.0",
50
+ "@atlaskit/portal": "^5.5.0",
51
51
  "@atlaskit/primitives": "^19.0.0",
52
- "@atlaskit/react-ufo": "^5.16.0",
52
+ "@atlaskit/react-ufo": "^5.18.0",
53
53
  "@atlaskit/spinner": "^19.1.0",
54
54
  "@atlaskit/tabs": "^19.1.0",
55
55
  "@atlaskit/theme": "^23.2.0",
56
56
  "@atlaskit/tokens": "^13.0.0",
57
- "@atlaskit/tooltip": "^21.2.0",
57
+ "@atlaskit/tooltip": "^22.0.0",
58
58
  "@atlaskit/ufo": "^0.4.0",
59
59
  "@atlaskit/util-service-support": "^6.3.0",
60
60
  "@babel/runtime": "^7.0.0",
@@ -131,6 +131,9 @@
131
131
  },
132
132
  "a11y-fix-reaction-picker-aria-owns": {
133
133
  "type": "boolean"
134
+ },
135
+ "platform_reactions_view_more_styling_fix": {
136
+ "type": "boolean"
134
137
  }
135
138
  },
136
139
  "sideEffects": [