@atlaskit/editor-plugin-block-type 3.1.4 → 3.1.5
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 +9 -0
- package/dist/cjs/plugin/ui/ToolbarBlockType/blocktype-button.js +4 -1
- package/dist/cjs/plugin/ui/ToolbarBlockType/index.js +4 -2
- package/dist/es2019/plugin/ui/ToolbarBlockType/blocktype-button.js +4 -1
- package/dist/es2019/plugin/ui/ToolbarBlockType/index.js +4 -2
- package/dist/esm/plugin/ui/ToolbarBlockType/blocktype-button.js +4 -1
- package/dist/esm/plugin/ui/ToolbarBlockType/index.js +4 -2
- package/dist/types/plugin/ui/ToolbarBlockType/blocktype-button.d.ts +1 -0
- package/dist/types-ts4.5/plugin/ui/ToolbarBlockType/blocktype-button.d.ts +1 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-block-type
|
|
2
2
|
|
|
3
|
+
## 3.1.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#93784](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/93784)
|
|
8
|
+
[`de2e52677025`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/de2e52677025) -
|
|
9
|
+
ECA11Y-217 Improve editor toolbar screen reader text for text styles and color
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 3.1.4
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -18,7 +18,10 @@ var _styled = require("./styled");
|
|
|
18
18
|
/** @jsx jsx */
|
|
19
19
|
|
|
20
20
|
var BlockTypeButton = exports.BlockTypeButton = function BlockTypeButton(props) {
|
|
21
|
-
var
|
|
21
|
+
var blockTypeName = props.blockTypeName || '';
|
|
22
|
+
var labelTextStyles = props.formatMessage(_messages.toolbarMessages.textStyles, {
|
|
23
|
+
blockTypeName: blockTypeName
|
|
24
|
+
});
|
|
22
25
|
return (0, _react2.jsx)(_uiMenu.ToolbarButton, {
|
|
23
26
|
spacing: props.isReducedSpacing ? 'none' : 'default',
|
|
24
27
|
selected: props.selected,
|
|
@@ -174,7 +174,8 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
174
174
|
onClick: this.handleTriggerClick,
|
|
175
175
|
onKeyDown: this.handleTriggerByKeyboard,
|
|
176
176
|
formatMessage: formatMessage,
|
|
177
|
-
"aria-expanded": active
|
|
177
|
+
"aria-expanded": active,
|
|
178
|
+
blockTypeName: currentBlockType.name
|
|
178
179
|
})), (0, _react2.jsx)("span", {
|
|
179
180
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
180
181
|
css: _styles.separatorStyles
|
|
@@ -194,7 +195,8 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
194
195
|
onClick: this.handleTriggerClick,
|
|
195
196
|
onKeyDown: this.handleTriggerByKeyboard,
|
|
196
197
|
formatMessage: formatMessage,
|
|
197
|
-
"aria-expanded": active
|
|
198
|
+
"aria-expanded": active,
|
|
199
|
+
blockTypeName: currentBlockType.name
|
|
198
200
|
}), (0, _react2.jsx)("span", {
|
|
199
201
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
200
202
|
css: _styles.separatorStyles
|
|
@@ -10,7 +10,10 @@ import TextStyleIcon from '@atlaskit/icon/glyph/editor/text-style';
|
|
|
10
10
|
import { NORMAL_TEXT } from '../../block-types';
|
|
11
11
|
import { buttonContentReducedSpacingStyle, buttonContentStyle, expandIconWrapperStyle, wrapperSmallStyle } from './styled';
|
|
12
12
|
export const BlockTypeButton = props => {
|
|
13
|
-
const
|
|
13
|
+
const blockTypeName = props.blockTypeName || '';
|
|
14
|
+
const labelTextStyles = props.formatMessage(toolbarMessages.textStyles, {
|
|
15
|
+
blockTypeName
|
|
16
|
+
});
|
|
14
17
|
return jsx(ToolbarButton, {
|
|
15
18
|
spacing: props.isReducedSpacing ? 'none' : 'default',
|
|
16
19
|
selected: props.selected,
|
|
@@ -154,7 +154,8 @@ class ToolbarBlockType extends React.PureComponent {
|
|
|
154
154
|
onClick: this.handleTriggerClick,
|
|
155
155
|
onKeyDown: this.handleTriggerByKeyboard,
|
|
156
156
|
formatMessage: formatMessage,
|
|
157
|
-
"aria-expanded": active
|
|
157
|
+
"aria-expanded": active,
|
|
158
|
+
blockTypeName: currentBlockType.name
|
|
158
159
|
})), jsx("span", {
|
|
159
160
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
160
161
|
css: separatorStyles
|
|
@@ -174,7 +175,8 @@ class ToolbarBlockType extends React.PureComponent {
|
|
|
174
175
|
onClick: this.handleTriggerClick,
|
|
175
176
|
onKeyDown: this.handleTriggerByKeyboard,
|
|
176
177
|
formatMessage: formatMessage,
|
|
177
|
-
"aria-expanded": active
|
|
178
|
+
"aria-expanded": active,
|
|
179
|
+
blockTypeName: currentBlockType.name
|
|
178
180
|
}), jsx("span", {
|
|
179
181
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
180
182
|
css: separatorStyles
|
|
@@ -10,7 +10,10 @@ import TextStyleIcon from '@atlaskit/icon/glyph/editor/text-style';
|
|
|
10
10
|
import { NORMAL_TEXT } from '../../block-types';
|
|
11
11
|
import { buttonContentReducedSpacingStyle, buttonContentStyle, expandIconWrapperStyle, wrapperSmallStyle } from './styled';
|
|
12
12
|
export var BlockTypeButton = function BlockTypeButton(props) {
|
|
13
|
-
var
|
|
13
|
+
var blockTypeName = props.blockTypeName || '';
|
|
14
|
+
var labelTextStyles = props.formatMessage(toolbarMessages.textStyles, {
|
|
15
|
+
blockTypeName: blockTypeName
|
|
16
|
+
});
|
|
14
17
|
return jsx(ToolbarButton, {
|
|
15
18
|
spacing: props.isReducedSpacing ? 'none' : 'default',
|
|
16
19
|
selected: props.selected,
|
|
@@ -168,7 +168,8 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
168
168
|
onClick: this.handleTriggerClick,
|
|
169
169
|
onKeyDown: this.handleTriggerByKeyboard,
|
|
170
170
|
formatMessage: formatMessage,
|
|
171
|
-
"aria-expanded": active
|
|
171
|
+
"aria-expanded": active,
|
|
172
|
+
blockTypeName: currentBlockType.name
|
|
172
173
|
})), jsx("span", {
|
|
173
174
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
174
175
|
css: separatorStyles
|
|
@@ -188,7 +189,8 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
188
189
|
onClick: this.handleTriggerClick,
|
|
189
190
|
onKeyDown: this.handleTriggerByKeyboard,
|
|
190
191
|
formatMessage: formatMessage,
|
|
191
|
-
"aria-expanded": active
|
|
192
|
+
"aria-expanded": active,
|
|
193
|
+
blockTypeName: currentBlockType.name
|
|
192
194
|
}), jsx("span", {
|
|
193
195
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
194
196
|
css: separatorStyles
|
|
@@ -12,5 +12,6 @@ export interface BlockTypeButtonProps {
|
|
|
12
12
|
onClick(e: React.MouseEvent): void;
|
|
13
13
|
onKeyDown(e: React.KeyboardEvent): void;
|
|
14
14
|
formatMessage: WrappedComponentProps['intl']['formatMessage'];
|
|
15
|
+
blockTypeName?: string;
|
|
15
16
|
}
|
|
16
17
|
export declare const BlockTypeButton: (props: BlockTypeButtonProps) => jsx.JSX.Element;
|
|
@@ -12,5 +12,6 @@ export interface BlockTypeButtonProps {
|
|
|
12
12
|
onClick(e: React.MouseEvent): void;
|
|
13
13
|
onKeyDown(e: React.KeyboardEvent): void;
|
|
14
14
|
formatMessage: WrappedComponentProps['intl']['formatMessage'];
|
|
15
|
+
blockTypeName?: string;
|
|
15
16
|
}
|
|
16
17
|
export declare const BlockTypeButton: (props: BlockTypeButtonProps) => jsx.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-block-type",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.5",
|
|
4
4
|
"description": "BlockType plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@atlaskit/adf-schema": "^35.12.2",
|
|
39
|
-
"@atlaskit/editor-common": "^79.
|
|
39
|
+
"@atlaskit/editor-common": "^79.1.0",
|
|
40
40
|
"@atlaskit/editor-plugin-analytics": "^1.1.0",
|
|
41
41
|
"@atlaskit/editor-prosemirror": "4.0.0",
|
|
42
42
|
"@atlaskit/editor-shared-styles": "^2.10.0",
|