@atlaskit/editor-plugin-block-menu 1.0.1 → 1.0.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 1.0.3
+
+### Patch Changes
+
+- [`3db18eece6c2f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3db18eece6c2f) -
+  [ux] Adds basic conversion from expand, panel, blockquote to bulled, numbered or task list.
+- Updated dependencies
+
+## 1.0.2
+
+### Patch Changes
+
+- [`32434f817d714`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/32434f817d714) -
+  ED-29126: Convert list to block nodes
+- [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
+  Internal changes to how border radius is applied.
+- Updated dependencies
+
 ## 1.0.1
 
 ### Patch Changes

package/dist/cjs/editor-commands/formatNode.js

@@ -40,7 +40,7 @@ var formatNode = exports.formatNode = function formatNode(targetType) {
             nodeToFormat = listParent.node;
             nodePos = listParent.pos;
           }
-        } else if (paragraphOrHeadingNode) {
+        } else if (parentNode.node.type !== nodes.blockquote && paragraphOrHeadingNode) {
           nodeToFormat = paragraphOrHeadingNode.node;
           nodePos = paragraphOrHeadingNode.pos;
         }

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

@@ -50,6 +50,7 @@ var transformToContainer = exports.transformToContainer = function transformToCo
  */
 var transformContainerNode = exports.transformContainerNode = function transformContainerNode(_ref2) {
   var tr = _ref2.tr,
+    sourceNode = _ref2.sourceNode,
     sourcePos = _ref2.sourcePos,
     targetNodeType = _ref2.targetNodeType,
     targetAttrs = _ref2.targetAttrs;
@@ -64,7 +65,13 @@ var transformContainerNode = exports.transformContainerNode = function transform
 
   // Transform container to list type
   if ((0, _utils.isListNodeType)(targetNodeType)) {
-    return unwrapAndConvertToList();
+    return unwrapAndConvertToList({
+      tr: tr,
+      sourceNode: sourceNode,
+      sourcePos: sourcePos,
+      targetNodeType: targetNodeType,
+      targetAttrs: targetAttrs
+    });
   }
 
   // Transform between container types
@@ -86,7 +93,56 @@ var unwrapAndConvertToBlockType = exports.unwrapAndConvertToBlockType = function
 /**
  * Unwrap container node and convert content to list
  */
-var unwrapAndConvertToList = exports.unwrapAndConvertToList = function unwrapAndConvertToList() {
-  // Convert to list directly
-  return null;
+var unwrapAndConvertToList = exports.unwrapAndConvertToList = function unwrapAndConvertToList(_ref3) {
+  var tr = _ref3.tr,
+    sourceNode = _ref3.sourceNode,
+    sourcePos = _ref3.sourcePos,
+    targetNodeType = _ref3.targetNodeType,
+    targetAttrs = _ref3.targetAttrs;
+  if (sourcePos === null) {
+    return tr;
+  }
+  var schema = tr.doc.type.schema;
+  var _schema$nodes = schema.nodes,
+    listItem = _schema$nodes.listItem,
+    paragraph = _schema$nodes.paragraph,
+    taskList = _schema$nodes.taskList,
+    taskItem = _schema$nodes.taskItem;
+  var isTargetTaskList = targetNodeType === taskList;
+  var createListItemFromInline = function createListItemFromInline(inlineFrag) {
+    return isTargetTaskList ? taskItem.create(null, inlineFrag) : listItem.create(null, paragraph.create(null, inlineFrag));
+  };
+  var getInlineContent = function getInlineContent(textblock) {
+    var inlineContent = [];
+    textblock.forEach(function (inline) {
+      inlineContent.push(inline);
+    });
+    return inlineContent;
+  };
+  var items = [];
+
+  // Expand's title should become the first item of the list
+  if (sourceNode.type.name === 'expand') {
+    var _sourceNode$attrs;
+    var title = (_sourceNode$attrs = sourceNode.attrs) === null || _sourceNode$attrs === void 0 ? void 0 : _sourceNode$attrs.title;
+    if (title) {
+      var titleContent = schema.text(title);
+      items.push(isTargetTaskList ? taskItem.create(null, titleContent) : listItem.create(null, paragraph.create(null, titleContent)));
+    }
+  }
+  for (var i = 0; i < sourceNode.childCount; i++) {
+    var node = sourceNode.child(i);
+
+    // Abort early if unsupported content (e.g. table) encounted inside of the container
+    if (!node.isTextblock) {
+      return tr;
+    }
+    var inline = _model.Fragment.from(getInlineContent(node));
+    items.push(createListItemFromInline(inline));
+  }
+  if (!items.length) {
+    return tr;
+  }
+  var list = targetNodeType.create(targetAttrs || null, _model.Fragment.from(items));
+  return tr.replaceWith(sourcePos, sourcePos + sourceNode.nodeSize, list);
 };

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

@@ -7,14 +7,25 @@ Object.defineProperty(exports, "__esModule", {
 exports.transformListStructure = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 /**
- * Extract all inline content from a node
+ * Convert a block node to inline content suitable for task items
  */
-var extractInlineContent = function extractInlineContent(node) {
-  var inlineContent = [];
-  for (var i = 0; i < node.childCount; i++) {
-    inlineContent.push(node.child(i));
+var convertBlockToInlineContent = function convertBlockToInlineContent(node, schema) {
+  var paragraph = schema.nodes.paragraph;
+  if (node.type === paragraph) {
+    // Extract inline content from paragraphs
+    return (0, _toConsumableArray2.default)(node.content.content);
+  } else if (node.isBlock) {
+    // For other block content types eg. codeBlock, extract their text content and create text nodes
+    var textContent = node.textContent;
+    if (textContent) {
+      var textNode = schema.text(textContent);
+      return [textNode];
+    }
+  } else {
+    // Already inline content, add directly
+    return [node];
   }
-  return inlineContent;
+  return [];
 };
 
 /**
@@ -48,25 +59,10 @@ var transformListStructure = exports.transformListStructure = function transform
         // Extract inline content from all children within listItem
         if (node.type === listItem) {
           var inlineContent = [];
-
-          // Extract all inline content from all child nodes
-          for (var i = 0; i < node.childCount; i++) {
-            var child = node.child(i);
-            if (child.type === paragraph) {
-              // Extract inline content from paragraphs
-              inlineContent.push.apply(inlineContent, (0, _toConsumableArray2.default)(extractInlineContent(child)));
-            } else if (child.isBlock) {
-              // For other block content types eg. codeBlock, extract their text content and create text nodes
-              var textContent = child.textContent;
-              if (textContent) {
-                var textNode = tr.doc.type.schema.text(textContent);
-                inlineContent.push(textNode);
-              }
-            } else {
-              // Already inline content, add directly
-              inlineContent.push(child);
-            }
-          }
+          // Extract inline content from all child nodes
+          node.forEach(function (child) {
+            inlineContent.push.apply(inlineContent, (0, _toConsumableArray2.default)(convertBlockToInlineContent(child, tr.doc.type.schema)));
+          });
           if (inlineContent.length > 0) {
             var newItem = taskItem.create(null, inlineContent);
             newListItems.push(newItem);
@@ -76,7 +72,7 @@ var transformListStructure = exports.transformListStructure = function transform
         // Converting from task list to bullet/ordered list
         // Structure: taskItem > inline content -> listItem > paragraph > inline content
         if (node.type === taskItem) {
-          var _inlineContent = extractInlineContent(node);
+          var _inlineContent = (0, _toConsumableArray2.default)(node.content.content);
           if (_inlineContent.length > 0) {
             var paragraphNode = paragraph.create(null, _inlineContent);
             var newListItem = listItem.create(null, paragraphNode);

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformOrderedUnorderedListToBlockNodes = void 0;
+var _model = require("@atlaskit/editor-prosemirror/model");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
+var transformOrderedUnorderedListToBlockNodes = exports.transformOrderedUnorderedListToBlockNodes = function transformOrderedUnorderedListToBlockNodes(context) {
+  var tr = context.tr,
+    targetNodeType = context.targetNodeType,
+    targetAttrs = context.targetAttrs,
+    sourceNode = context.sourceNode,
+    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;
+
+  // 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);
+    });
+  }
+
+  // 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;
+    });
+    var codeBlockContent = listItemFragments.map(function (fragment) {
+      return fragment.textBetween(0, fragment.size, '\n');
+    }).join('\n');
+    targetNodes = [schema.nodes.codeBlock.createChecked({}, schema.text(codeBlockContent))];
+  }
+  var fragment = _model.Fragment.fromArray(targetNodes);
+  var slice = new _model.Slice(fragment, 0, 0);
+  var rangeStart = sourcePos !== null ? sourcePos : selection.from;
+  tr.replaceRange(rangeStart, rangeStart + sourceNode.nodeSize, slice);
+  return tr;
+};

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformTaskListToBlockNodes = void 0;
+var _model = require("@atlaskit/editor-prosemirror/model");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
+var transformTaskListToBlockNodes = exports.transformTaskListToBlockNodes = function transformTaskListToBlockNodes(context) {
+  var tr = context.tr,
+    targetNodeType = context.targetNodeType,
+    targetAttrs = context.targetAttrs,
+    sourceNode = context.sourceNode,
+    sourcePos = context.sourcePos;
+  var selection = tr.selection;
+  var schema = selection.$from.doc.type.schema;
+  var taskItemsResult = (0, _utils.findChildrenByType)(sourceNode, schema.nodes.taskItem);
+  var taskItems = taskItemsResult.map(function (item) {
+    return item.node;
+  });
+  var taskItemFragments = taskItems.map(function (taskItem) {
+    return taskItem.content;
+  });
+  var targetNodes = [];
+
+  // Convert fragments to headings if target is heading
+  if (targetNodeType === schema.nodes.heading && targetAttrs) {
+    // convert the fragments to headings
+    var targetHeadingLevel = targetAttrs.level;
+    targetNodes = taskItemFragments.map(function (fragment) {
+      return schema.nodes.heading.createChecked({
+        level: targetHeadingLevel
+      }, fragment.content);
+    });
+  }
+
+  // Convert fragments to paragraphs if target is paragraphs
+  if (targetNodeType === schema.nodes.paragraph) {
+    // convert the fragments to paragraphs
+    targetNodes = taskItemFragments.map(function (fragment) {
+      return schema.nodes.paragraph.createChecked({}, fragment.content);
+    });
+  }
+
+  // Convert fragments to code block if target is code block
+  if (targetNodeType === schema.nodes.codeBlock) {
+    // convert the fragments to one code block
+    var codeBlockContent = taskItemFragments.map(function (fragment) {
+      return fragment.textBetween(0, fragment.size, '\n');
+    }).join('\n');
+    targetNodes = [schema.nodes.codeBlock.createChecked({}, schema.text(codeBlockContent))];
+  }
+
+  // Replace the task list node with the new content in the transaction
+  var slice = new _model.Slice(_model.Fragment.fromArray(targetNodes), 0, 0);
+  var rangeStart = sourcePos !== null ? sourcePos : selection.from;
+  tr.replaceRange(rangeStart, rangeStart + sourceNode.nodeSize, slice);
+  return tr;
+};

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

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformToTaskList = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+/**
+ * Transform selection to task list
+ * Handles the special structure where taskItem contains text directly (no paragraph wrapper)
+ */
+var transformToTaskList = exports.transformToTaskList = function transformToTaskList(tr, range, targetNodeType, targetAttrs, nodes) {
+  try {
+    var taskItem = nodes.taskItem;
+    var listItems = [];
+
+    // Process each block in the range
+    tr.doc.nodesBetween(range.start, range.end, function (node) {
+      if (node.isBlock) {
+        // For block nodes like paragraphs, directly use their inline content
+        var inlineContent = (0, _toConsumableArray2.default)(node.content.content);
+        if (inlineContent.length > 0) {
+          // Create task item with inline content directly
+          var listItem = taskItem.create(targetAttrs, inlineContent);
+          listItems.push(listItem);
+        }
+      }
+      return false; // Don't traverse into children
+    });
+    if (listItems.length === 0) {
+      return null;
+    }
+
+    // Create the new task list
+    var newList = targetNodeType.create(targetAttrs, listItems);
+
+    // Replace the range with the new list
+    tr.replaceWith(range.start, range.end, newList);
+    return tr;
+  } catch (_unused) {
+    return null;
+  }
+};

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

@@ -3,16 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transformListNode = exports.transformBlockToList = exports.transformBetweenListTypes = exports.liftListToBlockType = void 0;
+exports.transformListToBlockNodes = exports.transformListNode = exports.transformBlockToList = exports.transformBetweenListTypes = exports.liftListToBlockType = void 0;
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _transformBetweenListTypes = require("./list/transformBetweenListTypes");
+var _transformOrderedUnorderedListToBlockNodes = require("./list/transformOrderedUnorderedListToBlockNodes");
+var _transformTaskListToBlockNodes = require("./list/transformTaskListToBlockNodes");
+var _transformToTaskList = require("./list/transformToTaskList");
 var _utils2 = require("./utils");
 /**
  * Transform selection to list type
  */
 var transformBlockToList = exports.transformBlockToList = function transformBlockToList(context) {
   var tr = context.tr,
+    sourceNode = context.sourceNode,
     targetNodeType = context.targetNodeType,
     targetAttrs = context.targetAttrs;
   var _tr$selection = tr.selection,
@@ -26,13 +30,11 @@ var transformBlockToList = exports.transformBlockToList = function transformBloc
   var isTargetTask = targetNodeType === nodes.taskList;
 
   // Handle task lists differently due to their structure
-  // TODO: ED-29152 - Implement task list transformation
   if (isTargetTask) {
-    return null;
+    return (0, _transformToTaskList.transformToTaskList)(tr, range, targetNodeType, targetAttrs, nodes);
   }
 
   // For headings, convert to paragraph first since headings cannot be direct children of list items
-  var sourceNode = tr.doc.nodeAt(range.start);
   if (sourceNode && sourceNode.type.name.startsWith('heading')) {
     tr.setBlockType(range.start, range.end, nodes.paragraph);
   }
@@ -49,6 +51,18 @@ var transformBlockToList = exports.transformBlockToList = function transformBloc
   return tr;
 };
 
+/**
+ * Transform list to block nodes
+ */
+var transformListToBlockNodes = exports.transformListToBlockNodes = function transformListToBlockNodes(context) {
+  var sourceNode = context.sourceNode;
+  if (sourceNode.type.name === 'taskList') {
+    return (0, _transformTaskListToBlockNodes.transformTaskListToBlockNodes)(context);
+  } else {
+    return (0, _transformOrderedUnorderedListToBlockNodes.transformOrderedUnorderedListToBlockNodes)(context);
+  }
+};
+
 /**
  * Transform list nodes
  */
@@ -57,7 +71,7 @@ var transformListNode = exports.transformListNode = function transformListNode(c
   // Transform list to block type
   if ((0, _utils2.isBlockNodeType)(targetNodeType)) {
     // Lift list items out of the list and convert to target block type
-    return null;
+    return transformListToBlockNodes(context);
   }
 
   // Transform list to container type

package/dist/cjs/ui/block-menu.compiled.css

@@ -1,3 +1,3 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}

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

@@ -21,7 +21,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _blockMenuRenderer = require("./block-menu-renderer");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  base: "_2rkoglpi _bfhk1bhr _16qs1cd0"
+  base: "_2rko12b0 _bfhk1bhr _16qs1cd0"
 };
 var DEFAULT_MENU_WIDTH = 230;
 var DRAG_HANDLE_OFFSET_PADDING = 5;

package/dist/es2019/editor-commands/formatNode.js

@@ -39,7 +39,7 @@ export const formatNode = targetType => {
             nodeToFormat = listParent.node;
             nodePos = listParent.pos;
           }
-        } else if (paragraphOrHeadingNode) {
+        } else if (parentNode.node.type !== nodes.blockquote && paragraphOrHeadingNode) {
           nodeToFormat = paragraphOrHeadingNode.node;
           nodePos = paragraphOrHeadingNode.pos;
         }

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

@@ -45,6 +45,7 @@ export const transformToContainer = ({
  */
 export const transformContainerNode = ({
   tr,
+  sourceNode,
   sourcePos,
   targetNodeType,
   targetAttrs
@@ -60,7 +61,13 @@ export const transformContainerNode = ({
 
   // Transform container to list type
   if (isListNodeType(targetNodeType)) {
-    return unwrapAndConvertToList();
+    return unwrapAndConvertToList({
+      tr,
+      sourceNode,
+      sourcePos,
+      targetNodeType,
+      targetAttrs
+    });
   }
 
   // Transform between container types
@@ -82,7 +89,60 @@ export const unwrapAndConvertToBlockType = () => {
 /**
  * Unwrap container node and convert content to list
  */
-export const unwrapAndConvertToList = () => {
-  // Convert to list directly
-  return null;
+export const unwrapAndConvertToList = ({
+  tr,
+  sourceNode,
+  sourcePos,
+  targetNodeType,
+  targetAttrs
+}) => {
+  if (sourcePos === null) {
+    return tr;
+  }
+  const {
+    schema
+  } = tr.doc.type;
+  const {
+    listItem,
+    paragraph,
+    taskList,
+    taskItem
+  } = schema.nodes;
+  const isTargetTaskList = targetNodeType === taskList;
+  const createListItemFromInline = inlineFrag => {
+    return isTargetTaskList ? taskItem.create(null, inlineFrag) : listItem.create(null, paragraph.create(null, inlineFrag));
+  };
+  const getInlineContent = textblock => {
+    const inlineContent = [];
+    textblock.forEach(inline => {
+      inlineContent.push(inline);
+    });
+    return inlineContent;
+  };
+  const items = [];
+
+  // Expand's title should become the first item of the list
+  if (sourceNode.type.name === 'expand') {
+    var _sourceNode$attrs;
+    const title = (_sourceNode$attrs = sourceNode.attrs) === null || _sourceNode$attrs === void 0 ? void 0 : _sourceNode$attrs.title;
+    if (title) {
+      const titleContent = schema.text(title);
+      items.push(isTargetTaskList ? taskItem.create(null, titleContent) : listItem.create(null, paragraph.create(null, titleContent)));
+    }
+  }
+  for (let i = 0; i < sourceNode.childCount; i++) {
+    const node = sourceNode.child(i);
+
+    // Abort early if unsupported content (e.g. table) encounted inside of the container
+    if (!node.isTextblock) {
+      return tr;
+    }
+    const inline = Fragment.from(getInlineContent(node));
+    items.push(createListItemFromInline(inline));
+  }
+  if (!items.length) {
+    return tr;
+  }
+  const list = targetNodeType.create(targetAttrs || null, Fragment.from(items));
+  return tr.replaceWith(sourcePos, sourcePos + sourceNode.nodeSize, list);
 };

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

@@ -1,12 +1,25 @@
 /**
- * Extract all inline content from a node
+ * Convert a block node to inline content suitable for task items
  */
-const extractInlineContent = node => {
-  const inlineContent = [];
-  for (let i = 0; i < node.childCount; i++) {
-    inlineContent.push(node.child(i));
+const convertBlockToInlineContent = (node, schema) => {
+  const {
+    paragraph
+  } = schema.nodes;
+  if (node.type === paragraph) {
+    // Extract inline content from paragraphs
+    return [...node.content.content];
+  } else if (node.isBlock) {
+    // For other block content types eg. codeBlock, extract their text content and create text nodes
+    const textContent = node.textContent;
+    if (textContent) {
+      const textNode = schema.text(textContent);
+      return [textNode];
+    }
+  } else {
+    // Already inline content, add directly
+    return [node];
   }
-  return inlineContent;
+  return [];
 };
 
 /**
@@ -44,25 +57,10 @@ export const transformListStructure = (tr, listNode, targetNodeType, nodes) => {
         // Extract inline content from all children within listItem
         if (node.type === listItem) {
           const inlineContent = [];
-
-          // Extract all inline content from all child nodes
-          for (let i = 0; i < node.childCount; i++) {
-            const child = node.child(i);
-            if (child.type === paragraph) {
-              // Extract inline content from paragraphs
-              inlineContent.push(...extractInlineContent(child));
-            } else if (child.isBlock) {
-              // For other block content types eg. codeBlock, extract their text content and create text nodes
-              const textContent = child.textContent;
-              if (textContent) {
-                const textNode = tr.doc.type.schema.text(textContent);
-                inlineContent.push(textNode);
-              }
-            } else {
-              // Already inline content, add directly
-              inlineContent.push(child);
-            }
-          }
+          // Extract inline content from all child nodes
+          node.forEach(child => {
+            inlineContent.push(...convertBlockToInlineContent(child, tr.doc.type.schema));
+          });
           if (inlineContent.length > 0) {
             const newItem = taskItem.create(null, inlineContent);
             newListItems.push(newItem);
@@ -72,7 +70,7 @@ export const transformListStructure = (tr, listNode, targetNodeType, nodes) => {
         // Converting from task list to bullet/ordered list
         // Structure: taskItem > inline content -> listItem > paragraph > inline content
         if (node.type === taskItem) {
-          const inlineContent = extractInlineContent(node);
+          const inlineContent = [...node.content.content];
           if (inlineContent.length > 0) {
             const paragraphNode = paragraph.create(null, inlineContent);
             const newListItem = listItem.create(null, paragraphNode);

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

@@ -0,0 +1,42 @@
+import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
+import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
+export const transformOrderedUnorderedListToBlockNodes = context => {
+  const {
+    tr,
+    targetNodeType,
+    targetAttrs,
+    sourceNode,
+    sourcePos
+  } = context;
+  const {
+    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;
+
+  // 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));
+  }
+
+  // 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))];
+  }
+  const fragment = Fragment.fromArray(targetNodes);
+  const slice = new Slice(fragment, 0, 0);
+  const rangeStart = sourcePos !== null ? sourcePos : selection.from;
+  tr.replaceRange(rangeStart, rangeStart + sourceNode.nodeSize, slice);
+  return tr;
+};