@atlaskit/editor-plugin-block-type 11.0.1 → 11.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 +26 -0
- package/dist/cjs/pm-plugins/main.js +1 -1
- package/dist/cjs/ui/HeadingBlockMenuItem.js +0 -7
- package/dist/cjs/ui/ParagraphBlockMenuItem.js +0 -5
- package/dist/cjs/ui/QuoteBlockMenuItem.js +0 -5
- package/dist/cjs/ui/index.js +43 -8
- package/dist/es2019/pm-plugins/main.js +1 -1
- package/dist/es2019/ui/HeadingBlockMenuItem.js +0 -7
- package/dist/es2019/ui/ParagraphBlockMenuItem.js +0 -5
- package/dist/es2019/ui/QuoteBlockMenuItem.js +0 -5
- package/dist/es2019/ui/index.js +31 -8
- package/dist/esm/pm-plugins/main.js +1 -1
- package/dist/esm/ui/HeadingBlockMenuItem.js +0 -7
- package/dist/esm/ui/ParagraphBlockMenuItem.js +0 -5
- package/dist/esm/ui/QuoteBlockMenuItem.js +0 -5
- package/dist/esm/ui/index.js +43 -8
- package/package.json +4 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,31 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-block-type
|
|
2
2
|
|
|
3
|
+
## 11.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`cd8d11632a928`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd8d11632a928) -
|
|
8
|
+
[https://hello.jira.atlassian.cloud/browse/EDITOR-4390](EDITOR-4390) - clean up
|
|
9
|
+
platform_editor_heading_from_numpad feature gate
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 11.0.3
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [`b909e5f47ea91`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b909e5f47ea91) -
|
|
20
|
+
EDITOR-4159 Make sure block-menu-item type component return null when tranform disabled
|
|
21
|
+
- Updated dependencies
|
|
22
|
+
|
|
23
|
+
## 11.0.2
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- Updated dependencies
|
|
28
|
+
|
|
3
29
|
## 11.0.1
|
|
4
30
|
|
|
5
31
|
### Patch Changes
|
|
@@ -145,7 +145,7 @@ var createPlugin = exports.createPlugin = function createPlugin(editorAPI, dispa
|
|
|
145
145
|
*/
|
|
146
146
|
handleKeyDown: function handleKeyDown(view, event) {
|
|
147
147
|
var headingLevel = _consts.HEADING_KEYS.indexOf(event.keyCode);
|
|
148
|
-
if (headingLevel === -1
|
|
148
|
+
if (headingLevel === -1) {
|
|
149
149
|
// Check for numpad keys if not found in digits row
|
|
150
150
|
headingLevel = _consts.HEADING_NUMPAD_KEYS.indexOf(event.keyCode);
|
|
151
151
|
}
|
|
@@ -20,7 +20,6 @@ var headingIcons = [_textHeadingOne.default, _textHeadingTwo.default, _textHeadi
|
|
|
20
20
|
var headingMessages = [_messages.blockTypeMessages.heading1, _messages.blockTypeMessages.heading2, _messages.blockTypeMessages.heading3, _messages.blockTypeMessages.heading4, _messages.blockTypeMessages.heading5, _messages.blockTypeMessages.heading6];
|
|
21
21
|
var NODE_NAME = 'heading';
|
|
22
22
|
var HeadingBlockMenuItem = function HeadingBlockMenuItem(_ref) {
|
|
23
|
-
var _api$blockMenu2;
|
|
24
23
|
var level = _ref.level,
|
|
25
24
|
api = _ref.api;
|
|
26
25
|
var _useIntl = (0, _reactIntlNext.useIntl)(),
|
|
@@ -46,12 +45,6 @@ var HeadingBlockMenuItem = function HeadingBlockMenuItem(_ref) {
|
|
|
46
45
|
}) : null;
|
|
47
46
|
});
|
|
48
47
|
};
|
|
49
|
-
var isTransfromToPanelDisabled = api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME, {
|
|
50
|
-
level: level
|
|
51
|
-
});
|
|
52
|
-
if (isTransfromToPanelDisabled) {
|
|
53
|
-
return null;
|
|
54
|
-
}
|
|
55
48
|
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
56
49
|
onClick: handleClick,
|
|
57
50
|
elemBefore: /*#__PURE__*/_react.default.createElement(Icon, {
|
|
@@ -13,7 +13,6 @@ var _editorToolbar = require("@atlaskit/editor-toolbar");
|
|
|
13
13
|
var _textParagraph = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-paragraph"));
|
|
14
14
|
var NODE_NAME = 'paragraph';
|
|
15
15
|
var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
|
|
16
|
-
var _api$blockMenu2;
|
|
17
16
|
var api = _ref.api;
|
|
18
17
|
var _useIntl = (0, _reactIntlNext.useIntl)(),
|
|
19
18
|
formatMessage = _useIntl.formatMessage;
|
|
@@ -33,10 +32,6 @@ var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
|
|
|
33
32
|
}) : null;
|
|
34
33
|
});
|
|
35
34
|
};
|
|
36
|
-
var isTransfromToPanelDisabled = api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME);
|
|
37
|
-
if (isTransfromToPanelDisabled) {
|
|
38
|
-
return null;
|
|
39
|
-
}
|
|
40
35
|
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
41
36
|
onClick: handleClick,
|
|
42
37
|
elemBefore: /*#__PURE__*/_react.default.createElement(_textParagraph.default, {
|
|
@@ -13,7 +13,6 @@ var _editorToolbar = require("@atlaskit/editor-toolbar");
|
|
|
13
13
|
var _quotationMark = _interopRequireDefault(require("@atlaskit/icon/core/quotation-mark"));
|
|
14
14
|
var NODE_NAME = 'blockquote';
|
|
15
15
|
var QuoteBlockMenuItem = function QuoteBlockMenuItem(_ref) {
|
|
16
|
-
var _api$blockMenu2;
|
|
17
16
|
var api = _ref.api;
|
|
18
17
|
var _useIntl = (0, _reactIntlNext.useIntl)(),
|
|
19
18
|
formatMessage = _useIntl.formatMessage;
|
|
@@ -33,10 +32,6 @@ var QuoteBlockMenuItem = function QuoteBlockMenuItem(_ref) {
|
|
|
33
32
|
}) : null;
|
|
34
33
|
});
|
|
35
34
|
};
|
|
36
|
-
var isTransfromToPanelDisabled = api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME);
|
|
37
|
-
if (isTransfromToPanelDisabled) {
|
|
38
|
-
return null;
|
|
39
|
-
}
|
|
40
35
|
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
41
36
|
onClick: handleClick,
|
|
42
37
|
elemBefore: /*#__PURE__*/_react.default.createElement(_quotationMark.default, {
|
package/dist/cjs/ui/index.js
CHANGED
|
@@ -8,7 +8,16 @@ var _blockMenu = require("@atlaskit/editor-common/block-menu");
|
|
|
8
8
|
var _HeadingBlockMenuItem = require("./HeadingBlockMenuItem");
|
|
9
9
|
var _ParagraphBlockMenuItem = require("./ParagraphBlockMenuItem");
|
|
10
10
|
var _QuoteBlockMenuItem = require("./QuoteBlockMenuItem");
|
|
11
|
+
var HEADING_NODE_NAME = 'heading';
|
|
12
|
+
var QUOTE_NODE_NAME = 'blockquote';
|
|
13
|
+
var PARAGRAPH_NODE_NAME = 'paragraph';
|
|
11
14
|
var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockTypeComponents(api) {
|
|
15
|
+
var isTransformHeadingDisabled = function isTransformHeadingDisabled(level) {
|
|
16
|
+
var _api$blockMenu;
|
|
17
|
+
return Boolean(api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.isTransformOptionDisabled(HEADING_NODE_NAME, {
|
|
18
|
+
level: level
|
|
19
|
+
}));
|
|
20
|
+
};
|
|
12
21
|
return [{
|
|
13
22
|
type: 'block-menu-item',
|
|
14
23
|
key: _blockMenu.TRANSFORM_HEADINGS_H1_MENU_ITEM.key,
|
|
@@ -20,7 +29,10 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
20
29
|
component: (0, _HeadingBlockMenuItem.createHeadingBlockMenuItem)({
|
|
21
30
|
level: 1,
|
|
22
31
|
api: api
|
|
23
|
-
})
|
|
32
|
+
}),
|
|
33
|
+
isHidden: function isHidden() {
|
|
34
|
+
return isTransformHeadingDisabled(1);
|
|
35
|
+
}
|
|
24
36
|
}, {
|
|
25
37
|
type: 'block-menu-item',
|
|
26
38
|
key: _blockMenu.TRANSFORM_HEADINGS_H2_MENU_ITEM.key,
|
|
@@ -32,7 +44,10 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
32
44
|
component: (0, _HeadingBlockMenuItem.createHeadingBlockMenuItem)({
|
|
33
45
|
level: 2,
|
|
34
46
|
api: api
|
|
35
|
-
})
|
|
47
|
+
}),
|
|
48
|
+
isHidden: function isHidden() {
|
|
49
|
+
return isTransformHeadingDisabled(2);
|
|
50
|
+
}
|
|
36
51
|
}, {
|
|
37
52
|
type: 'block-menu-item',
|
|
38
53
|
key: _blockMenu.TRANSFORM_HEADINGS_H3_MENU_ITEM.key,
|
|
@@ -44,7 +59,10 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
44
59
|
component: (0, _HeadingBlockMenuItem.createHeadingBlockMenuItem)({
|
|
45
60
|
level: 3,
|
|
46
61
|
api: api
|
|
47
|
-
})
|
|
62
|
+
}),
|
|
63
|
+
isHidden: function isHidden() {
|
|
64
|
+
return isTransformHeadingDisabled(3);
|
|
65
|
+
}
|
|
48
66
|
}, {
|
|
49
67
|
type: 'block-menu-item',
|
|
50
68
|
key: _blockMenu.TRANSFORM_HEADINGS_H4_MENU_ITEM.key,
|
|
@@ -56,7 +74,10 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
56
74
|
component: (0, _HeadingBlockMenuItem.createHeadingBlockMenuItem)({
|
|
57
75
|
level: 4,
|
|
58
76
|
api: api
|
|
59
|
-
})
|
|
77
|
+
}),
|
|
78
|
+
isHidden: function isHidden() {
|
|
79
|
+
return isTransformHeadingDisabled(4);
|
|
80
|
+
}
|
|
60
81
|
}, {
|
|
61
82
|
type: 'block-menu-item',
|
|
62
83
|
key: _blockMenu.TRANSFORM_HEADINGS_H5_MENU_ITEM.key,
|
|
@@ -68,7 +89,10 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
68
89
|
component: (0, _HeadingBlockMenuItem.createHeadingBlockMenuItem)({
|
|
69
90
|
level: 5,
|
|
70
91
|
api: api
|
|
71
|
-
})
|
|
92
|
+
}),
|
|
93
|
+
isHidden: function isHidden() {
|
|
94
|
+
return isTransformHeadingDisabled(5);
|
|
95
|
+
}
|
|
72
96
|
}, {
|
|
73
97
|
type: 'block-menu-item',
|
|
74
98
|
key: _blockMenu.TRANSFORM_HEADINGS_H6_MENU_ITEM.key,
|
|
@@ -80,7 +104,10 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
80
104
|
component: (0, _HeadingBlockMenuItem.createHeadingBlockMenuItem)({
|
|
81
105
|
level: 6,
|
|
82
106
|
api: api
|
|
83
|
-
})
|
|
107
|
+
}),
|
|
108
|
+
isHidden: function isHidden() {
|
|
109
|
+
return isTransformHeadingDisabled(6);
|
|
110
|
+
}
|
|
84
111
|
}, {
|
|
85
112
|
type: 'block-menu-item',
|
|
86
113
|
key: _blockMenu.TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key,
|
|
@@ -91,7 +118,11 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
91
118
|
},
|
|
92
119
|
component: (0, _QuoteBlockMenuItem.createQuoteBlockMenuItem)({
|
|
93
120
|
api: api
|
|
94
|
-
})
|
|
121
|
+
}),
|
|
122
|
+
isHidden: function isHidden() {
|
|
123
|
+
var _api$blockMenu2;
|
|
124
|
+
return Boolean(api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(QUOTE_NODE_NAME));
|
|
125
|
+
}
|
|
95
126
|
}, {
|
|
96
127
|
type: 'block-menu-item',
|
|
97
128
|
key: _blockMenu.TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key,
|
|
@@ -102,6 +133,10 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
|
|
|
102
133
|
},
|
|
103
134
|
component: (0, _ParagraphBlockMenuItem.createParagraphBlockMenuItem)({
|
|
104
135
|
api: api
|
|
105
|
-
})
|
|
136
|
+
}),
|
|
137
|
+
isHidden: function isHidden() {
|
|
138
|
+
var _api$blockMenu3;
|
|
139
|
+
return Boolean(api === null || api === void 0 || (_api$blockMenu3 = api.blockMenu) === null || _api$blockMenu3 === void 0 ? void 0 : _api$blockMenu3.actions.isTransformOptionDisabled(PARAGRAPH_NODE_NAME));
|
|
140
|
+
}
|
|
106
141
|
}];
|
|
107
142
|
};
|
|
@@ -131,7 +131,7 @@ export const createPlugin = (editorAPI, dispatch, lastNodeMustBeParagraph, inclu
|
|
|
131
131
|
*/
|
|
132
132
|
handleKeyDown: (view, event) => {
|
|
133
133
|
let headingLevel = HEADING_KEYS.indexOf(event.keyCode);
|
|
134
|
-
if (headingLevel === -1
|
|
134
|
+
if (headingLevel === -1) {
|
|
135
135
|
// Check for numpad keys if not found in digits row
|
|
136
136
|
headingLevel = HEADING_NUMPAD_KEYS.indexOf(event.keyCode);
|
|
137
137
|
}
|
|
@@ -16,7 +16,6 @@ const HeadingBlockMenuItem = ({
|
|
|
16
16
|
level,
|
|
17
17
|
api
|
|
18
18
|
}) => {
|
|
19
|
-
var _api$blockMenu2;
|
|
20
19
|
const {
|
|
21
20
|
formatMessage
|
|
22
21
|
} = useIntl();
|
|
@@ -42,12 +41,6 @@ const HeadingBlockMenuItem = ({
|
|
|
42
41
|
}) : null;
|
|
43
42
|
});
|
|
44
43
|
};
|
|
45
|
-
const isTransfromToPanelDisabled = api === null || api === void 0 ? void 0 : (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME, {
|
|
46
|
-
level
|
|
47
|
-
});
|
|
48
|
-
if (isTransfromToPanelDisabled) {
|
|
49
|
-
return null;
|
|
50
|
-
}
|
|
51
44
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
52
45
|
onClick: handleClick,
|
|
53
46
|
elemBefore: /*#__PURE__*/React.createElement(Icon, {
|
|
@@ -8,7 +8,6 @@ const NODE_NAME = 'paragraph';
|
|
|
8
8
|
const ParagraphBlockMenuItem = ({
|
|
9
9
|
api
|
|
10
10
|
}) => {
|
|
11
|
-
var _api$blockMenu2;
|
|
12
11
|
const {
|
|
13
12
|
formatMessage
|
|
14
13
|
} = useIntl();
|
|
@@ -29,10 +28,6 @@ const ParagraphBlockMenuItem = ({
|
|
|
29
28
|
}) : null;
|
|
30
29
|
});
|
|
31
30
|
};
|
|
32
|
-
const isTransfromToPanelDisabled = api === null || api === void 0 ? void 0 : (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME);
|
|
33
|
-
if (isTransfromToPanelDisabled) {
|
|
34
|
-
return null;
|
|
35
|
-
}
|
|
36
31
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
37
32
|
onClick: handleClick,
|
|
38
33
|
elemBefore: /*#__PURE__*/React.createElement(TextParagraphIcon, {
|
|
@@ -8,7 +8,6 @@ const NODE_NAME = 'blockquote';
|
|
|
8
8
|
const QuoteBlockMenuItem = ({
|
|
9
9
|
api
|
|
10
10
|
}) => {
|
|
11
|
-
var _api$blockMenu2;
|
|
12
11
|
const {
|
|
13
12
|
formatMessage
|
|
14
13
|
} = useIntl();
|
|
@@ -29,10 +28,6 @@ const QuoteBlockMenuItem = ({
|
|
|
29
28
|
}) : null;
|
|
30
29
|
});
|
|
31
30
|
};
|
|
32
|
-
const isTransfromToPanelDisabled = api === null || api === void 0 ? void 0 : (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME);
|
|
33
|
-
if (isTransfromToPanelDisabled) {
|
|
34
|
-
return null;
|
|
35
|
-
}
|
|
36
31
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
37
32
|
onClick: handleClick,
|
|
38
33
|
elemBefore: /*#__PURE__*/React.createElement(QuotationMarkIcon, {
|
package/dist/es2019/ui/index.js
CHANGED
|
@@ -2,7 +2,16 @@ import { TRANSFORM_HEADINGS_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION_RANK,
|
|
|
2
2
|
import { createHeadingBlockMenuItem } from './HeadingBlockMenuItem';
|
|
3
3
|
import { createParagraphBlockMenuItem } from './ParagraphBlockMenuItem';
|
|
4
4
|
import { createQuoteBlockMenuItem } from './QuoteBlockMenuItem';
|
|
5
|
+
const HEADING_NODE_NAME = 'heading';
|
|
6
|
+
const QUOTE_NODE_NAME = 'blockquote';
|
|
7
|
+
const PARAGRAPH_NODE_NAME = 'paragraph';
|
|
5
8
|
export const getBlockTypeComponents = api => {
|
|
9
|
+
const isTransformHeadingDisabled = level => {
|
|
10
|
+
var _api$blockMenu;
|
|
11
|
+
return Boolean(api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.isTransformOptionDisabled(HEADING_NODE_NAME, {
|
|
12
|
+
level
|
|
13
|
+
}));
|
|
14
|
+
};
|
|
6
15
|
return [{
|
|
7
16
|
type: 'block-menu-item',
|
|
8
17
|
key: TRANSFORM_HEADINGS_H1_MENU_ITEM.key,
|
|
@@ -14,7 +23,8 @@ export const getBlockTypeComponents = api => {
|
|
|
14
23
|
component: createHeadingBlockMenuItem({
|
|
15
24
|
level: 1,
|
|
16
25
|
api
|
|
17
|
-
})
|
|
26
|
+
}),
|
|
27
|
+
isHidden: () => isTransformHeadingDisabled(1)
|
|
18
28
|
}, {
|
|
19
29
|
type: 'block-menu-item',
|
|
20
30
|
key: TRANSFORM_HEADINGS_H2_MENU_ITEM.key,
|
|
@@ -26,7 +36,8 @@ export const getBlockTypeComponents = api => {
|
|
|
26
36
|
component: createHeadingBlockMenuItem({
|
|
27
37
|
level: 2,
|
|
28
38
|
api
|
|
29
|
-
})
|
|
39
|
+
}),
|
|
40
|
+
isHidden: () => isTransformHeadingDisabled(2)
|
|
30
41
|
}, {
|
|
31
42
|
type: 'block-menu-item',
|
|
32
43
|
key: TRANSFORM_HEADINGS_H3_MENU_ITEM.key,
|
|
@@ -38,7 +49,8 @@ export const getBlockTypeComponents = api => {
|
|
|
38
49
|
component: createHeadingBlockMenuItem({
|
|
39
50
|
level: 3,
|
|
40
51
|
api
|
|
41
|
-
})
|
|
52
|
+
}),
|
|
53
|
+
isHidden: () => isTransformHeadingDisabled(3)
|
|
42
54
|
}, {
|
|
43
55
|
type: 'block-menu-item',
|
|
44
56
|
key: TRANSFORM_HEADINGS_H4_MENU_ITEM.key,
|
|
@@ -50,7 +62,8 @@ export const getBlockTypeComponents = api => {
|
|
|
50
62
|
component: createHeadingBlockMenuItem({
|
|
51
63
|
level: 4,
|
|
52
64
|
api
|
|
53
|
-
})
|
|
65
|
+
}),
|
|
66
|
+
isHidden: () => isTransformHeadingDisabled(4)
|
|
54
67
|
}, {
|
|
55
68
|
type: 'block-menu-item',
|
|
56
69
|
key: TRANSFORM_HEADINGS_H5_MENU_ITEM.key,
|
|
@@ -62,7 +75,8 @@ export const getBlockTypeComponents = api => {
|
|
|
62
75
|
component: createHeadingBlockMenuItem({
|
|
63
76
|
level: 5,
|
|
64
77
|
api
|
|
65
|
-
})
|
|
78
|
+
}),
|
|
79
|
+
isHidden: () => isTransformHeadingDisabled(5)
|
|
66
80
|
}, {
|
|
67
81
|
type: 'block-menu-item',
|
|
68
82
|
key: TRANSFORM_HEADINGS_H6_MENU_ITEM.key,
|
|
@@ -74,7 +88,8 @@ export const getBlockTypeComponents = api => {
|
|
|
74
88
|
component: createHeadingBlockMenuItem({
|
|
75
89
|
level: 6,
|
|
76
90
|
api
|
|
77
|
-
})
|
|
91
|
+
}),
|
|
92
|
+
isHidden: () => isTransformHeadingDisabled(6)
|
|
78
93
|
}, {
|
|
79
94
|
type: 'block-menu-item',
|
|
80
95
|
key: TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key,
|
|
@@ -85,7 +100,11 @@ export const getBlockTypeComponents = api => {
|
|
|
85
100
|
},
|
|
86
101
|
component: createQuoteBlockMenuItem({
|
|
87
102
|
api
|
|
88
|
-
})
|
|
103
|
+
}),
|
|
104
|
+
isHidden: () => {
|
|
105
|
+
var _api$blockMenu2;
|
|
106
|
+
return Boolean(api === null || api === void 0 ? void 0 : (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(QUOTE_NODE_NAME));
|
|
107
|
+
}
|
|
89
108
|
}, {
|
|
90
109
|
type: 'block-menu-item',
|
|
91
110
|
key: TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key,
|
|
@@ -96,6 +115,10 @@ export const getBlockTypeComponents = api => {
|
|
|
96
115
|
},
|
|
97
116
|
component: createParagraphBlockMenuItem({
|
|
98
117
|
api
|
|
99
|
-
})
|
|
118
|
+
}),
|
|
119
|
+
isHidden: () => {
|
|
120
|
+
var _api$blockMenu3;
|
|
121
|
+
return Boolean(api === null || api === void 0 ? void 0 : (_api$blockMenu3 = api.blockMenu) === null || _api$blockMenu3 === void 0 ? void 0 : _api$blockMenu3.actions.isTransformOptionDisabled(PARAGRAPH_NODE_NAME));
|
|
122
|
+
}
|
|
100
123
|
}];
|
|
101
124
|
};
|
|
@@ -138,7 +138,7 @@ export var createPlugin = function createPlugin(editorAPI, dispatch, lastNodeMus
|
|
|
138
138
|
*/
|
|
139
139
|
handleKeyDown: function handleKeyDown(view, event) {
|
|
140
140
|
var headingLevel = HEADING_KEYS.indexOf(event.keyCode);
|
|
141
|
-
if (headingLevel === -1
|
|
141
|
+
if (headingLevel === -1) {
|
|
142
142
|
// Check for numpad keys if not found in digits row
|
|
143
143
|
headingLevel = HEADING_NUMPAD_KEYS.indexOf(event.keyCode);
|
|
144
144
|
}
|
|
@@ -13,7 +13,6 @@ var headingIcons = [TextHeadingOneIcon, TextHeadingTwoIcon, TextHeadingThreeIcon
|
|
|
13
13
|
var headingMessages = [blockTypeMessages.heading1, blockTypeMessages.heading2, blockTypeMessages.heading3, blockTypeMessages.heading4, blockTypeMessages.heading5, blockTypeMessages.heading6];
|
|
14
14
|
var NODE_NAME = 'heading';
|
|
15
15
|
var HeadingBlockMenuItem = function HeadingBlockMenuItem(_ref) {
|
|
16
|
-
var _api$blockMenu2;
|
|
17
16
|
var level = _ref.level,
|
|
18
17
|
api = _ref.api;
|
|
19
18
|
var _useIntl = useIntl(),
|
|
@@ -39,12 +38,6 @@ var HeadingBlockMenuItem = function HeadingBlockMenuItem(_ref) {
|
|
|
39
38
|
}) : null;
|
|
40
39
|
});
|
|
41
40
|
};
|
|
42
|
-
var isTransfromToPanelDisabled = api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME, {
|
|
43
|
-
level: level
|
|
44
|
-
});
|
|
45
|
-
if (isTransfromToPanelDisabled) {
|
|
46
|
-
return null;
|
|
47
|
-
}
|
|
48
41
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
49
42
|
onClick: handleClick,
|
|
50
43
|
elemBefore: /*#__PURE__*/React.createElement(Icon, {
|
|
@@ -6,7 +6,6 @@ import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
|
|
|
6
6
|
import TextParagraphIcon from '@atlaskit/icon-lab/core/text-paragraph';
|
|
7
7
|
var NODE_NAME = 'paragraph';
|
|
8
8
|
var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
|
|
9
|
-
var _api$blockMenu2;
|
|
10
9
|
var api = _ref.api;
|
|
11
10
|
var _useIntl = useIntl(),
|
|
12
11
|
formatMessage = _useIntl.formatMessage;
|
|
@@ -26,10 +25,6 @@ var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
|
|
|
26
25
|
}) : null;
|
|
27
26
|
});
|
|
28
27
|
};
|
|
29
|
-
var isTransfromToPanelDisabled = api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME);
|
|
30
|
-
if (isTransfromToPanelDisabled) {
|
|
31
|
-
return null;
|
|
32
|
-
}
|
|
33
28
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
34
29
|
onClick: handleClick,
|
|
35
30
|
elemBefore: /*#__PURE__*/React.createElement(TextParagraphIcon, {
|
|
@@ -6,7 +6,6 @@ import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
|
|
|
6
6
|
import QuotationMarkIcon from '@atlaskit/icon/core/quotation-mark';
|
|
7
7
|
var NODE_NAME = 'blockquote';
|
|
8
8
|
var QuoteBlockMenuItem = function QuoteBlockMenuItem(_ref) {
|
|
9
|
-
var _api$blockMenu2;
|
|
10
9
|
var api = _ref.api;
|
|
11
10
|
var _useIntl = useIntl(),
|
|
12
11
|
formatMessage = _useIntl.formatMessage;
|
|
@@ -26,10 +25,6 @@ var QuoteBlockMenuItem = function QuoteBlockMenuItem(_ref) {
|
|
|
26
25
|
}) : null;
|
|
27
26
|
});
|
|
28
27
|
};
|
|
29
|
-
var isTransfromToPanelDisabled = api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME);
|
|
30
|
-
if (isTransfromToPanelDisabled) {
|
|
31
|
-
return null;
|
|
32
|
-
}
|
|
33
28
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
34
29
|
onClick: handleClick,
|
|
35
30
|
elemBefore: /*#__PURE__*/React.createElement(QuotationMarkIcon, {
|
package/dist/esm/ui/index.js
CHANGED
|
@@ -2,7 +2,16 @@ import { TRANSFORM_HEADINGS_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION_RANK,
|
|
|
2
2
|
import { createHeadingBlockMenuItem } from './HeadingBlockMenuItem';
|
|
3
3
|
import { createParagraphBlockMenuItem } from './ParagraphBlockMenuItem';
|
|
4
4
|
import { createQuoteBlockMenuItem } from './QuoteBlockMenuItem';
|
|
5
|
+
var HEADING_NODE_NAME = 'heading';
|
|
6
|
+
var QUOTE_NODE_NAME = 'blockquote';
|
|
7
|
+
var PARAGRAPH_NODE_NAME = 'paragraph';
|
|
5
8
|
export var getBlockTypeComponents = function getBlockTypeComponents(api) {
|
|
9
|
+
var isTransformHeadingDisabled = function isTransformHeadingDisabled(level) {
|
|
10
|
+
var _api$blockMenu;
|
|
11
|
+
return Boolean(api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.isTransformOptionDisabled(HEADING_NODE_NAME, {
|
|
12
|
+
level: level
|
|
13
|
+
}));
|
|
14
|
+
};
|
|
6
15
|
return [{
|
|
7
16
|
type: 'block-menu-item',
|
|
8
17
|
key: TRANSFORM_HEADINGS_H1_MENU_ITEM.key,
|
|
@@ -14,7 +23,10 @@ export var getBlockTypeComponents = function getBlockTypeComponents(api) {
|
|
|
14
23
|
component: createHeadingBlockMenuItem({
|
|
15
24
|
level: 1,
|
|
16
25
|
api: api
|
|
17
|
-
})
|
|
26
|
+
}),
|
|
27
|
+
isHidden: function isHidden() {
|
|
28
|
+
return isTransformHeadingDisabled(1);
|
|
29
|
+
}
|
|
18
30
|
}, {
|
|
19
31
|
type: 'block-menu-item',
|
|
20
32
|
key: TRANSFORM_HEADINGS_H2_MENU_ITEM.key,
|
|
@@ -26,7 +38,10 @@ export var getBlockTypeComponents = function getBlockTypeComponents(api) {
|
|
|
26
38
|
component: createHeadingBlockMenuItem({
|
|
27
39
|
level: 2,
|
|
28
40
|
api: api
|
|
29
|
-
})
|
|
41
|
+
}),
|
|
42
|
+
isHidden: function isHidden() {
|
|
43
|
+
return isTransformHeadingDisabled(2);
|
|
44
|
+
}
|
|
30
45
|
}, {
|
|
31
46
|
type: 'block-menu-item',
|
|
32
47
|
key: TRANSFORM_HEADINGS_H3_MENU_ITEM.key,
|
|
@@ -38,7 +53,10 @@ export var getBlockTypeComponents = function getBlockTypeComponents(api) {
|
|
|
38
53
|
component: createHeadingBlockMenuItem({
|
|
39
54
|
level: 3,
|
|
40
55
|
api: api
|
|
41
|
-
})
|
|
56
|
+
}),
|
|
57
|
+
isHidden: function isHidden() {
|
|
58
|
+
return isTransformHeadingDisabled(3);
|
|
59
|
+
}
|
|
42
60
|
}, {
|
|
43
61
|
type: 'block-menu-item',
|
|
44
62
|
key: TRANSFORM_HEADINGS_H4_MENU_ITEM.key,
|
|
@@ -50,7 +68,10 @@ export var getBlockTypeComponents = function getBlockTypeComponents(api) {
|
|
|
50
68
|
component: createHeadingBlockMenuItem({
|
|
51
69
|
level: 4,
|
|
52
70
|
api: api
|
|
53
|
-
})
|
|
71
|
+
}),
|
|
72
|
+
isHidden: function isHidden() {
|
|
73
|
+
return isTransformHeadingDisabled(4);
|
|
74
|
+
}
|
|
54
75
|
}, {
|
|
55
76
|
type: 'block-menu-item',
|
|
56
77
|
key: TRANSFORM_HEADINGS_H5_MENU_ITEM.key,
|
|
@@ -62,7 +83,10 @@ export var getBlockTypeComponents = function getBlockTypeComponents(api) {
|
|
|
62
83
|
component: createHeadingBlockMenuItem({
|
|
63
84
|
level: 5,
|
|
64
85
|
api: api
|
|
65
|
-
})
|
|
86
|
+
}),
|
|
87
|
+
isHidden: function isHidden() {
|
|
88
|
+
return isTransformHeadingDisabled(5);
|
|
89
|
+
}
|
|
66
90
|
}, {
|
|
67
91
|
type: 'block-menu-item',
|
|
68
92
|
key: TRANSFORM_HEADINGS_H6_MENU_ITEM.key,
|
|
@@ -74,7 +98,10 @@ export var getBlockTypeComponents = function getBlockTypeComponents(api) {
|
|
|
74
98
|
component: createHeadingBlockMenuItem({
|
|
75
99
|
level: 6,
|
|
76
100
|
api: api
|
|
77
|
-
})
|
|
101
|
+
}),
|
|
102
|
+
isHidden: function isHidden() {
|
|
103
|
+
return isTransformHeadingDisabled(6);
|
|
104
|
+
}
|
|
78
105
|
}, {
|
|
79
106
|
type: 'block-menu-item',
|
|
80
107
|
key: TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key,
|
|
@@ -85,7 +112,11 @@ export var getBlockTypeComponents = function getBlockTypeComponents(api) {
|
|
|
85
112
|
},
|
|
86
113
|
component: createQuoteBlockMenuItem({
|
|
87
114
|
api: api
|
|
88
|
-
})
|
|
115
|
+
}),
|
|
116
|
+
isHidden: function isHidden() {
|
|
117
|
+
var _api$blockMenu2;
|
|
118
|
+
return Boolean(api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(QUOTE_NODE_NAME));
|
|
119
|
+
}
|
|
89
120
|
}, {
|
|
90
121
|
type: 'block-menu-item',
|
|
91
122
|
key: TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key,
|
|
@@ -96,6 +127,10 @@ export var getBlockTypeComponents = function getBlockTypeComponents(api) {
|
|
|
96
127
|
},
|
|
97
128
|
component: createParagraphBlockMenuItem({
|
|
98
129
|
api: api
|
|
99
|
-
})
|
|
130
|
+
}),
|
|
131
|
+
isHidden: function isHidden() {
|
|
132
|
+
var _api$blockMenu3;
|
|
133
|
+
return Boolean(api === null || api === void 0 || (_api$blockMenu3 = api.blockMenu) === null || _api$blockMenu3 === void 0 ? void 0 : _api$blockMenu3.actions.isTransformOptionDisabled(PARAGRAPH_NODE_NAME));
|
|
134
|
+
}
|
|
100
135
|
}];
|
|
101
136
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-block-type",
|
|
3
|
-
"version": "11.0
|
|
3
|
+
"version": "11.1.0",
|
|
4
4
|
"description": "BlockType plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@atlaskit/editor-prosemirror": "^7.2.0",
|
|
42
42
|
"@atlaskit/editor-shared-styles": "^3.10.0",
|
|
43
43
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
44
|
-
"@atlaskit/editor-toolbar": "^0.
|
|
44
|
+
"@atlaskit/editor-toolbar": "^0.19.0",
|
|
45
45
|
"@atlaskit/editor-toolbar-model": "^0.2.0",
|
|
46
46
|
"@atlaskit/icon": "^29.4.0",
|
|
47
47
|
"@atlaskit/icon-lab": "^5.14.0",
|
|
@@ -51,13 +51,13 @@
|
|
|
51
51
|
"@atlaskit/prosemirror-history": "^0.2.0",
|
|
52
52
|
"@atlaskit/prosemirror-input-rules": "^3.6.0",
|
|
53
53
|
"@atlaskit/theme": "^21.0.0",
|
|
54
|
-
"@atlaskit/tmp-editor-statsig": "^16.
|
|
54
|
+
"@atlaskit/tmp-editor-statsig": "^16.13.0",
|
|
55
55
|
"@atlaskit/tokens": "^9.1.0",
|
|
56
56
|
"@babel/runtime": "^7.0.0",
|
|
57
57
|
"@emotion/react": "^11.7.1"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
60
|
-
"@atlaskit/editor-common": "^111.
|
|
60
|
+
"@atlaskit/editor-common": "^111.7.0",
|
|
61
61
|
"react": "^18.2.0",
|
|
62
62
|
"react-dom": "^18.2.0",
|
|
63
63
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
@@ -121,9 +121,6 @@
|
|
|
121
121
|
},
|
|
122
122
|
"platform_editor_adf_with_localid": {
|
|
123
123
|
"type": "boolean"
|
|
124
|
-
},
|
|
125
|
-
"platform_editor_heading_from_numpad": {
|
|
126
|
-
"type": "boolean"
|
|
127
124
|
}
|
|
128
125
|
}
|
|
129
126
|
}
|