@atlaskit/editor-plugin-block-menu 3.1.3 → 3.1.5

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 3.1.5
+
+### Patch Changes
+
+- [`6087f73c2a306`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6087f73c2a306) -
+  [ux] ED-29309 Insert unsupported content from lists when transformed
+- Updated dependencies
+
+## 3.1.4
+
+### Patch Changes
+
+- [`f2000345dec2c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2000345dec2c) -
+  ED-29258 Break up list items into new lines when converted into codeblock
+
 ## 3.1.3
 
 ### Patch Changes

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

@@ -7,7 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 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");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _inlineNodeTransforms = require("./inline-node-transforms");
+var _utils2 = require("./utils");
 var convertInvalidNodeToValidNodeType = function convertInvalidNodeToValidNodeType(sourceContent, sourceNodeType, validNodeType, withMarks) {
   var validTransformedContent = [];
   // Headings are not valid inside headings so convert heading nodes to paragraphs
@@ -34,7 +36,7 @@ var transformToContainer = exports.transformToContainer = function transformToCo
   var content = selection.content().content;
   var transformedContent = content;
   if (sourceNode.type === schema.nodes.codeBlock) {
-    var paragraphNodes = (0, _utils.convertCodeBlockContentToParagraphs)(sourceNode, schema);
+    var paragraphNodes = (0, _utils2.convertCodeBlockContentToParagraphs)(sourceNode, schema);
     transformedContent = _model.Fragment.fromArray(paragraphNodes);
   }
   if (targetNodeType === schema.nodes.blockquote) {
@@ -45,7 +47,7 @@ var transformToContainer = exports.transformToContainer = function transformToCo
   // e.g. blocks (heading/ paragraph) with alignment need to remove alignment
   // as panel/ blockQuote/ expands does not support alignment
   if (sourceNode.type === schema.nodes.paragraph || sourceNode.type === schema.nodes.heading) {
-    transformedContent = (0, _utils.filterMarksForTargetNodeType)(transformedContent, targetNodeType);
+    transformedContent = (0, _utils2.filterMarksForTargetNodeType)(transformedContent, targetNodeType);
   }
   var newNode = targetNodeType.createAndFill(targetAttrs, transformedContent);
   if (!newNode) {
@@ -69,7 +71,7 @@ var transformContainerNode = exports.transformContainerNode = function transform
   }
 
   // Transform container to block type - unwrap and convert content
-  if ((0, _utils.isBlockNodeType)(targetNodeType)) {
+  if ((0, _utils2.isBlockNodeType)(targetNodeType)) {
     // special case container to codeblock
     if (targetNodeType.name === 'codeBlock') {
       return transformBetweenContainerTypes({
@@ -90,7 +92,7 @@ var transformContainerNode = exports.transformContainerNode = function transform
   }
 
   // Transform container to list type
-  if ((0, _utils.isListNodeType)(targetNodeType)) {
+  if ((0, _utils2.isListNodeType)(targetNodeType)) {
     return unwrapAndConvertToList({
       tr: tr,
       sourceNode: sourceNode,
@@ -101,7 +103,7 @@ var transformContainerNode = exports.transformContainerNode = function transform
   }
 
   // Transform between container types
-  if ((0, _utils.isContainerNodeType)(targetNodeType)) {
+  if ((0, _utils2.isContainerNodeType)(targetNodeType)) {
     return transformBetweenContainerTypes({
       tr: tr,
       sourceNode: sourceNode,
@@ -146,7 +148,7 @@ var unwrapAndConvertToBlockType = exports.unwrapAndConvertToBlockType = function
 
   // if the container is a code block, convert text content to multiple paragraphs
   if (sourceNode.type === codeBlock) {
-    sourceChildren = (0, _utils.convertCodeBlockContentToParagraphs)(sourceNode, schema);
+    sourceChildren = (0, _utils2.convertCodeBlockContentToParagraphs)(sourceNode, schema);
   }
 
   // if target node is a paragraph, just do unwrap
@@ -274,7 +276,7 @@ var transformBetweenContainerTypes = exports.transformBetweenContainerTypes = fu
   }
 
   // Get content validation for target container type
-  var isContentSupported = (0, _utils.getContentSupportChecker)(targetNodeType);
+  var isContentSupported = (0, _utils2.getContentSupportChecker)(targetNodeType);
 
   // Process content and collect splits
   var contentSplits = splitContentAroundUnsupportedBlocks(sourceNode, isContentSupported, targetNodeType, targetAttrs, tr.doc.type.schema);
@@ -309,7 +311,7 @@ var splitContentForCodeBlock = function splitContentForCodeBlock(sourceNode, tar
   var splits = [];
   var children = sourceNode.content.content;
   var currentTextContent = [];
-
+  var invalidContent = [];
   // Handle expand title - add as first text if source is expand with title
   if (sourceNode.type.name === 'expand' && (_sourceNode$attrs3 = sourceNode.attrs) !== null && _sourceNode$attrs3 !== void 0 && _sourceNode$attrs3.title) {
     currentTextContent.push(sourceNode.attrs.title);
@@ -334,15 +336,29 @@ var splitContentForCodeBlock = function splitContentForCodeBlock(sourceNode, tar
         currentTextContent.push(childNode.textContent);
       } else if (childNode.isTextblock) {
         // Extract text from text blocks (paragraphs, headings, etc.)
-        var text = childNode.textContent;
+        var text = (0, _inlineNodeTransforms.getInlineNodeTextContent)(_model.Fragment.from(childNode)).inlineTextContent;
         if (text.trim()) {
           currentTextContent.push(text);
         }
       }
-    } else if ((0, _utils.isBlockNodeForExtraction)(childNode)) {
+    } else if ((0, _utils2.isBlockNodeForExtraction)(childNode)) {
       // Unsupported block node (table, etc.) - flush current codeBlock, add block, continue
       flushCurrentCodeBlock();
       splits.push(childNode);
+    } else if ((0, _utils2.isListNodeType)(childNode.type)) {
+      var isTaskList = childNode.type.name === 'taskList';
+      var listItemType = isTaskList ? childNode.type.schema.nodes.taskItem : childNode.type.schema.nodes.listItem;
+      var listItems = (0, _utils.findChildrenByType)(childNode, listItemType);
+      listItems.forEach(function (listItem) {
+        var content = isTaskList ? _model.Fragment.from(listItem.node) : listItem.node.content;
+        var inlineContent = (0, _inlineNodeTransforms.getInlineNodeTextContent)(content);
+        if (inlineContent.inlineTextContent.trim()) {
+          currentTextContent.push(inlineContent.inlineTextContent);
+        }
+        if (inlineContent.invalidContent.length > 0) {
+          invalidContent.push.apply(invalidContent, (0, _toConsumableArray2.default)(inlineContent.invalidContent));
+        }
+      });
     } else {
       // Other unsupported content - try to extract text if possible
       var _text = childNode.textContent;
@@ -354,7 +370,7 @@ var splitContentForCodeBlock = function splitContentForCodeBlock(sourceNode, tar
 
   // Flush any remaining text content as a codeBlock
   flushCurrentCodeBlock();
-  return splits;
+  return [].concat(splits, invalidContent);
 };
 
 /**
@@ -394,7 +410,7 @@ var splitContentAroundUnsupportedBlocks = function splitContentAroundUnsupported
       splits.push(childNode);
     } else {
       // Unsupported inline content - convert to paragraph and add to container
-      var inlineContent = (0, _utils.convertNodeToInlineContent)(childNode, schema);
+      var inlineContent = (0, _utils2.convertNodeToInlineContent)(childNode, schema);
       if (inlineContent.length > 0) {
         var paragraph = schema.nodes.paragraph.create({}, _model.Fragment.fromArray(inlineContent));
         currentContainerContent.push(paragraph);

package/dist/cjs/editor-commands/transforms/inline-node-transforms.js

@@ -4,14 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getInlineNodeTextNode = exports.getInlineNodeTextContent = void 0;
+var _utils = require("./utils");
 var getInlineNodeTextContent = exports.getInlineNodeTextContent = function getInlineNodeTextContent(sourceContent) {
   var validTransformedContent = '';
+  var invalidContent = [];
   if (sourceContent.content.length < 1) {
-    return '';
+    return {
+      inlineTextContent: '',
+      invalidContent: invalidContent
+    };
   }
   // Headings are not valid inside headings so convert heading nodes to paragraphs
   sourceContent.forEach(function (node) {
-    if (['paragraph', 'heading', 'taskItem'].includes(node.type.name)) {
+    if (['paragraph', 'heading', 'taskItem', 'codeBlock'].includes(node.type.name)) {
       node.content.forEach(function (inlineNode) {
         if (inlineNode.type.name === 'status') {
           validTransformedContent += inlineNode.attrs.text;
@@ -19,11 +24,16 @@ var getInlineNodeTextContent = exports.getInlineNodeTextContent = function getIn
           validTransformedContent += "".concat(inlineNode.textContent);
         }
       });
+    } else if (!(0, _utils.isListNodeType)(node.type)) {
+      invalidContent.push(node);
     }
   });
-  return validTransformedContent;
+  return {
+    inlineTextContent: validTransformedContent,
+    invalidContent: invalidContent
+  };
 };
 var getInlineNodeTextNode = exports.getInlineNodeTextNode = function getInlineNodeTextNode(sourceContent, schema) {
-  var text = getInlineNodeTextContent(sourceContent);
+  var text = getInlineNodeTextContent(sourceContent).inlineTextContent;
   return schema.text(text);
 };

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

@@ -112,9 +112,7 @@ var transformToCodeBlock = function transformToCodeBlock(nodes, schema) {
   };
   nodes.forEach(function (node) {
     if (node.isTextblock) {
-      var inlineTextContent = node.type === schema.nodes.codeBlock ? node.textContent : (0, _inlineNodeTransforms.getInlineNodeTextContent)(_model.Fragment.from(node));
-
-      // For first node, add directly
+      var inlineTextContent = node.type === schema.nodes.codeBlock ? node.textContent : (0, _inlineNodeTransforms.getInlineNodeTextContent)(_model.Fragment.from(node)).inlineTextContent;
       addToNewNodes([inlineTextContent]);
     } else if ((0, _utils2.isListNode)(node)) {
       var textContent = [];
@@ -124,10 +122,10 @@ var transformToCodeBlock = function transformToCodeBlock(nodes, schema) {
       });
       listItems.forEach(function (listItem) {
         if (listItem.type === schema.nodes.taskItem) {
-          var _inlineTextContent = (0, _inlineNodeTransforms.getInlineNodeTextContent)(_model.Fragment.from(listItem));
+          var _inlineTextContent = (0, _inlineNodeTransforms.getInlineNodeTextContent)(_model.Fragment.from(listItem)).inlineTextContent;
           textContent.push(_inlineTextContent);
         } else {
-          var _inlineTextContent2 = (0, _inlineNodeTransforms.getInlineNodeTextContent)(listItem.content);
+          var _inlineTextContent2 = (0, _inlineNodeTransforms.getInlineNodeTextContent)(listItem.content).inlineTextContent;
           textContent.push(_inlineTextContent2);
         }
       });
@@ -242,6 +240,10 @@ var transformToListNode = exports.transformToListNode = function transformToList
   var isTargetTask = (0, _transforms.isTaskList)(targetNodeType);
   var listItems = [];
   var listItemType = isTargetTask ? schema.nodes.taskItem : schema.nodes.listItem;
+  var unsupportedContent = [];
+  var onhandleUnsupportedContent = function onhandleUnsupportedContent(content) {
+    unsupportedContent.push(content);
+  };
   var isValid = (0, _utils2.getContentSupportChecker)(listItemType);
   nodes.forEach(function (node) {
     // Append unsupported nodes as is
@@ -273,7 +275,7 @@ var transformToListNode = exports.transformToListNode = function transformToList
             schema: schema,
             supportedListTypes: supportedListTypes,
             targetNodeType: targetNodeType
-          });
+          }, onhandleUnsupportedContent);
           newListItems = (0, _toConsumableArray2.default)(newList.content.content);
         }
       } else if ((0, _utils2.isHeadingOrParagraphNode)(node) || isValid(node)) {
@@ -314,7 +316,7 @@ var transformToListNode = exports.transformToListNode = function transformToList
       }
     }
   });
-  return listItems.map(function (_ref3) {
+  return [].concat((0, _toConsumableArray2.default)(listItems.map(function (_ref3) {
     var node = _ref3.node,
       canBeTransformed = _ref3.canBeTransformed;
     if (canBeTransformed) {
@@ -322,7 +324,7 @@ var transformToListNode = exports.transformToListNode = function transformToList
     } else {
       return node;
     }
-  });
+  })), unsupportedContent);
 };
 var convertUnwrappedLayoutContent = exports.convertUnwrappedLayoutContent = function convertUnwrappedLayoutContent(nodes, targetNodeType, schema, targetAttrs) {
   if (nodes.length === 1 && nodes[0].content.size === 0 && !(0, _utils2.isContainerNodeType)(targetNodeType)) {

package/dist/cjs/editor-commands/transforms/list/transformOrderedUnorderedListToBlockNodes.js

@@ -1,11 +1,15 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformOrderedUnorderedListToBlockNodes = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _inlineNodeTransforms = require("../inline-node-transforms");
+var _utils2 = require("../utils");
 var transformOrderedUnorderedListToBlockNodes = exports.transformOrderedUnorderedListToBlockNodes = function transformOrderedUnorderedListToBlockNodes(context) {
   var tr = context.tr,
     targetNodeType = context.targetNodeType,
@@ -14,38 +18,76 @@ var transformOrderedUnorderedListToBlockNodes = exports.transformOrderedUnordere
     sourcePos = context.sourcePos;
   var selection = tr.selection;
   var schema = selection.$from.doc.type.schema;
-  // find all paragraph nodes inside the list node
-  var paragraphs = (0, _utils.findChildrenByType)(sourceNode, schema.nodes.paragraph);
-  var paragraphNodes = paragraphs.map(function (paragraph) {
-    return paragraph.node;
-  });
-  var targetNodes = paragraphNodes;
+  var targetNodes = [];
+  // find all list items inside the list node
+  var listItems = (0, _utils.findChildrenByType)(sourceNode, schema.nodes.listItem);
+  var textContent = [];
+  var flushTextContent = function flushTextContent() {
+    if (targetNodeType !== schema.nodes.codeBlock) {
+      return;
+    }
+    if (textContent.length > 0) {
+      var inlineText = textContent.join('\n');
+      targetNodes.push(schema.nodes.codeBlock.createChecked({}, inlineText !== '' ? schema.text(inlineText) : null));
+      textContent = [];
+    }
+  };
+  listItems.forEach(function (listItem) {
+    // Convert paragraphs to headings if target is heading
+    var content = listItem.node.content.content;
+    content.forEach(function (node) {
+      var isValid = (0, _utils2.getContentSupportChecker)(targetNodeType)(node);
+      if ((0, _utils2.isListNode)(node)) {
+        // Skip nested lists as it will return listItems that we will deal with separately
+        return;
+      }
 
-  // Convert paragraphs to headings if target is heading
-  if (targetNodeType === schema.nodes.heading && targetAttrs) {
-    var targetHeadingLevel = targetAttrs.level;
-    targetNodes = paragraphNodes.map(function (paragraphNode) {
-      return schema.nodes.heading.createChecked({
-        level: targetHeadingLevel
-      }, paragraphNode.content);
-    });
-  }
+      // Deal with the case where targetNode and node are both codeBlocks, then append text content
+      if (targetNodeType === schema.nodes.codeBlock && node.type === schema.nodes.codeBlock) {
+        var inlineContent = node.textContent;
+        textContent = [].concat((0, _toConsumableArray2.default)(textContent), [inlineContent]);
+        return;
+      }
 
-  // Convert paragraphs to code block if target is code block
-  if (targetNodeType === schema.nodes.codeBlock) {
-    // convert the paragraphNodes to one code block
-    var listItemsResult = (0, _utils.findChildrenByType)(sourceNode, schema.nodes.listItem);
-    var listItems = listItemsResult.map(function (item) {
-      return item.node;
-    });
-    var listItemFragments = listItems.map(function (listItem) {
-      return listItem.content;
+      // If the node is not valid for the target container,
+      // flush any existing text content if target is codeBlock
+      // and extract the node without any conversion
+      if (!isValid && !node.isTextblock) {
+        flushTextContent();
+        targetNodes.push(node);
+        return;
+      }
+
+      // If the target is codeBlock, accumulate text content
+      if (targetNodeType === schema.nodes.codeBlock) {
+        var _inlineContent = (0, _inlineNodeTransforms.getInlineNodeTextContent)(_model.Fragment.from(node)).inlineTextContent;
+        textContent = [].concat((0, _toConsumableArray2.default)(textContent), [_inlineContent]);
+        return;
+      }
+
+      // Convert codeblocks to block nodes
+      if (node.type === schema.nodes.codeBlock) {
+        var _targetAttrs$level;
+        var _textContent = node.textContent.split('\n');
+        var attributes = targetNodeType === schema.nodes.heading ? {
+          level: (_targetAttrs$level = targetAttrs === null || targetAttrs === void 0 ? void 0 : targetAttrs.level) !== null && _targetAttrs$level !== void 0 ? _targetAttrs$level : 1
+        } : null;
+        _textContent.forEach(function (textLine) {
+          targetNodes.push(targetNodeType.createChecked(attributes, textLine ? schema.text(textLine) : null));
+        });
+        return;
+      }
+      if (targetNodeType === schema.nodes.heading && targetAttrs) {
+        var targetHeadingLevel = targetAttrs.level;
+        targetNodes.push(schema.nodes.heading.createChecked({
+          level: targetHeadingLevel
+        }, node.content));
+        return;
+      }
+      targetNodes.push(node);
     });
-    var codeBlockContent = listItemFragments.map(function (fragment) {
-      return fragment.textBetween(0, fragment.size, '\n');
-    }).join('\n');
-    targetNodes = [schema.nodes.codeBlock.createChecked({}, schema.text(codeBlockContent))];
-  }
+  });
+  flushTextContent();
   var fragment = _model.Fragment.fromArray(targetNodes);
   var slice = new _model.Slice(fragment, 0, 0);
   var rangeStart = sourcePos !== null ? sourcePos : selection.from;

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

@@ -1,4 +1,4 @@
-/* block-menu.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* block-menu.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -1,4 +1,6 @@
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
+import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
+import { getInlineNodeTextContent } from './inline-node-transforms';
 import { isBlockNodeType, isListNodeType, isContainerNodeType, isBlockNodeForExtraction, convertNodeToInlineContent, getContentSupportChecker, convertCodeBlockContentToParagraphs, filterMarksForTargetNodeType } from './utils';
 const convertInvalidNodeToValidNodeType = (sourceContent, sourceNodeType, validNodeType, withMarks) => {
   const validTransformedContent = [];
@@ -310,7 +312,7 @@ const splitContentForCodeBlock = (sourceNode, targetNodeType, targetAttrs, schem
   const splits = [];
   const children = sourceNode.content.content;
   let currentTextContent = [];
-
+  const invalidContent = [];
   // Handle expand title - add as first text if source is expand with title
   if (sourceNode.type.name === 'expand' && (_sourceNode$attrs3 = sourceNode.attrs) !== null && _sourceNode$attrs3 !== void 0 && _sourceNode$attrs3.title) {
     currentTextContent.push(sourceNode.attrs.title);
@@ -335,7 +337,7 @@ const splitContentForCodeBlock = (sourceNode, targetNodeType, targetAttrs, schem
         currentTextContent.push(childNode.textContent);
       } else if (childNode.isTextblock) {
         // Extract text from text blocks (paragraphs, headings, etc.)
-        const text = childNode.textContent;
+        const text = getInlineNodeTextContent(Fragment.from(childNode)).inlineTextContent;
         if (text.trim()) {
           currentTextContent.push(text);
         }
@@ -344,6 +346,20 @@ const splitContentForCodeBlock = (sourceNode, targetNodeType, targetAttrs, schem
       // Unsupported block node (table, etc.) - flush current codeBlock, add block, continue
       flushCurrentCodeBlock();
       splits.push(childNode);
+    } else if (isListNodeType(childNode.type)) {
+      const isTaskList = childNode.type.name === 'taskList';
+      const listItemType = isTaskList ? childNode.type.schema.nodes.taskItem : childNode.type.schema.nodes.listItem;
+      const listItems = findChildrenByType(childNode, listItemType);
+      listItems.forEach(listItem => {
+        const content = isTaskList ? Fragment.from(listItem.node) : listItem.node.content;
+        const inlineContent = getInlineNodeTextContent(content);
+        if (inlineContent.inlineTextContent.trim()) {
+          currentTextContent.push(inlineContent.inlineTextContent);
+        }
+        if (inlineContent.invalidContent.length > 0) {
+          invalidContent.push(...inlineContent.invalidContent);
+        }
+      });
     } else {
       // Other unsupported content - try to extract text if possible
       const text = childNode.textContent;
@@ -355,7 +371,7 @@ const splitContentForCodeBlock = (sourceNode, targetNodeType, targetAttrs, schem
 
   // Flush any remaining text content as a codeBlock
   flushCurrentCodeBlock();
-  return splits;
+  return [...splits, ...invalidContent];
 };
 
 /**

package/dist/es2019/editor-commands/transforms/inline-node-transforms.js

@@ -1,11 +1,16 @@
+import { isListNodeType } from './utils';
 export const getInlineNodeTextContent = sourceContent => {
   let validTransformedContent = '';
+  const invalidContent = [];
   if (sourceContent.content.length < 1) {
-    return '';
+    return {
+      inlineTextContent: '',
+      invalidContent
+    };
   }
   // Headings are not valid inside headings so convert heading nodes to paragraphs
   sourceContent.forEach(node => {
-    if (['paragraph', 'heading', 'taskItem'].includes(node.type.name)) {
+    if (['paragraph', 'heading', 'taskItem', 'codeBlock'].includes(node.type.name)) {
       node.content.forEach(inlineNode => {
         if (inlineNode.type.name === 'status') {
           validTransformedContent += inlineNode.attrs.text;
@@ -13,11 +18,16 @@ export const getInlineNodeTextContent = sourceContent => {
           validTransformedContent += `${inlineNode.textContent}`;
         }
       });
+    } else if (!isListNodeType(node.type)) {
+      invalidContent.push(node);
     }
   });
-  return validTransformedContent;
+  return {
+    inlineTextContent: validTransformedContent,
+    invalidContent
+  };
 };
 export const getInlineNodeTextNode = (sourceContent, schema) => {
-  const text = getInlineNodeTextContent(sourceContent);
+  const text = getInlineNodeTextContent(sourceContent).inlineTextContent;
   return schema.text(text);
 };

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

@@ -92,9 +92,7 @@ const transformToCodeBlock = (nodes, schema) => {
   };
   nodes.forEach(node => {
     if (node.isTextblock) {
-      const inlineTextContent = node.type === schema.nodes.codeBlock ? node.textContent : getInlineNodeTextContent(Fragment.from(node));
-
-      // For first node, add directly
+      const inlineTextContent = node.type === schema.nodes.codeBlock ? node.textContent : getInlineNodeTextContent(Fragment.from(node)).inlineTextContent;
       addToNewNodes([inlineTextContent]);
     } else if (isListNode(node)) {
       const textContent = [];
@@ -102,10 +100,10 @@ const transformToCodeBlock = (nodes, schema) => {
       const listItems = findChildrenByType(node, listItemType).map(item => item.node);
       listItems.forEach(listItem => {
         if (listItem.type === schema.nodes.taskItem) {
-          const inlineTextContent = getInlineNodeTextContent(Fragment.from(listItem));
+          const inlineTextContent = getInlineNodeTextContent(Fragment.from(listItem)).inlineTextContent;
           textContent.push(inlineTextContent);
         } else {
-          const inlineTextContent = getInlineNodeTextContent(listItem.content);
+          const inlineTextContent = getInlineNodeTextContent(listItem.content).inlineTextContent;
           textContent.push(inlineTextContent);
         }
       });
@@ -220,6 +218,10 @@ export const transformToListNode = (nodes, targetNodeType, schema) => {
   const isTargetTask = isTaskList(targetNodeType);
   const listItems = [];
   const listItemType = isTargetTask ? schema.nodes.taskItem : schema.nodes.listItem;
+  const unsupportedContent = [];
+  const onhandleUnsupportedContent = content => {
+    unsupportedContent.push(content);
+  };
   const isValid = getContentSupportChecker(listItemType);
   nodes.forEach(node => {
     // Append unsupported nodes as is
@@ -251,7 +253,7 @@ export const transformToListNode = (nodes, targetNodeType, schema) => {
             schema,
             supportedListTypes,
             targetNodeType
-          });
+          }, onhandleUnsupportedContent);
           newListItems = [...newList.content.content];
         }
       } else if (isHeadingOrParagraphNode(node) || isValid(node)) {
@@ -292,7 +294,7 @@ export const transformToListNode = (nodes, targetNodeType, schema) => {
       }
     }
   });
-  return listItems.map(({
+  return [...listItems.map(({
     node,
     canBeTransformed
   }) => {
@@ -301,7 +303,7 @@ export const transformToListNode = (nodes, targetNodeType, schema) => {
     } else {
       return node;
     }
-  });
+  }), ...unsupportedContent];
 };
 export const convertUnwrappedLayoutContent = (nodes, targetNodeType, schema, targetAttrs) => {
   if (nodes.length === 1 && nodes[0].content.size === 0 && !isContainerNodeType(targetNodeType)) {

package/dist/es2019/editor-commands/transforms/list/transformOrderedUnorderedListToBlockNodes.js

@@ -1,5 +1,7 @@
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
+import { getInlineNodeTextContent } from '../inline-node-transforms';
+import { getContentSupportChecker, isListNode } from '../utils';
 export const transformOrderedUnorderedListToBlockNodes = context => {
   const {
     tr,
@@ -12,28 +14,76 @@ export const transformOrderedUnorderedListToBlockNodes = context => {
     selection
   } = tr;
   const schema = selection.$from.doc.type.schema;
-  // find all paragraph nodes inside the list node
-  const paragraphs = findChildrenByType(sourceNode, schema.nodes.paragraph);
-  const paragraphNodes = paragraphs.map(paragraph => paragraph.node);
-  let targetNodes = paragraphNodes;
+  const targetNodes = [];
+  // find all list items inside the list node
+  const listItems = findChildrenByType(sourceNode, schema.nodes.listItem);
+  let textContent = [];
+  const flushTextContent = () => {
+    if (targetNodeType !== schema.nodes.codeBlock) {
+      return;
+    }
+    if (textContent.length > 0) {
+      const inlineText = textContent.join('\n');
+      targetNodes.push(schema.nodes.codeBlock.createChecked({}, inlineText !== '' ? schema.text(inlineText) : null));
+      textContent = [];
+    }
+  };
+  listItems.forEach(listItem => {
+    // Convert paragraphs to headings if target is heading
+    const content = listItem.node.content.content;
+    content.forEach(node => {
+      const isValid = getContentSupportChecker(targetNodeType)(node);
+      if (isListNode(node)) {
+        // Skip nested lists as it will return listItems that we will deal with separately
+        return;
+      }
 
-  // Convert paragraphs to headings if target is heading
-  if (targetNodeType === schema.nodes.heading && targetAttrs) {
-    const targetHeadingLevel = targetAttrs.level;
-    targetNodes = paragraphNodes.map(paragraphNode => schema.nodes.heading.createChecked({
-      level: targetHeadingLevel
-    }, paragraphNode.content));
-  }
+      // Deal with the case where targetNode and node are both codeBlocks, then append text content
+      if (targetNodeType === schema.nodes.codeBlock && node.type === schema.nodes.codeBlock) {
+        const inlineContent = node.textContent;
+        textContent = [...textContent, inlineContent];
+        return;
+      }
 
-  // Convert paragraphs to code block if target is code block
-  if (targetNodeType === schema.nodes.codeBlock) {
-    // convert the paragraphNodes to one code block
-    const listItemsResult = findChildrenByType(sourceNode, schema.nodes.listItem);
-    const listItems = listItemsResult.map(item => item.node);
-    const listItemFragments = listItems.map(listItem => listItem.content);
-    const codeBlockContent = listItemFragments.map(fragment => fragment.textBetween(0, fragment.size, '\n')).join('\n');
-    targetNodes = [schema.nodes.codeBlock.createChecked({}, schema.text(codeBlockContent))];
-  }
+      // If the node is not valid for the target container,
+      // flush any existing text content if target is codeBlock
+      // and extract the node without any conversion
+      if (!isValid && !node.isTextblock) {
+        flushTextContent();
+        targetNodes.push(node);
+        return;
+      }
+
+      // If the target is codeBlock, accumulate text content
+      if (targetNodeType === schema.nodes.codeBlock) {
+        const inlineContent = getInlineNodeTextContent(Fragment.from(node)).inlineTextContent;
+        textContent = [...textContent, inlineContent];
+        return;
+      }
+
+      // Convert codeblocks to block nodes
+      if (node.type === schema.nodes.codeBlock) {
+        var _targetAttrs$level;
+        const textContent = node.textContent.split('\n');
+        const attributes = targetNodeType === schema.nodes.heading ? {
+          level: (_targetAttrs$level = targetAttrs === null || targetAttrs === void 0 ? void 0 : targetAttrs.level) !== null && _targetAttrs$level !== void 0 ? _targetAttrs$level : 1
+        } : null;
+        textContent.forEach(textLine => {
+          targetNodes.push(targetNodeType.createChecked(attributes, textLine ? schema.text(textLine) : null));
+        });
+        return;
+      }
+      if (targetNodeType === schema.nodes.heading && targetAttrs) {
+        const targetHeadingLevel = targetAttrs.level;
+        targetNodes.push(schema.nodes.heading.createChecked({
+          level: targetHeadingLevel
+        }, node.content));
+        return;
+      }
+      targetNodes.push(node);
+    });
+  });
+  flushTextContent();
   const fragment = Fragment.fromArray(targetNodes);
   const slice = new Slice(fragment, 0, 0);
   const rangeStart = sourcePos !== null ? sourcePos : selection.from;

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

@@ -1,4 +1,4 @@
-/* block-menu.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* block-menu.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./block-menu.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useContext, useEffect } from 'react';

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

@@ -1,5 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
+import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
+import { getInlineNodeTextContent } from './inline-node-transforms';
 import { isBlockNodeType, isListNodeType, isContainerNodeType, isBlockNodeForExtraction, convertNodeToInlineContent, getContentSupportChecker, convertCodeBlockContentToParagraphs, filterMarksForTargetNodeType } from './utils';
 var convertInvalidNodeToValidNodeType = function convertInvalidNodeToValidNodeType(sourceContent, sourceNodeType, validNodeType, withMarks) {
   var validTransformedContent = [];
@@ -302,7 +304,7 @@ var splitContentForCodeBlock = function splitContentForCodeBlock(sourceNode, tar
   var splits = [];
   var children = sourceNode.content.content;
   var currentTextContent = [];
-
+  var invalidContent = [];
   // Handle expand title - add as first text if source is expand with title
   if (sourceNode.type.name === 'expand' && (_sourceNode$attrs3 = sourceNode.attrs) !== null && _sourceNode$attrs3 !== void 0 && _sourceNode$attrs3.title) {
     currentTextContent.push(sourceNode.attrs.title);
@@ -327,7 +329,7 @@ var splitContentForCodeBlock = function splitContentForCodeBlock(sourceNode, tar
         currentTextContent.push(childNode.textContent);
       } else if (childNode.isTextblock) {
         // Extract text from text blocks (paragraphs, headings, etc.)
-        var text = childNode.textContent;
+        var text = getInlineNodeTextContent(Fragment.from(childNode)).inlineTextContent;
         if (text.trim()) {
           currentTextContent.push(text);
         }
@@ -336,6 +338,20 @@ var splitContentForCodeBlock = function splitContentForCodeBlock(sourceNode, tar
       // Unsupported block node (table, etc.) - flush current codeBlock, add block, continue
       flushCurrentCodeBlock();
       splits.push(childNode);
+    } else if (isListNodeType(childNode.type)) {
+      var isTaskList = childNode.type.name === 'taskList';
+      var listItemType = isTaskList ? childNode.type.schema.nodes.taskItem : childNode.type.schema.nodes.listItem;
+      var listItems = findChildrenByType(childNode, listItemType);
+      listItems.forEach(function (listItem) {
+        var content = isTaskList ? Fragment.from(listItem.node) : listItem.node.content;
+        var inlineContent = getInlineNodeTextContent(content);
+        if (inlineContent.inlineTextContent.trim()) {
+          currentTextContent.push(inlineContent.inlineTextContent);
+        }
+        if (inlineContent.invalidContent.length > 0) {
+          invalidContent.push.apply(invalidContent, _toConsumableArray(inlineContent.invalidContent));
+        }
+      });
     } else {
       // Other unsupported content - try to extract text if possible
       var _text = childNode.textContent;
@@ -347,7 +363,7 @@ var splitContentForCodeBlock = function splitContentForCodeBlock(sourceNode, tar
 
   // Flush any remaining text content as a codeBlock
   flushCurrentCodeBlock();
-  return splits;
+  return [].concat(splits, invalidContent);
 };
 
 /**

package/dist/esm/editor-commands/transforms/inline-node-transforms.js

@@ -1,11 +1,16 @@
+import { isListNodeType } from './utils';
 export var getInlineNodeTextContent = function getInlineNodeTextContent(sourceContent) {
   var validTransformedContent = '';
+  var invalidContent = [];
   if (sourceContent.content.length < 1) {
-    return '';
+    return {
+      inlineTextContent: '',
+      invalidContent: invalidContent
+    };
   }
   // Headings are not valid inside headings so convert heading nodes to paragraphs
   sourceContent.forEach(function (node) {
-    if (['paragraph', 'heading', 'taskItem'].includes(node.type.name)) {
+    if (['paragraph', 'heading', 'taskItem', 'codeBlock'].includes(node.type.name)) {
       node.content.forEach(function (inlineNode) {
         if (inlineNode.type.name === 'status') {
           validTransformedContent += inlineNode.attrs.text;
@@ -13,11 +18,16 @@ export var getInlineNodeTextContent = function getInlineNodeTextContent(sourceCo
           validTransformedContent += "".concat(inlineNode.textContent);
         }
       });
+    } else if (!isListNodeType(node.type)) {
+      invalidContent.push(node);
     }
   });
-  return validTransformedContent;
+  return {
+    inlineTextContent: validTransformedContent,
+    invalidContent: invalidContent
+  };
 };
 export var getInlineNodeTextNode = function getInlineNodeTextNode(sourceContent, schema) {
-  var text = getInlineNodeTextContent(sourceContent);
+  var text = getInlineNodeTextContent(sourceContent).inlineTextContent;
   return schema.text(text);
 };

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

@@ -105,9 +105,7 @@ var transformToCodeBlock = function transformToCodeBlock(nodes, schema) {
   };
   nodes.forEach(function (node) {
     if (node.isTextblock) {
-      var inlineTextContent = node.type === schema.nodes.codeBlock ? node.textContent : getInlineNodeTextContent(Fragment.from(node));
-
-      // For first node, add directly
+      var inlineTextContent = node.type === schema.nodes.codeBlock ? node.textContent : getInlineNodeTextContent(Fragment.from(node)).inlineTextContent;
       addToNewNodes([inlineTextContent]);
     } else if (isListNode(node)) {
       var textContent = [];
@@ -117,10 +115,10 @@ var transformToCodeBlock = function transformToCodeBlock(nodes, schema) {
       });
       listItems.forEach(function (listItem) {
         if (listItem.type === schema.nodes.taskItem) {
-          var _inlineTextContent = getInlineNodeTextContent(Fragment.from(listItem));
+          var _inlineTextContent = getInlineNodeTextContent(Fragment.from(listItem)).inlineTextContent;
           textContent.push(_inlineTextContent);
         } else {
-          var _inlineTextContent2 = getInlineNodeTextContent(listItem.content);
+          var _inlineTextContent2 = getInlineNodeTextContent(listItem.content).inlineTextContent;
           textContent.push(_inlineTextContent2);
         }
       });
@@ -235,6 +233,10 @@ export var transformToListNode = function transformToListNode(nodes, targetNodeT
   var isTargetTask = isTaskList(targetNodeType);
   var listItems = [];
   var listItemType = isTargetTask ? schema.nodes.taskItem : schema.nodes.listItem;
+  var unsupportedContent = [];
+  var onhandleUnsupportedContent = function onhandleUnsupportedContent(content) {
+    unsupportedContent.push(content);
+  };
   var isValid = getContentSupportChecker(listItemType);
   nodes.forEach(function (node) {
     // Append unsupported nodes as is
@@ -266,7 +268,7 @@ export var transformToListNode = function transformToListNode(nodes, targetNodeT
             schema: schema,
             supportedListTypes: supportedListTypes,
             targetNodeType: targetNodeType
-          });
+          }, onhandleUnsupportedContent);
           newListItems = _toConsumableArray(newList.content.content);
         }
       } else if (isHeadingOrParagraphNode(node) || isValid(node)) {
@@ -307,7 +309,7 @@ export var transformToListNode = function transformToListNode(nodes, targetNodeT
       }
     }
   });
-  return listItems.map(function (_ref3) {
+  return [].concat(_toConsumableArray(listItems.map(function (_ref3) {
     var node = _ref3.node,
       canBeTransformed = _ref3.canBeTransformed;
     if (canBeTransformed) {
@@ -315,7 +317,7 @@ export var transformToListNode = function transformToListNode(nodes, targetNodeT
     } else {
       return node;
     }
-  });
+  })), unsupportedContent);
 };
 export var convertUnwrappedLayoutContent = function convertUnwrappedLayoutContent(nodes, targetNodeType, schema, targetAttrs) {
   if (nodes.length === 1 && nodes[0].content.size === 0 && !isContainerNodeType(targetNodeType)) {

package/dist/esm/editor-commands/transforms/list/transformOrderedUnorderedListToBlockNodes.js

@@ -1,5 +1,8 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
+import { getInlineNodeTextContent } from '../inline-node-transforms';
+import { getContentSupportChecker, isListNode } from '../utils';
 export var transformOrderedUnorderedListToBlockNodes = function transformOrderedUnorderedListToBlockNodes(context) {
   var tr = context.tr,
     targetNodeType = context.targetNodeType,
@@ -8,38 +11,76 @@ export var transformOrderedUnorderedListToBlockNodes = function transformOrdered
     sourcePos = context.sourcePos;
   var selection = tr.selection;
   var schema = selection.$from.doc.type.schema;
-  // find all paragraph nodes inside the list node
-  var paragraphs = findChildrenByType(sourceNode, schema.nodes.paragraph);
-  var paragraphNodes = paragraphs.map(function (paragraph) {
-    return paragraph.node;
-  });
-  var targetNodes = paragraphNodes;
+  var targetNodes = [];
+  // find all list items inside the list node
+  var listItems = findChildrenByType(sourceNode, schema.nodes.listItem);
+  var textContent = [];
+  var flushTextContent = function flushTextContent() {
+    if (targetNodeType !== schema.nodes.codeBlock) {
+      return;
+    }
+    if (textContent.length > 0) {
+      var inlineText = textContent.join('\n');
+      targetNodes.push(schema.nodes.codeBlock.createChecked({}, inlineText !== '' ? schema.text(inlineText) : null));
+      textContent = [];
+    }
+  };
+  listItems.forEach(function (listItem) {
+    // Convert paragraphs to headings if target is heading
+    var content = listItem.node.content.content;
+    content.forEach(function (node) {
+      var isValid = getContentSupportChecker(targetNodeType)(node);
+      if (isListNode(node)) {
+        // Skip nested lists as it will return listItems that we will deal with separately
+        return;
+      }
 
-  // Convert paragraphs to headings if target is heading
-  if (targetNodeType === schema.nodes.heading && targetAttrs) {
-    var targetHeadingLevel = targetAttrs.level;
-    targetNodes = paragraphNodes.map(function (paragraphNode) {
-      return schema.nodes.heading.createChecked({
-        level: targetHeadingLevel
-      }, paragraphNode.content);
-    });
-  }
+      // Deal with the case where targetNode and node are both codeBlocks, then append text content
+      if (targetNodeType === schema.nodes.codeBlock && node.type === schema.nodes.codeBlock) {
+        var inlineContent = node.textContent;
+        textContent = [].concat(_toConsumableArray(textContent), [inlineContent]);
+        return;
+      }
 
-  // Convert paragraphs to code block if target is code block
-  if (targetNodeType === schema.nodes.codeBlock) {
-    // convert the paragraphNodes to one code block
-    var listItemsResult = findChildrenByType(sourceNode, schema.nodes.listItem);
-    var listItems = listItemsResult.map(function (item) {
-      return item.node;
-    });
-    var listItemFragments = listItems.map(function (listItem) {
-      return listItem.content;
+      // If the node is not valid for the target container,
+      // flush any existing text content if target is codeBlock
+      // and extract the node without any conversion
+      if (!isValid && !node.isTextblock) {
+        flushTextContent();
+        targetNodes.push(node);
+        return;
+      }
+
+      // If the target is codeBlock, accumulate text content
+      if (targetNodeType === schema.nodes.codeBlock) {
+        var _inlineContent = getInlineNodeTextContent(Fragment.from(node)).inlineTextContent;
+        textContent = [].concat(_toConsumableArray(textContent), [_inlineContent]);
+        return;
+      }
+
+      // Convert codeblocks to block nodes
+      if (node.type === schema.nodes.codeBlock) {
+        var _targetAttrs$level;
+        var _textContent = node.textContent.split('\n');
+        var attributes = targetNodeType === schema.nodes.heading ? {
+          level: (_targetAttrs$level = targetAttrs === null || targetAttrs === void 0 ? void 0 : targetAttrs.level) !== null && _targetAttrs$level !== void 0 ? _targetAttrs$level : 1
+        } : null;
+        _textContent.forEach(function (textLine) {
+          targetNodes.push(targetNodeType.createChecked(attributes, textLine ? schema.text(textLine) : null));
+        });
+        return;
+      }
+      if (targetNodeType === schema.nodes.heading && targetAttrs) {
+        var targetHeadingLevel = targetAttrs.level;
+        targetNodes.push(schema.nodes.heading.createChecked({
+          level: targetHeadingLevel
+        }, node.content));
+        return;
+      }
+      targetNodes.push(node);
     });
-    var codeBlockContent = listItemFragments.map(function (fragment) {
-      return fragment.textBetween(0, fragment.size, '\n');
-    }).join('\n');
-    targetNodes = [schema.nodes.codeBlock.createChecked({}, schema.text(codeBlockContent))];
-  }
+  });
+  flushTextContent();
   var fragment = Fragment.fromArray(targetNodes);
   var slice = new Slice(fragment, 0, 0);
   var rangeStart = sourcePos !== null ? sourcePos : selection.from;

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

@@ -1,4 +1,4 @@
-/* block-menu.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* block-menu.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./block-menu.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useContext, useEffect } from 'react';

package/dist/types/editor-commands/transforms/inline-node-transforms.d.ts

@@ -1,3 +1,6 @@
-import type { Fragment, Schema } from '@atlaskit/editor-prosemirror/model';
-export declare const getInlineNodeTextContent: (sourceContent: Fragment) => string;
-export declare const getInlineNodeTextNode: (sourceContent: Fragment, schema: Schema) => import("prosemirror-model").Node;
+import type { Fragment, Schema, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+export declare const getInlineNodeTextContent: (sourceContent: Fragment) => {
+    inlineTextContent: string;
+    invalidContent: PMNode[];
+};
+export declare const getInlineNodeTextNode: (sourceContent: Fragment, schema: Schema) => PMNode;

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

@@ -1,3 +1,6 @@
-import type { Fragment, Schema } from '@atlaskit/editor-prosemirror/model';
-export declare const getInlineNodeTextContent: (sourceContent: Fragment) => string;
-export declare const getInlineNodeTextNode: (sourceContent: Fragment, schema: Schema) => import("prosemirror-model").Node;
+import type { Fragment, Schema, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+export declare const getInlineNodeTextContent: (sourceContent: Fragment) => {
+    inlineTextContent: string;
+    invalidContent: PMNode[];
+};
+export declare const getInlineNodeTextNode: (sourceContent: Fragment, schema: Schema) => PMNode;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "3.1.3",
+	"version": "3.1.5",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,7 +30,7 @@
 	"dependencies": {
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/editor-plugin-block-controls": "^6.2.0",
+		"@atlaskit/editor-plugin-block-controls": "^6.3.0",
 		"@atlaskit/editor-plugin-decorations": "^5.0.0",
 		"@atlaskit/editor-plugin-selection": "^5.0.0",
 		"@atlaskit/editor-plugin-user-intent": "^3.0.0",
@@ -38,16 +38,16 @@
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^0.9.0",
-		"@atlaskit/icon": "^28.1.0",
+		"@atlaskit/icon": "^28.2.0",
 		"@atlaskit/icon-lab": "^5.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.14.0",
-		"@atlaskit/tmp-editor-statsig": "^12.21.0",
+		"@atlaskit/tmp-editor-statsig": "^12.22.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.6.0",
+		"@atlaskit/editor-common": "^109.7.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},