@atlaskit/editor-plugin-block-menu 6.0.6 → 6.0.8

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

@@ -1,7 +1,35 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { removeDisallowedMarks } from '../marks';
 import { NODE_CATEGORY_BY_TYPE } from '../types';
-import { convertTextNodeToParagraph, isTextNode } from '../utils';
+import { convertTextNodeToParagraph, createTextContent, isTextNode } from '../utils';
+
+/**
+ * Creates a layout section with two columns, where the first column contains the provided content.
+ */
+const createLayoutSection = (content, layoutSection, layoutColumn) => {
+  const columnOne = layoutColumn.createAndFill({}, removeDisallowedMarks(content, layoutColumn));
+  const columnTwo = layoutColumn.createAndFill();
+  if (!columnOne || !columnTwo) {
+    return null;
+  }
+  return layoutSection.createAndFill({}, [columnOne, columnTwo]);
+};
+
+/**
+ * Creates a container with text content (for codeblocks).
+ */
+const createTextContentContainer = (textContentArray, targetNodeType, schema) => {
+  const textContent = textContentArray.join('\n');
+  const textNode = textContent ? schema.text(textContent) : null;
+  return targetNodeType.createAndFill({}, textNode);
+};
+
+/**
+ * Creates a regular container with node content.
+ */
+const createNodeContentContainer = (nodeContent, targetNodeType) => {
+  return targetNodeType.createAndFill({}, nodeContent);
+};
 
 /**
  * Handles the edge case where transforming from a container to another container results in
@@ -27,12 +55,16 @@ const handleEmptyContainerEdgeCase = (result, hasCreatedContainer, fromNode, tar
   // (meaning there were no valid children that could be wrapped)
   const allContentBrokeOut = !hasCreatedContainer && result.length > 0;
   const shouldCreateEmptyTarget = isFromContainer && isTargetContainer && allContentBrokeOut;
-  if (shouldCreateEmptyTarget) {
-    const emptyParagraph = schema.nodes.paragraph.create();
-    const emptyContainer = targetNodeType.create({}, emptyParagraph);
-    return [emptyContainer, ...result];
+  if (!shouldCreateEmptyTarget) {
+    return result;
+  }
+  if (targetNodeTypeName === schema.nodes.codeBlock.name) {
+    const emptyCodeBlock = createTextContentContainer([], schema.nodes.codeBlock, schema);
+    return emptyCodeBlock ? [emptyCodeBlock, ...result] : result;
   }
-  return result;
+  const emptyParagraph = schema.nodes.paragraph.create();
+  const emptyContainer = targetNodeType.create({}, emptyParagraph);
+  return [emptyContainer, ...result];
 };
 
 /**
@@ -50,6 +82,9 @@ const handleEmptyContainerEdgeCase = (result, hasCreatedContainer, fromNode, tar
  * - Layouts always require layoutColumns as children (never paragraphs directly)
  * - Layout columns can contain most block content including headings, paragraphs, lists, etc.
  *
+ * Special handling for codeblocks:
+ * - Text nodes are converted to plain text and added to the codeblock
+ *
  * Edge case handling:
  * - For regular containers: If all content breaks out (container → container transform with no
  *   valid children), an empty container with a paragraph is created to ensure the target type exists
@@ -80,6 +115,7 @@ export const wrapMixedContentStep = (nodes, context) => {
     return nodes;
   }
   const isLayout = targetNodeTypeName === 'layoutSection';
+  const isCodeblock = targetNodeTypeName === 'codeBlock';
   const {
     layoutSection,
     layoutColumn
@@ -91,63 +127,61 @@ export const wrapMixedContentStep = (nodes, context) => {
     if (currentContainerContent.length === 0) {
       return;
     }
+    let container = null;
     if (isLayout) {
-      // For layouts, create layoutSection with two layoutColumns
-      const columnOne = layoutColumn.createAndFill({}, removeDisallowedMarks(currentContainerContent, layoutColumn));
-      const columnTwo = layoutColumn.createAndFill();
-      if (!columnOne || !columnTwo) {
-        currentContainerContent = [];
-        return;
-      }
-      const layout = layoutSection.createAndFill({}, [columnOne, columnTwo]);
-      if (layout) {
-        result.push(layout);
-        hasCreatedContainer = true;
-      }
-      currentContainerContent = [];
-      return;
+      container = createLayoutSection(currentContainerContent, layoutSection, layoutColumn);
+    } else if (isCodeblock) {
+      container = createTextContentContainer(currentContainerContent, targetNodeType, schema);
+    } else {
+      container = createNodeContentContainer(currentContainerContent, targetNodeType);
     }
-
-    // For regular containers, create directly
-    const containerNode = targetNodeType.createAndFill({}, currentContainerContent);
-    if (containerNode) {
-      result.push(containerNode);
+    if (container) {
+      result.push(container);
       hasCreatedContainer = true;
     }
     currentContainerContent = [];
   };
-  const processNode = node => {
+  const canNodeBeWrapped = node => {
     const validationType = isLayout ? layoutColumn : targetNodeType;
-    const canWrapNode = validationType.validContent(Fragment.from(removeDisallowedMarks([node], validationType)));
-
-    // Node can be wrapped - add to current container content
-    if (canWrapNode) {
-      // remove marks from node as nested nodes don't usually support block marks
-      currentContainerContent.push(...removeDisallowedMarks([node], validationType));
+    return validationType.validContent(Fragment.from(removeDisallowedMarks([node], validationType)));
+  };
+  const handleWrappableNode = node => {
+    const validationType = isLayout ? layoutColumn : targetNodeType;
+    currentContainerContent.push(...removeDisallowedMarks([node], validationType));
+  };
+  const handleCodeblockTextNode = node => {
+    currentContainerContent.push(createTextContent(node));
+  };
+  const handleConvertibleTextNode = node => {
+    const paragraph = convertTextNodeToParagraph(node, schema);
+    if (paragraph) {
+      currentContainerContent.push(paragraph);
+    }
+  };
+  const handleUnsupportedNode = node => {
+    flushCurrentContainer();
+    result.push(node);
+  };
+  const processNode = node => {
+    if (canNodeBeWrapped(node)) {
+      handleWrappableNode(node);
+      return;
+    }
+    if (isTextNode(node) && isCodeblock) {
+      handleCodeblockTextNode(node);
       return;
     }
-
-    // Text node (heading, paragraph) that can't be wrapped - convert to paragraph
-    // Example: heading can't go in blockquote, so convert to paragraph with same content
     if (isTextNode(node)) {
-      const paragraph = convertTextNodeToParagraph(node, schema);
-      if (paragraph) {
-        currentContainerContent.push(paragraph);
-      }
+      handleConvertibleTextNode(node);
       return;
     }
 
     // All other nodes that cannot be wrapped in the target node - break out
     // Examples: same-type containers, tables in panels, layoutSections in layouts
-    flushCurrentContainer();
-    result.push(node);
+    handleUnsupportedNode(node);
   };
   nodes.forEach(processNode);
-
-  // Flush any remaining content into a container
   flushCurrentContainer();
-
-  // Skip edge case handling for layouts since layouts always have columns
   if (isLayout) {
     return result.length > 0 ? result : nodes;
   }

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

@@ -11,7 +11,6 @@ import { unwrapLayoutStep } from './steps/unwrapLayoutStep';
 import { unwrapListStep } from './steps/unwrapListStep';
 import { wrapBlockquoteToDecisionListStep } from './steps/wrapBlockquoteToDecisionListStep';
 import { wrapMixedContentStep } from './steps/wrapMixedContentStep';
-import { wrapTextToCodeblockStep } from './steps/wrapTextToCodeblock';
 import { getNodeName, NODE_CATEGORY_BY_TYPE, toNodeTypeValue } from './types';
 import { unwrapExpandStep } from './unwrapExpandStep';
 import { unwrapStep } from './unwrapStep';
@@ -31,7 +30,7 @@ const TRANSFORM_STEPS = {
     atomic: undefined,
     container: [unwrapStep, wrapStep],
     list: undefined,
-    text: [unwrapStep, applyTargetTextTypeStep],
+    text: [unwrapStep],
     multi: undefined
   },
   list: {
@@ -62,18 +61,13 @@ const TRANSFORM_STEPS = {
 // Use 'null' to indicate unavailable transfrorm for a case where TRANSFORM_STEPS are not undefined.
 const TRANSFORM_STEPS_OVERRIDE = {
   paragraph: {
-    paragraph: null,
-    codeBlock: [wrapTextToCodeblockStep],
-    layoutSection: [wrapMixedContentStep]
-  },
-  heading: {
-    codeBlock: [wrapTextToCodeblockStep],
-    layoutSection: [wrapMixedContentStep]
+    paragraph: null
   },
+  heading: {},
   panel: {
     panel: null,
     layoutSection: [unwrapStep, wrapMixedContentStep],
-    codeBlock: [unwrapStep, flattenStep, wrapStep],
+    codeBlock: [unwrapStep, wrapMixedContentStep],
     blockquote: [unwrapStep, wrapMixedContentStep],
     taskList: null,
     bulletList: null,
@@ -104,7 +98,9 @@ const TRANSFORM_STEPS_OVERRIDE = {
     nestedExpand: [wrapStep],
     layoutSection: [wrapMixedContentStep],
     codeBlock: null,
-    decisionList: [unwrapStep, wrapBlockquoteToDecisionListStep]
+    decisionList: [unwrapStep, wrapBlockquoteToDecisionListStep],
+    paragraph: [unwrapStep],
+    heading: [unwrapStep, applyTargetTextTypeStep]
   },
   layoutSection: {
     layoutSection: null,
@@ -122,6 +118,7 @@ const TRANSFORM_STEPS_OVERRIDE = {
     nestedExpand: [wrapStep],
     layoutSection: [wrapMixedContentStep],
     panel: [wrapStep],
+    paragraph: [applyTargetTextTypeStep],
     heading: null
   },
   bulletList: {
@@ -216,10 +213,11 @@ const TRANSFORM_STEPS_OVERRIDE = {
     decisionList: null
   },
   multi: {
-    // TODO: EDITOR-4140 - Implement multiple paragraphs/headings/codeblocks to heading transform
-    heading: null,
-    // TODO: EDITOR-4141 - Implement multiple codeblocks/headings to paragraph transform
-    paragraph: null
+    heading: [applyTargetTextTypeStep]
+    // Similar to heading, all structures are kept as is
+    // EG: transformed: other lists, paragarph, headings
+    // eg: not-transformed: quotes, codeblocks ... all typeof 'containers'
+    // decisionList: [],
   }
 };
 const getTransformStepsForNodeTypes = (selectedNodeTypeName, targetNodeTypeName) => {

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

@@ -45,8 +45,14 @@ export const transformNode = api => (targetType, metadata) => ({
   });
   const content = resultNodes.length > 0 ? resultNodes : slice.content;
   if (preservedSelection instanceof NodeSelection && preservedSelection.node.type === nodes.mediaSingle) {
-    tr.deleteRange($from.pos, $to.pos);
-    tr.insert($from.pos, content);
+    // when node is media single, use tr.replaceWith freeze editor, if modify position, tr.replaceWith creates duplicats
+    const deleteFrom = $from.pos;
+    const deleteTo = $to.pos;
+    tr.delete(deleteFrom, deleteTo);
+    // After deletion, recalculate the insertion position to ensure it's valid
+    // especially when mediaSingle with caption is at the bottom of the document
+    const insertPos = Math.min(deleteFrom, tr.doc.content.size);
+    tr.insert(insertPos, content);
   } else {
     tr.replaceWith(sliceStart, $to.pos, content);
   }

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

@@ -6,16 +6,6 @@ export var flattenStep = function flattenStep(nodes, context) {
   if (!targetNodeType || !paragraph) {
     return nodes;
   }
-
-  // TODO: EDITOR-2920 - Implement flattening logic.
-  var isTargetCodeBlock = targetNodeTypeName === 'codeBlock';
-  if (isTargetCodeBlock) {
-    // This strips explicitly text nodes
-    var codeBlockContent = nodes.map(function (node) {
-      return node.content.textBetween(0, node.content.size, '\n');
-    }).join('\n');
-    return [schema.nodes.codeBlock.create({}, schema.text(codeBlockContent))];
-  }
   return nodes.map(function (node) {
     var isValidWithin = targetNodeType.validContent(node.content);
     if (!isValidWithin) {

package/dist/esm/editor-commands/transform-node-utils/steps/applyTargetTextTypeStep.js

@@ -1,16 +1,19 @@
 /**
- * Applies target text type conversion. If the target type is a heading, converts textblock nodes
- * (paragraphs, headings) to heading nodes with the specified level. Otherwise, leaves nodes unchanged.
- * Non-textblock nodes are always left unchanged.
+ * Applies target text type conversion. Converts textblock nodes to the target text type
+ * (paragraph or heading). Non-textblock nodes are left unchanged.
  *
  * @example
  * Input:
- * - paragraph "Heading 1"
- * - paragraph "Heading 2"
+ * - paragraph "Text 1"
+ * - paragraph "Text 2"
  *
  * Output (with target: heading, level: 2):
- * - heading (level: 2) "Heading 1"
- * - heading (level: 2) "Heading 2"
+ * - heading (level: 2) "Text 1"
+ * - heading (level: 2) "Text 2"
+ *
+ * Output (with target: paragraph):
+ * - paragraph "Text 1"
+ * - paragraph "Text 2"
  *
  * @param nodes
  * @param context
@@ -20,23 +23,24 @@ export var applyTargetTextTypeStep = function applyTargetTextTypeStep(nodes, con
   var schema = context.schema,
     targetNodeTypeName = context.targetNodeTypeName,
     targetAttrs = context.targetAttrs;
-  if (targetNodeTypeName !== 'heading') {
+  if (targetNodeTypeName !== 'heading' && targetNodeTypeName !== 'paragraph') {
     return nodes;
   }
-  var headingType = schema.nodes.heading;
-  if (!headingType) {
+  var targetType = schema.nodes[targetNodeTypeName];
+  if (!targetType) {
     return nodes;
   }
-
-  // Default to level 1 if no level is specified
-  // The level should ideally come from targetAttrs, but if not available, use default
-  var headingLevel = typeof (targetAttrs === null || targetAttrs === void 0 ? void 0 : targetAttrs.level) === 'number' ? targetAttrs.level : 1;
   return nodes.map(function (node) {
     if (node.isTextblock) {
-      // Convert textblock nodes (paragraphs, headings) to heading with specified level
-      return headingType.create({
-        level: headingLevel
-      }, node.content, node.marks);
+      // Convert textblock nodes to the target type with content preserved
+      var attrs = {};
+      if (targetNodeTypeName === 'heading') {
+        var level = typeof (targetAttrs === null || targetAttrs === void 0 ? void 0 : targetAttrs.level) === 'number' ? targetAttrs.level : 1;
+        attrs = {
+          level: level
+        };
+      }
+      return targetType.create(attrs, node.content, node.marks);
     }
     // Non-textblock nodes are left unchanged
     return node;

package/dist/esm/editor-commands/transform-node-utils/steps/decisionListToListStep.js

@@ -67,11 +67,7 @@ export var decisionListToListStep = function decisionListToListStep(nodes, conte
     }
     var newItems = [];
     node.forEach(function (decisionItem) {
-      var itemContent = [];
-      decisionItem.forEach(function (child) {
-        itemContent.push(child);
-      });
-      var newItem = targetItemType === schema.nodes.listItem ? targetItemType.create({}, paragraphType.create({}, itemContent)) : targetItemType.create({}, itemContent);
+      var newItem = targetItemType.inlineContent ? targetItemType.create({}, decisionItem.children) : targetItemType.create({}, paragraphType.create({}, decisionItem.children));
       if (newItem) {
         newItems.push(newItem);
       }

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

@@ -18,7 +18,7 @@ var extractNestedLists = function extractNestedLists(node, schema) {
         child.forEach(function (grandChild) {
           if (isListWithIndentation(grandChild.type.name, schema)) {
             nestedLists.push(grandChild);
-          } else if (grandChild.isText) {
+          } else if (grandChild.isInline) {
             // For taskItem/decisionItem, keep text as-is (they support inline content)
             // For listItem, wrap text in paragraph (they require block content)
             if (isInlineItem) {
@@ -69,8 +69,6 @@ var extractNestedLists = function extractNestedLists(node, schema) {
  * @param nodes
  * @param context
  * @returns
- *
- * TODO: Lists with mixed types (e.g. bulletList with a taskItem) doesn't full flatten
  */
 export var flattenListStep = function flattenListStep(nodes, context) {
   return nodes.map(function (node) {

package/dist/esm/editor-commands/transform-node-utils/steps/listToDecisionListStep.js

@@ -38,7 +38,7 @@ export var listToDecisionListStep = function listToDecisionListStep(nodes, conte
         if (child.type === paragraphType) {
           // paragraph may contain hard breaks etc.
           itemContent.push.apply(itemContent, _toConsumableArray(child.children));
-        } else if (child.isText || child.isInline) {
+        } else if (child.isInline) {
           itemContent.push(child);
         } else if (!isListWithIndentation(child.type.name, schema)) {
           unsupportedContent.push(child);

package/dist/esm/editor-commands/transform-node-utils/steps/listToListStep.js

@@ -69,7 +69,7 @@ var _transformList = function transformList(node, targetListType, targetItemType
       itemNode.forEach(function (child) {
         if (child.type === paragraphType) {
           inlineContent.push.apply(inlineContent, _toConsumableArray(child.children));
-        } else if (child.isText) {
+        } else if (child.isInline) {
           inlineContent.push(child);
           // Nested lists will be extracted and placed as siblings in the taskList
         } else if (!isListWithIndentation(child.type.name, schema)) {

package/dist/esm/editor-commands/transform-node-utils/steps/wrapMixedContentStep.js

@@ -2,7 +2,35 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { removeDisallowedMarks } from '../marks';
 import { NODE_CATEGORY_BY_TYPE } from '../types';
-import { convertTextNodeToParagraph, isTextNode } from '../utils';
+import { convertTextNodeToParagraph, createTextContent, isTextNode } from '../utils';
+
+/**
+ * Creates a layout section with two columns, where the first column contains the provided content.
+ */
+var createLayoutSection = function createLayoutSection(content, layoutSection, layoutColumn) {
+  var columnOne = layoutColumn.createAndFill({}, removeDisallowedMarks(content, layoutColumn));
+  var columnTwo = layoutColumn.createAndFill();
+  if (!columnOne || !columnTwo) {
+    return null;
+  }
+  return layoutSection.createAndFill({}, [columnOne, columnTwo]);
+};
+
+/**
+ * Creates a container with text content (for codeblocks).
+ */
+var createTextContentContainer = function createTextContentContainer(textContentArray, targetNodeType, schema) {
+  var textContent = textContentArray.join('\n');
+  var textNode = textContent ? schema.text(textContent) : null;
+  return targetNodeType.createAndFill({}, textNode);
+};
+
+/**
+ * Creates a regular container with node content.
+ */
+var createNodeContentContainer = function createNodeContentContainer(nodeContent, targetNodeType) {
+  return targetNodeType.createAndFill({}, nodeContent);
+};
 
 /**
  * Handles the edge case where transforming from a container to another container results in
@@ -28,12 +56,16 @@ var handleEmptyContainerEdgeCase = function handleEmptyContainerEdgeCase(result,
   // (meaning there were no valid children that could be wrapped)
   var allContentBrokeOut = !hasCreatedContainer && result.length > 0;
   var shouldCreateEmptyTarget = isFromContainer && isTargetContainer && allContentBrokeOut;
-  if (shouldCreateEmptyTarget) {
-    var emptyParagraph = schema.nodes.paragraph.create();
-    var emptyContainer = targetNodeType.create({}, emptyParagraph);
-    return [emptyContainer].concat(_toConsumableArray(result));
+  if (!shouldCreateEmptyTarget) {
+    return result;
+  }
+  if (targetNodeTypeName === schema.nodes.codeBlock.name) {
+    var emptyCodeBlock = createTextContentContainer([], schema.nodes.codeBlock, schema);
+    return emptyCodeBlock ? [emptyCodeBlock].concat(_toConsumableArray(result)) : result;
   }
-  return result;
+  var emptyParagraph = schema.nodes.paragraph.create();
+  var emptyContainer = targetNodeType.create({}, emptyParagraph);
+  return [emptyContainer].concat(_toConsumableArray(result));
 };
 
 /**
@@ -51,6 +83,9 @@ var handleEmptyContainerEdgeCase = function handleEmptyContainerEdgeCase(result,
  * - Layouts always require layoutColumns as children (never paragraphs directly)
  * - Layout columns can contain most block content including headings, paragraphs, lists, etc.
  *
+ * Special handling for codeblocks:
+ * - Text nodes are converted to plain text and added to the codeblock
+ *
  * Edge case handling:
  * - For regular containers: If all content breaks out (container → container transform with no
  *   valid children), an empty container with a paragraph is created to ensure the target type exists
@@ -79,6 +114,7 @@ export var wrapMixedContentStep = function wrapMixedContentStep(nodes, context)
     return nodes;
   }
   var isLayout = targetNodeTypeName === 'layoutSection';
+  var isCodeblock = targetNodeTypeName === 'codeBlock';
   var _schema$nodes = schema.nodes,
     layoutSection = _schema$nodes.layoutSection,
     layoutColumn = _schema$nodes.layoutColumn;
@@ -89,64 +125,62 @@ export var wrapMixedContentStep = function wrapMixedContentStep(nodes, context)
     if (currentContainerContent.length === 0) {
       return;
     }
+    var container = null;
     if (isLayout) {
-      // For layouts, create layoutSection with two layoutColumns
-      var columnOne = layoutColumn.createAndFill({}, removeDisallowedMarks(currentContainerContent, layoutColumn));
-      var columnTwo = layoutColumn.createAndFill();
-      if (!columnOne || !columnTwo) {
-        currentContainerContent = [];
-        return;
-      }
-      var layout = layoutSection.createAndFill({}, [columnOne, columnTwo]);
-      if (layout) {
-        result.push(layout);
-        hasCreatedContainer = true;
-      }
-      currentContainerContent = [];
-      return;
+      container = createLayoutSection(currentContainerContent, layoutSection, layoutColumn);
+    } else if (isCodeblock) {
+      container = createTextContentContainer(currentContainerContent, targetNodeType, schema);
+    } else {
+      container = createNodeContentContainer(currentContainerContent, targetNodeType);
     }
-
-    // For regular containers, create directly
-    var containerNode = targetNodeType.createAndFill({}, currentContainerContent);
-    if (containerNode) {
-      result.push(containerNode);
+    if (container) {
+      result.push(container);
       hasCreatedContainer = true;
     }
     currentContainerContent = [];
   };
-  var processNode = function processNode(node) {
+  var canNodeBeWrapped = function canNodeBeWrapped(node) {
     var validationType = isLayout ? layoutColumn : targetNodeType;
-    var canWrapNode = validationType.validContent(Fragment.from(removeDisallowedMarks([node], validationType)));
-
-    // Node can be wrapped - add to current container content
-    if (canWrapNode) {
-      var _currentContainerCont;
-      // remove marks from node as nested nodes don't usually support block marks
-      (_currentContainerCont = currentContainerContent).push.apply(_currentContainerCont, _toConsumableArray(removeDisallowedMarks([node], validationType)));
+    return validationType.validContent(Fragment.from(removeDisallowedMarks([node], validationType)));
+  };
+  var handleWrappableNode = function handleWrappableNode(node) {
+    var _currentContainerCont;
+    var validationType = isLayout ? layoutColumn : targetNodeType;
+    (_currentContainerCont = currentContainerContent).push.apply(_currentContainerCont, _toConsumableArray(removeDisallowedMarks([node], validationType)));
+  };
+  var handleCodeblockTextNode = function handleCodeblockTextNode(node) {
+    currentContainerContent.push(createTextContent(node));
+  };
+  var handleConvertibleTextNode = function handleConvertibleTextNode(node) {
+    var paragraph = convertTextNodeToParagraph(node, schema);
+    if (paragraph) {
+      currentContainerContent.push(paragraph);
+    }
+  };
+  var handleUnsupportedNode = function handleUnsupportedNode(node) {
+    flushCurrentContainer();
+    result.push(node);
+  };
+  var processNode = function processNode(node) {
+    if (canNodeBeWrapped(node)) {
+      handleWrappableNode(node);
+      return;
+    }
+    if (isTextNode(node) && isCodeblock) {
+      handleCodeblockTextNode(node);
       return;
     }
-
-    // Text node (heading, paragraph) that can't be wrapped - convert to paragraph
-    // Example: heading can't go in blockquote, so convert to paragraph with same content
     if (isTextNode(node)) {
-      var paragraph = convertTextNodeToParagraph(node, schema);
-      if (paragraph) {
-        currentContainerContent.push(paragraph);
-      }
+      handleConvertibleTextNode(node);
       return;
     }
 
     // All other nodes that cannot be wrapped in the target node - break out
     // Examples: same-type containers, tables in panels, layoutSections in layouts
-    flushCurrentContainer();
-    result.push(node);
+    handleUnsupportedNode(node);
   };
   nodes.forEach(processNode);
-
-  // Flush any remaining content into a container
   flushCurrentContainer();
-
-  // Skip edge case handling for layouts since layouts always have columns
   if (isLayout) {
     return result.length > 0 ? result : nodes;
   }

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

@@ -11,7 +11,6 @@ import { unwrapLayoutStep } from './steps/unwrapLayoutStep';
 import { unwrapListStep } from './steps/unwrapListStep';
 import { wrapBlockquoteToDecisionListStep } from './steps/wrapBlockquoteToDecisionListStep';
 import { wrapMixedContentStep } from './steps/wrapMixedContentStep';
-import { wrapTextToCodeblockStep } from './steps/wrapTextToCodeblock';
 import { getNodeName, NODE_CATEGORY_BY_TYPE, toNodeTypeValue } from './types';
 import { unwrapExpandStep } from './unwrapExpandStep';
 import { unwrapStep } from './unwrapStep';
@@ -31,7 +30,7 @@ var TRANSFORM_STEPS = {
     atomic: undefined,
     container: [unwrapStep, wrapStep],
     list: undefined,
-    text: [unwrapStep, applyTargetTextTypeStep],
+    text: [unwrapStep],
     multi: undefined
   },
   list: {
@@ -62,18 +61,13 @@ var TRANSFORM_STEPS = {
 // Use 'null' to indicate unavailable transfrorm for a case where TRANSFORM_STEPS are not undefined.
 var TRANSFORM_STEPS_OVERRIDE = {
   paragraph: {
-    paragraph: null,
-    codeBlock: [wrapTextToCodeblockStep],
-    layoutSection: [wrapMixedContentStep]
-  },
-  heading: {
-    codeBlock: [wrapTextToCodeblockStep],
-    layoutSection: [wrapMixedContentStep]
+    paragraph: null
   },
+  heading: {},
   panel: {
     panel: null,
     layoutSection: [unwrapStep, wrapMixedContentStep],
-    codeBlock: [unwrapStep, flattenStep, wrapStep],
+    codeBlock: [unwrapStep, wrapMixedContentStep],
     blockquote: [unwrapStep, wrapMixedContentStep],
     taskList: null,
     bulletList: null,
@@ -104,7 +98,9 @@ var TRANSFORM_STEPS_OVERRIDE = {
     nestedExpand: [wrapStep],
     layoutSection: [wrapMixedContentStep],
     codeBlock: null,
-    decisionList: [unwrapStep, wrapBlockquoteToDecisionListStep]
+    decisionList: [unwrapStep, wrapBlockquoteToDecisionListStep],
+    paragraph: [unwrapStep],
+    heading: [unwrapStep, applyTargetTextTypeStep]
   },
   layoutSection: {
     layoutSection: null,
@@ -122,6 +118,7 @@ var TRANSFORM_STEPS_OVERRIDE = {
     nestedExpand: [wrapStep],
     layoutSection: [wrapMixedContentStep],
     panel: [wrapStep],
+    paragraph: [applyTargetTextTypeStep],
     heading: null
   },
   bulletList: {
@@ -216,10 +213,11 @@ var TRANSFORM_STEPS_OVERRIDE = {
     decisionList: null
   },
   multi: {
-    // TODO: EDITOR-4140 - Implement multiple paragraphs/headings/codeblocks to heading transform
-    heading: null,
-    // TODO: EDITOR-4141 - Implement multiple codeblocks/headings to paragraph transform
-    paragraph: null
+    heading: [applyTargetTextTypeStep]
+    // Similar to heading, all structures are kept as is
+    // EG: transformed: other lists, paragarph, headings
+    // eg: not-transformed: quotes, codeblocks ... all typeof 'containers'
+    // decisionList: [],
   }
 };
 var getTransformStepsForNodeTypes = function getTransformStepsForNodeTypes(selectedNodeTypeName, targetNodeTypeName) {