@atlaskit/editor-plugin-block-menu 5.2.16 → 5.2.18

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 5.2.18
+
+### Patch Changes
+
+- [`bfb0acc5f3d72`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bfb0acc5f3d72) -
+  [ux] Update list flattening steps to handle decision lists as well
+- [`a528ea956ce65`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a528ea956ce65) -
+  [ux] EDITOR-3956 fix sync block resize handle padding and alignment
+- Updated dependencies
+
+## 5.2.17
+
+### Patch Changes
+
+- [`1da3868c8f709`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1da3868c8f709) -
+  EDITOR-3916 Fix block menu alternating on drag handle click
+- [`722f272e8b78f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/722f272e8b78f) -
+  Editor-2778: Smartlink card and embed transform
+- Updated dependencies
+
 ## 5.2.16
 
 ### Patch Changes

package/dist/cjs/blockMenuPlugin.js

@@ -42,8 +42,8 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
       formatNode: function formatNode(targetType, analyticsAttrs) {
         return (0, _formatNode2.formatNode)(api)(targetType, analyticsAttrs);
       },
-      transformNode: function transformNode(targetType, analyticsAttrs) {
-        return (0, _transformNode2.transformNode)(api)(targetType, analyticsAttrs);
+      transformNode: function transformNode(targetType, metadata) {
+        return (0, _transformNode2.transformNode)(api)(targetType, metadata);
       }
     },
     getSharedState: function getSharedState(editorState) {

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

@@ -7,15 +7,25 @@ exports.flattenStep = void 0;
 var flattenStep = exports.flattenStep = function flattenStep(nodes, context) {
   var schema = context.schema,
     targetNodeTypeName = context.targetNodeTypeName;
+  var targetNodeType = schema.nodes[targetNodeTypeName];
+  if (!targetNodeType) {
+    return nodes;
+  }
 
   // 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;
+  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 [outputNode];
+  return nodes.map(function (node) {
+    var isValidWithin = targetNodeType.validContent(node.content);
+    if (!isValidWithin) {
+      return node;
+    }
+    return schema.nodes.paragraph.create({}, node.content);
+  });
 };

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyTargetTextTypeStep = void 0;
+/**
+ * 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.
+ *
+ * @example
+ * Input:
+ * - paragraph "Heading 1"
+ * - paragraph "Heading 2"
+ *
+ * Output (with target: heading, level: 2):
+ * - heading (level: 2) "Heading 1"
+ * - heading (level: 2) "Heading 2"
+ *
+ * @param nodes
+ * @param context
+ * @returns
+ */
+var applyTargetTextTypeStep = exports.applyTargetTextTypeStep = function applyTargetTextTypeStep(nodes, context) {
+  var schema = context.schema,
+    targetNodeTypeName = context.targetNodeTypeName,
+    targetAttrs = context.targetAttrs;
+  if (targetNodeTypeName !== 'heading') {
+    return nodes;
+  }
+  var headingType = schema.nodes.heading;
+  if (!headingType) {
+    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);
+    }
+    // Non-textblock nodes are left unchanged
+    return node;
+  });
+};

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

@@ -9,7 +9,7 @@ var _nodeChecks = require("../nodeChecks");
 var extractNestedLists = function extractNestedLists(node, schema) {
   var items = [];
   var paragraph = schema.nodes.paragraph;
-  var itemTypes = [schema.nodes.listItem, schema.nodes.taskItem];
+  var itemTypes = [schema.nodes.listItem, schema.nodes.taskItem, schema.nodes.decisionItem];
   var _extract = function extract(currentNode) {
     currentNode.forEach(function (child) {
       if (itemTypes.some(function (type) {
@@ -17,11 +17,21 @@ var extractNestedLists = function extractNestedLists(node, schema) {
       })) {
         var contentWithoutNestedLists = [];
         var nestedLists = [];
+
+        // Check if this item type expects inline content (taskItem, decisionItem)
+        // vs block content (listItem) based on the schema definition
+        var isInlineItem = child.type.inlineContent;
         child.forEach(function (grandChild) {
           if ((0, _nodeChecks.isListWithIndentation)(grandChild.type.name, schema)) {
             nestedLists.push(grandChild);
           } else if (grandChild.isText) {
-            contentWithoutNestedLists.push(paragraph.createAndFill({}, grandChild));
+            // For taskItem/decisionItem, keep text as-is (they support inline content)
+            // For listItem, wrap text in paragraph (they require block content)
+            if (isInlineItem) {
+              contentWithoutNestedLists.push(grandChild);
+            } else {
+              contentWithoutNestedLists.push(paragraph.createAndFill({}, grandChild));
+            }
           } else {
             contentWithoutNestedLists.push(grandChild);
           }

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

@@ -10,6 +10,9 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
  * Given an array of nodes, processes each list removing all parent list nodes and
  * just returning their child contents.
  *
+ * For lists with block content (bulletList, orderedList), it extracts the block nodes directly.
+ * For lists with inline content (taskList, decisionList), it wraps the content in paragraphs.
+ *
  * @example
  * Input:
  * - bulletList
@@ -27,14 +30,19 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
  * @returns
  */
 var unwrapListStep = exports.unwrapListStep = function unwrapListStep(nodes, context) {
-  var listTypes = [context.schema.nodes.bulletList, context.schema.nodes.orderedList, context.schema.nodes.taskList];
+  var listTypes = [context.schema.nodes.bulletList, context.schema.nodes.orderedList, context.schema.nodes.taskList, context.schema.nodes.decisionList];
   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));
+        // if isTaskItem or isDecisionItem, convert to paragraph
+        if (listItem.type.name === 'taskItem' || listItem.type.name === 'decisionItem') {
+          listItems.push(context.schema.nodes.paragraph.create({}, listItem.content));
+        } else {
+          listItems.push.apply(listItems, (0, _toConsumableArray2.default)(listItem.children));
+        }
       });
       return listItems;
     }

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getOutputNodes = void 0;
 var _utils = require("../transform-node-utils/utils");
 var _flattenStep = require("./flattenStep");
+var _applyTargetTextTypeStep = require("./steps/applyTargetTextTypeStep");
 var _decisionListToListStep = require("./steps/decisionListToListStep");
 var _flattenListStep = require("./steps/flattenListStep");
 var _listToDecisionListStep = require("./steps/listToDecisionListStep");
@@ -34,19 +35,19 @@ var TRANSFORM_STEPS = {
     atomic: undefined,
     container: [_unwrapStep.unwrapStep, _wrapStep.wrapStep],
     list: undefined,
-    text: [_unwrapStep.unwrapStep]
+    text: [_unwrapStep.unwrapStep, _applyTargetTextTypeStep.applyTargetTextTypeStep]
   },
   list: {
     atomic: undefined,
     container: [_wrapStep.wrapStep],
     list: [_listToListStep.listToListStep],
-    text: [_flattenListStep.flattenListStep, _unwrapListStep.unwrapListStep]
+    text: [_flattenListStep.flattenListStep, _unwrapListStep.unwrapListStep, _applyTargetTextTypeStep.applyTargetTextTypeStep]
   },
   text: {
     atomic: undefined,
     container: [_wrapStep.wrapStep],
     list: [_wrapIntoListStep.wrapIntoListStep],
-    text: [_stubStep.stubStep]
+    text: [_flattenStep.flattenStep, _applyTargetTextTypeStep.applyTargetTextTypeStep]
   }
 };
 
@@ -129,6 +130,18 @@ var TRANSFORM_STEPS_OVERRIDE = {
     orderedList: [_decisionListToListStep.decisionListToListStep],
     taskList: [_decisionListToListStep.decisionListToListStep],
     layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+  },
+  blockCard: {
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+  },
+  embedCard: {
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+  },
+  extension: {
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+  },
+  bodiedExtension: {
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
   }
 };
 var getTransformStepsForNodeTypes = function getTransformStepsForNodeTypes(selectedNodeTypeName, targetNodeTypeName) {
@@ -143,7 +156,8 @@ var getOutputNodes = exports.getOutputNodes = function getOutputNodes(_ref) {
   var sourceNode = _ref.sourceNode,
     targetNodeType = _ref.targetNodeType,
     schema = _ref.schema,
-    isNested = _ref.isNested;
+    isNested = _ref.isNested,
+    targetAttrs = _ref.targetAttrs;
   var nodesToReplace = [sourceNode];
   var selectedNodeTypeName = (0, _types.toNodeTypeValue)(sourceNode.type.name);
   var initialTargetNodeTypeName = (0, _types.toNodeTypeValue)(targetNodeType.name);
@@ -156,7 +170,8 @@ var getOutputNodes = exports.getOutputNodes = function getOutputNodes(_ref) {
   var context = {
     fromNode: sourceNode,
     targetNodeTypeName: targetNodeTypeName,
-    schema: schema
+    schema: schema,
+    targetAttrs: targetAttrs
   };
   if (!steps || steps.length === 0) {
     return;

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

@@ -13,7 +13,7 @@ var _utils = require("./transforms/utils");
 var transformNode = exports.transformNode = function transformNode(api) {
   return (
     // eslint-disable-next-line no-unused-vars
-    function (targetType, analyticsAttrs) {
+    function (targetType, metadata) {
       return function (_ref) {
         var _api$blockControls;
         var tr = _ref.tr;
@@ -26,8 +26,9 @@ var transformNode = exports.transformNode = function transformNode(api) {
         var _expandSelectionToBlo = (0, _selection.expandSelectionToBlockRange)(preservedSelection),
           $from = _expandSelectionToBlo.$from,
           $to = _expandSelectionToBlo.$to;
-        var isNested = (0, _isNestedNode.isNestedNode)(preservedSelection, '');
         var selectedParent = $from.parent;
+        var isParentLayout = selectedParent.type === nodes.layoutColumn;
+        var isNestedExceptLayout = (0, _isNestedNode.isNestedNode)(preservedSelection, '') && !isParentLayout;
         var fragment = _model.Fragment.empty;
         var isList = (0, _utils.isListNode)(selectedParent);
         var slice = tr.doc.slice(isList ? $from.pos - 1 : $from.pos, isList ? $to.pos + 1 : $to.pos);
@@ -36,7 +37,8 @@ var transformNode = exports.transformNode = function transformNode(api) {
             sourceNode: node,
             targetNodeType: targetType,
             schema: tr.doc.type.schema,
-            isNested: isNested
+            isNested: isNestedExceptLayout,
+            targetAttrs: metadata === null || metadata === void 0 ? void 0 : metadata.targetAttrs
           });
           if (outputNode) {
             fragment = fragment.append(_model.Fragment.fromArray(outputNode));

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

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isListNodeType = exports.isListNode = exports.isLayoutNodeType = exports.isLayoutNode = exports.isHeadingOrParagraphNode = exports.isContainerNodeType = exports.isContainerNode = exports.isBlockNodeType = exports.isBlockNodeForExtraction = exports.isBlockNode = exports.getTargetNodeInfo = exports.getMarksWithBreakout = exports.getConversionType = exports.getContentSupportChecker = exports.filterMarksForTargetNodeType = exports.convertNodeToInlineContent = exports.convertCodeBlockContentToParagraphs = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var getTargetNodeInfo = exports.getTargetNodeInfo = function getTargetNodeInfo(targetType, nodes) {
   switch (targetType) {
     case 'heading1':
@@ -206,7 +208,7 @@ var convertCodeBlockContentToParagraphs = exports.convertCodeBlockContentToParag
   return paragraphNodes;
 };
 var isBreakoutMarkSupported = function isBreakoutMarkSupported(nodeType) {
-  return ['codeBlock', 'expand', 'layoutSection'].includes(nodeType.name);
+  return (0, _experiments.editorExperiment)('platform_synced_block', true) ? _utils.breakoutResizableNodes.includes(nodeType.name) : ['codeBlock', 'expand', 'layoutSection'].includes(nodeType.name);
 };
 var getMarksWithBreakout = exports.getMarksWithBreakout = function getMarksWithBreakout(sourceNode, targetNodeType) {
   var allowedMarks = targetNodeType.allowedMarks(sourceNode.marks);

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

@@ -127,7 +127,7 @@ var BlockMenuContent = function BlockMenuContent(_ref3) {
   })));
 };
 var BlockMenu = function BlockMenu(_ref4) {
-  var _editorView$dom, _ref5;
+  var _editorView$dom, _ref5, _api$analytics3;
   var editorView = _ref4.editorView,
     api = _ref4.api,
     mountTo = _ref4.mountTo,
@@ -202,6 +202,13 @@ var BlockMenu = function BlockMenu(_ref4) {
       return tr;
     });
   };
+  var handleClickOutside = function handleClickOutside(e) {
+    // check if the clicked element was another drag handle, if so don't close the menu
+    if (e.target instanceof HTMLElement && e.target.closest(_styles.DRAG_HANDLE_SELECTOR)) {
+      return;
+    }
+    closeMenu();
+  };
   var closeMenu = function closeMenu() {
     api === null || api === void 0 || api.core.actions.execute(function (_ref7) {
       var _api$blockControls3, _api$userIntent3;
@@ -227,39 +234,37 @@ var BlockMenu = function BlockMenu(_ref4) {
       popupRef.current = el;
     }
   };
-  if (targetHandleRef instanceof HTMLElement) {
-    var _api$analytics3;
-    return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
-      component: _analytics.ACTION_SUBJECT.BLOCK_MENU,
-      dispatchAnalyticsEvent: api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.fireAnalyticsEvent,
-      fallbackComponent: null
-    }, /*#__PURE__*/_react.default.createElement(PopupWithListeners, {
-      alignX: 'right',
-      alignY: 'start',
-      handleClickOutside: closeMenu,
-      handleEscapeKeydown: closeMenu,
-      handleBackspaceDeleteKeydown: handleBackspaceDeleteKeydown,
-      mountTo: mountTo,
-      boundariesElement: boundariesElement,
-      scrollableElement: scrollableElement,
-      target: targetHandleRef,
-      zIndex: _editorSharedStyles.akEditorFloatingOverlapPanelZIndex,
-      fitWidth: DEFAULT_MENU_WIDTH,
-      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
-    }, /*#__PURE__*/_react.default.createElement(BlockMenuContent, {
-      api: api,
-      setRef: setRef
-    })));
-  } else {
+  if (!(targetHandleRef instanceof HTMLElement)) {
     return null;
   }
+  return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
+    component: _analytics.ACTION_SUBJECT.BLOCK_MENU,
+    dispatchAnalyticsEvent: api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.fireAnalyticsEvent,
+    fallbackComponent: null
+  }, /*#__PURE__*/_react.default.createElement(PopupWithListeners, {
+    alignX: 'right',
+    alignY: 'start',
+    handleClickOutside: handleClickOutside,
+    handleEscapeKeydown: closeMenu,
+    handleBackspaceDeleteKeydown: handleBackspaceDeleteKeydown,
+    mountTo: mountTo,
+    boundariesElement: boundariesElement,
+    scrollableElement: scrollableElement,
+    target: targetHandleRef,
+    zIndex: _editorSharedStyles.akEditorFloatingOverlapPanelZIndex,
+    fitWidth: DEFAULT_MENU_WIDTH,
+    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
+  }, /*#__PURE__*/_react.default.createElement(BlockMenuContent, {
+    api: api,
+    setRef: setRef
+  })));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(BlockMenu);

package/dist/es2019/blockMenuPlugin.js

@@ -36,8 +36,8 @@ export const blockMenuPlugin = ({
       formatNode: (targetType, analyticsAttrs) => {
         return formatNode(api)(targetType, analyticsAttrs);
       },
-      transformNode: (targetType, analyticsAttrs) => {
-        return transformNode(api)(targetType, analyticsAttrs);
+      transformNode: (targetType, metadata) => {
+        return transformNode(api)(targetType, metadata);
       }
     },
     getSharedState(editorState) {

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

@@ -3,13 +3,23 @@ export const flattenStep = (nodes, context) => {
     schema,
     targetNodeTypeName
   } = context;
+  const targetNodeType = schema.nodes[targetNodeTypeName];
+  if (!targetNodeType) {
+    return nodes;
+  }
 
   // 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;
+  const isTargetCodeBlock = targetNodeTypeName === 'codeBlock';
+  if (isTargetCodeBlock) {
+    // This strips explicitly text nodes
+    const codeBlockContent = nodes.map(node => node.content.textBetween(0, node.content.size, '\n')).join('\n');
+    return [schema.nodes.codeBlock.create({}, schema.text(codeBlockContent))];
   }
-  return [outputNode];
+  return nodes.map(node => {
+    const isValidWithin = targetNodeType.validContent(node.content);
+    if (!isValidWithin) {
+      return node;
+    }
+    return schema.nodes.paragraph.create({}, node.content);
+  });
 };

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

@@ -0,0 +1,46 @@
+/**
+ * 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.
+ *
+ * @example
+ * Input:
+ * - paragraph "Heading 1"
+ * - paragraph "Heading 2"
+ *
+ * Output (with target: heading, level: 2):
+ * - heading (level: 2) "Heading 1"
+ * - heading (level: 2) "Heading 2"
+ *
+ * @param nodes
+ * @param context
+ * @returns
+ */
+export const applyTargetTextTypeStep = (nodes, context) => {
+  const {
+    schema,
+    targetNodeTypeName,
+    targetAttrs
+  } = context;
+  if (targetNodeTypeName !== 'heading') {
+    return nodes;
+  }
+  const headingType = schema.nodes.heading;
+  if (!headingType) {
+    return nodes;
+  }
+
+  // Default to level 1 if no level is specified
+  // The level should ideally come from targetAttrs, but if not available, use default
+  const headingLevel = typeof (targetAttrs === null || targetAttrs === void 0 ? void 0 : targetAttrs.level) === 'number' ? targetAttrs.level : 1;
+  return nodes.map(node => {
+    if (node.isTextblock) {
+      // Convert textblock nodes (paragraphs, headings) to heading with specified level
+      return headingType.create({
+        level: headingLevel
+      }, node.content);
+    }
+    // Non-textblock nodes are left unchanged
+    return node;
+  });
+};

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

@@ -3,17 +3,27 @@ import { isListWithIndentation } from '../nodeChecks';
 const extractNestedLists = (node, schema) => {
   const items = [];
   const paragraph = schema.nodes.paragraph;
-  const itemTypes = [schema.nodes.listItem, schema.nodes.taskItem];
+  const itemTypes = [schema.nodes.listItem, schema.nodes.taskItem, schema.nodes.decisionItem];
   const extract = currentNode => {
     currentNode.forEach(child => {
       if (itemTypes.some(type => child.type === type)) {
         const contentWithoutNestedLists = [];
         const nestedLists = [];
+
+        // Check if this item type expects inline content (taskItem, decisionItem)
+        // vs block content (listItem) based on the schema definition
+        const isInlineItem = child.type.inlineContent;
         child.forEach(grandChild => {
           if (isListWithIndentation(grandChild.type.name, schema)) {
             nestedLists.push(grandChild);
           } else if (grandChild.isText) {
-            contentWithoutNestedLists.push(paragraph.createAndFill({}, grandChild));
+            // For taskItem/decisionItem, keep text as-is (they support inline content)
+            // For listItem, wrap text in paragraph (they require block content)
+            if (isInlineItem) {
+              contentWithoutNestedLists.push(grandChild);
+            } else {
+              contentWithoutNestedLists.push(paragraph.createAndFill({}, grandChild));
+            }
           } else {
             contentWithoutNestedLists.push(grandChild);
           }

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

@@ -2,6 +2,9 @@
  * Given an array of nodes, processes each list removing all parent list nodes and
  * just returning their child contents.
  *
+ * For lists with block content (bulletList, orderedList), it extracts the block nodes directly.
+ * For lists with inline content (taskList, decisionList), it wraps the content in paragraphs.
+ *
  * @example
  * Input:
  * - bulletList
@@ -19,12 +22,17 @@
  * @returns
  */
 export const unwrapListStep = (nodes, context) => {
-  const listTypes = [context.schema.nodes.bulletList, context.schema.nodes.orderedList, context.schema.nodes.taskList];
+  const listTypes = [context.schema.nodes.bulletList, context.schema.nodes.orderedList, context.schema.nodes.taskList, context.schema.nodes.decisionList];
   return nodes.flatMap(node => {
     if (listTypes.some(type => node.type === type)) {
       const listItems = [];
       node.forEach(listItem => {
-        listItems.push(...listItem.children);
+        // if isTaskItem or isDecisionItem, convert to paragraph
+        if (listItem.type.name === 'taskItem' || listItem.type.name === 'decisionItem') {
+          listItems.push(context.schema.nodes.paragraph.create({}, listItem.content));
+        } else {
+          listItems.push(...listItem.children);
+        }
       });
       return listItems;
     }

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

@@ -1,5 +1,6 @@
 import { getTargetNodeTypeNameInContext } from '../transform-node-utils/utils';
 import { flattenStep } from './flattenStep';
+import { applyTargetTextTypeStep } from './steps/applyTargetTextTypeStep';
 import { decisionListToListStep } from './steps/decisionListToListStep';
 import { flattenListStep } from './steps/flattenListStep';
 import { listToDecisionListStep } from './steps/listToDecisionListStep';
@@ -29,19 +30,19 @@ const TRANSFORM_STEPS = {
     atomic: undefined,
     container: [unwrapStep, wrapStep],
     list: undefined,
-    text: [unwrapStep]
+    text: [unwrapStep, applyTargetTextTypeStep]
   },
   list: {
     atomic: undefined,
     container: [wrapStep],
     list: [listToListStep],
-    text: [flattenListStep, unwrapListStep]
+    text: [flattenListStep, unwrapListStep, applyTargetTextTypeStep]
   },
   text: {
     atomic: undefined,
     container: [wrapStep],
     list: [wrapIntoListStep],
-    text: [stubStep]
+    text: [flattenStep, applyTargetTextTypeStep]
   }
 };
 
@@ -124,6 +125,18 @@ const TRANSFORM_STEPS_OVERRIDE = {
     orderedList: [decisionListToListStep],
     taskList: [decisionListToListStep],
     layoutSection: [wrapIntoLayoutStep]
+  },
+  blockCard: {
+    layoutSection: [wrapIntoLayoutStep]
+  },
+  embedCard: {
+    layoutSection: [wrapIntoLayoutStep]
+  },
+  extension: {
+    layoutSection: [wrapIntoLayoutStep]
+  },
+  bodiedExtension: {
+    layoutSection: [wrapIntoLayoutStep]
   }
 };
 const getTransformStepsForNodeTypes = (selectedNodeTypeName, targetNodeTypeName) => {
@@ -138,7 +151,8 @@ export const getOutputNodes = ({
   sourceNode,
   targetNodeType,
   schema,
-  isNested
+  isNested,
+  targetAttrs
 }) => {
   const nodesToReplace = [sourceNode];
   const selectedNodeTypeName = toNodeTypeValue(sourceNode.type.name);
@@ -152,7 +166,8 @@ export const getOutputNodes = ({
   const context = {
     fromNode: sourceNode,
     targetNodeTypeName,
-    schema
+    schema,
+    targetAttrs
   };
   if (!steps || steps.length === 0) {
     return;

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

@@ -6,7 +6,7 @@ import { getOutputNodes } from './transform-node-utils/transform';
 import { isListNode } from './transforms/utils';
 export const transformNode = api =>
 // eslint-disable-next-line no-unused-vars
-(targetType, analyticsAttrs) => {
+(targetType, metadata) => {
   return ({
     tr
   }) => {
@@ -23,8 +23,9 @@ export const transformNode = api =>
       $from,
       $to
     } = expandSelectionToBlockRange(preservedSelection);
-    const isNested = isNestedNode(preservedSelection, '');
     const selectedParent = $from.parent;
+    const isParentLayout = selectedParent.type === nodes.layoutColumn;
+    const isNestedExceptLayout = isNestedNode(preservedSelection, '') && !isParentLayout;
     let fragment = Fragment.empty;
     const isList = isListNode(selectedParent);
     const slice = tr.doc.slice(isList ? $from.pos - 1 : $from.pos, isList ? $to.pos + 1 : $to.pos);
@@ -33,7 +34,8 @@ export const transformNode = api =>
         sourceNode: node,
         targetNodeType: targetType,
         schema: tr.doc.type.schema,
-        isNested
+        isNested: isNestedExceptLayout,
+        targetAttrs: metadata === null || metadata === void 0 ? void 0 : metadata.targetAttrs
       });
       if (outputNode) {
         fragment = fragment.append(Fragment.fromArray(outputNode));