@atlaskit/editor-plugin-block-menu 5.2.10 → 5.2.11

package/dist/es2019/ui/utils/suggested-items-rank.js

@@ -14,7 +14,7 @@
  * }
  */
 
-import { TRANSFORM_STRUCTURE_PANEL_MENU_ITEM, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM, TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM, TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM, TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM, TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_HEADINGS_H2_MENU_ITEM, TRANSFORM_HEADINGS_H3_MENU_ITEM, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
+import { TRANSFORM_STRUCTURE_PANEL_MENU_ITEM, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM, TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM, TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM, TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM, TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_HEADINGS_H1_MENU_ITEM, TRANSFORM_HEADINGS_H2_MENU_ITEM, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 export const BLOCK_MENU_NODE_TYPES = {
   PARAGRAPH: 'paragraph',
   EXPAND: 'expand',
@@ -37,85 +37,73 @@ export const BLOCK_MENU_NODE_TYPES = {
 export const TRANSFORM_SUGGESTED_ITEMS_RANK = {
   [BLOCK_MENU_NODE_TYPES.PARAGRAPH]: {
     [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 100,
-    [TRANSFORM_HEADINGS_H2_MENU_ITEM.key]: 200,
-    [TRANSFORM_HEADINGS_H3_MENU_ITEM.key]: 300
+    [TRANSFORM_HEADINGS_H1_MENU_ITEM.key]: 200,
+    [TRANSFORM_HEADINGS_H2_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.EXPAND]: {
-    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 100,
-    [TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key]: 200,
+    [TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key]: 100,
+    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 200,
     [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.BLOCKQUOTE]: {
-    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 100,
-    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 200,
-    [TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key]: 300
+    [TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key]: 100,
+    [TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key]: 200,
+    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.LAYOUT_SECTION]: {
     [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 100,
     [TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key]: 200,
-    [TRANSFORM_HEADINGS_H2_MENU_ITEM.key]: 300
+    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.PANEL]: {
-    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 100,
-    [TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key]: 200,
-    [TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM.key]: 300
+    [TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key]: 100,
+    [TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM.key]: 200,
+    [TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.CODE_BLOCK]: {
     [TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key]: 100,
-    [TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key]: 200,
-    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 300
+    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 200,
+    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.DECISION]: {
     [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 100,
-    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 200,
-    [TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM.key]: 300
+    [TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key]: 200,
+    [TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.BULLET_LIST]: {
     [TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM.key]: 100,
     [TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key]: 200,
-    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 300
+    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.ORDERED_LIST]: {
-    [TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key]: 100,
-    [TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM.key]: 200,
-    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 300
+    [TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM.key]: 100,
+    [TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key]: 200,
+    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.HEADING]: {
     [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 100,
-    [TRANSFORM_HEADINGS_H2_MENU_ITEM.key]: 200,
-    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 300
+    [TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key]: 200,
+    [TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.TASK_LIST]: {
-    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 100,
+    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 100,
     [TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM.key]: 200,
-    [TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM.key]: 300
+    [TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.MEDIA_SINGLE]: {
     [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 100,
-    [TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key]: 200,
-    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 300
+    [TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key]: 200,
+    [TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.EXTENSION]: {
-    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 100,
-    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 200,
-    [TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key]: 300
+    [TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key]: 100,
+    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 200,
+    [TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key]: 300
   },
   [BLOCK_MENU_NODE_TYPES.BODIED_EXTENSION]: {
-    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 100,
-    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 200,
-    [TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key]: 300
-  },
-  [BLOCK_MENU_NODE_TYPES.BLOCK_CARD]: {
-    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 100,
-    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 200
-  },
-  [BLOCK_MENU_NODE_TYPES.EMBED_CARD]: {
-    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 100,
-    [TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key]: 200
-  },
-  [BLOCK_MENU_NODE_TYPES.TABLE]: {
     [TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key]: 100,
-    [TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key]: 200
+    [TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key]: 200,
+    [TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key]: 300
   }
 };
 export const getSuggestedItemsForNodeType = nodeType => {

package/dist/esm/editor-commands/transform-node-utils/transform.js

@@ -84,9 +84,9 @@ var TRANSFORM_STEPS_OVERRIDE = {
     decisionList: [unwrapStep, wrapBlockquoteToDecisionListStep]
   },
   layoutSection: {
-    blockquote: [unwrapLayoutStep, wrapStep],
+    blockquote: [unwrapLayoutStep, wrapMixedContentStep],
     expand: [unwrapLayoutStep, wrapStep],
-    panel: [unwrapLayoutStep, wrapStep],
+    panel: [unwrapLayoutStep, wrapMixedContentStep],
     codeBlock: [unwrapLayoutStep, flattenStep, wrapStep],
     paragraph: [unwrapLayoutStep]
   },

package/dist/esm/editor-commands/transform-node-utils/utils.js

@@ -61,7 +61,7 @@ export var getTargetNodeTypeNameInContext = function getTargetNodeTypeNameInCont
  */
 export var expandSelectionToBlockRange = function expandSelectionToBlockRange(selection, schema) {
   var nodes = schema.nodes;
-  var nodesNeedToExpandRange = [nodes.listItem, nodes.taskItem];
+  var nodesNeedToExpandRange = [nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.listItem, nodes.taskItem];
 
   // when adding nodes.tableRow, tableHeader, tableCell in nodesNeedToExpandRang,
   // expandToBlockRange does not return expected table start position, sometimes even freeze editor
@@ -70,10 +70,11 @@ export var expandSelectionToBlockRange = function expandSelectionToBlockRange(se
     var table = findTable(selection);
     if (table) {
       var $from = selection.$from.doc.resolve(table.pos);
-      var $to = selection.$from.doc.resolve(table.pos + table.node.nodeSize);
+      var $to = selection.$from.doc.resolve(table.pos + table.node.nodeSize - 1);
       return {
         $from: $from,
-        $to: $to
+        $to: $to,
+        range: $from.blockRange($to)
       };
     }
   }
@@ -122,7 +123,26 @@ export var convertNestedExpandToExpand = function convertNestedExpandToExpand(no
     title: ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.title) || ''
   }, node.content);
 };
+
+/**
+ * Converts an expand to a nestedExpand node.
+ * When placing an expand inside another expand, it must become a nestedExpand
+ * since expand cannot be a direct child of expand.
+ */
+export var convertExpandToNestedExpand = function convertExpandToNestedExpand(node, schema) {
+  var _node$attrs2;
+  var nestedExpandType = schema.nodes.nestedExpand;
+  if (!nestedExpandType) {
+    return null;
+  }
+  return nestedExpandType.createAndFill({
+    title: ((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.title) || ''
+  }, node.content);
+};
 export var getBlockNodesInRange = function getBlockNodesInRange(range) {
+  if (range.startIndex === range.endIndex) {
+    return [];
+  }
   if (range.endIndex - range.startIndex <= 1) {
     return [range.parent.child(range.startIndex)];
   }

package/dist/esm/editor-commands/transform-node-utils/wrapStep.js

@@ -1,7 +1,27 @@
+import { convertExpandToNestedExpand } from './utils';
+
+/**
+ * Wraps nodes into the target container type.
+ * When wrapping into expand, any expand children are converted to nestedExpand
+ * since expand cannot be a direct child of expand.
+ */
 export var wrapStep = function wrapStep(nodes, context) {
   var schema = context.schema,
     targetNodeTypeName = context.targetNodeTypeName;
-  var outputNode = schema.nodes[targetNodeTypeName].createAndFill({}, nodes);
+
+  // When wrapping into expand, convert any expand children to nestedExpand
+  // since expand cannot be a direct child of expand
+  var processedNodes = nodes;
+  if (targetNodeTypeName === 'expand') {
+    processedNodes = nodes.map(function (node) {
+      if (node.type.name === 'expand') {
+        var nestedExpandNode = convertExpandToNestedExpand(node, schema);
+        return nestedExpandNode !== null && nestedExpandNode !== void 0 ? nestedExpandNode : node;
+      }
+      return node;
+    });
+  }
+  var outputNode = schema.nodes[targetNodeTypeName].createAndFill({}, processedNodes);
   if (outputNode) {
     return [outputNode];
   }

package/dist/esm/ui/block-menu-components.js

@@ -10,7 +10,8 @@ import { FormatMenuComponent } from './format-menu-nested';
 import { FormatMenuSection } from './format-menu-section';
 import { MoveDownDropdownItem } from './move-down';
 import { MoveUpDropdownItem } from './move-up';
-import { SuggestedItemsRenderer } from './suggested-items-renderer';
+import { SuggestedItemsMenuSection } from './suggested-items-menu-section';
+import { SuggestedMenuItems } from './suggested-menu-items';
 var getMoveUpMoveDownMenuComponents = function getMoveUpMoveDownMenuComponents(api) {
   return [{
     type: 'block-menu-item',
@@ -67,9 +68,13 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
       rank: TRANSFORM_MENU_ITEM_RANK[TRANSFORM_SUGGESTED_MENU_SECTION.key]
     },
     component: function component() {
-      return /*#__PURE__*/React.createElement(SuggestedItemsRenderer, {
+      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          children: null
+        },
+        children = _ref2.children;
+      return /*#__PURE__*/React.createElement(SuggestedItemsMenuSection, {
         api: api
-      });
+      }, children);
     }
   }, {
     type: 'block-menu-item',
@@ -78,6 +83,11 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
       type: 'block-menu-section',
       key: TRANSFORM_SUGGESTED_MENU_SECTION.key,
       rank: TRANSFORM_SUGGESTED_MENU_SECTION_RANK[TRANSFORM_SUGGESTED_MENU_ITEM.key]
+    },
+    component: function component() {
+      return /*#__PURE__*/React.createElement(SuggestedMenuItems, {
+        api: api
+      });
     }
   }, {
     type: 'block-menu-section',
@@ -88,10 +98,10 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
       rank: TRANSFORM_MENU_ITEM_RANK[TRANSFORM_CREATE_MENU_SECTION.key]
     },
     component: function component() {
-      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
           children: null
         },
-        children = _ref2.children;
+        children = _ref3.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         title: "Create"
       }, children);
@@ -105,10 +115,10 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
       rank: TRANSFORM_MENU_ITEM_RANK[TRANSFORM_STRUCTURE_MENU_SECTION.key]
     },
     component: function component() {
-      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
           children: null
         },
-        children = _ref3.children;
+        children = _ref4.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         title: "Structure"
       }, children);
@@ -122,10 +132,10 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
       rank: TRANSFORM_MENU_ITEM_RANK[TRANSFORM_HEADINGS_MENU_SECTION.key]
     },
     component: function component() {
-      var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
           children: null
         },
-        children = _ref4.children;
+        children = _ref5.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         title: "Headings",
         hasSeparator: true
@@ -135,23 +145,23 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
     type: 'block-menu-section',
     key: TRANSFORM_MENU_SECTION.key,
     rank: MAIN_BLOCK_MENU_SECTION_RANK[TRANSFORM_MENU_SECTION.key],
-    component: function component(_ref5) {
-      var children = _ref5.children;
+    component: function component(_ref6) {
+      var children = _ref6.children;
       return /*#__PURE__*/React.createElement(FormatMenuSection, {
         api: api
       }, children);
     }
   }];
 };
-export var getBlockMenuComponents = function getBlockMenuComponents(_ref6) {
-  var api = _ref6.api,
-    config = _ref6.config;
+export var getBlockMenuComponents = function getBlockMenuComponents(_ref7) {
+  var api = _ref7.api,
+    config = _ref7.config;
   return [].concat(_toConsumableArray(getTurnIntoMenuComponents(api)), [{
     type: 'block-menu-section',
     key: BLOCK_ACTIONS_MENU_SECTION.key,
     rank: MAIN_BLOCK_MENU_SECTION_RANK[BLOCK_ACTIONS_MENU_SECTION.key],
-    component: function component(_ref7) {
-      var children = _ref7.children;
+    component: function component(_ref8) {
+      var children = _ref8.children;
       return /*#__PURE__*/React.createElement(CopySection, {
         api: api
       }, children);
@@ -174,8 +184,8 @@ export var getBlockMenuComponents = function getBlockMenuComponents(_ref6) {
     type: 'block-menu-section',
     key: POSITION_MENU_SECTION.key,
     rank: MAIN_BLOCK_MENU_SECTION_RANK[POSITION_MENU_SECTION.key],
-    component: function component(_ref8) {
-      var children = _ref8.children;
+    component: function component(_ref9) {
+      var children = _ref9.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -184,8 +194,8 @@ export var getBlockMenuComponents = function getBlockMenuComponents(_ref6) {
     type: 'block-menu-section',
     key: DELETE_MENU_SECTION.key,
     rank: MAIN_BLOCK_MENU_SECTION_RANK[DELETE_MENU_SECTION.key],
-    component: function component(_ref9) {
-      var children = _ref9.children;
+    component: function component(_ref0) {
+      var children = _ref0.children;
       return /*#__PURE__*/React.createElement(DeleteSection, {
         api: api
       }, children);

package/dist/esm/ui/hooks/useSuggestedItems.js

@@ -0,0 +1,51 @@
+import { useMemo } from 'react';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { getBlockNodesInRange, expandSelectionToBlockRange } from '../../editor-commands/transform-node-utils/utils';
+import { getSortedSuggestedItems } from '../utils/suggested-items-rank';
+export var useSuggestedItems = function useSuggestedItems(api) {
+  var _api$blockMenu;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls', 'selection'], function (states) {
+      var _states$blockControls, _states$selectionStat;
+      return {
+        preservedSelection: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.preservedSelection,
+        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
+      };
+    }),
+    preservedSelection = _useSharedPluginState.preservedSelection,
+    selection = _useSharedPluginState.selection;
+  var blockMenuComponents = api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.getBlockMenuComponents();
+  var menuItemsMap = useMemo(function () {
+    if (!blockMenuComponents) {
+      return new Map();
+    }
+    return new Map(blockMenuComponents.filter(function (c) {
+      return c.type === 'block-menu-item';
+    }).map(function (item) {
+      return [item.key, item];
+    }));
+  }, [blockMenuComponents]);
+  var suggestedItems = useMemo(function () {
+    var currentSelection = preservedSelection || selection;
+    if (menuItemsMap.size === 0 || !currentSelection) {
+      return [];
+    }
+    var _expandSelectionToBlo = expandSelectionToBlockRange(currentSelection, currentSelection.$from.doc.type.schema),
+      range = _expandSelectionToBlo.range;
+    if (!range) {
+      return [];
+    }
+    var blockNodes = getBlockNodesInRange(range);
+    var singleNode = blockNodes.length === 1 ? blockNodes[0] : undefined;
+    if (!singleNode) {
+      return [];
+    }
+    var nodeTypeName = singleNode.type.name;
+    var sortedKeys = getSortedSuggestedItems(nodeTypeName);
+    return sortedKeys.map(function (key) {
+      return menuItemsMap.get(key);
+    }).filter(function (item) {
+      return item !== undefined;
+    });
+  }, [menuItemsMap, preservedSelection, selection]);
+  return suggestedItems;
+};

package/dist/esm/ui/suggested-items-menu-section.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { useSuggestedItems } from './hooks/useSuggestedItems';
+export var SuggestedItemsMenuSection = /*#__PURE__*/React.memo(function (_ref) {
+  var api = _ref.api,
+    children = _ref.children;
+  var suggestedItems = useSuggestedItems(api);
+  if (suggestedItems.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+    title: "Suggested"
+  }, children);
+});

package/dist/esm/ui/suggested-menu-items.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { useSuggestedItems } from './hooks/useSuggestedItems';
+export var SuggestedMenuItems = /*#__PURE__*/React.memo(function (_ref) {
+  var api = _ref.api;
+  var suggestedItems = useSuggestedItems(api);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, suggestedItems.map(function (item) {
+    var ItemComponent = item.component;
+    return ItemComponent ? /*#__PURE__*/React.createElement(ItemComponent, {
+      key: item.key
+    }) : null;
+  }));
+});

package/dist/esm/ui/utils/suggested-items-rank.js

@@ -17,7 +17,7 @@ var _TRANSFORM_SUGGESTED_;
  * }
  */
 
-import { TRANSFORM_STRUCTURE_PANEL_MENU_ITEM, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM, TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM, TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM, TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM, TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_HEADINGS_H2_MENU_ITEM, TRANSFORM_HEADINGS_H3_MENU_ITEM, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
+import { TRANSFORM_STRUCTURE_PANEL_MENU_ITEM, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM, TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM, TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM, TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM, TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_HEADINGS_H1_MENU_ITEM, TRANSFORM_HEADINGS_H2_MENU_ITEM, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 export var BLOCK_MENU_NODE_TYPES = {
   PARAGRAPH: 'paragraph',
   EXPAND: 'expand',
@@ -37,7 +37,7 @@ export var BLOCK_MENU_NODE_TYPES = {
   EMBED_CARD: 'embedCard',
   TABLE: 'table'
 };
-export var TRANSFORM_SUGGESTED_ITEMS_RANK = (_TRANSFORM_SUGGESTED_ = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TRANSFORM_SUGGESTED_, BLOCK_MENU_NODE_TYPES.PARAGRAPH, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_HEADINGS_H2_MENU_ITEM.key, 200), TRANSFORM_HEADINGS_H3_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.EXPAND, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.BLOCKQUOTE, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.LAYOUT_SECTION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 200), TRANSFORM_HEADINGS_H2_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.PANEL, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.CODE_BLOCK, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.DECISION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.BULLET_LIST, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.ORDERED_LIST, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.HEADING, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 100), TRANSFORM_HEADINGS_H2_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 300)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TRANSFORM_SUGGESTED_, BLOCK_MENU_NODE_TYPES.TASK_LIST, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.MEDIA_SINGLE, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.EXTENSION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.BODIED_EXTENSION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.BLOCK_CARD, _defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 200)), BLOCK_MENU_NODE_TYPES.EMBED_CARD, _defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 200)), BLOCK_MENU_NODE_TYPES.TABLE, _defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 200)));
+export var TRANSFORM_SUGGESTED_ITEMS_RANK = (_TRANSFORM_SUGGESTED_ = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TRANSFORM_SUGGESTED_, BLOCK_MENU_NODE_TYPES.PARAGRAPH, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_HEADINGS_H1_MENU_ITEM.key, 200), TRANSFORM_HEADINGS_H2_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.EXPAND, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.BLOCKQUOTE, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.LAYOUT_SECTION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.PANEL, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.CODE_BLOCK, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.DECISION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.BULLET_LIST, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.ORDERED_LIST, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.HEADING, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 300)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_TRANSFORM_SUGGESTED_, BLOCK_MENU_NODE_TYPES.TASK_LIST, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.MEDIA_SINGLE, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.EXTENSION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.BODIED_EXTENSION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 300)));
 export var getSuggestedItemsForNodeType = function getSuggestedItemsForNodeType(nodeType) {
   return TRANSFORM_SUGGESTED_ITEMS_RANK[nodeType];
 };

package/dist/types/editor-commands/transform-node-utils/utils.d.ts

@@ -14,6 +14,11 @@ export declare const getTargetNodeTypeNameInContext: (nodeTypeName: NodeTypeName
 export declare const expandSelectionToBlockRange: (selection: Selection, schema: Schema) => {
     $from: import("prosemirror-model").ResolvedPos;
     $to: import("prosemirror-model").ResolvedPos;
+    range: NodeRange | null;
+} | {
+    $from: import("prosemirror-model").ResolvedPos;
+    $to: import("prosemirror-model").ResolvedPos;
+    range?: undefined;
 };
 export declare const isListType: (node: PMNode, schema: Schema) => boolean;
 /**
@@ -22,4 +27,10 @@ export declare const isListType: (node: PMNode, schema: Schema) => boolean;
  * in containers that don't support nesting, they must be converted.
  */
 export declare const convertNestedExpandToExpand: (node: PMNode, schema: Schema) => PMNode | null;
+/**
+ * Converts an expand to a nestedExpand node.
+ * When placing an expand inside another expand, it must become a nestedExpand
+ * since expand cannot be a direct child of expand.
+ */
+export declare const convertExpandToNestedExpand: (node: PMNode, schema: Schema) => PMNode | null;
 export declare const getBlockNodesInRange: (range: NodeRange) => PMNode[];

package/dist/types/editor-commands/transform-node-utils/wrapStep.d.ts

@@ -1,2 +1,7 @@
 import type { TransformStep } from './types';
+/**
+ * Wraps nodes into the target container type.
+ * When wrapping into expand, any expand children are converted to nestedExpand
+ * since expand cannot be a direct child of expand.
+ */
 export declare const wrapStep: TransformStep;

package/dist/types/ui/hooks/useSuggestedItems.d.ts

@@ -0,0 +1,3 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin, RegisterBlockMenuItem } from '../../blockMenuPluginType';
+export declare const useSuggestedItems: (api: ExtractInjectionAPI<BlockMenuPlugin> | undefined) => RegisterBlockMenuItem[];

package/dist/types/ui/suggested-items-menu-section.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin } from '../blockMenuPluginType';
+type SuggestedItemsMenuSectionProps = {
+    api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
+    children?: React.ReactNode;
+};
+export declare const SuggestedItemsMenuSection: React.NamedExoticComponent<SuggestedItemsMenuSectionProps>;
+export {};

package/dist/{types-ts4.5/ui/suggested-items-renderer.d.ts → types/ui/suggested-menu-items.d.ts}

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { BlockMenuPlugin } from '../blockMenuPluginType';
-type SuggestedItemsRendererProps = {
+type SuggestedMenuItemsProps = {
     api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
 };
-export declare const SuggestedItemsRenderer: React.NamedExoticComponent<SuggestedItemsRendererProps>;
+export declare const SuggestedMenuItems: React.NamedExoticComponent<SuggestedMenuItemsProps>;
 export {};

package/dist/types-ts4.5/editor-commands/transform-node-utils/utils.d.ts

@@ -14,6 +14,11 @@ export declare const getTargetNodeTypeNameInContext: (nodeTypeName: NodeTypeName
 export declare const expandSelectionToBlockRange: (selection: Selection, schema: Schema) => {
     $from: import("prosemirror-model").ResolvedPos;
     $to: import("prosemirror-model").ResolvedPos;
+    range: NodeRange | null;
+} | {
+    $from: import("prosemirror-model").ResolvedPos;
+    $to: import("prosemirror-model").ResolvedPos;
+    range?: undefined;
 };
 export declare const isListType: (node: PMNode, schema: Schema) => boolean;
 /**
@@ -22,4 +27,10 @@ export declare const isListType: (node: PMNode, schema: Schema) => boolean;
  * in containers that don't support nesting, they must be converted.
  */
 export declare const convertNestedExpandToExpand: (node: PMNode, schema: Schema) => PMNode | null;
+/**
+ * Converts an expand to a nestedExpand node.
+ * When placing an expand inside another expand, it must become a nestedExpand
+ * since expand cannot be a direct child of expand.
+ */
+export declare const convertExpandToNestedExpand: (node: PMNode, schema: Schema) => PMNode | null;
 export declare const getBlockNodesInRange: (range: NodeRange) => PMNode[];

package/dist/types-ts4.5/editor-commands/transform-node-utils/wrapStep.d.ts

@@ -1,2 +1,7 @@
 import type { TransformStep } from './types';
+/**
+ * Wraps nodes into the target container type.
+ * When wrapping into expand, any expand children are converted to nestedExpand
+ * since expand cannot be a direct child of expand.
+ */
 export declare const wrapStep: TransformStep;

package/dist/types-ts4.5/ui/hooks/useSuggestedItems.d.ts

@@ -0,0 +1,3 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin, RegisterBlockMenuItem } from '../../blockMenuPluginType';
+export declare const useSuggestedItems: (api: ExtractInjectionAPI<BlockMenuPlugin> | undefined) => RegisterBlockMenuItem[];

package/dist/types-ts4.5/ui/suggested-items-menu-section.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin } from '../blockMenuPluginType';
+type SuggestedItemsMenuSectionProps = {
+    api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
+    children?: React.ReactNode;
+};
+export declare const SuggestedItemsMenuSection: React.NamedExoticComponent<SuggestedItemsMenuSectionProps>;
+export {};

package/dist/{types/ui/suggested-items-renderer.d.ts → types-ts4.5/ui/suggested-menu-items.d.ts}

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { BlockMenuPlugin } from '../blockMenuPluginType';
-type SuggestedItemsRendererProps = {
+type SuggestedMenuItemsProps = {
     api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
 };
-export declare const SuggestedItemsRenderer: React.NamedExoticComponent<SuggestedItemsRendererProps>;
+export declare const SuggestedMenuItems: React.NamedExoticComponent<SuggestedMenuItemsProps>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "5.2.10",
+	"version": "5.2.11",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -44,12 +44,12 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/tmp-editor-statsig": "^15.10.0",
+		"@atlaskit/tmp-editor-statsig": "^15.11.0",
 		"@atlaskit/tokens": "^8.5.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.43.0",
+		"@atlaskit/editor-common": "^110.44.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},