@atlaskit/editor-plugin-block-menu 1.0.2 → 1.0.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 1.0.4
+
+### Patch Changes
+
+- [`30454d0f4baf2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/30454d0f4baf2) -
+  Support multiple levels list to list transform
+- [`cb4decb701766`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cb4decb701766) -
+  [ux] Enable max height on block menu flyout menu
+- Updated dependencies
+
+## 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

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

@@ -18,7 +18,7 @@ var formatNode = exports.formatNode = function formatNode(targetType) {
 
     // Find the node to format from the current selection
     var nodeToFormat;
-    var nodePos = null;
+    var nodePos = selection.from;
 
     // Try to find the current node from selection
     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);
@@ -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

@@ -6,95 +6,93 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.transformListStructure = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _utils = require("../utils");
 /**
- * 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) {
+    return (0, _toConsumableArray2.default)(node.content.content);
   }
-  return inlineContent;
+  if (node.isBlock) {
+    var textContent = node.textContent;
+    return textContent ? [schema.text(textContent)] : [];
+  }
+  return [node];
 };
 
 /**
- * Transform list structure
+ * Transform list structure between different list types
  */
-var transformListStructure = exports.transformListStructure = function transformListStructure(tr, listNode, targetNodeType, nodes) {
+var transformListStructure = exports.transformListStructure = function transformListStructure(context) {
+  var tr = context.tr,
+    sourceNode = context.sourceNode,
+    sourcePos = context.sourcePos,
+    targetNodeType = context.targetNodeType;
+  var nodes = tr.doc.type.schema.nodes;
   try {
+    var listNode = {
+      node: sourceNode,
+      pos: sourcePos
+    };
     var sourceList = listNode.node,
       listPos = listNode.pos;
-    var bulletList = nodes.bulletList,
-      orderedList = nodes.orderedList,
-      taskList = nodes.taskList,
+    var taskList = nodes.taskList,
       listItem = nodes.listItem,
       taskItem = nodes.taskItem,
       paragraph = nodes.paragraph;
-    var isSourceBulletOrOrdered = sourceList.type === bulletList || sourceList.type === orderedList;
-    var isTargetTask = targetNodeType === taskList;
-    var isSourceTask = sourceList.type === taskList;
-    var newListItems = [];
-    var listStart = listPos;
-    var listEnd = listPos + sourceList.nodeSize;
-
-    // Use nodesBetween to efficiently traverse the list structure
-    tr.doc.nodesBetween(listStart, listEnd, function (node, pos, parent) {
-      // Only process direct children of the list (depth 1)
-      if (parent !== sourceList) {
-        return true; // Continue traversal
-      }
-      if (isSourceBulletOrOrdered && isTargetTask) {
-        // Converting from bullet/ordered list to task list
-        // 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);
+    var isSourceBulletOrOrdered = (0, _utils.isBulletOrOrderedList)(sourceList.type);
+    var isTargetTask = (0, _utils.isTaskList)(targetNodeType);
+    var isSourceTask = (0, _utils.isTaskList)(sourceList.type);
+    var isTargetBulletOrOrdered = (0, _utils.isBulletOrOrderedList)(targetNodeType);
+    var supportedListTypes = (0, _utils.getSupportedListTypesSet)(nodes);
+    var _transformListRecursively = function transformListRecursively(listNode) {
+      var transformedItems = [];
+      listNode.forEach(function (child) {
+        if (isSourceBulletOrOrdered && isTargetTask) {
+          // Convert bullet/ordered => task
+          if (child.type === listItem) {
+            var inlineContent = [];
+            var nestedTaskLists = [];
+            child.forEach(function (grandChild) {
+              if (supportedListTypes.has(grandChild.type) && grandChild.type !== taskList) {
+                nestedTaskLists.push(_transformListRecursively(grandChild));
+              } else {
+                inlineContent.push.apply(inlineContent, (0, _toConsumableArray2.default)(convertBlockToInlineContent(grandChild, tr.doc.type.schema)));
               }
-            } else {
-              // Already inline content, add directly
-              inlineContent.push(child);
+            });
+            if (inlineContent.length > 0) {
+              transformedItems.push(taskItem.create(null, inlineContent));
             }
+            transformedItems.push.apply(transformedItems, nestedTaskLists);
           }
-          if (inlineContent.length > 0) {
-            var newItem = taskItem.create(null, inlineContent);
-            newListItems.push(newItem);
-          }
-        }
-      } else if (isSourceTask && !isTargetTask) {
-        // Converting from task list to bullet/ordered list
-        // Structure: taskItem > inline content -> listItem > paragraph > inline content
-        if (node.type === taskItem) {
-          var _inlineContent = extractInlineContent(node);
-          if (_inlineContent.length > 0) {
-            var paragraphNode = paragraph.create(null, _inlineContent);
-            var newListItem = listItem.create(null, paragraphNode);
-            newListItems.push(newListItem);
+        } else if (isSourceTask && isTargetBulletOrOrdered) {
+          // Convert task => bullet/ordered
+          if (child.type === taskItem) {
+            var _inlineContent = (0, _toConsumableArray2.default)(child.content.content);
+            if (_inlineContent.length > 0) {
+              var paragraphNode = paragraph.create(null, _inlineContent);
+              transformedItems.push(listItem.create(null, [paragraphNode]));
+            }
+          } else if (child.type === taskList) {
+            var transformedNestedList = _transformListRecursively(child);
+            var lastItem = transformedItems[transformedItems.length - 1];
+            if ((lastItem === null || lastItem === void 0 ? void 0 : lastItem.type) === listItem) {
+              // Attach nested list to previous item
+              var updatedContent = [].concat((0, _toConsumableArray2.default)(lastItem.content.content), [transformedNestedList]);
+              transformedItems[transformedItems.length - 1] = listItem.create(lastItem.attrs, updatedContent);
+            } else {
+              // No previous item, flatten nested items
+              transformedItems.push.apply(transformedItems, (0, _toConsumableArray2.default)(transformedNestedList.content.content));
+            }
           }
         }
-      }
-      return false; // Don't traverse into children of list items
-    });
-    if (newListItems.length === 0) {
-      return tr;
-    }
-
-    // Create new list with transformed items
-    var newList = targetNodeType.create(null, newListItems);
-
-    // Replace the entire list
-    tr.replaceWith(listStart, listEnd, newList);
+      });
+      return targetNodeType.create(null, transformedItems);
+    };
+    var newList = _transformListRecursively(sourceList);
+    tr.replaceWith(listPos, listPos + sourceList.nodeSize, newList);
     return tr;
   } catch (_unused) {
     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

@@ -5,16 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 _utils2 = require("./utils");
+var _transformToTaskList = require("./list/transformToTaskList");
+var _utils = 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,
@@ -25,16 +26,14 @@ var transformBlockToList = exports.transformBlockToList = function transformBloc
     return null;
   }
   var nodes = tr.doc.type.schema.nodes;
-  var isTargetTask = targetNodeType === nodes.taskList;
+  var isTargetTask = (0, _utils.isTaskList)(targetNodeType);
 
   // 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);
   }
@@ -69,19 +68,19 @@ var transformListToBlockNodes = exports.transformListToBlockNodes = function tra
 var transformListNode = exports.transformListNode = function transformListNode(context) {
   var targetNodeType = context.targetNodeType;
   // Transform list to block type
-  if ((0, _utils2.isBlockNodeType)(targetNodeType)) {
+  if ((0, _utils.isBlockNodeType)(targetNodeType)) {
     // Lift list items out of the list and convert to target block type
     return transformListToBlockNodes(context);
   }
 
   // Transform list to container type
-  if ((0, _utils2.isContainerNodeType)(targetNodeType)) {
+  if ((0, _utils.isContainerNodeType)(targetNodeType)) {
     // Lift list items out of the list and convert to container type
     return null;
   }
 
   // Transform between list types
-  if ((0, _utils2.isListNodeType)(targetNodeType)) {
+  if ((0, _utils.isListNodeType)(targetNodeType)) {
     return transformBetweenListTypes(context);
   }
   return null;
@@ -98,37 +97,48 @@ var liftListToBlockType = exports.liftListToBlockType = function liftListToBlock
 /**
  * Transform between different list types
  */
-var transformBetweenListTypes = exports.transformBetweenListTypes = function transformBetweenListTypes(_ref) {
-  var tr = _ref.tr,
-    targetNodeType = _ref.targetNodeType;
-  var _tr = tr,
-    selection = _tr.selection;
+var transformBetweenListTypes = exports.transformBetweenListTypes = function transformBetweenListTypes(context) {
+  var tr = context.tr,
+    sourceNode = context.sourceNode,
+    sourcePos = context.sourcePos,
+    targetNodeType = context.targetNodeType;
   var nodes = tr.doc.type.schema.nodes;
-
-  // Find the list node - support bullet lists, ordered lists, and task lists
-  var supportedListTypes = [nodes.bulletList, nodes.orderedList, nodes.taskList].filter(Boolean); // Filter out undefined nodes in case some schemas don't have all types
-
-  var listNode = (0, _utils.findParentNodeOfType)(supportedListTypes)(selection);
-  if (!listNode) {
-    return null;
-  }
-  var sourceListType = listNode.node.type;
-  var isSourceBulletOrOrdered = sourceListType === nodes.bulletList || sourceListType === nodes.orderedList;
-  var isTargetTask = targetNodeType === nodes.taskList;
-  var isSourceTask = sourceListType === nodes.taskList;
-  var isTargetBulletOrOrdered = targetNodeType === nodes.bulletList || targetNodeType === nodes.orderedList;
+  var sourceListType = sourceNode.type;
+  var isSourceBulletOrOrdered = (0, _utils.isBulletOrOrderedList)(sourceListType);
+  var isTargetTask = (0, _utils.isTaskList)(targetNodeType);
+  var isSourceTask = (0, _utils.isTaskList)(sourceListType);
+  var isTargetBulletOrOrdered = (0, _utils.isBulletOrOrderedList)(targetNodeType);
 
   // Check if we need structure transformation
   var needsStructureTransform = isSourceBulletOrOrdered && isTargetTask || isSourceTask && isTargetBulletOrOrdered;
   try {
     if (!needsStructureTransform) {
       // Simple type change for same structure lists (bullet <-> ordered)
-      tr.setNodeMarkup(listNode.pos, targetNodeType);
+      // Apply to the main list
+      tr.setNodeMarkup(sourcePos, targetNodeType);
+
+      // Apply to nested lists
+      var listStart = sourcePos;
+      var listEnd = sourcePos + sourceNode.nodeSize;
+      var supportedListTypesSet = (0, _utils.getSupportedListTypesSet)(nodes);
+      tr.doc.nodesBetween(listStart, listEnd, function (node, pos, parent) {
+        // Only process nested lists (not the root list we already handled)
+        if (supportedListTypesSet.has(node.type) && pos !== sourcePos) {
+          var isNestedList = parent && (supportedListTypesSet.has(parent.type) || parent.type === nodes.listItem);
+          if (isNestedList) {
+            var shouldTransformNode = node.type === sourceListType || (0, _utils.isBulletOrOrderedList)(node.type) && isTargetBulletOrOrdered;
+            if (shouldTransformNode) {
+              tr.setNodeMarkup(pos, targetNodeType);
+            }
+          }
+        }
+        return true; // Continue traversing
+      });
+      return tr;
     } else {
-      tr = (0, _transformBetweenListTypes.transformListStructure)(tr, listNode, targetNodeType, nodes);
+      return (0, _transformBetweenListTypes.transformListStructure)(context);
     }
   } catch (_unused) {
     return null;
   }
-  return tr;
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isListNodeType = exports.isListNode = exports.isContainerNodeType = exports.isContainerNode = exports.isBlockNodeType = exports.isBlockNode = exports.getTargetNodeInfo = void 0;
+exports.isTaskList = exports.isListNodeType = exports.isListNode = exports.isContainerNodeType = exports.isContainerNode = exports.isBulletOrOrderedList = exports.isBlockNodeType = exports.isBlockNode = exports.getTargetNodeInfo = exports.getSupportedListTypesSet = exports.getSupportedListTypes = void 0;
 var getTargetNodeInfo = exports.getTargetNodeInfo = function getTargetNodeInfo(targetType, nodes) {
   switch (targetType) {
     case 'heading1':
@@ -93,7 +93,7 @@ var isBlockNode = exports.isBlockNode = function isBlockNode(node) {
   return ['paragraph', 'heading', 'codeBlock'].includes(node.type.name);
 };
 var isListNode = exports.isListNode = function isListNode(node) {
-  return ['bulletList', 'orderedList', 'taskList', 'listItem'].includes(node.type.name);
+  return ['bulletList', 'orderedList', 'taskList'].includes(node.type.name);
 };
 var isContainerNode = exports.isContainerNode = function isContainerNode(node) {
   return ['panel', 'expand', 'blockquote'].includes(node.type.name);
@@ -106,4 +106,18 @@ var isListNodeType = exports.isListNodeType = function isListNodeType(nodeType)
 };
 var isContainerNodeType = exports.isContainerNodeType = function isContainerNodeType(nodeType) {
   return ['panel', 'expand', 'blockquote'].includes(nodeType.name);
+};
+
+// List type utilities
+var isBulletOrOrderedList = exports.isBulletOrOrderedList = function isBulletOrOrderedList(nodeType) {
+  return nodeType.name === 'bulletList' || nodeType.name === 'orderedList';
+};
+var isTaskList = exports.isTaskList = function isTaskList(nodeType) {
+  return nodeType.name === 'taskList';
+};
+var getSupportedListTypes = exports.getSupportedListTypes = function getSupportedListTypes(nodes) {
+  return [nodes.bulletList, nodes.orderedList, nodes.taskList].filter(Boolean);
+};
+var getSupportedListTypesSet = exports.getSupportedListTypesSet = function getSupportedListTypesSet(nodes) {
+  return new Set(getSupportedListTypes(nodes));
 };

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

@@ -66,7 +66,8 @@ var getFormatMenuComponents = function getFormatMenuComponents() {
         }),
         elemAfter: /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
           label: 'example nested menu'
-        })
+        }),
+        enableMaxHeight: true
       }, children);
     }
   }, {

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

@@ -17,7 +17,7 @@ export const formatNode = targetType => {
 
     // Find the node to format from the current selection
     let nodeToFormat;
-    let nodePos = null;
+    let nodePos = selection.from;
 
     // Try to find the current node from selection
     const selectedNode = findSelectedNodeOfType([nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.expand, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.layoutSection])(selection);
@@ -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);
 };