@atlaskit/editor-plugin-toolbar-lists-indentation 1.0.0 → 1.1.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 (5) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/ui/Toolbar.js +5 -1
  3. package/dist/es2019/ui/Toolbar.js +5 -1
  4. package/dist/esm/ui/Toolbar.js +5 -1
  5. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-plugin-toolbar-lists-indentation
2
2
 
3
+ ## 1.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#73123](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73123) [`9fd7b5a5e323`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9fd7b5a5e323) - ECA11Y-206: added role group and aria labels
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
13
+ ## 1.0.1
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies
18
+
3
19
  ## 1.0.0
4
20
 
5
21
  ### Major Changes
package/dist/cjs/ui/Toolbar.js CHANGED
@@ -35,6 +35,7 @@ function Toolbar(props) {
35
35
  onItemActivated = props.onItemActivated;
36
36
  var labelUnorderedList = formatMessage(_messages.listMessages.unorderedList);
37
37
  var labelOrderedList = formatMessage(_messages.listMessages.orderedList);
38
+ var labelListsFormat = formatMessage(_messages.listMessages.listsFormat);
38
39
  var indentMessage = formatMessage(_messages.indentationMessages.indent);
39
40
  var outdentMessage = formatMessage(_messages.indentationMessages.outdent);
40
41
  var isIndentButtonFocused = document.activeElement === indentButtonRef.current;
@@ -61,6 +62,9 @@ function Toolbar(props) {
61
62
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
62
63
  (0, _react2.jsx)("span", {
63
64
  css: _styles.buttonGroupStyle
65
+ }, (0, _react2.jsx)("div", {
66
+ role: "group",
67
+ "aria-label": labelListsFormat
64
68
  }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
65
69
  buttonId: _uiMenu.TOOLBAR_BUTTON.BULLET_LIST,
66
70
  testId: labelUnorderedList,
@@ -129,6 +133,6 @@ function Toolbar(props) {
129
133
  })
130
134
  }), (0, _react2.jsx)("span", {
131
135
  css: _styles.separatorStyles
132
- }))
136
+ })))
133
137
  );
134
138
  }
package/dist/es2019/ui/Toolbar.js CHANGED
@@ -30,6 +30,7 @@ export function Toolbar(props) {
30
30
  } = props;
31
31
  const labelUnorderedList = formatMessage(messages.unorderedList);
32
32
  const labelOrderedList = formatMessage(messages.orderedList);
33
+ const labelListsFormat = formatMessage(messages.listsFormat);
33
34
  const indentMessage = formatMessage(indentationMessages.indent);
34
35
  const outdentMessage = formatMessage(indentationMessages.outdent);
35
36
  const isIndentButtonFocused = document.activeElement === indentButtonRef.current;
@@ -52,6 +53,9 @@ export function Toolbar(props) {
52
53
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
53
54
  jsx("span", {
54
55
  css: buttonGroupStyle
56
+ }, jsx("div", {
57
+ role: "group",
58
+ "aria-label": labelListsFormat
55
59
  }, jsx(ToolbarButton, {
56
60
  buttonId: TOOLBAR_BUTTON.BULLET_LIST,
57
61
  testId: labelUnorderedList,
@@ -120,6 +124,6 @@ export function Toolbar(props) {
120
124
  })
121
125
  }), jsx("span", {
122
126
  css: separatorStyles
123
- }))
127
+ })))
124
128
  );
125
129
  }
package/dist/esm/ui/Toolbar.js CHANGED
@@ -27,6 +27,7 @@ export function Toolbar(props) {
27
27
  onItemActivated = props.onItemActivated;
28
28
  var labelUnorderedList = formatMessage(messages.unorderedList);
29
29
  var labelOrderedList = formatMessage(messages.orderedList);
30
+ var labelListsFormat = formatMessage(messages.listsFormat);
30
31
  var indentMessage = formatMessage(indentationMessages.indent);
31
32
  var outdentMessage = formatMessage(indentationMessages.outdent);
32
33
  var isIndentButtonFocused = document.activeElement === indentButtonRef.current;
@@ -53,6 +54,9 @@ export function Toolbar(props) {
53
54
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
54
55
  jsx("span", {
55
56
  css: buttonGroupStyle
57
+ }, jsx("div", {
58
+ role: "group",
59
+ "aria-label": labelListsFormat
56
60
  }, jsx(ToolbarButton, {
57
61
  buttonId: TOOLBAR_BUTTON.BULLET_LIST,
58
62
  testId: labelUnorderedList,
@@ -121,6 +125,6 @@ export function Toolbar(props) {
121
125
  })
122
126
  }), jsx("span", {
123
127
  css: separatorStyles
124
- }))
128
+ })))
125
129
  );
126
130
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-toolbar-lists-indentation",
3
- "version": "1.0.0",
3
+ "version": "1.1.0",
4
4
  "description": "Toolbar lists and indentation plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -33,7 +33,7 @@
33
33
  ".": "./src/index.ts"
34
34
  },
35
35
  "dependencies": {
36
- "@atlaskit/editor-common": "^77.4.0",
36
+ "@atlaskit/editor-common": "^78.3.0",
37
37
  "@atlaskit/editor-plugin-analytics": "^1.0.0",
38
38
  "@atlaskit/editor-plugin-block-type": "^3.0.0",
39
39
  "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
@@ -56,7 +56,7 @@
56
56
  "@atlaskit/adf-schema": "^35.5.1",
57
57
  "@atlaskit/analytics-next": "^9.2.0",
58
58
  "@atlaskit/editor-plugin-base": "^1.0.0",
59
- "@atlaskit/editor-plugin-text-formatting": "^1.0.0",
59
+ "@atlaskit/editor-plugin-text-formatting": "^1.1.0",
60
60
  "@atlaskit/ssr": "*",
61
61
  "@atlaskit/visual-regression": "*",
62
62
  "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",