@atlaskit/editor-plugin-block-menu 1.0.7 → 1.0.9

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 1.0.9
+
+### Patch Changes
+
+- [`da23530028aac`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/da23530028aac) -
+  [ux] ED-29145 Hide format menu for unsupported and nested nodes
+
+## 1.0.8
+
+### Patch Changes
+
+- [`b3e1332c170a6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b3e1332c170a6) -
+  Container to container transform with unsupportted content
+- Updated dependencies
+
 ## 1.0.7
 
 ### Patch Changes

package/dist/cjs/blockMenuPlugin.js

@@ -40,6 +40,18 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
         return (0, _formatNode2.formatNode)(targetType);
       }
     },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return;
+      }
+      var pluginState = _main.blockMenuPluginKey.getState(editorState);
+      if (!pluginState) {
+        return;
+      }
+      return {
+        isFormatMenuHidden: pluginState === null || pluginState === void 0 ? void 0 : pluginState.isFormatMenuHidden
+      };
+    },
     contentComponent: function contentComponent(_ref2) {
       var editorView = _ref2.editorView,
         popupsMountPoint = _ref2.popupsMountPoint,

package/dist/cjs/editor-commands/transforms/container-transforms.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unwrapAndConvertToList = exports.unwrapAndConvertToBlockType = exports.transformToContainer = exports.transformContainerNode = void 0;
+exports.unwrapAndConvertToList = exports.unwrapAndConvertToBlockType = exports.transformToContainer = exports.transformContainerNode = exports.transformBetweenContainerTypes = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils = require("./utils");
@@ -84,8 +84,13 @@ var transformContainerNode = exports.transformContainerNode = function transform
 
   // Transform between container types
   if ((0, _utils.isContainerNodeType)(targetNodeType)) {
-    tr.setNodeMarkup(sourcePos, targetNodeType, targetAttrs);
-    return tr;
+    return transformBetweenContainerTypes({
+      tr: tr,
+      sourceNode: sourceNode,
+      sourcePos: sourcePos,
+      targetNodeType: targetNodeType,
+      targetAttrs: targetAttrs
+    });
   }
   return null;
 };
@@ -241,4 +246,82 @@ var unwrapAndConvertToList = exports.unwrapAndConvertToList = function unwrapAnd
   }
   createListAndAddToContent();
   return tr.replaceWith(sourcePos, sourcePos + sourceNode.nodeSize, _model.Fragment.from(resultContent));
+};
+var transformBetweenContainerTypes = exports.transformBetweenContainerTypes = function transformBetweenContainerTypes(context) {
+  var tr = context.tr,
+    sourceNode = context.sourceNode,
+    sourcePos = context.sourcePos,
+    targetNodeType = context.targetNodeType,
+    targetAttrs = context.targetAttrs;
+
+  // Get content validation for target container type
+  var isContentSupported = (0, _utils.getContentSupportChecker)(targetNodeType);
+
+  // Process content and collect splits
+  var contentSplits = splitContentAroundUnsupportedBlocks(sourceNode, isContentSupported, targetNodeType, targetAttrs, tr.doc.type.schema);
+
+  // Replace the original node with the first split
+  var insertPos = sourcePos;
+  contentSplits.forEach(function (splitNode, index) {
+    if (index === 0) {
+      // Replace the original node with the first split
+      tr.replaceWith(sourcePos, sourcePos + sourceNode.nodeSize, splitNode);
+      insertPos = sourcePos + splitNode.nodeSize;
+    } else {
+      // Insert additional splits after
+      tr.insert(insertPos, splitNode);
+      insertPos += splitNode.nodeSize;
+    }
+  });
+  return tr;
+};
+
+/**
+ * Split content around unsupported block nodes, creating separate containers
+ * for content before and after each unsupported block
+ */
+var splitContentAroundUnsupportedBlocks = function splitContentAroundUnsupportedBlocks(sourceNode, isContentSupported, targetNodeType, targetAttrs, schema) {
+  var _sourceNode$attrs3;
+  var splits = [];
+  var children = sourceNode.content.content;
+  var currentContainerContent = [];
+
+  // Handle expand title - add as first paragraph if source is expand with title
+  if (sourceNode.type.name === 'expand' && (_sourceNode$attrs3 = sourceNode.attrs) !== null && _sourceNode$attrs3 !== void 0 && _sourceNode$attrs3.title) {
+    var titleParagraph = schema.nodes.paragraph.create({}, schema.text(sourceNode.attrs.title));
+    currentContainerContent.push(titleParagraph);
+  }
+  var flushCurrentContainer = function flushCurrentContainer() {
+    if (currentContainerContent.length > 0) {
+      var containerNode = targetNodeType.create(targetAttrs, _model.Fragment.fromArray(currentContainerContent));
+      splits.push(containerNode);
+      currentContainerContent = [];
+    }
+  };
+  children.forEach(function (childNode) {
+    if (isContentSupported(childNode)) {
+      // Supported content - add to current container
+      currentContainerContent.push(childNode);
+    } else if ((0, _utils.isBlockNodeForExtraction)(childNode)) {
+      // Unsupported block node - flush current container, add block, continue
+      flushCurrentContainer();
+      splits.push(childNode);
+    } else if (childNode.type.name === targetNodeType.name) {
+      // Same type of container merge contents
+      childNode.content.forEach(function (child) {
+        currentContainerContent.push(child);
+      });
+    } else {
+      // Unsupported inline content - convert to paragraph and add to container
+      var inlineContent = (0, _utils.convertNodeToInlineContent)(childNode, schema);
+      if (inlineContent.length > 0) {
+        var paragraph = schema.nodes.paragraph.create({}, _model.Fragment.fromArray(inlineContent));
+        currentContainerContent.push(paragraph);
+      }
+    }
+  });
+
+  // Flush any remaining container content
+  flushCurrentContainer();
+  return splits;
 };

package/dist/cjs/editor-commands/transforms/utils.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isTaskList = exports.isListNodeType = exports.isListNode = exports.isLayoutNodeType = exports.isContainerNodeType = exports.isContainerNode = exports.isBulletOrOrderedList = exports.isBlockNodeType = exports.isBlockNode = exports.getTargetNodeInfo = exports.getSupportedListTypesSet = exports.getSupportedListTypes = void 0;
+exports.isTaskList = exports.isListNodeType = exports.isListNode = exports.isLayoutNodeType = exports.isContainerNodeType = exports.isContainerNode = exports.isBulletOrOrderedList = exports.isBlockNodeType = exports.isBlockNodeForExtraction = exports.isBlockNode = exports.getTargetNodeInfo = exports.getSupportedListTypesSet = exports.getSupportedListTypes = exports.getContentSupportChecker = exports.convertNodeToInlineContent = void 0;
+var _model = require("@atlaskit/editor-prosemirror/model");
 var getTargetNodeInfo = exports.getTargetNodeInfo = function getTargetNodeInfo(targetType, nodes) {
   switch (targetType) {
     case 'heading1':
@@ -127,4 +128,50 @@ var getSupportedListTypesSet = exports.getSupportedListTypesSet = function getSu
 };
 var isLayoutNodeType = exports.isLayoutNodeType = function isLayoutNodeType(nodeType) {
   return nodeType.name === 'layoutSection';
+};
+
+/**
+ * Check if a node should be extracted as a standalone block node
+ * rather than converted to inline content
+ */
+var isBlockNodeForExtraction = exports.isBlockNodeForExtraction = function isBlockNodeForExtraction(node) {
+  var blockNodesForExtraction = ['table', 'mediaSingle', 'extension', 'bodiedExtension', 'blockCard', 'embedCard'];
+  return blockNodesForExtraction.includes(node.type.name);
+};
+
+/**
+ * Get a function that checks if content is supported in the target container type
+ */
+var getContentSupportChecker = exports.getContentSupportChecker = function getContentSupportChecker(targetNodeType) {
+  return function (node) {
+    // Check if the target container type can contain this node
+    try {
+      return targetNodeType.validContent(_model.Fragment.from(node));
+    } catch (_unused) {
+      return false;
+    }
+  };
+};
+
+/**
+ * Convert a node to inline content that can be placed in a paragraph
+ */
+var convertNodeToInlineContent = exports.convertNodeToInlineContent = function convertNodeToInlineContent(node, schema) {
+  // Extract text and inline nodes from any complex node
+  var inlineNodes = [];
+  node.descendants(function (childNode) {
+    if (childNode.isText) {
+      inlineNodes.push(childNode);
+    } else if (childNode.isInline) {
+      inlineNodes.push(childNode);
+    }
+    return true; // Continue traversing
+  });
+
+  // If no inline content was found but the node has text content,
+  // create a text node with the full text content
+  if (inlineNodes.length === 0 && node.textContent) {
+    return [schema.text(node.textContent)];
+  }
+  return inlineNodes;
 };

package/dist/cjs/pm-plugins/getIsFormatMenuHidden.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIsFormatMenuHidden = void 0;
+var _utils = require("@atlaskit/editor-prosemirror/utils");
+var TOP_LEVEL_NODE_DEPTHS = {
+  LIST_TYPE: 2,
+  PARAGRAPH_OR_HEADING: 1,
+  BLOCKQUOTE: 1,
+  BLOCK: 0
+};
+var getIsFormatMenuHidden = exports.getIsFormatMenuHidden = function getIsFormatMenuHidden(tr) {
+  var selection = tr.selection;
+  var nodes = tr.doc.type.schema.nodes;
+  if (selection.from === selection.to || selection.empty || !nodes) {
+    return false;
+  }
+  var content;
+  var isTopLevelNode = false;
+  var selectedNode = (0, _utils.findSelectedNodeOfType)([nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.expand, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.layoutSection])(selection);
+  if (selectedNode) {
+    content = selectedNode.node;
+    isTopLevelNode = selectedNode.depth === TOP_LEVEL_NODE_DEPTHS.BLOCK;
+  } else {
+    var listTypeOrBlockQuoteNode = (0, _utils.findParentNodeOfType)([nodes.blockquote, nodes.listItem, nodes.taskItem])(selection);
+    if (listTypeOrBlockQuoteNode) {
+      content = listTypeOrBlockQuoteNode.node;
+      isTopLevelNode = listTypeOrBlockQuoteNode.node.type === nodes.blockquote ? listTypeOrBlockQuoteNode.depth === TOP_LEVEL_NODE_DEPTHS.BLOCKQUOTE : listTypeOrBlockQuoteNode.depth === TOP_LEVEL_NODE_DEPTHS.LIST_TYPE;
+    } else {
+      var paragraphOrHeadingNode = (0, _utils.findParentNodeOfType)([nodes.paragraph, nodes.heading])(selection);
+      if (paragraphOrHeadingNode) {
+        content = paragraphOrHeadingNode.node;
+        isTopLevelNode = paragraphOrHeadingNode.depth === TOP_LEVEL_NODE_DEPTHS.PARAGRAPH_OR_HEADING;
+      }
+    }
+  }
+  return !content || !isTopLevelNode;
+};

package/dist/cjs/pm-plugins/main.js

@@ -1,11 +1,16 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createPlugin = exports.blockMenuPluginKey = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _getIsFormatMenuHidden = require("./getIsFormatMenuHidden");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var blockMenuPluginKey = exports.blockMenuPluginKey = new _state.PluginKey('blockMenuPlugin');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
@@ -15,14 +20,19 @@ var createPlugin = exports.createPlugin = function createPlugin() {
     key: blockMenuPluginKey,
     state: {
       init: function init() {
-        return {};
+        return {
+          isFormatMenuHidden: false
+        };
       },
       apply: function apply(tr, currentPluginState) {
         var meta = tr.getMeta(blockMenuPluginKey);
         if (meta) {
-          return meta;
+          return _objectSpread(_objectSpread({}, currentPluginState), meta);
         }
-        return currentPluginState;
+        var isFormatMenuHidden = (0, _getIsFormatMenuHidden.getIsFormatMenuHidden)(tr);
+        return _objectSpread(_objectSpread({}, currentPluginState), {}, {
+          isFormatMenuHidden: isFormatMenuHidden
+        });
       }
     }
   });

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

@@ -14,6 +14,7 @@ var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-
 var _copyBlock = _interopRequireDefault(require("./copy-block"));
 var _copyLink = require("./copy-link");
 var _deleteButton = require("./delete-button");
+var _formatMenuSection = require("./format-menu-section");
 var _moveDown = require("./move-down");
 var _moveUp = require("./move-up");
 var getMoveUpMoveDownMenuComponents = function getMoveUpMoveDownMenuComponents(api) {
@@ -45,7 +46,7 @@ var getMoveUpMoveDownMenuComponents = function getMoveUpMoveDownMenuComponents(a
     }
   }];
 };
-var getFormatMenuComponents = function getFormatMenuComponents() {
+var getFormatMenuComponents = function getFormatMenuComponents(api) {
   return [{
     type: 'block-menu-nested',
     key: _blockMenu.NESTED_FORMAT_MENU.key,
@@ -91,21 +92,24 @@ var getFormatMenuComponents = function getFormatMenuComponents() {
     rank: 100,
     component: function component(_ref3) {
       var children = _ref3.children;
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, children);
+      return /*#__PURE__*/_react.default.createElement(_formatMenuSection.FormatMenuSection, {
+        api: api
+      }, children);
     }
   }];
 };
 var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockMenuComponents(_ref4) {
   var api = _ref4.api,
     config = _ref4.config;
-  return [].concat((0, _toConsumableArray2.default)(getFormatMenuComponents()), [{
+  return [].concat((0, _toConsumableArray2.default)(getFormatMenuComponents(api)), [{
     type: 'block-menu-section',
     key: _blockMenu.COPY_MENU_SECTION.key,
     rank: _blockMenu.BLOCK_MENU_SECTION_RANK[_blockMenu.COPY_MENU_SECTION.key],
     component: function component(_ref5) {
+      var _api$blockMenu$shared;
       var children = _ref5.children;
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
-        hasSeparator: true
+        hasSeparator: !(api !== null && api !== void 0 && (_api$blockMenu$shared = api.blockMenu.sharedState.currentState()) !== null && _api$blockMenu$shared !== void 0 && _api$blockMenu$shared.isFormatMenuHidden)
       }, children);
     }
   }, {

package/dist/cjs/ui/format-menu-section.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormatMenuSection = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
+var _editorToolbar = require("@atlaskit/editor-toolbar");
+var FormatMenuSection = exports.FormatMenuSection = function FormatMenuSection(_ref) {
+  var children = _ref.children,
+    api = _ref.api;
+  var isFormatMenuHidden = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'blockMenu.isFormatMenuHidden');
+  if (isFormatMenuHidden) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, children);
+};

package/dist/es2019/blockMenuPlugin.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { createBlockMenuRegistry } from './editor-actions';
 import { formatNode } from './editor-commands/formatNode';
-import { createPlugin } from './pm-plugins/main';
+import { blockMenuPluginKey, createPlugin } from './pm-plugins/main';
 import BlockMenu from './ui/block-menu';
 import { getBlockMenuComponents } from './ui/block-menu-components';
 export const blockMenuPlugin = ({
@@ -34,6 +34,18 @@ export const blockMenuPlugin = ({
         return formatNode(targetType);
       }
     },
+    getSharedState: editorState => {
+      if (!editorState) {
+        return;
+      }
+      const pluginState = blockMenuPluginKey.getState(editorState);
+      if (!pluginState) {
+        return;
+      }
+      return {
+        isFormatMenuHidden: pluginState === null || pluginState === void 0 ? void 0 : pluginState.isFormatMenuHidden
+      };
+    },
     contentComponent({
       editorView,
       popupsMountPoint,

package/dist/es2019/editor-commands/transforms/container-transforms.js

@@ -1,5 +1,5 @@
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
-import { isBlockNodeType, isListNodeType, isContainerNodeType } from './utils';
+import { isBlockNodeType, isListNodeType, isContainerNodeType, isBlockNodeForExtraction, convertNodeToInlineContent, getContentSupportChecker } from './utils';
 const convertInvalidNodeToValidNodeType = (sourceContent, sourceNodeType, validNodeType, withMarks) => {
   const validTransformedContent = [];
   // Headings are not valid inside headings so convert heading nodes to paragraphs
@@ -78,8 +78,13 @@ export const transformContainerNode = ({
 
   // Transform between container types
   if (isContainerNodeType(targetNodeType)) {
-    tr.setNodeMarkup(sourcePos, targetNodeType, targetAttrs);
-    return tr;
+    return transformBetweenContainerTypes({
+      tr,
+      sourceNode,
+      sourcePos,
+      targetNodeType,
+      targetAttrs
+    });
   }
   return null;
 };
@@ -238,4 +243,84 @@ export const unwrapAndConvertToList = ({
   }
   createListAndAddToContent();
   return tr.replaceWith(sourcePos, sourcePos + sourceNode.nodeSize, Fragment.from(resultContent));
+};
+export const transformBetweenContainerTypes = context => {
+  const {
+    tr,
+    sourceNode,
+    sourcePos,
+    targetNodeType,
+    targetAttrs
+  } = context;
+
+  // Get content validation for target container type
+  const isContentSupported = getContentSupportChecker(targetNodeType);
+
+  // Process content and collect splits
+  const contentSplits = splitContentAroundUnsupportedBlocks(sourceNode, isContentSupported, targetNodeType, targetAttrs, tr.doc.type.schema);
+
+  // Replace the original node with the first split
+  let insertPos = sourcePos;
+  contentSplits.forEach((splitNode, index) => {
+    if (index === 0) {
+      // Replace the original node with the first split
+      tr.replaceWith(sourcePos, sourcePos + sourceNode.nodeSize, splitNode);
+      insertPos = sourcePos + splitNode.nodeSize;
+    } else {
+      // Insert additional splits after
+      tr.insert(insertPos, splitNode);
+      insertPos += splitNode.nodeSize;
+    }
+  });
+  return tr;
+};
+
+/**
+ * Split content around unsupported block nodes, creating separate containers
+ * for content before and after each unsupported block
+ */
+const splitContentAroundUnsupportedBlocks = (sourceNode, isContentSupported, targetNodeType, targetAttrs, schema) => {
+  var _sourceNode$attrs3;
+  const splits = [];
+  const children = sourceNode.content.content;
+  let currentContainerContent = [];
+
+  // Handle expand title - add as first paragraph if source is expand with title
+  if (sourceNode.type.name === 'expand' && (_sourceNode$attrs3 = sourceNode.attrs) !== null && _sourceNode$attrs3 !== void 0 && _sourceNode$attrs3.title) {
+    const titleParagraph = schema.nodes.paragraph.create({}, schema.text(sourceNode.attrs.title));
+    currentContainerContent.push(titleParagraph);
+  }
+  const flushCurrentContainer = () => {
+    if (currentContainerContent.length > 0) {
+      const containerNode = targetNodeType.create(targetAttrs, Fragment.fromArray(currentContainerContent));
+      splits.push(containerNode);
+      currentContainerContent = [];
+    }
+  };
+  children.forEach(childNode => {
+    if (isContentSupported(childNode)) {
+      // Supported content - add to current container
+      currentContainerContent.push(childNode);
+    } else if (isBlockNodeForExtraction(childNode)) {
+      // Unsupported block node - flush current container, add block, continue
+      flushCurrentContainer();
+      splits.push(childNode);
+    } else if (childNode.type.name === targetNodeType.name) {
+      // Same type of container merge contents
+      childNode.content.forEach(child => {
+        currentContainerContent.push(child);
+      });
+    } else {
+      // Unsupported inline content - convert to paragraph and add to container
+      const inlineContent = convertNodeToInlineContent(childNode, schema);
+      if (inlineContent.length > 0) {
+        const paragraph = schema.nodes.paragraph.create({}, Fragment.fromArray(inlineContent));
+        currentContainerContent.push(paragraph);
+      }
+    }
+  });
+
+  // Flush any remaining container content
+  flushCurrentContainer();
+  return splits;
 };

package/dist/es2019/editor-commands/transforms/utils.js

@@ -1,3 +1,4 @@
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
 export const getTargetNodeInfo = (targetType, nodes) => {
   switch (targetType) {
     case 'heading1':
@@ -121,4 +122,50 @@ export const getSupportedListTypesSet = nodes => {
 };
 export const isLayoutNodeType = nodeType => {
   return nodeType.name === 'layoutSection';
+};
+
+/**
+ * Check if a node should be extracted as a standalone block node
+ * rather than converted to inline content
+ */
+export const isBlockNodeForExtraction = node => {
+  const blockNodesForExtraction = ['table', 'mediaSingle', 'extension', 'bodiedExtension', 'blockCard', 'embedCard'];
+  return blockNodesForExtraction.includes(node.type.name);
+};
+
+/**
+ * Get a function that checks if content is supported in the target container type
+ */
+export const getContentSupportChecker = targetNodeType => {
+  return node => {
+    // Check if the target container type can contain this node
+    try {
+      return targetNodeType.validContent(Fragment.from(node));
+    } catch {
+      return false;
+    }
+  };
+};
+
+/**
+ * Convert a node to inline content that can be placed in a paragraph
+ */
+export const convertNodeToInlineContent = (node, schema) => {
+  // Extract text and inline nodes from any complex node
+  const inlineNodes = [];
+  node.descendants(childNode => {
+    if (childNode.isText) {
+      inlineNodes.push(childNode);
+    } else if (childNode.isInline) {
+      inlineNodes.push(childNode);
+    }
+    return true; // Continue traversing
+  });
+
+  // If no inline content was found but the node has text content,
+  // create a text node with the full text content
+  if (inlineNodes.length === 0 && node.textContent) {
+    return [schema.text(node.textContent)];
+  }
+  return inlineNodes;
 };

package/dist/es2019/pm-plugins/getIsFormatMenuHidden.js

@@ -0,0 +1,34 @@
+import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+const TOP_LEVEL_NODE_DEPTHS = {
+  LIST_TYPE: 2,
+  PARAGRAPH_OR_HEADING: 1,
+  BLOCKQUOTE: 1,
+  BLOCK: 0
+};
+export const getIsFormatMenuHidden = tr => {
+  const selection = tr.selection;
+  const nodes = tr.doc.type.schema.nodes;
+  if (selection.from === selection.to || selection.empty || !nodes) {
+    return false;
+  }
+  let content;
+  let isTopLevelNode = false;
+  const selectedNode = findSelectedNodeOfType([nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.expand, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.layoutSection])(selection);
+  if (selectedNode) {
+    content = selectedNode.node;
+    isTopLevelNode = selectedNode.depth === TOP_LEVEL_NODE_DEPTHS.BLOCK;
+  } else {
+    const listTypeOrBlockQuoteNode = findParentNodeOfType([nodes.blockquote, nodes.listItem, nodes.taskItem])(selection);
+    if (listTypeOrBlockQuoteNode) {
+      content = listTypeOrBlockQuoteNode.node;
+      isTopLevelNode = listTypeOrBlockQuoteNode.node.type === nodes.blockquote ? listTypeOrBlockQuoteNode.depth === TOP_LEVEL_NODE_DEPTHS.BLOCKQUOTE : listTypeOrBlockQuoteNode.depth === TOP_LEVEL_NODE_DEPTHS.LIST_TYPE;
+    } else {
+      const paragraphOrHeadingNode = findParentNodeOfType([nodes.paragraph, nodes.heading])(selection);
+      if (paragraphOrHeadingNode) {
+        content = paragraphOrHeadingNode.node;
+        isTopLevelNode = paragraphOrHeadingNode.depth === TOP_LEVEL_NODE_DEPTHS.PARAGRAPH_OR_HEADING;
+      }
+    }
+  }
+  return !content || !isTopLevelNode;
+};

package/dist/es2019/pm-plugins/main.js

@@ -1,5 +1,6 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { getIsFormatMenuHidden } from './getIsFormatMenuHidden';
 export const blockMenuPluginKey = new PluginKey('blockMenuPlugin');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
@@ -9,14 +10,23 @@ export const createPlugin = () => {
     key: blockMenuPluginKey,
     state: {
       init() {
-        return {};
+        return {
+          isFormatMenuHidden: false
+        };
       },
       apply: (tr, currentPluginState) => {
         const meta = tr.getMeta(blockMenuPluginKey);
         if (meta) {
-          return meta;
+          return {
+            ...currentPluginState,
+            ...meta
+          };
         }
-        return currentPluginState;
+        const isFormatMenuHidden = getIsFormatMenuHidden(tr);
+        return {
+          ...currentPluginState,
+          isFormatMenuHidden
+        };
       }
     }
   });

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

@@ -6,6 +6,7 @@ import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import CopyBlockMenuItem from './copy-block';
 import { CopyLinkDropdownItem } from './copy-link';
 import { DeleteDropdownItem } from './delete-button';
+import { FormatMenuSection } from './format-menu-section';
 import { MoveDownDropdownItem } from './move-down';
 import { MoveUpDropdownItem } from './move-up';
 const getMoveUpMoveDownMenuComponents = api => {
@@ -33,7 +34,7 @@ const getMoveUpMoveDownMenuComponents = api => {
     })
   }];
 };
-const getFormatMenuComponents = () => {
+const getFormatMenuComponents = api => {
   return [{
     type: 'block-menu-nested',
     key: NESTED_FORMAT_MENU.key,
@@ -80,7 +81,9 @@ const getFormatMenuComponents = () => {
     component: ({
       children
     }) => {
-      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
+      return /*#__PURE__*/React.createElement(FormatMenuSection, {
+        api: api
+      }, children);
     }
   }];
 };
@@ -88,15 +91,16 @@ export const getBlockMenuComponents = ({
   api,
   config
 }) => {
-  return [...getFormatMenuComponents(), {
+  return [...getFormatMenuComponents(api), {
     type: 'block-menu-section',
     key: COPY_MENU_SECTION.key,
     rank: BLOCK_MENU_SECTION_RANK[COPY_MENU_SECTION.key],
     component: ({
       children
     }) => {
+      var _api$blockMenu$shared;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-        hasSeparator: true
+        hasSeparator: !(api !== null && api !== void 0 && (_api$blockMenu$shared = api.blockMenu.sharedState.currentState()) !== null && _api$blockMenu$shared !== void 0 && _api$blockMenu$shared.isFormatMenuHidden)
       }, children);
     }
   }, {

package/dist/es2019/ui/format-menu-section.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+export const FormatMenuSection = ({
+  children,
+  api
+}) => {
+  const isFormatMenuHidden = useSharedPluginStateSelector(api, 'blockMenu.isFormatMenuHidden');
+  if (isFormatMenuHidden) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
+};

package/dist/esm/blockMenuPlugin.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { createBlockMenuRegistry } from './editor-actions';
 import { formatNode as _formatNode } from './editor-commands/formatNode';
-import { createPlugin } from './pm-plugins/main';
+import { blockMenuPluginKey, createPlugin } from './pm-plugins/main';
 import BlockMenu from './ui/block-menu';
 import { getBlockMenuComponents } from './ui/block-menu-components';
 export var blockMenuPlugin = function blockMenuPlugin(_ref) {
@@ -33,6 +33,18 @@ export var blockMenuPlugin = function blockMenuPlugin(_ref) {
         return _formatNode(targetType);
       }
     },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return;
+      }
+      var pluginState = blockMenuPluginKey.getState(editorState);
+      if (!pluginState) {
+        return;
+      }
+      return {
+        isFormatMenuHidden: pluginState === null || pluginState === void 0 ? void 0 : pluginState.isFormatMenuHidden
+      };
+    },
     contentComponent: function contentComponent(_ref2) {
       var editorView = _ref2.editorView,
         popupsMountPoint = _ref2.popupsMountPoint,

package/dist/esm/editor-commands/transforms/container-transforms.js

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
-import { isBlockNodeType, isListNodeType, isContainerNodeType } from './utils';
+import { isBlockNodeType, isListNodeType, isContainerNodeType, isBlockNodeForExtraction, convertNodeToInlineContent, getContentSupportChecker } from './utils';
 var convertInvalidNodeToValidNodeType = function convertInvalidNodeToValidNodeType(sourceContent, sourceNodeType, validNodeType, withMarks) {
   var validTransformedContent = [];
   // Headings are not valid inside headings so convert heading nodes to paragraphs
@@ -77,8 +77,13 @@ export var transformContainerNode = function transformContainerNode(_ref2) {
 
   // Transform between container types
   if (isContainerNodeType(targetNodeType)) {
-    tr.setNodeMarkup(sourcePos, targetNodeType, targetAttrs);
-    return tr;
+    return transformBetweenContainerTypes({
+      tr: tr,
+      sourceNode: sourceNode,
+      sourcePos: sourcePos,
+      targetNodeType: targetNodeType,
+      targetAttrs: targetAttrs
+    });
   }
   return null;
 };
@@ -234,4 +239,82 @@ export var unwrapAndConvertToList = function unwrapAndConvertToList(_ref3) {
   }
   createListAndAddToContent();
   return tr.replaceWith(sourcePos, sourcePos + sourceNode.nodeSize, Fragment.from(resultContent));
+};
+export var transformBetweenContainerTypes = function transformBetweenContainerTypes(context) {
+  var tr = context.tr,
+    sourceNode = context.sourceNode,
+    sourcePos = context.sourcePos,
+    targetNodeType = context.targetNodeType,
+    targetAttrs = context.targetAttrs;
+
+  // Get content validation for target container type
+  var isContentSupported = getContentSupportChecker(targetNodeType);
+
+  // Process content and collect splits
+  var contentSplits = splitContentAroundUnsupportedBlocks(sourceNode, isContentSupported, targetNodeType, targetAttrs, tr.doc.type.schema);
+
+  // Replace the original node with the first split
+  var insertPos = sourcePos;
+  contentSplits.forEach(function (splitNode, index) {
+    if (index === 0) {
+      // Replace the original node with the first split
+      tr.replaceWith(sourcePos, sourcePos + sourceNode.nodeSize, splitNode);
+      insertPos = sourcePos + splitNode.nodeSize;
+    } else {
+      // Insert additional splits after
+      tr.insert(insertPos, splitNode);
+      insertPos += splitNode.nodeSize;
+    }
+  });
+  return tr;
+};
+
+/**
+ * Split content around unsupported block nodes, creating separate containers
+ * for content before and after each unsupported block
+ */
+var splitContentAroundUnsupportedBlocks = function splitContentAroundUnsupportedBlocks(sourceNode, isContentSupported, targetNodeType, targetAttrs, schema) {
+  var _sourceNode$attrs3;
+  var splits = [];
+  var children = sourceNode.content.content;
+  var currentContainerContent = [];
+
+  // Handle expand title - add as first paragraph if source is expand with title
+  if (sourceNode.type.name === 'expand' && (_sourceNode$attrs3 = sourceNode.attrs) !== null && _sourceNode$attrs3 !== void 0 && _sourceNode$attrs3.title) {
+    var titleParagraph = schema.nodes.paragraph.create({}, schema.text(sourceNode.attrs.title));
+    currentContainerContent.push(titleParagraph);
+  }
+  var flushCurrentContainer = function flushCurrentContainer() {
+    if (currentContainerContent.length > 0) {
+      var containerNode = targetNodeType.create(targetAttrs, Fragment.fromArray(currentContainerContent));
+      splits.push(containerNode);
+      currentContainerContent = [];
+    }
+  };
+  children.forEach(function (childNode) {
+    if (isContentSupported(childNode)) {
+      // Supported content - add to current container
+      currentContainerContent.push(childNode);
+    } else if (isBlockNodeForExtraction(childNode)) {
+      // Unsupported block node - flush current container, add block, continue
+      flushCurrentContainer();
+      splits.push(childNode);
+    } else if (childNode.type.name === targetNodeType.name) {
+      // Same type of container merge contents
+      childNode.content.forEach(function (child) {
+        currentContainerContent.push(child);
+      });
+    } else {
+      // Unsupported inline content - convert to paragraph and add to container
+      var inlineContent = convertNodeToInlineContent(childNode, schema);
+      if (inlineContent.length > 0) {
+        var paragraph = schema.nodes.paragraph.create({}, Fragment.fromArray(inlineContent));
+        currentContainerContent.push(paragraph);
+      }
+    }
+  });
+
+  // Flush any remaining container content
+  flushCurrentContainer();
+  return splits;
 };

package/dist/esm/editor-commands/transforms/utils.js

@@ -1,3 +1,4 @@
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
 export var getTargetNodeInfo = function getTargetNodeInfo(targetType, nodes) {
   switch (targetType) {
     case 'heading1':
@@ -121,4 +122,50 @@ export var getSupportedListTypesSet = function getSupportedListTypesSet(nodes) {
 };
 export var isLayoutNodeType = function isLayoutNodeType(nodeType) {
   return nodeType.name === 'layoutSection';
+};
+
+/**
+ * Check if a node should be extracted as a standalone block node
+ * rather than converted to inline content
+ */
+export var isBlockNodeForExtraction = function isBlockNodeForExtraction(node) {
+  var blockNodesForExtraction = ['table', 'mediaSingle', 'extension', 'bodiedExtension', 'blockCard', 'embedCard'];
+  return blockNodesForExtraction.includes(node.type.name);
+};
+
+/**
+ * Get a function that checks if content is supported in the target container type
+ */
+export var getContentSupportChecker = function getContentSupportChecker(targetNodeType) {
+  return function (node) {
+    // Check if the target container type can contain this node
+    try {
+      return targetNodeType.validContent(Fragment.from(node));
+    } catch (_unused) {
+      return false;
+    }
+  };
+};
+
+/**
+ * Convert a node to inline content that can be placed in a paragraph
+ */
+export var convertNodeToInlineContent = function convertNodeToInlineContent(node, schema) {
+  // Extract text and inline nodes from any complex node
+  var inlineNodes = [];
+  node.descendants(function (childNode) {
+    if (childNode.isText) {
+      inlineNodes.push(childNode);
+    } else if (childNode.isInline) {
+      inlineNodes.push(childNode);
+    }
+    return true; // Continue traversing
+  });
+
+  // If no inline content was found but the node has text content,
+  // create a text node with the full text content
+  if (inlineNodes.length === 0 && node.textContent) {
+    return [schema.text(node.textContent)];
+  }
+  return inlineNodes;
 };

package/dist/esm/pm-plugins/getIsFormatMenuHidden.js

@@ -0,0 +1,34 @@
+import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+var TOP_LEVEL_NODE_DEPTHS = {
+  LIST_TYPE: 2,
+  PARAGRAPH_OR_HEADING: 1,
+  BLOCKQUOTE: 1,
+  BLOCK: 0
+};
+export var getIsFormatMenuHidden = function getIsFormatMenuHidden(tr) {
+  var selection = tr.selection;
+  var nodes = tr.doc.type.schema.nodes;
+  if (selection.from === selection.to || selection.empty || !nodes) {
+    return false;
+  }
+  var content;
+  var isTopLevelNode = false;
+  var selectedNode = findSelectedNodeOfType([nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.expand, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.layoutSection])(selection);
+  if (selectedNode) {
+    content = selectedNode.node;
+    isTopLevelNode = selectedNode.depth === TOP_LEVEL_NODE_DEPTHS.BLOCK;
+  } else {
+    var listTypeOrBlockQuoteNode = findParentNodeOfType([nodes.blockquote, nodes.listItem, nodes.taskItem])(selection);
+    if (listTypeOrBlockQuoteNode) {
+      content = listTypeOrBlockQuoteNode.node;
+      isTopLevelNode = listTypeOrBlockQuoteNode.node.type === nodes.blockquote ? listTypeOrBlockQuoteNode.depth === TOP_LEVEL_NODE_DEPTHS.BLOCKQUOTE : listTypeOrBlockQuoteNode.depth === TOP_LEVEL_NODE_DEPTHS.LIST_TYPE;
+    } else {
+      var paragraphOrHeadingNode = findParentNodeOfType([nodes.paragraph, nodes.heading])(selection);
+      if (paragraphOrHeadingNode) {
+        content = paragraphOrHeadingNode.node;
+        isTopLevelNode = paragraphOrHeadingNode.depth === TOP_LEVEL_NODE_DEPTHS.PARAGRAPH_OR_HEADING;
+      }
+    }
+  }
+  return !content || !isTopLevelNode;
+};

package/dist/esm/pm-plugins/main.js

@@ -1,5 +1,9 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { getIsFormatMenuHidden } from './getIsFormatMenuHidden';
 export var blockMenuPluginKey = new PluginKey('blockMenuPlugin');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
@@ -9,14 +13,19 @@ export var createPlugin = function createPlugin() {
     key: blockMenuPluginKey,
     state: {
       init: function init() {
-        return {};
+        return {
+          isFormatMenuHidden: false
+        };
       },
       apply: function apply(tr, currentPluginState) {
         var meta = tr.getMeta(blockMenuPluginKey);
         if (meta) {
-          return meta;
+          return _objectSpread(_objectSpread({}, currentPluginState), meta);
         }
-        return currentPluginState;
+        var isFormatMenuHidden = getIsFormatMenuHidden(tr);
+        return _objectSpread(_objectSpread({}, currentPluginState), {}, {
+          isFormatMenuHidden: isFormatMenuHidden
+        });
       }
     }
   });

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

@@ -7,6 +7,7 @@ import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import CopyBlockMenuItem from './copy-block';
 import { CopyLinkDropdownItem } from './copy-link';
 import { DeleteDropdownItem } from './delete-button';
+import { FormatMenuSection } from './format-menu-section';
 import { MoveDownDropdownItem } from './move-down';
 import { MoveUpDropdownItem } from './move-up';
 var getMoveUpMoveDownMenuComponents = function getMoveUpMoveDownMenuComponents(api) {
@@ -38,7 +39,7 @@ var getMoveUpMoveDownMenuComponents = function getMoveUpMoveDownMenuComponents(a
     }
   }];
 };
-var getFormatMenuComponents = function getFormatMenuComponents() {
+var getFormatMenuComponents = function getFormatMenuComponents(api) {
   return [{
     type: 'block-menu-nested',
     key: NESTED_FORMAT_MENU.key,
@@ -84,21 +85,24 @@ var getFormatMenuComponents = function getFormatMenuComponents() {
     rank: 100,
     component: function component(_ref3) {
       var children = _ref3.children;
-      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
+      return /*#__PURE__*/React.createElement(FormatMenuSection, {
+        api: api
+      }, children);
     }
   }];
 };
 export var getBlockMenuComponents = function getBlockMenuComponents(_ref4) {
   var api = _ref4.api,
     config = _ref4.config;
-  return [].concat(_toConsumableArray(getFormatMenuComponents()), [{
+  return [].concat(_toConsumableArray(getFormatMenuComponents(api)), [{
     type: 'block-menu-section',
     key: COPY_MENU_SECTION.key,
     rank: BLOCK_MENU_SECTION_RANK[COPY_MENU_SECTION.key],
     component: function component(_ref5) {
+      var _api$blockMenu$shared;
       var children = _ref5.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-        hasSeparator: true
+        hasSeparator: !(api !== null && api !== void 0 && (_api$blockMenu$shared = api.blockMenu.sharedState.currentState()) !== null && _api$blockMenu$shared !== void 0 && _api$blockMenu$shared.isFormatMenuHidden)
       }, children);
     }
   }, {

package/dist/esm/ui/format-menu-section.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+export var FormatMenuSection = function FormatMenuSection(_ref) {
+  var children = _ref.children,
+    api = _ref.api;
+  var isFormatMenuHidden = useSharedPluginStateSelector(api, 'blockMenu.isFormatMenuHidden');
+  if (isFormatMenuHidden) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
+};

package/dist/types/blockMenuPluginType.d.ts

@@ -19,6 +19,9 @@ export type BlockMenuPlugin = NextEditorPlugin<'blockMenu', {
         OptionalPlugin<DecorationsPlugin>
     ];
     pluginConfiguration?: BlockMenuPluginOptions;
+    sharedState: {
+        isFormatMenuHidden?: boolean;
+    } | undefined;
 }>;
 export type BlockMenuPluginOptions = {
     /**

package/dist/types/editor-commands/transforms/container-transforms.d.ts

@@ -15,3 +15,4 @@ export declare const unwrapAndConvertToBlockType: (context: TransformContext) =>
  * Unwrap container node and convert content to list
  */
 export declare const unwrapAndConvertToList: ({ tr, sourceNode, sourcePos, targetNodeType, targetAttrs, }: TransformContext) => import("prosemirror-state").Transaction | null;
+export declare const transformBetweenContainerTypes: (context: TransformContext) => import("prosemirror-state").Transaction;

package/dist/types/editor-commands/transforms/utils.d.ts

@@ -1,4 +1,4 @@
-import type { Node as PMNode, NodeType } from '@atlaskit/editor-prosemirror/model';
+import type { Node as PMNode, NodeType, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { FormatNodeTargetType } from './types';
 export declare const getTargetNodeInfo: (targetType: FormatNodeTargetType, nodes: Record<string, NodeType>) => {
     attrs?: Record<string, unknown>;
@@ -15,3 +15,16 @@ export declare const isTaskList: (nodeType: NodeType) => boolean;
 export declare const getSupportedListTypes: (nodes: Record<string, NodeType>) => NodeType[];
 export declare const getSupportedListTypesSet: (nodes: Record<string, NodeType>) => Set<NodeType>;
 export declare const isLayoutNodeType: (nodeType: NodeType) => boolean;
+/**
+ * Check if a node should be extracted as a standalone block node
+ * rather than converted to inline content
+ */
+export declare const isBlockNodeForExtraction: (node: PMNode) => boolean;
+/**
+ * Get a function that checks if content is supported in the target container type
+ */
+export declare const getContentSupportChecker: (targetNodeType: NodeType) => ((node: PMNode) => boolean);
+/**
+ * Convert a node to inline content that can be placed in a paragraph
+ */
+export declare const convertNodeToInlineContent: (node: PMNode, schema: Schema) => PMNode[];

package/dist/types/pm-plugins/getIsFormatMenuHidden.d.ts

@@ -0,0 +1,2 @@
+import type { ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
+export declare const getIsFormatMenuHidden: (tr: ReadonlyTransaction) => boolean;

package/dist/types/pm-plugins/main.d.ts

@@ -1,6 +1,8 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export declare const blockMenuPluginKey: PluginKey<any>;
-type BlockMenuPluginState = {};
+type BlockMenuPluginState = {
+    isFormatMenuHidden: boolean;
+};
 export declare const createPlugin: () => SafePlugin<BlockMenuPluginState>;
 export {};

package/dist/types/ui/format-menu-section.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin } from '../blockMenuPluginType';
+export declare const FormatMenuSection: ({ children, api, }: {
+    api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
+    children: React.ReactNode;
+}) => React.JSX.Element | null;

package/dist/types-ts4.5/blockMenuPluginType.d.ts

@@ -19,6 +19,9 @@ export type BlockMenuPlugin = NextEditorPlugin<'blockMenu', {
         OptionalPlugin<DecorationsPlugin>
     ];
     pluginConfiguration?: BlockMenuPluginOptions;
+    sharedState: {
+        isFormatMenuHidden?: boolean;
+    } | undefined;
 }>;
 export type BlockMenuPluginOptions = {
     /**

package/dist/types-ts4.5/editor-commands/transforms/container-transforms.d.ts

@@ -15,3 +15,4 @@ export declare const unwrapAndConvertToBlockType: (context: TransformContext) =>
  * Unwrap container node and convert content to list
  */
 export declare const unwrapAndConvertToList: ({ tr, sourceNode, sourcePos, targetNodeType, targetAttrs, }: TransformContext) => import("prosemirror-state").Transaction | null;
+export declare const transformBetweenContainerTypes: (context: TransformContext) => import("prosemirror-state").Transaction;

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

@@ -1,4 +1,4 @@
-import type { Node as PMNode, NodeType } from '@atlaskit/editor-prosemirror/model';
+import type { Node as PMNode, NodeType, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { FormatNodeTargetType } from './types';
 export declare const getTargetNodeInfo: (targetType: FormatNodeTargetType, nodes: Record<string, NodeType>) => {
     attrs?: Record<string, unknown>;
@@ -15,3 +15,16 @@ export declare const isTaskList: (nodeType: NodeType) => boolean;
 export declare const getSupportedListTypes: (nodes: Record<string, NodeType>) => NodeType[];
 export declare const getSupportedListTypesSet: (nodes: Record<string, NodeType>) => Set<NodeType>;
 export declare const isLayoutNodeType: (nodeType: NodeType) => boolean;
+/**
+ * Check if a node should be extracted as a standalone block node
+ * rather than converted to inline content
+ */
+export declare const isBlockNodeForExtraction: (node: PMNode) => boolean;
+/**
+ * Get a function that checks if content is supported in the target container type
+ */
+export declare const getContentSupportChecker: (targetNodeType: NodeType) => ((node: PMNode) => boolean);
+/**
+ * Convert a node to inline content that can be placed in a paragraph
+ */
+export declare const convertNodeToInlineContent: (node: PMNode, schema: Schema) => PMNode[];

package/dist/types-ts4.5/pm-plugins/getIsFormatMenuHidden.d.ts

@@ -0,0 +1,2 @@
+import type { ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
+export declare const getIsFormatMenuHidden: (tr: ReadonlyTransaction) => boolean;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,6 +1,8 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export declare const blockMenuPluginKey: PluginKey<any>;
-type BlockMenuPluginState = {};
+type BlockMenuPluginState = {
+    isFormatMenuHidden: boolean;
+};
 export declare const createPlugin: () => SafePlugin<BlockMenuPluginState>;
 export {};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin } from '../blockMenuPluginType';
+export declare const FormatMenuSection: ({ children, api, }: {
+    api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
+    children: React.ReactNode;
+}) => React.JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "1.0.7",
+	"version": "1.0.9",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,7 +28,7 @@
 	"sideEffects": false,
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/css": "^0.13.0",
+		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/editor-plugin-block-controls": "^5.0.0",
 		"@atlaskit/editor-plugin-decorations": "^4.0.0",
@@ -41,8 +41,8 @@
 		"@atlaskit/icon": "^28.1.0",
 		"@atlaskit/icon-lab": "^5.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.13.0",
-		"@atlaskit/tokens": "^6.2.0",
+		"@atlaskit/primitives": "^14.14.0",
+		"@atlaskit/tokens": "^6.3.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {