@atlaskit/editor-plugin-text-formatting 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.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-text-formatting
|
|
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
|
|
@@ -115,6 +115,7 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
|
|
|
115
115
|
return [].concat((0, _toConsumableArray2.default)(dropdownItems), [clearIcon]);
|
|
116
116
|
}, [clearIcon, dropdownItems]);
|
|
117
117
|
var moreFormattingButtonLabel = intl.formatMessage(_messages.toolbarMessages.moreFormatting);
|
|
118
|
+
var labelTextFormat = intl.formatMessage(_messages.toolbarMessages.textFormatting);
|
|
118
119
|
(0, _react.useEffect)(function () {
|
|
119
120
|
if (screenReaderMessage) {
|
|
120
121
|
setMessage(screenReaderMessage);
|
|
@@ -124,6 +125,10 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
|
|
|
124
125
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
125
126
|
(0, _react2.jsx)("span", {
|
|
126
127
|
css: _styles.buttonGroupStyle
|
|
128
|
+
}, (0, _react2.jsx)("div", {
|
|
129
|
+
role: "group",
|
|
130
|
+
className: 'js-text-format-wrap',
|
|
131
|
+
"aria-label": labelTextFormat
|
|
127
132
|
}, message && (0, _react2.jsx)(_ui.Announcer, {
|
|
128
133
|
ariaLive: "assertive",
|
|
129
134
|
text: message,
|
|
@@ -153,7 +158,7 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
|
|
|
153
158
|
items: items
|
|
154
159
|
}), (0, _react2.jsx)("span", {
|
|
155
160
|
css: _styles.separatorStyles
|
|
156
|
-
})))
|
|
161
|
+
}))))
|
|
157
162
|
);
|
|
158
163
|
};
|
|
159
164
|
var Toolbar = function Toolbar(_ref2) {
|
|
@@ -102,6 +102,7 @@ const ToolbarFormatting = ({
|
|
|
102
102
|
return [...dropdownItems, clearIcon];
|
|
103
103
|
}, [clearIcon, dropdownItems]);
|
|
104
104
|
const moreFormattingButtonLabel = intl.formatMessage(toolbarMessages.moreFormatting);
|
|
105
|
+
const labelTextFormat = intl.formatMessage(toolbarMessages.textFormatting);
|
|
105
106
|
useEffect(() => {
|
|
106
107
|
if (screenReaderMessage) {
|
|
107
108
|
setMessage(screenReaderMessage);
|
|
@@ -111,6 +112,10 @@ const ToolbarFormatting = ({
|
|
|
111
112
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
112
113
|
jsx("span", {
|
|
113
114
|
css: buttonGroupStyle
|
|
115
|
+
}, jsx("div", {
|
|
116
|
+
role: "group",
|
|
117
|
+
className: 'js-text-format-wrap',
|
|
118
|
+
"aria-label": labelTextFormat
|
|
114
119
|
}, message && jsx(Announcer, {
|
|
115
120
|
ariaLive: "assertive",
|
|
116
121
|
text: message,
|
|
@@ -140,7 +145,7 @@ const ToolbarFormatting = ({
|
|
|
140
145
|
items: items
|
|
141
146
|
}), jsx("span", {
|
|
142
147
|
css: separatorStyles
|
|
143
|
-
})))
|
|
148
|
+
}))))
|
|
144
149
|
);
|
|
145
150
|
};
|
|
146
151
|
const Toolbar = ({
|
|
@@ -107,6 +107,7 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
|
|
|
107
107
|
return [].concat(_toConsumableArray(dropdownItems), [clearIcon]);
|
|
108
108
|
}, [clearIcon, dropdownItems]);
|
|
109
109
|
var moreFormattingButtonLabel = intl.formatMessage(toolbarMessages.moreFormatting);
|
|
110
|
+
var labelTextFormat = intl.formatMessage(toolbarMessages.textFormatting);
|
|
110
111
|
useEffect(function () {
|
|
111
112
|
if (screenReaderMessage) {
|
|
112
113
|
setMessage(screenReaderMessage);
|
|
@@ -116,6 +117,10 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
|
|
|
116
117
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
117
118
|
jsx("span", {
|
|
118
119
|
css: buttonGroupStyle
|
|
120
|
+
}, jsx("div", {
|
|
121
|
+
role: "group",
|
|
122
|
+
className: 'js-text-format-wrap',
|
|
123
|
+
"aria-label": labelTextFormat
|
|
119
124
|
}, message && jsx(Announcer, {
|
|
120
125
|
ariaLive: "assertive",
|
|
121
126
|
text: message,
|
|
@@ -145,7 +150,7 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
|
|
|
145
150
|
items: items
|
|
146
151
|
}), jsx("span", {
|
|
147
152
|
css: separatorStyles
|
|
148
|
-
})))
|
|
153
|
+
}))))
|
|
149
154
|
);
|
|
150
155
|
};
|
|
151
156
|
var Toolbar = function Toolbar(_ref2) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-text-formatting",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "Text-formatting plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@atlaskit/adf-schema": "^35.5.1",
|
|
36
|
-
"@atlaskit/editor-common": "^
|
|
36
|
+
"@atlaskit/editor-common": "^78.3.0",
|
|
37
37
|
"@atlaskit/editor-plugin-analytics": "^1.0.0",
|
|
38
38
|
"@atlaskit/editor-prosemirror": "3.0.0",
|
|
39
39
|
"@atlaskit/editor-shared-styles": "^2.9.0",
|