@atlaskit/editor-plugin-block-type 10.2.18 → 10.2.20

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 (11) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/pm-plugins/main.js +0 -15
  3. package/dist/cjs/ui/ParagraphBlockMenuItem.js +14 -5
  4. package/dist/cjs/ui/index.js +12 -0
  5. package/dist/es2019/pm-plugins/main.js +0 -18
  6. package/dist/es2019/ui/ParagraphBlockMenuItem.js +15 -5
  7. package/dist/es2019/ui/index.js +13 -1
  8. package/dist/esm/pm-plugins/main.js +0 -15
  9. package/dist/esm/ui/ParagraphBlockMenuItem.js +14 -5
  10. package/dist/esm/ui/index.js +13 -1
  11. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-plugin-block-type
2
2
 
3
+ ## 10.2.20
4
+
5
+ ### Patch Changes
6
+
7
+ - [`e3779b75fdeca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3779b75fdeca) -
8
+ EDITOR-1643 Promote syncBlock and bodiedSyncBlock to full schema
9
+ - [`9f0fb29cbfc8b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9f0fb29cbfc8b) -
10
+ Add paragraph option to block menu
11
+ - Updated dependencies
12
+
13
+ ## 10.2.19
14
+
15
+ ### Patch Changes
16
+
17
+ - [`55920a92e882a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/55920a92e882a) -
18
+ tsignores added for help-center local consumpton removed
19
+ - Updated dependencies
20
+
3
21
  ## 10.2.18
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/pm-plugins/main.js CHANGED
@@ -60,11 +60,7 @@ var detectBlockType = function detectBlockType(availableBlockTypes, state) {
60
60
  var _state$selection = state.selection,
61
61
  $from = _state$selection.$from,
62
62
  $to = _state$selection.$to;
63
- // @ts-ignore - Workaround for help-center local consumption
64
-
65
63
  state.doc.nodesBetween($from.pos, $to.pos, function (node) {
66
- // @ts-ignore - Workaround for help-center local consumption
67
-
68
64
  var nodeBlockType = availableBlockTypes.filter(function (blockType) {
69
65
  return blockType === blockTypeForNode(node, state.schema);
70
66
  });
@@ -91,7 +87,6 @@ var createPlugin = exports.createPlugin = function createPlugin(editorAPI, dispa
91
87
  var editorAnalyticsApi = editorAPI === null || editorAPI === void 0 || (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 ? void 0 : _editorAPI$analytics.actions;
92
88
  var altKeyLocation = 0;
93
89
  return new _safePlugin.SafePlugin({
94
- // @ts-ignore - Workaround for help-center local consumption
95
90
  appendTransaction: function appendTransaction(_transactions, _oldState, newState) {
96
91
  if (lastNodeMustBeParagraph) {
97
92
  var pos = newState.doc.resolve(newState.doc.content.size - 1);
@@ -103,21 +98,14 @@ var createPlugin = exports.createPlugin = function createPlugin(editorAPI, dispa
103
98
  }
104
99
  },
105
100
  state: {
106
- // @ts-ignore - Workaround for help-center local consumption
107
101
  init: function init(_config, state) {
108
- // @ts-ignore - Workaround for help-center local consumption
109
-
110
102
  var availableBlockTypes = _blockTypes.TEXT_BLOCK_TYPES.filter(function (blockType) {
111
103
  return isBlockTypeSchemaSupported(blockType, state);
112
104
  });
113
- // @ts-ignore - Workaround for help-center local consumption
114
-
115
105
  var availableWrapperBlockTypes = _blockTypes.WRAPPER_BLOCK_TYPES.filter(function (blockType) {
116
106
  return isBlockTypeSchemaSupported(blockType, state);
117
107
  });
118
108
  var BLOCK_TYPES_IN_DROPDOWN = (0, _blockTypes.getBlockTypesInDropdown)(includeBlockQuoteAsTextstyleOption);
119
- // @ts-ignore - Workaround for help-center local consumption
120
-
121
109
  var availableBlockTypesInDropdown = BLOCK_TYPES_IN_DROPDOWN.filter(function (blockType) {
122
110
  return isBlockTypeSchemaSupported(blockType, state);
123
111
  });
@@ -131,7 +119,6 @@ var createPlugin = exports.createPlugin = function createPlugin(editorAPI, dispa
131
119
  formattingIsPresent: formattingIsPresent
132
120
  };
133
121
  },
134
- // @ts-ignore - Workaround for help-center local consumption
135
122
  apply: function apply(_tr, oldPluginState, _oldState, newState) {
136
123
  var newPluginState = _objectSpread(_objectSpread({}, oldPluginState), {}, {
137
124
  currentBlockType: detectBlockType(oldPluginState.availableBlockTypesInDropdown, newState),
@@ -152,8 +139,6 @@ var createPlugin = exports.createPlugin = function createPlugin(editorAPI, dispa
152
139
  * Shortcut on Mac: Cmd-Opt-{heading level}
153
140
  * Shortcut on Windows: Ctrl-LeftAlt-{heading level}
154
141
  */
155
- // @ts-ignore - Workaround for help-center local consumption
156
-
157
142
  handleKeyDown: function handleKeyDown(view, event) {
158
143
  var headingLevel = _consts.HEADING_KEYS.indexOf(event.keyCode);
159
144
  if (headingLevel === -1 && (0, _platformFeatureFlags.fg)('platform_editor_heading_from_numpad')) {
package/dist/cjs/ui/ParagraphBlockMenuItem.js CHANGED
@@ -8,8 +8,8 @@ exports.createParagraphBlockMenuItem = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _reactIntlNext = require("react-intl-next");
10
10
  var _analytics = require("@atlaskit/editor-common/analytics");
11
+ var _hooks = require("@atlaskit/editor-common/hooks");
11
12
  var _messages = require("@atlaskit/editor-common/messages");
12
- var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
13
13
  var _state = require("@atlaskit/editor-prosemirror/state");
14
14
  var _editorToolbar = require("@atlaskit/editor-toolbar");
15
15
  var _textParagraph = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-paragraph"));
@@ -18,10 +18,19 @@ var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
18
18
  var api = _ref.api;
19
19
  var _useIntl = (0, _reactIntlNext.useIntl)(),
20
20
  formatMessage = _useIntl.formatMessage;
21
- var currentBlockType = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'blockType.currentBlockType');
22
- var bulletListActive = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'list.bulletListActive');
23
- var orderedListActive = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'list.orderedListActive');
24
- var selection = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'selection.selection');
21
+ var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockType', 'list', 'selection'], function (states) {
22
+ var _states$blockTypeStat, _states$listState, _states$listState2, _states$selectionStat;
23
+ return {
24
+ currentBlockType: (_states$blockTypeStat = states.blockTypeState) === null || _states$blockTypeStat === void 0 ? void 0 : _states$blockTypeStat.currentBlockType,
25
+ bulletListActive: (_states$listState = states.listState) === null || _states$listState === void 0 ? void 0 : _states$listState.bulletListActive,
26
+ orderedListActive: (_states$listState2 = states.listState) === null || _states$listState2 === void 0 ? void 0 : _states$listState2.orderedListActive,
27
+ selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
28
+ };
29
+ }),
30
+ currentBlockType = _useSharedPluginState.currentBlockType,
31
+ bulletListActive = _useSharedPluginState.bulletListActive,
32
+ orderedListActive = _useSharedPluginState.orderedListActive,
33
+ selection = _useSharedPluginState.selection;
25
34
  var isTextSelection = selection instanceof _state.TextSelection;
26
35
  var isParagraph = isTextSelection && currentBlockType && currentBlockType === _consts.NORMAL_TEXT && !bulletListActive && !orderedListActive;
27
36
  var handleClick = function handleClick(event) {
package/dist/cjs/ui/index.js CHANGED
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.getBlockTypeComponents = void 0;
7
7
  var _blockMenu = require("@atlaskit/editor-common/block-menu");
8
8
  var _HeadingBlockMenuItem = require("./HeadingBlockMenuItem");
9
+ var _ParagraphBlockMenuItem = require("./ParagraphBlockMenuItem");
9
10
  var _QuoteBlockMenuItem = require("./QuoteBlockMenuItem");
10
11
  var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockTypeComponents(api) {
11
12
  return [{
@@ -91,5 +92,16 @@ var getBlockTypeComponents = exports.getBlockTypeComponents = function getBlockT
91
92
  component: (0, _QuoteBlockMenuItem.createQuoteBlockMenuItem)({
92
93
  api: api
93
94
  })
95
+ }, {
96
+ type: 'block-menu-item',
97
+ key: _blockMenu.TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key,
98
+ parent: {
99
+ type: 'block-menu-section',
100
+ key: _blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION.key,
101
+ rank: _blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION_RANK[_blockMenu.TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]
102
+ },
103
+ component: (0, _ParagraphBlockMenuItem.createParagraphBlockMenuItem)({
104
+ api: api
105
+ })
94
106
  }];
95
107
  };
package/dist/es2019/pm-plugins/main.js CHANGED
@@ -51,11 +51,7 @@ const detectBlockType = (availableBlockTypes, state) => {
51
51
  $from,
52
52
  $to
53
53
  } = state.selection;
54
- // @ts-ignore - Workaround for help-center local consumption
55
-
56
54
  state.doc.nodesBetween($from.pos, $to.pos, node => {
57
- // @ts-ignore - Workaround for help-center local consumption
58
-
59
55
  const nodeBlockType = availableBlockTypes.filter(blockType => blockType === blockTypeForNode(node, state.schema));
60
56
  if (nodeBlockType.length > 0) {
61
57
  if (!blockType) {
@@ -80,8 +76,6 @@ export const createPlugin = (editorAPI, dispatch, lastNodeMustBeParagraph, inclu
80
76
  const editorAnalyticsApi = editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 ? void 0 : _editorAPI$analytics.actions;
81
77
  let altKeyLocation = 0;
82
78
  return new SafePlugin({
83
- // @ts-ignore - Workaround for help-center local consumption
84
-
85
79
  appendTransaction(_transactions, _oldState, newState) {
86
80
  if (lastNodeMustBeParagraph) {
87
81
  const pos = newState.doc.resolve(newState.doc.content.size - 1);
@@ -95,18 +89,10 @@ export const createPlugin = (editorAPI, dispatch, lastNodeMustBeParagraph, inclu
95
89
  }
96
90
  },
97
91
  state: {
98
- // @ts-ignore - Workaround for help-center local consumption
99
-
100
92
  init(_config, state) {
101
- // @ts-ignore - Workaround for help-center local consumption
102
-
103
93
  const availableBlockTypes = TEXT_BLOCK_TYPES.filter(blockType => isBlockTypeSchemaSupported(blockType, state));
104
- // @ts-ignore - Workaround for help-center local consumption
105
-
106
94
  const availableWrapperBlockTypes = WRAPPER_BLOCK_TYPES.filter(blockType => isBlockTypeSchemaSupported(blockType, state));
107
95
  const BLOCK_TYPES_IN_DROPDOWN = getBlockTypesInDropdown(includeBlockQuoteAsTextstyleOption);
108
- // @ts-ignore - Workaround for help-center local consumption
109
-
110
96
  const availableBlockTypesInDropdown = BLOCK_TYPES_IN_DROPDOWN.filter(blockType => isBlockTypeSchemaSupported(blockType, state));
111
97
  const formattingIsPresent = hasBlockQuoteInOptions(availableBlockTypesInDropdown) ? checkFormattingIsPresent(state) : undefined;
112
98
  return {
@@ -118,8 +104,6 @@ export const createPlugin = (editorAPI, dispatch, lastNodeMustBeParagraph, inclu
118
104
  formattingIsPresent
119
105
  };
120
106
  },
121
- // @ts-ignore - Workaround for help-center local consumption
122
-
123
107
  apply(_tr, oldPluginState, _oldState, newState) {
124
108
  const newPluginState = {
125
109
  ...oldPluginState,
@@ -141,8 +125,6 @@ export const createPlugin = (editorAPI, dispatch, lastNodeMustBeParagraph, inclu
141
125
  * Shortcut on Mac: Cmd-Opt-{heading level}
142
126
  * Shortcut on Windows: Ctrl-LeftAlt-{heading level}
143
127
  */
144
- // @ts-ignore - Workaround for help-center local consumption
145
-
146
128
  handleKeyDown: (view, event) => {
147
129
  let headingLevel = HEADING_KEYS.indexOf(event.keyCode);
148
130
  if (headingLevel === -1 && fg('platform_editor_heading_from_numpad')) {
package/dist/es2019/ui/ParagraphBlockMenuItem.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
3
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
4
+ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
4
5
  import { blockMenuMessages } from '@atlaskit/editor-common/messages';
5
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
6
6
  import { TextSelection } from '@atlaskit/editor-prosemirror/state';
7
7
  import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
8
8
  import TextParagraphIcon from '@atlaskit/icon-lab/core/text-paragraph';
@@ -13,10 +13,20 @@ const ParagraphBlockMenuItem = ({
13
13
  const {
14
14
  formatMessage
15
15
  } = useIntl();
16
- const currentBlockType = useSharedPluginStateSelector(api, 'blockType.currentBlockType');
17
- const bulletListActive = useSharedPluginStateSelector(api, 'list.bulletListActive');
18
- const orderedListActive = useSharedPluginStateSelector(api, 'list.orderedListActive');
19
- const selection = useSharedPluginStateSelector(api, 'selection.selection');
16
+ const {
17
+ currentBlockType,
18
+ bulletListActive,
19
+ orderedListActive,
20
+ selection
21
+ } = useSharedPluginStateWithSelector(api, ['blockType', 'list', 'selection'], states => {
22
+ var _states$blockTypeStat, _states$listState, _states$listState2, _states$selectionStat;
23
+ return {
24
+ currentBlockType: (_states$blockTypeStat = states.blockTypeState) === null || _states$blockTypeStat === void 0 ? void 0 : _states$blockTypeStat.currentBlockType,
25
+ bulletListActive: (_states$listState = states.listState) === null || _states$listState === void 0 ? void 0 : _states$listState.bulletListActive,
26
+ orderedListActive: (_states$listState2 = states.listState) === null || _states$listState2 === void 0 ? void 0 : _states$listState2.orderedListActive,
27
+ selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
28
+ };
29
+ });
20
30
  const isTextSelection = selection instanceof TextSelection;
21
31
  const isParagraph = isTextSelection && currentBlockType && currentBlockType === NORMAL_TEXT && !bulletListActive && !orderedListActive;
22
32
  const handleClick = event => {
package/dist/es2019/ui/index.js CHANGED
@@ -1,5 +1,6 @@
1
- import { TRANSFORM_HEADINGS_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION_RANK, TRANSFORM_HEADINGS_H1_MENU_ITEM, TRANSFORM_HEADINGS_H2_MENU_ITEM, TRANSFORM_HEADINGS_H3_MENU_ITEM, TRANSFORM_HEADINGS_H4_MENU_ITEM, TRANSFORM_HEADINGS_H5_MENU_ITEM, TRANSFORM_HEADINGS_H6_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu';
1
+ import { TRANSFORM_HEADINGS_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION_RANK, TRANSFORM_HEADINGS_H1_MENU_ITEM, TRANSFORM_HEADINGS_H2_MENU_ITEM, TRANSFORM_HEADINGS_H3_MENU_ITEM, TRANSFORM_HEADINGS_H4_MENU_ITEM, TRANSFORM_HEADINGS_H5_MENU_ITEM, TRANSFORM_HEADINGS_H6_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION_RANK, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
2
2
  import { createHeadingBlockMenuItem } from './HeadingBlockMenuItem';
3
+ import { createParagraphBlockMenuItem } from './ParagraphBlockMenuItem';
3
4
  import { createQuoteBlockMenuItem } from './QuoteBlockMenuItem';
4
5
  export const getBlockTypeComponents = api => {
5
6
  return [{
@@ -85,5 +86,16 @@ export const getBlockTypeComponents = api => {
85
86
  component: createQuoteBlockMenuItem({
86
87
  api
87
88
  })
89
+ }, {
90
+ type: 'block-menu-item',
91
+ key: TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key,
92
+ parent: {
93
+ type: 'block-menu-section',
94
+ key: TRANSFORM_STRUCTURE_MENU_SECTION.key,
95
+ rank: TRANSFORM_STRUCTURE_MENU_SECTION_RANK[TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]
96
+ },
97
+ component: createParagraphBlockMenuItem({
98
+ api
99
+ })
88
100
  }];
89
101
  };
package/dist/esm/pm-plugins/main.js CHANGED
@@ -53,11 +53,7 @@ var detectBlockType = function detectBlockType(availableBlockTypes, state) {
53
53
  var _state$selection = state.selection,
54
54
  $from = _state$selection.$from,
55
55
  $to = _state$selection.$to;
56
- // @ts-ignore - Workaround for help-center local consumption
57
-
58
56
  state.doc.nodesBetween($from.pos, $to.pos, function (node) {
59
- // @ts-ignore - Workaround for help-center local consumption
60
-
61
57
  var nodeBlockType = availableBlockTypes.filter(function (blockType) {
62
58
  return blockType === blockTypeForNode(node, state.schema);
63
59
  });
@@ -84,7 +80,6 @@ export var createPlugin = function createPlugin(editorAPI, dispatch, lastNodeMus
84
80
  var editorAnalyticsApi = editorAPI === null || editorAPI === void 0 || (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 ? void 0 : _editorAPI$analytics.actions;
85
81
  var altKeyLocation = 0;
86
82
  return new SafePlugin({
87
- // @ts-ignore - Workaround for help-center local consumption
88
83
  appendTransaction: function appendTransaction(_transactions, _oldState, newState) {
89
84
  if (lastNodeMustBeParagraph) {
90
85
  var pos = newState.doc.resolve(newState.doc.content.size - 1);
@@ -96,21 +91,14 @@ export var createPlugin = function createPlugin(editorAPI, dispatch, lastNodeMus
96
91
  }
97
92
  },
98
93
  state: {
99
- // @ts-ignore - Workaround for help-center local consumption
100
94
  init: function init(_config, state) {
101
- // @ts-ignore - Workaround for help-center local consumption
102
-
103
95
  var availableBlockTypes = TEXT_BLOCK_TYPES.filter(function (blockType) {
104
96
  return isBlockTypeSchemaSupported(blockType, state);
105
97
  });
106
- // @ts-ignore - Workaround for help-center local consumption
107
-
108
98
  var availableWrapperBlockTypes = WRAPPER_BLOCK_TYPES.filter(function (blockType) {
109
99
  return isBlockTypeSchemaSupported(blockType, state);
110
100
  });
111
101
  var BLOCK_TYPES_IN_DROPDOWN = getBlockTypesInDropdown(includeBlockQuoteAsTextstyleOption);
112
- // @ts-ignore - Workaround for help-center local consumption
113
-
114
102
  var availableBlockTypesInDropdown = BLOCK_TYPES_IN_DROPDOWN.filter(function (blockType) {
115
103
  return isBlockTypeSchemaSupported(blockType, state);
116
104
  });
@@ -124,7 +112,6 @@ export var createPlugin = function createPlugin(editorAPI, dispatch, lastNodeMus
124
112
  formattingIsPresent: formattingIsPresent
125
113
  };
126
114
  },
127
- // @ts-ignore - Workaround for help-center local consumption
128
115
  apply: function apply(_tr, oldPluginState, _oldState, newState) {
129
116
  var newPluginState = _objectSpread(_objectSpread({}, oldPluginState), {}, {
130
117
  currentBlockType: detectBlockType(oldPluginState.availableBlockTypesInDropdown, newState),
@@ -145,8 +132,6 @@ export var createPlugin = function createPlugin(editorAPI, dispatch, lastNodeMus
145
132
  * Shortcut on Mac: Cmd-Opt-{heading level}
146
133
  * Shortcut on Windows: Ctrl-LeftAlt-{heading level}
147
134
  */
148
- // @ts-ignore - Workaround for help-center local consumption
149
-
150
135
  handleKeyDown: function handleKeyDown(view, event) {
151
136
  var headingLevel = HEADING_KEYS.indexOf(event.keyCode);
152
137
  if (headingLevel === -1 && fg('platform_editor_heading_from_numpad')) {
package/dist/esm/ui/ParagraphBlockMenuItem.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
3
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
4
+ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
4
5
  import { blockMenuMessages } from '@atlaskit/editor-common/messages';
5
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
6
6
  import { TextSelection } from '@atlaskit/editor-prosemirror/state';
7
7
  import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
8
8
  import TextParagraphIcon from '@atlaskit/icon-lab/core/text-paragraph';
@@ -11,10 +11,19 @@ var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
11
11
  var api = _ref.api;
12
12
  var _useIntl = useIntl(),
13
13
  formatMessage = _useIntl.formatMessage;
14
- var currentBlockType = useSharedPluginStateSelector(api, 'blockType.currentBlockType');
15
- var bulletListActive = useSharedPluginStateSelector(api, 'list.bulletListActive');
16
- var orderedListActive = useSharedPluginStateSelector(api, 'list.orderedListActive');
17
- var selection = useSharedPluginStateSelector(api, 'selection.selection');
14
+ var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockType', 'list', 'selection'], function (states) {
15
+ var _states$blockTypeStat, _states$listState, _states$listState2, _states$selectionStat;
16
+ return {
17
+ currentBlockType: (_states$blockTypeStat = states.blockTypeState) === null || _states$blockTypeStat === void 0 ? void 0 : _states$blockTypeStat.currentBlockType,
18
+ bulletListActive: (_states$listState = states.listState) === null || _states$listState === void 0 ? void 0 : _states$listState.bulletListActive,
19
+ orderedListActive: (_states$listState2 = states.listState) === null || _states$listState2 === void 0 ? void 0 : _states$listState2.orderedListActive,
20
+ selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
21
+ };
22
+ }),
23
+ currentBlockType = _useSharedPluginState.currentBlockType,
24
+ bulletListActive = _useSharedPluginState.bulletListActive,
25
+ orderedListActive = _useSharedPluginState.orderedListActive,
26
+ selection = _useSharedPluginState.selection;
18
27
  var isTextSelection = selection instanceof TextSelection;
19
28
  var isParagraph = isTextSelection && currentBlockType && currentBlockType === NORMAL_TEXT && !bulletListActive && !orderedListActive;
20
29
  var handleClick = function handleClick(event) {
package/dist/esm/ui/index.js CHANGED
@@ -1,5 +1,6 @@
1
- import { TRANSFORM_HEADINGS_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION_RANK, TRANSFORM_HEADINGS_H1_MENU_ITEM, TRANSFORM_HEADINGS_H2_MENU_ITEM, TRANSFORM_HEADINGS_H3_MENU_ITEM, TRANSFORM_HEADINGS_H4_MENU_ITEM, TRANSFORM_HEADINGS_H5_MENU_ITEM, TRANSFORM_HEADINGS_H6_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu';
1
+ import { TRANSFORM_HEADINGS_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION_RANK, TRANSFORM_HEADINGS_H1_MENU_ITEM, TRANSFORM_HEADINGS_H2_MENU_ITEM, TRANSFORM_HEADINGS_H3_MENU_ITEM, TRANSFORM_HEADINGS_H4_MENU_ITEM, TRANSFORM_HEADINGS_H5_MENU_ITEM, TRANSFORM_HEADINGS_H6_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION_RANK, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
2
2
  import { createHeadingBlockMenuItem } from './HeadingBlockMenuItem';
3
+ import { createParagraphBlockMenuItem } from './ParagraphBlockMenuItem';
3
4
  import { createQuoteBlockMenuItem } from './QuoteBlockMenuItem';
4
5
  export var getBlockTypeComponents = function getBlockTypeComponents(api) {
5
6
  return [{
@@ -85,5 +86,16 @@ export var getBlockTypeComponents = function getBlockTypeComponents(api) {
85
86
  component: createQuoteBlockMenuItem({
86
87
  api: api
87
88
  })
89
+ }, {
90
+ type: 'block-menu-item',
91
+ key: TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key,
92
+ parent: {
93
+ type: 'block-menu-section',
94
+ key: TRANSFORM_STRUCTURE_MENU_SECTION.key,
95
+ rank: TRANSFORM_STRUCTURE_MENU_SECTION_RANK[TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]
96
+ },
97
+ component: createParagraphBlockMenuItem({
98
+ api: api
99
+ })
88
100
  }];
89
101
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-block-type",
3
- "version": "10.2.18",
3
+ "version": "10.2.20",
4
4
  "description": "BlockType plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -29,7 +29,7 @@
29
29
  ],
30
30
  "atlaskit:src": "src/index.ts",
31
31
  "dependencies": {
32
- "@atlaskit/adf-schema": "^51.4.0",
32
+ "@atlaskit/adf-schema": "^51.5.1",
33
33
  "@atlaskit/css": "^0.17.0",
34
34
  "@atlaskit/editor-plugin-analytics": "^6.2.0",
35
35
  "@atlaskit/editor-plugin-block-menu": "^5.1.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": "^14.2.0",
54
+ "@atlaskit/tmp-editor-statsig": "^14.5.0",
55
55
  "@atlaskit/tokens": "^8.4.0",
56
56
  "@babel/runtime": "^7.0.0",
57
57
  "@emotion/react": "^11.7.1"
58
58
  },
59
59
  "peerDependencies": {
60
- "@atlaskit/editor-common": "^110.36.0",
60
+ "@atlaskit/editor-common": "^110.38.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"