@atlaskit/editor-plugin-block-type 11.0.0 → 11.0.3

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 (18) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/ui/HeadingBlockMenuItem.js +0 -7
  3. package/dist/cjs/ui/ParagraphBlockMenuItem.js +0 -5
  4. package/dist/cjs/ui/QuoteBlockMenuItem.js +0 -5
  5. package/dist/cjs/ui/index.js +43 -8
  6. package/dist/es2019/ui/HeadingBlockMenuItem.js +0 -7
  7. package/dist/es2019/ui/ParagraphBlockMenuItem.js +0 -5
  8. package/dist/es2019/ui/QuoteBlockMenuItem.js +0 -5
  9. package/dist/es2019/ui/index.js +31 -8
  10. package/dist/esm/ui/HeadingBlockMenuItem.js +0 -7
  11. package/dist/esm/ui/ParagraphBlockMenuItem.js +0 -5
  12. package/dist/esm/ui/QuoteBlockMenuItem.js +0 -5
  13. package/dist/esm/ui/index.js +43 -8
  14. package/dist/types/pm-plugins/ui/ToolbarBlockType/index.d.ts +2 -2
  15. package/dist/types/pm-plugins/ui/ToolbarBlockType/styled.d.ts +2 -1
  16. package/dist/types-ts4.5/pm-plugins/ui/ToolbarBlockType/index.d.ts +2 -2
  17. package/dist/types-ts4.5/pm-plugins/ui/ToolbarBlockType/styled.d.ts +2 -1
  18. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @atlaskit/editor-plugin-block-type
2
2
 
3
+ ## 11.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`b909e5f47ea91`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b909e5f47ea91) -
8
+ EDITOR-4159 Make sure block-menu-item type component return null when tranform disabled
9
+ - Updated dependencies
10
+
11
+ ## 11.0.2
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
17
+ ## 11.0.1
18
+
19
+ ### Patch Changes
20
+
21
+ - [`1051a075c959d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1051a075c959d) -
22
+ Internal changes to typography theme types.
23
+ - Updated dependencies
24
+
3
25
  ## 11.0.0
4
26
 
5
27
  ### Patch Changes
package/dist/cjs/ui/HeadingBlockMenuItem.js CHANGED
@@ -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, {
package/dist/cjs/ui/ParagraphBlockMenuItem.js CHANGED
@@ -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, {
package/dist/cjs/ui/QuoteBlockMenuItem.js CHANGED
@@ -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
  };
package/dist/es2019/ui/HeadingBlockMenuItem.js CHANGED
@@ -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, {
package/dist/es2019/ui/ParagraphBlockMenuItem.js CHANGED
@@ -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, {
package/dist/es2019/ui/QuoteBlockMenuItem.js CHANGED
@@ -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
  };
package/dist/esm/ui/HeadingBlockMenuItem.js CHANGED
@@ -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, {
package/dist/esm/ui/ParagraphBlockMenuItem.js CHANGED
@@ -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, {
package/dist/esm/ui/QuoteBlockMenuItem.js CHANGED
@@ -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/dist/types/pm-plugins/ui/ToolbarBlockType/index.d.ts CHANGED
@@ -7,7 +7,7 @@ import type { WrappedComponentProps } from 'react-intl-next';
7
7
  import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
8
8
  import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
9
9
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
10
- import { ThemeMutationObserver } from '@atlaskit/tokens';
10
+ import { ThemeMutationObserver, type ThemeState } from '@atlaskit/tokens';
11
11
  import type { BlockTypePlugin } from '../../../blockTypePluginType';
12
12
  import type { TextBlockTypes } from '../../block-types';
13
13
  import type { BlockType } from '../../types';
@@ -37,7 +37,7 @@ export interface State {
37
37
  active: boolean;
38
38
  isOpenedByKeyboard: boolean;
39
39
  observer: ThemeMutationObserver | null;
40
- typographyTheme: 'typography' | 'typography-adg3' | 'typography-modernized' | 'typography-refreshed' | undefined;
40
+ typographyTheme: ThemeState['typography'];
41
41
  }
42
42
  declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
43
43
  WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
package/dist/types/pm-plugins/ui/ToolbarBlockType/styled.d.ts CHANGED
@@ -3,7 +3,8 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import { type SerializedStyles } from '@emotion/react';
6
- export declare const blockTypeMenuItemStyle: (tagName: string, selected?: boolean, typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed") => () => SerializedStyles;
6
+ import { type ThemeState } from '@atlaskit/tokens';
7
+ export declare const blockTypeMenuItemStyle: (tagName: string, selected?: boolean, typographyTheme?: ThemeState["typography"]) => () => SerializedStyles;
7
8
  export declare const keyboardShortcut: SerializedStyles;
8
9
  export declare const keyboardShortcutSelect: SerializedStyles;
9
10
  export declare const wrapperSmallStyle: SerializedStyles;
package/dist/types-ts4.5/pm-plugins/ui/ToolbarBlockType/index.d.ts CHANGED
@@ -7,7 +7,7 @@ import type { WrappedComponentProps } from 'react-intl-next';
7
7
  import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
8
8
  import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
9
9
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
10
- import { ThemeMutationObserver } from '@atlaskit/tokens';
10
+ import { ThemeMutationObserver, type ThemeState } from '@atlaskit/tokens';
11
11
  import type { BlockTypePlugin } from '../../../blockTypePluginType';
12
12
  import type { TextBlockTypes } from '../../block-types';
13
13
  import type { BlockType } from '../../types';
@@ -37,7 +37,7 @@ export interface State {
37
37
  active: boolean;
38
38
  isOpenedByKeyboard: boolean;
39
39
  observer: ThemeMutationObserver | null;
40
- typographyTheme: 'typography' | 'typography-adg3' | 'typography-modernized' | 'typography-refreshed' | undefined;
40
+ typographyTheme: ThemeState['typography'];
41
41
  }
42
42
  declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
43
43
  WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
package/dist/types-ts4.5/pm-plugins/ui/ToolbarBlockType/styled.d.ts CHANGED
@@ -3,7 +3,8 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import { type SerializedStyles } from '@emotion/react';
6
- export declare const blockTypeMenuItemStyle: (tagName: string, selected?: boolean, typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed") => () => SerializedStyles;
6
+ import { type ThemeState } from '@atlaskit/tokens';
7
+ export declare const blockTypeMenuItemStyle: (tagName: string, selected?: boolean, typographyTheme?: ThemeState["typography"]) => () => SerializedStyles;
7
8
  export declare const keyboardShortcut: SerializedStyles;
8
9
  export declare const keyboardShortcutSelect: SerializedStyles;
9
10
  export declare const wrapperSmallStyle: SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-block-type",
3
- "version": "11.0.0",
3
+ "version": "11.0.3",
4
4
  "description": "BlockType plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -41,23 +41,23 @@
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.18.0",
44
+ "@atlaskit/editor-toolbar": "^0.19.0",
45
45
  "@atlaskit/editor-toolbar-model": "^0.2.0",
46
- "@atlaskit/icon": "^29.3.0",
47
- "@atlaskit/icon-lab": "^5.13.0",
46
+ "@atlaskit/icon": "^29.4.0",
47
+ "@atlaskit/icon-lab": "^5.14.0",
48
48
  "@atlaskit/platform-feature-flags": "^1.1.0",
49
49
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
50
50
  "@atlaskit/primitives": "^17.0.0",
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.3.0",
55
- "@atlaskit/tokens": "^9.0.0",
54
+ "@atlaskit/tmp-editor-statsig": "^16.11.0",
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.0.0",
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"