@atlaskit/editor-plugin-block-menu 5.1.3 → 5.1.5

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 5.1.5
+
+### Patch Changes
+
+- [`f6905b2543ef1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f6905b2543ef1) -
+  [ux] Implements base steps for from container to other node categories transfroms.
+- Updated dependencies
+
+## 5.1.4
+
+### Patch Changes
+
+- [`7e5df3d5beaf3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7e5df3d5beaf3) -
+  Add new flattenListStep and unwrapListStep and use for list -> paragraph step. Also moved
+  expandToBlockRange util function to editor-common to re-use
+- Updated dependencies
+
 ## 5.1.3
 
 ### Patch Changes

package/dist/cjs/editor-commands/transform-node-utils/flattenListStep.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.flattenListStep = void 0;
+var _model = require("@atlaskit/editor-prosemirror/model");
+var extractNestedLists = function extractNestedLists(node, listTypes, itemTypes) {
+  var items = [];
+  var _extract = function extract(currentNode) {
+    currentNode.forEach(function (child) {
+      // list item -> take content without nested lists, then recurse into nested lists
+      if (itemTypes.some(function (type) {
+        return child.type === type;
+      })) {
+        // Filter out nested list nodes from the list item's content
+        var contentWithoutNestedLists = [];
+        var nestedLists = [];
+        child.forEach(function (grandChild) {
+          if (listTypes.some(function (type) {
+            return grandChild.type === type;
+          })) {
+            // This is a nested list - collect it for later processing
+            nestedLists.push(grandChild);
+          } else {
+            // This is regular content (paragraph, etc.) - keep it
+            contentWithoutNestedLists.push(grandChild);
+          }
+        });
+
+        // Add the list item with only its non-list content
+        items.push(child.copy(_model.Fragment.from(contentWithoutNestedLists)));
+
+        // Now process nested lists to maintain document order
+        nestedLists.forEach(function (nestedList) {
+          _extract(nestedList);
+        });
+      }
+      // lists -> keep operating
+      else if (listTypes.some(function (type) {
+        return child.type === type;
+      })) {
+        _extract(child);
+      }
+    });
+  };
+  _extract(node);
+  return items;
+};
+
+/**
+ * Given an array of nodes, returns an array with the flattened children of any list node
+ * to it's first ancestor list, maintaining document order.
+ *
+ * @example
+ * Input:
+ * - bulletList
+ *   - listItem "A"
+ *   - listItem "B"
+ *     - bulletList
+ *       - listItem "C"
+ *       - listItem "D"
+ *   - listItem "E"
+ *
+ * Output:
+ * - bulletList
+ *   - listItem "A"
+ *   - listItem "B"
+ *   - listItem "C"
+ *   - listItem "D"
+ *   - listItem "E"
+ *
+ * @example
+ * Input (deeply nested):
+ * - bulletList
+ *   - listItem "1"
+ *     - bulletList
+ *       - listItem "1.1"
+ *         - bulletList
+ *           - listItem "1.1.1"
+ *       - listItem "1.2"
+ *   - listItem "2"
+ *
+ * Output:
+ * - bulletList
+ *   - listItem "1"
+ *   - listItem "1.1"
+ *   - listItem "1.1.1"
+ *   - listItem "1.2"
+ *   - listItem "2"
+ *
+ * @param nodes
+ * @param context
+ * @returns
+ *
+ * TODO: Lists with mixed types (e.g. bulletList with a taskItem) doesn't full flatten
+ */
+var flattenListStep = exports.flattenListStep = function flattenListStep(nodes, context) {
+  var listTypes = [context.schema.nodes.bulletList, context.schema.nodes.orderedList, context.schema.nodes.taskList];
+  return nodes.map(function (node) {
+    if (listTypes.some(function (type) {
+      return node.type === type;
+    })) {
+      return node.copy(_model.Fragment.from(extractNestedLists(node, listTypes, [context.schema.nodes.listItem, context.schema.nodes.taskItem])));
+    }
+    return node;
+  });
+};

package/dist/cjs/editor-commands/transform-node-utils/flattenStep.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.flattenStep = void 0;
+var flattenStep = exports.flattenStep = function flattenStep(nodes, context) {
+  var schema = context.schema,
+    targetNodeTypeName = context.targetNodeTypeName;
+
+  // TODO: EDITOR-2920 - Implement flattening logic.
+  // This is a simplified preliminary approach. We might want to use prosemirror-markdown functions.
+  var codeBlockContent = nodes.map(function (node) {
+    return node.content.textBetween(0, node.content.size, '\n');
+  }).join('\n');
+  var outputNode = schema.nodes[targetNodeTypeName].createAndFill({}, schema.text(codeBlockContent));
+  if (!outputNode) {
+    return nodes;
+  }
+  return [outputNode];
+};

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

@@ -4,8 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getOutputNodes = void 0;
+var _utils = require("../transform-node-utils/utils");
+var _flattenListStep = require("./flattenListStep");
+var _flattenStep = require("./flattenStep");
 var _stubStep = require("./stubStep");
 var _types = require("./types");
+var _unwrapExpandStep = require("./unwrapExpandStep");
+var _unwrapListStep = require("./unwrapListStep");
+var _unwrapStep = require("./unwrapStep");
+var _wrapIntoLayoutStep = require("./wrapIntoLayoutStep");
+var _wrapStep = require("./wrapStep");
 // Exampled step for overrides:
 // - open Block menu on a paragraph, click 'Panel' in the Turn into'
 // - expected to put paragraph into a panel
@@ -24,15 +32,15 @@ var TRANSFORM_STEPS = {
   },
   container: {
     atomic: undefined,
-    container: [_stubStep.stubStep],
+    container: [_unwrapStep.unwrapStep, _wrapStep.wrapStep],
     list: undefined,
-    text: undefined
+    text: [_unwrapStep.unwrapStep]
   },
   list: {
     atomic: undefined,
     container: [_stubStep.stubStep],
     list: [_stubStep.stubStep],
-    text: [_stubStep.stubStep]
+    text: [_flattenListStep.flattenListStep, _unwrapListStep.unwrapListStep]
   },
   text: {
     atomic: undefined,
@@ -47,6 +55,23 @@ var TRANSFORM_STEPS = {
 var TRANSFORM_STEPS_OVERRIDE = {
   paragraph: {
     panel: [wrapIntoPanelStep]
+  },
+  panel: {
+    layoutSection: [_unwrapStep.unwrapStep, _wrapIntoLayoutStep.wrapIntoLayoutStep],
+    codeBlock: [_unwrapStep.unwrapStep, _flattenStep.flattenStep, _wrapStep.wrapStep]
+  },
+  expand: {
+    panel: [_unwrapExpandStep.unwrapExpandStep, _wrapStep.wrapStep],
+    blockquote: [_unwrapExpandStep.unwrapExpandStep, _wrapStep.wrapStep],
+    layoutSection: [_unwrapExpandStep.unwrapExpandStep, _wrapIntoLayoutStep.wrapIntoLayoutStep],
+    paragraph: [_unwrapExpandStep.unwrapExpandStep],
+    codeBlock: [_unwrapExpandStep.unwrapExpandStep, _flattenStep.flattenStep, _wrapStep.wrapStep]
+  },
+  nestedExpand: {
+    panel: [_unwrapExpandStep.unwrapExpandStep, _wrapStep.wrapStep],
+    blockquote: [_unwrapExpandStep.unwrapExpandStep, _wrapStep.wrapStep],
+    paragraph: [_unwrapExpandStep.unwrapExpandStep],
+    codeBlock: [_unwrapExpandStep.unwrapExpandStep, _flattenStep.flattenStep, _wrapStep.wrapStep]
   }
 };
 var getTransformStepsForNodeTypes = function getTransformStepsForNodeTypes(selectedNodeTypeName, targetNodeTypeName) {
@@ -60,10 +85,12 @@ var getTransformStepsForNodeTypes = function getTransformStepsForNodeTypes(selec
 var getOutputNodes = exports.getOutputNodes = function getOutputNodes(_ref) {
   var sourceNode = _ref.sourceNode,
     targetNodeType = _ref.targetNodeType,
-    schema = _ref.schema;
+    schema = _ref.schema,
+    isNested = _ref.isNested;
   var nodesToReplace = [sourceNode];
   var selectedNodeTypeName = (0, _types.toNodeTypeValue)(sourceNode.type.name);
   var targetNodeTypeName = (0, _types.toNodeTypeValue)(targetNodeType.name);
+  targetNodeTypeName = (0, _utils.getTargetNodeTypeNameInContext)(targetNodeTypeName, isNested);
   if (!selectedNodeTypeName || !targetNodeTypeName) {
     // We may decide to return an empty array or undefined here
     return;
@@ -78,6 +105,7 @@ var getOutputNodes = exports.getOutputNodes = function getOutputNodes(_ref) {
     return;
   }
   return steps.reduce(function (nodes, step) {
-    return step(nodes, context);
+    var result = step(nodes, context);
+    return result;
   }, nodesToReplace);
 };

package/dist/cjs/editor-commands/transform-node-utils/types.js

@@ -15,7 +15,7 @@ var NODE_CATEGORY_BY_TYPE = exports.NODE_CATEGORY_BY_TYPE = {
   expand: 'container',
   extension: 'atomic',
   heading: 'text',
-  layout: 'container',
+  layoutSection: 'container',
   media: 'atomic',
   mediaGroup: 'atomic',
   mediaSingle: 'atomic',

package/dist/cjs/editor-commands/transform-node-utils/unwrapExpandStep.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unwrapExpandStep = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+/**
+ * Unwraps an expand/nestedExpand node, converting its title attribute to a paragraph
+ * and prepending it to the children.
+ *
+ * Example: expand({ title: 'title' })(p('b')) → [p('title'), p('b')]
+ */
+var unwrapExpandStep = exports.unwrapExpandStep = function unwrapExpandStep(nodes, context) {
+  var schema = context.schema;
+  var outputNodes = [];
+  nodes.forEach(function (node) {
+    var isExpand = node.type.name === 'expand' || node.type.name === 'nestedExpand';
+    if (isExpand) {
+      var _node$attrs;
+      var title = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.title;
+
+      // Create a paragraph from the title if it exists
+      if (title) {
+        var titleParagraph = schema.nodes.paragraph.createAndFill({}, schema.text(title));
+        if (titleParagraph) {
+          outputNodes.push(titleParagraph);
+        }
+      }
+
+      // Add the children
+      outputNodes.push.apply(outputNodes, (0, _toConsumableArray2.default)(node.children));
+    } else {
+      // Fallback: behave like unwrapStep for non-expand nodes
+      if (node.children.length === 0) {
+        outputNodes.push(node);
+      } else {
+        outputNodes.push.apply(outputNodes, (0, _toConsumableArray2.default)(node.children));
+      }
+    }
+  });
+  return outputNodes;
+};

package/dist/cjs/editor-commands/transform-node-utils/unwrapListStep.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unwrapListStep = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+/**
+ * Given an array of nodes, returns an array with the flattened children of any list nodes.
+ * @param nodes
+ * @returns
+ */
+var unwrapListStep = exports.unwrapListStep = function unwrapListStep(nodes, context) {
+  var listTypes = [context.schema.nodes.bulletList, context.schema.nodes.orderedList, context.schema.nodes.taskList];
+  return nodes.flatMap(function (node) {
+    if (listTypes.some(function (type) {
+      return node.type === type;
+    })) {
+      var listItems = [];
+      node.forEach(function (listItem) {
+        listItems.push.apply(listItems, (0, _toConsumableArray2.default)(listItem.children));
+      });
+      return listItems;
+    }
+    return node;
+  });
+};

package/dist/cjs/editor-commands/transform-node-utils/unwrapStep.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unwrapStep = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var unwrapStep = exports.unwrapStep = function unwrapStep(nodes) {
+  var outputNodes = [];
+  nodes.forEach(function (node) {
+    // we may want to just skip the original instead of using it
+    if (node.children.length === 0) {
+      outputNodes.push(node);
+    } else {
+      outputNodes.push.apply(outputNodes, (0, _toConsumableArray2.default)(node.children));
+    }
+  });
+  return outputNodes;
+};

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSelectedNode = void 0;
+exports.getTargetNodeTypeNameInContext = exports.getSelectedNode = void 0;
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorTables = require("@atlaskit/editor-tables");
@@ -48,4 +48,10 @@ var getSelectedNode = exports.getSelectedNode = function getSelectedNode(selecti
     }
   }
   return undefined;
+};
+var getTargetNodeTypeNameInContext = exports.getTargetNodeTypeNameInContext = function getTargetNodeTypeNameInContext(nodeTypeName, isNested) {
+  if (nodeTypeName === 'expand' && isNested) {
+    return 'nestedExpand';
+  }
+  return nodeTypeName;
 };

package/dist/cjs/editor-commands/transform-node-utils/wrapIntoLayoutStep.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wrapIntoLayoutStep = void 0;
+var _model = require("@atlaskit/editor-prosemirror/model");
+var wrapIntoLayoutStep = exports.wrapIntoLayoutStep = function wrapIntoLayoutStep(nodes, context) {
+  var schema = context.schema;
+  var _ref = schema.nodes || {},
+    layoutSection = _ref.layoutSection,
+    layoutColumn = _ref.layoutColumn;
+  var columnOne = layoutColumn.createAndFill({}, _model.Fragment.fromArray(nodes));
+  var columnTwo = layoutColumn.createAndFill();
+  if (!columnOne || !columnTwo) {
+    return nodes;
+  }
+  var layout = layoutSection.createAndFill({}, _model.Fragment.fromArray([columnOne, columnTwo]));
+  if (!layout) {
+    return nodes;
+  }
+  return [layout];
+};

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wrapStep = void 0;
+var wrapStep = exports.wrapStep = function wrapStep(nodes, context) {
+  var schema = context.schema,
+    targetNodeTypeName = context.targetNodeTypeName;
+  // edge case: nestedExpand
+  var outputNode = schema.nodes[targetNodeTypeName].createAndFill({}, nodes);
+  if (outputNode) {
+    return [outputNode];
+  }
+  return nodes;
+};

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

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformNode = void 0;
+var _selection = require("@atlaskit/editor-common/selection");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _isNestedNode = require("../ui/utils/isNestedNode");
 var _transform = require("./transform-node-utils/transform");
 var _utils = require("./transforms/utils");
 var transformNode = exports.transformNode = function transformNode(api) {
@@ -18,24 +20,28 @@ var transformNode = exports.transformNode = function transformNode(api) {
         if (!preservedSelection) {
           return tr;
         }
-        var from = preservedSelection.from,
-          to = preservedSelection.to,
-          $from = preservedSelection.$from;
+        var _expandToBlockRange = (0, _selection.expandToBlockRange)(preservedSelection.$from, preservedSelection.$to),
+          $from = _expandToBlockRange.$from,
+          $to = _expandToBlockRange.$to;
+        var isNested = (0, _isNestedNode.isNestedNode)(preservedSelection, '');
         var selectedParent = $from.parent;
         var fragment = _model.Fragment.empty;
         var isList = (0, _utils.isListNode)(selectedParent);
-        var slice = tr.doc.slice(isList ? from - 1 : from, isList ? to + 1 : to);
+        var slice = tr.doc.slice(isList ? $from.pos - 1 : $from.pos, isList ? $to.pos + 1 : $to.pos);
         slice.content.forEach(function (node) {
           var outputNode = (0, _transform.getOutputNodes)({
             sourceNode: node,
             targetNodeType: targetType,
-            schema: tr.doc.type.schema
+            schema: tr.doc.type.schema,
+            isNested: isNested
           });
           if (outputNode) {
             fragment = fragment.append(_model.Fragment.fromArray(outputNode));
           }
         });
-        tr.replaceWith(isList ? preservedSelection.from - 1 : preservedSelection.from, preservedSelection.to, fragment);
+
+        // TODO: ED-12345 - selection is broken post transaction, to fix.
+        tr.replaceWith(isList ? $from.pos - 1 : $from.pos, $to.pos, fragment);
         return tr;
       };
     }

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

@@ -1,6 +1,7 @@
 /* block-menu.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("./block-menu.compiled.css");
 var _runtime = require("@compiled/react/runtime");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _css = require("@atlaskit/css");
@@ -33,6 +35,7 @@ var styles = {
 };
 var DEFAULT_MENU_WIDTH = 230;
 var DRAG_HANDLE_OFFSET_PADDING = 5;
+var FALLBACK_MENU_HEIGHT = 300;
 var PopupWithListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_ui.Popup);
 var useConditionalBlockMenuEffect = (0, _platformFeatureFlagsReact.conditionalHooksFactory)(function () {
   return (0, _platformFeatureFlags.fg)('platform_editor_toolbar_aifc_user_intent_fix');
@@ -163,6 +166,18 @@ var BlockMenu = function BlockMenu(_ref4) {
   var targetHandleRef = editorView === null || editorView === void 0 || (_editorView$dom = editorView.dom) === null || _editorView$dom === void 0 ? void 0 : _editorView$dom.querySelector(_styles.DRAG_HANDLE_SELECTOR);
   var prevIsMenuOpenRef = (0, _react.useRef)(false);
   var popupRef = (0, _react.useRef)(undefined);
+  var _React$useState = _react.default.useState(0),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    menuHeight = _React$useState2[0],
+    setMenuHeight = _React$useState2[1];
+  var targetHandleHeightOffset = -((targetHandleRef === null || targetHandleRef === void 0 ? void 0 : targetHandleRef.clientHeight) || 0);
+  _react.default.useLayoutEffect(function () {
+    var _popupRef$current;
+    if (!isMenuOpen) {
+      return;
+    }
+    setMenuHeight(((_popupRef$current = popupRef.current) === null || _popupRef$current === void 0 ? void 0 : _popupRef$current.clientHeight) || FALLBACK_MENU_HEIGHT);
+  }, [isMenuOpen]);
   var hasFocus = (_ref5 = (editorView === null || editorView === void 0 ? void 0 : editorView.hasFocus()) || document.activeElement === targetHandleRef || popupRef.current && (popupRef.current.contains(document.activeElement) || popupRef.current === document.activeElement)) !== null && _ref5 !== void 0 ? _ref5 : false;
   var selectedByShortcutOrDragHandle = !!isSelectedViaDragHandle || !!openedViaKeyboard;
 
@@ -226,8 +241,7 @@ var BlockMenu = function BlockMenu(_ref4) {
       fallbackComponent: null
     }, /*#__PURE__*/_react.default.createElement(PopupWithListeners, {
       alignX: 'right',
-      alignY: 'start' // respected when forcePlacement is true
-      ,
+      alignY: 'start',
       handleClickOutside: closeMenu,
       handleEscapeKeydown: closeMenu,
       handleBackspaceDeleteKeydown: handleBackspaceDeleteKeydown,
@@ -237,16 +251,15 @@ var BlockMenu = function BlockMenu(_ref4) {
       target: targetHandleRef,
       zIndex: _editorSharedStyles.akEditorFloatingOverlapPanelZIndex,
       fitWidth: DEFAULT_MENU_WIDTH,
-      forcePlacement: true,
-      preventOverflow: true // disables forced horizontal placement when forcePlacement is on, so fitWidth controls flipping
-      ,
+      fitHeight: menuHeight,
+      preventOverflow: true,
       stick: true,
+      offset: [_styles.DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, targetHandleHeightOffset],
       focusTrap: openedViaKeyboard ?
       // Only enable focus trap when opened via keyboard to make sure the focus is on the first focusable menu item
       {
         initialFocus: undefined
-      } : undefined,
-      offset: [_styles.DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, 0]
+      } : undefined
     }, /*#__PURE__*/_react.default.createElement(BlockMenuContent, {
       api: api,
       setRef: setRef

package/dist/es2019/editor-commands/transform-node-utils/flattenListStep.js

@@ -0,0 +1,94 @@
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
+const extractNestedLists = (node, listTypes, itemTypes) => {
+  const items = [];
+  const extract = currentNode => {
+    currentNode.forEach(child => {
+      // list item -> take content without nested lists, then recurse into nested lists
+      if (itemTypes.some(type => child.type === type)) {
+        // Filter out nested list nodes from the list item's content
+        const contentWithoutNestedLists = [];
+        const nestedLists = [];
+        child.forEach(grandChild => {
+          if (listTypes.some(type => grandChild.type === type)) {
+            // This is a nested list - collect it for later processing
+            nestedLists.push(grandChild);
+          } else {
+            // This is regular content (paragraph, etc.) - keep it
+            contentWithoutNestedLists.push(grandChild);
+          }
+        });
+
+        // Add the list item with only its non-list content
+        items.push(child.copy(Fragment.from(contentWithoutNestedLists)));
+
+        // Now process nested lists to maintain document order
+        nestedLists.forEach(nestedList => {
+          extract(nestedList);
+        });
+      }
+      // lists -> keep operating
+      else if (listTypes.some(type => child.type === type)) {
+        extract(child);
+      }
+    });
+  };
+  extract(node);
+  return items;
+};
+
+/**
+ * Given an array of nodes, returns an array with the flattened children of any list node
+ * to it's first ancestor list, maintaining document order.
+ *
+ * @example
+ * Input:
+ * - bulletList
+ *   - listItem "A"
+ *   - listItem "B"
+ *     - bulletList
+ *       - listItem "C"
+ *       - listItem "D"
+ *   - listItem "E"
+ *
+ * Output:
+ * - bulletList
+ *   - listItem "A"
+ *   - listItem "B"
+ *   - listItem "C"
+ *   - listItem "D"
+ *   - listItem "E"
+ *
+ * @example
+ * Input (deeply nested):
+ * - bulletList
+ *   - listItem "1"
+ *     - bulletList
+ *       - listItem "1.1"
+ *         - bulletList
+ *           - listItem "1.1.1"
+ *       - listItem "1.2"
+ *   - listItem "2"
+ *
+ * Output:
+ * - bulletList
+ *   - listItem "1"
+ *   - listItem "1.1"
+ *   - listItem "1.1.1"
+ *   - listItem "1.2"
+ *   - listItem "2"
+ *
+ * @param nodes
+ * @param context
+ * @returns
+ *
+ * TODO: Lists with mixed types (e.g. bulletList with a taskItem) doesn't full flatten
+ */
+export const flattenListStep = (nodes, context) => {
+  const listTypes = [context.schema.nodes.bulletList, context.schema.nodes.orderedList, context.schema.nodes.taskList];
+  return nodes.map(node => {
+    if (listTypes.some(type => node.type === type)) {
+      return node.copy(Fragment.from(extractNestedLists(node, listTypes, [context.schema.nodes.listItem, context.schema.nodes.taskItem])));
+    }
+    return node;
+  });
+};

package/dist/es2019/editor-commands/transform-node-utils/flattenStep.js

@@ -0,0 +1,15 @@
+export const flattenStep = (nodes, context) => {
+  const {
+    schema,
+    targetNodeTypeName
+  } = context;
+
+  // TODO: EDITOR-2920 - Implement flattening logic.
+  // This is a simplified preliminary approach. We might want to use prosemirror-markdown functions.
+  const codeBlockContent = nodes.map(node => node.content.textBetween(0, node.content.size, '\n')).join('\n');
+  const outputNode = schema.nodes[targetNodeTypeName].createAndFill({}, schema.text(codeBlockContent));
+  if (!outputNode) {
+    return nodes;
+  }
+  return [outputNode];
+};