@atlaskit/reactions 33.8.25 → 33.8.27

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 (13) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/components/ReactionSummaryButton.js +3 -1
  3. package/dist/cjs/components/ReactionsDialog.js +1 -3
  4. package/dist/cjs/shared/i18n.js +2 -2
  5. package/dist/es2019/components/ReactionSummaryButton.js +3 -1
  6. package/dist/es2019/components/ReactionsDialog.js +1 -3
  7. package/dist/es2019/shared/i18n.js +2 -2
  8. package/dist/esm/components/ReactionSummaryButton.js +3 -1
  9. package/dist/esm/components/ReactionsDialog.js +1 -3
  10. package/dist/esm/shared/i18n.js +2 -2
  11. package/dist/types/shared/i18n.d.ts +31 -31
  12. package/dist/types-ts4.5/shared/i18n.d.ts +31 -31
  13. package/package.json +5 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/reactions
2
2
 
3
+ ## 33.8.27
4
+
5
+ ### Patch Changes
6
+
7
+ - [`62b18e01c52fa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/62b18e01c52fa) -
8
+ Remove feature flag platform-a11y-remove-autofocus-prop and hard-code autoFocus={true} on Modal in
9
+ ReactionsDialog
10
+ - Updated dependencies
11
+
12
+ ## 33.8.26
13
+
14
+ ### Patch Changes
15
+
16
+ - [`292fe7483aeee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/292fe7483aeee) -
17
+ [ux] Improved accessible names for color picker, remove status button, alignment toolbar, reaction
18
+ summary, and expand/collapse icons
19
+
3
20
  ## 33.8.25
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/components/ReactionSummaryButton.js CHANGED
@@ -93,7 +93,9 @@ var ReactionSummaryButton = exports.ReactionSummaryButton = /*#__PURE__*/(0, _re
93
93
  onMouseEnter: onMouseEnter,
94
94
  onMouseLeave: onMouseLeave,
95
95
  testId: RENDER_SUMMARY_BUTTON_TESTID,
96
- ariaLabel: intl.formatMessage(_i18n.messages.summary),
96
+ ariaLabel: intl.formatMessage(_i18n.messages.summary, {
97
+ count: totalReactionsCount
98
+ }),
97
99
  showSubtleStyle: subtleReactionsSummaryAndPicker,
98
100
  showOpaqueBackground: showOpaqueBackground
99
101
  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
package/dist/cjs/components/ReactionsDialog.js CHANGED
@@ -15,7 +15,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
15
15
  var _tabs = _interopRequireDefault(require("@atlaskit/tabs"));
16
16
  var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
17
17
  var _compiled = require("@atlaskit/primitives/compiled");
18
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
19
18
  var _constants = require("../shared/constants");
20
19
  var _ReactionsList = require("./ReactionsList");
21
20
  var _ReactionsDialogHeader = require("./ReactionsDialogHeader");
@@ -96,8 +95,7 @@ var ReactionsDialog = exports.ReactionsDialog = function ReactionsDialog(_ref) {
96
95
  return /*#__PURE__*/React.createElement(_modalDialog.default, {
97
96
  onClose: handleCloseReactionsDialog,
98
97
  height: 600,
99
- testId: RENDER_MODAL_TESTID,
100
- autoFocus: (0, _platformFeatureFlags.fg)('platform-a11y-remove-autofocus-prop') ? true : false
98
+ testId: RENDER_MODAL_TESTID
101
99
  }, /*#__PURE__*/React.createElement(_tabs.default, {
102
100
  id: "reactions-dialog-tabs",
103
101
  onChange: onTabChange,
package/dist/cjs/shared/i18n.js CHANGED
@@ -38,8 +38,8 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
38
38
  },
39
39
  summary: {
40
40
  id: 'fabric.reactions.summary',
41
- defaultMessage: 'View all user reactions',
42
- description: 'Aria label on summary reaction button. Clicking this button shows who reacted in a popup'
41
+ defaultMessage: 'View all user reactions, {count, plural, one {# reaction} other {# reactions}}',
42
+ description: 'Aria label on summary reaction button that includes the total count. Clicking this button shows who reacted in a popup'
43
43
  },
44
44
  unexpectedError: {
45
45
  id: 'fabric.reactions.error.unexpected',
package/dist/es2019/components/ReactionSummaryButton.js CHANGED
@@ -75,7 +75,9 @@ export const ReactionSummaryButton = /*#__PURE__*/forwardRef(({
75
75
  onMouseEnter: onMouseEnter,
76
76
  onMouseLeave: onMouseLeave,
77
77
  testId: RENDER_SUMMARY_BUTTON_TESTID,
78
- ariaLabel: intl.formatMessage(messages.summary),
78
+ ariaLabel: intl.formatMessage(messages.summary, {
79
+ count: totalReactionsCount
80
+ }),
79
81
  showSubtleStyle: subtleReactionsSummaryAndPicker,
80
82
  showOpaqueBackground: showOpaqueBackground
81
83
  }, /*#__PURE__*/React.createElement(Inline, {
package/dist/es2019/components/ReactionsDialog.js CHANGED
@@ -6,7 +6,6 @@ import { useEffect, useState, useCallback, useMemo } from 'react';
6
6
  import Tabs from '@atlaskit/tabs';
7
7
  import Modal, { ModalBody } from '@atlaskit/modal-dialog';
8
8
  import { Box } from '@atlaskit/primitives/compiled';
9
- import { fg } from '@atlaskit/platform-feature-flags';
10
9
  import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../shared/constants';
11
10
  import { ReactionsList } from './ReactionsList';
12
11
  import { ReactionsDialogHeader } from './ReactionsDialogHeader';
@@ -71,8 +70,7 @@ export const ReactionsDialog = ({
71
70
  return /*#__PURE__*/React.createElement(Modal, {
72
71
  onClose: handleCloseReactionsDialog,
73
72
  height: 600,
74
- testId: RENDER_MODAL_TESTID,
75
- autoFocus: fg('platform-a11y-remove-autofocus-prop') ? true : false
73
+ testId: RENDER_MODAL_TESTID
76
74
  }, /*#__PURE__*/React.createElement(Tabs, {
77
75
  id: "reactions-dialog-tabs",
78
76
  onChange: onTabChange,
package/dist/es2019/shared/i18n.js CHANGED
@@ -32,8 +32,8 @@ export const messages = defineMessages({
32
32
  },
33
33
  summary: {
34
34
  id: 'fabric.reactions.summary',
35
- defaultMessage: 'View all user reactions',
36
- description: 'Aria label on summary reaction button. Clicking this button shows who reacted in a popup'
35
+ defaultMessage: 'View all user reactions, {count, plural, one {# reaction} other {# reactions}}',
36
+ description: 'Aria label on summary reaction button that includes the total count. Clicking this button shows who reacted in a popup'
37
37
  },
38
38
  unexpectedError: {
39
39
  id: 'fabric.reactions.error.unexpected',
package/dist/esm/components/ReactionSummaryButton.js CHANGED
@@ -84,7 +84,9 @@ export var ReactionSummaryButton = /*#__PURE__*/forwardRef(function (_ref, ref)
84
84
  onMouseEnter: onMouseEnter,
85
85
  onMouseLeave: onMouseLeave,
86
86
  testId: RENDER_SUMMARY_BUTTON_TESTID,
87
- ariaLabel: intl.formatMessage(messages.summary),
87
+ ariaLabel: intl.formatMessage(messages.summary, {
88
+ count: totalReactionsCount
89
+ }),
88
90
  showSubtleStyle: subtleReactionsSummaryAndPicker,
89
91
  showOpaqueBackground: showOpaqueBackground
90
92
  }, /*#__PURE__*/React.createElement(Inline, {
package/dist/esm/components/ReactionsDialog.js CHANGED
@@ -7,7 +7,6 @@ import { useEffect, useState, useCallback, useMemo } from 'react';
7
7
  import Tabs from '@atlaskit/tabs';
8
8
  import Modal, { ModalBody } from '@atlaskit/modal-dialog';
9
9
  import { Box } from '@atlaskit/primitives/compiled';
10
- import { fg } from '@atlaskit/platform-feature-flags';
11
10
  import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../shared/constants';
12
11
  import { ReactionsList } from './ReactionsList';
13
12
  import { ReactionsDialogHeader } from './ReactionsDialogHeader';
@@ -87,8 +86,7 @@ export var ReactionsDialog = function ReactionsDialog(_ref) {
87
86
  return /*#__PURE__*/React.createElement(Modal, {
88
87
  onClose: handleCloseReactionsDialog,
89
88
  height: 600,
90
- testId: RENDER_MODAL_TESTID,
91
- autoFocus: fg('platform-a11y-remove-autofocus-prop') ? true : false
89
+ testId: RENDER_MODAL_TESTID
92
90
  }, /*#__PURE__*/React.createElement(Tabs, {
93
91
  id: "reactions-dialog-tabs",
94
92
  onChange: onTabChange,
package/dist/esm/shared/i18n.js CHANGED
@@ -32,8 +32,8 @@ export var messages = defineMessages({
32
32
  },
33
33
  summary: {
34
34
  id: 'fabric.reactions.summary',
35
- defaultMessage: 'View all user reactions',
36
- description: 'Aria label on summary reaction button. Clicking this button shows who reacted in a popup'
35
+ defaultMessage: 'View all user reactions, {count, plural, one {# reaction} other {# reactions}}',
36
+ description: 'Aria label on summary reaction button that includes the total count. Clicking this button shows who reacted in a popup'
37
37
  },
38
38
  unexpectedError: {
39
39
  id: 'fabric.reactions.error.unexpected',
package/dist/types/shared/i18n.d.ts CHANGED
@@ -1,87 +1,87 @@
1
1
  export declare const messages: {
2
- addReaction: {
3
- id: string;
4
- defaultMessage: string;
5
- description: string;
6
- };
7
2
  addNewReaction: {
8
- id: string;
9
3
  defaultMessage: string;
10
4
  description: string;
11
- };
12
- loadingReactions: {
13
5
  id: string;
6
+ };
7
+ addReaction: {
14
8
  defaultMessage: string;
15
9
  description: string;
16
- };
17
- moreEmoji: {
18
10
  id: string;
11
+ };
12
+ closeReactionsDialog: {
19
13
  defaultMessage: string;
20
14
  description: string;
21
- };
22
- reactWithEmoji: {
23
15
  id: string;
16
+ };
17
+ emojiName: {
24
18
  defaultMessage: string;
25
19
  description: string;
26
- };
27
- reactWithEmojiAndCount: {
28
20
  id: string;
21
+ };
22
+ leftNavigateLabel: {
29
23
  defaultMessage: string;
30
24
  description: string;
31
- };
32
- summary: {
33
25
  id: string;
26
+ };
27
+ loadingReactions: {
34
28
  defaultMessage: string;
35
29
  description: string;
36
- };
37
- unexpectedError: {
38
30
  id: string;
31
+ };
32
+ moreEmoji: {
39
33
  defaultMessage: string;
40
34
  description: string;
35
+ id: string;
41
36
  };
42
37
  otherUsers: {
43
- id: string;
44
38
  defaultMessage: string;
45
39
  description: string;
46
- };
47
- closeReactionsDialog: {
48
40
  id: string;
41
+ };
42
+ popperWrapperLabel: {
49
43
  defaultMessage: string;
50
44
  description: string;
45
+ id: string;
51
46
  };
52
47
  reactionsCount: {
53
- id: string;
54
48
  defaultMessage: string;
55
49
  description: string;
56
- };
57
- leftNavigateLabel: {
58
50
  id: string;
51
+ };
52
+ reactWithEmoji: {
59
53
  defaultMessage: string;
60
54
  description: string;
61
- };
62
- rightNavigateLabel: {
63
55
  id: string;
56
+ };
57
+ reactWithEmojiAndCount: {
64
58
  defaultMessage: string;
65
59
  description: string;
66
- };
67
- emojiName: {
68
60
  id: string;
61
+ };
62
+ rightNavigateLabel: {
69
63
  defaultMessage: string;
70
64
  description: string;
65
+ id: string;
71
66
  };
72
67
  seeWhoReacted: {
73
- id: string;
74
68
  defaultMessage: string;
75
69
  description: string;
70
+ id: string;
76
71
  };
77
72
  seeWhoReactedTooltip: {
78
- id: string;
79
73
  defaultMessage: string;
80
74
  description: string;
75
+ id: string;
81
76
  };
82
- popperWrapperLabel: {
77
+ summary: {
78
+ defaultMessage: string;
79
+ description: string;
83
80
  id: string;
81
+ };
82
+ unexpectedError: {
84
83
  defaultMessage: string;
85
84
  description: string;
85
+ id: string;
86
86
  };
87
87
  };
package/dist/types-ts4.5/shared/i18n.d.ts CHANGED
@@ -1,87 +1,87 @@
1
1
  export declare const messages: {
2
- addReaction: {
3
- id: string;
4
- defaultMessage: string;
5
- description: string;
6
- };
7
2
  addNewReaction: {
8
- id: string;
9
3
  defaultMessage: string;
10
4
  description: string;
11
- };
12
- loadingReactions: {
13
5
  id: string;
6
+ };
7
+ addReaction: {
14
8
  defaultMessage: string;
15
9
  description: string;
16
- };
17
- moreEmoji: {
18
10
  id: string;
11
+ };
12
+ closeReactionsDialog: {
19
13
  defaultMessage: string;
20
14
  description: string;
21
- };
22
- reactWithEmoji: {
23
15
  id: string;
16
+ };
17
+ emojiName: {
24
18
  defaultMessage: string;
25
19
  description: string;
26
- };
27
- reactWithEmojiAndCount: {
28
20
  id: string;
21
+ };
22
+ leftNavigateLabel: {
29
23
  defaultMessage: string;
30
24
  description: string;
31
- };
32
- summary: {
33
25
  id: string;
26
+ };
27
+ loadingReactions: {
34
28
  defaultMessage: string;
35
29
  description: string;
36
- };
37
- unexpectedError: {
38
30
  id: string;
31
+ };
32
+ moreEmoji: {
39
33
  defaultMessage: string;
40
34
  description: string;
35
+ id: string;
41
36
  };
42
37
  otherUsers: {
43
- id: string;
44
38
  defaultMessage: string;
45
39
  description: string;
46
- };
47
- closeReactionsDialog: {
48
40
  id: string;
41
+ };
42
+ popperWrapperLabel: {
49
43
  defaultMessage: string;
50
44
  description: string;
45
+ id: string;
51
46
  };
52
47
  reactionsCount: {
53
- id: string;
54
48
  defaultMessage: string;
55
49
  description: string;
56
- };
57
- leftNavigateLabel: {
58
50
  id: string;
51
+ };
52
+ reactWithEmoji: {
59
53
  defaultMessage: string;
60
54
  description: string;
61
- };
62
- rightNavigateLabel: {
63
55
  id: string;
56
+ };
57
+ reactWithEmojiAndCount: {
64
58
  defaultMessage: string;
65
59
  description: string;
66
- };
67
- emojiName: {
68
60
  id: string;
61
+ };
62
+ rightNavigateLabel: {
69
63
  defaultMessage: string;
70
64
  description: string;
65
+ id: string;
71
66
  };
72
67
  seeWhoReacted: {
73
- id: string;
74
68
  defaultMessage: string;
75
69
  description: string;
70
+ id: string;
76
71
  };
77
72
  seeWhoReactedTooltip: {
78
- id: string;
79
73
  defaultMessage: string;
80
74
  description: string;
75
+ id: string;
81
76
  };
82
- popperWrapperLabel: {
77
+ summary: {
78
+ defaultMessage: string;
79
+ description: string;
83
80
  id: string;
81
+ };
82
+ unexpectedError: {
84
83
  defaultMessage: string;
85
84
  description: string;
85
+ id: string;
86
86
  };
87
87
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "33.8.25",
3
+ "version": "33.8.27",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
35
35
  "@atlaskit/analytics-gas-types": "^5.1.0",
36
36
  "@atlaskit/analytics-namespaced-context": "^7.2.0",
37
37
  "@atlaskit/analytics-next": "^11.2.0",
38
- "@atlaskit/avatar": "^25.10.0",
38
+ "@atlaskit/avatar": "^25.11.0",
39
39
  "@atlaskit/button": "^23.10.0",
40
40
  "@atlaskit/css": "^0.19.0",
41
41
  "@atlaskit/emoji": "^69.10.0",
@@ -43,17 +43,17 @@
43
43
  "@atlaskit/icon": "^33.1.0",
44
44
  "@atlaskit/link": "^3.3.0",
45
45
  "@atlaskit/modal-dialog": "^14.13.0",
46
- "@atlaskit/motion": "^5.4.0",
46
+ "@atlaskit/motion": "^5.5.0",
47
47
  "@atlaskit/platform-feature-flags": "^1.1.0",
48
48
  "@atlaskit/popper": "^7.1.0",
49
49
  "@atlaskit/popup": "^4.14.0",
50
50
  "@atlaskit/portal": "^5.2.0",
51
51
  "@atlaskit/primitives": "^18.1.0",
52
- "@atlaskit/react-ufo": "^5.5.0",
52
+ "@atlaskit/react-ufo": "^5.7.0",
53
53
  "@atlaskit/spinner": "^19.0.0",
54
54
  "@atlaskit/tabs": "^19.0.0",
55
55
  "@atlaskit/theme": "^22.0.0",
56
- "@atlaskit/tokens": "^11.3.0",
56
+ "@atlaskit/tokens": "^11.4.0",
57
57
  "@atlaskit/tooltip": "^21.0.0",
58
58
  "@atlaskit/ufo": "^0.4.0",
59
59
  "@atlaskit/util-service-support": "^6.3.0",
@@ -120,9 +120,6 @@
120
120
  "platform_optimistic_reaction_emoji": {
121
121
  "type": "boolean"
122
122
  },
123
- "platform-a11y-remove-autofocus-prop": {
124
- "type": "boolean"
125
- },
126
123
  "jfp_a11y_team_comment_actions_semantic": {
127
124
  "type": "boolean"
128
125
  },