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

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @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

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]
   }
 };
 
@@ -135,6 +136,12 @@ var TRANSFORM_STEPS_OVERRIDE = {
   },
   embedCard: {
     layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+  },
+  extension: {
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+  },
+  bodiedExtension: {
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
   }
 };
 var getTransformStepsForNodeTypes = function getTransformStepsForNodeTypes(selectedNodeTypeName, targetNodeTypeName) {
@@ -149,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);
@@ -162,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;
@@ -37,7 +37,8 @@ var transformNode = exports.transformNode = function transformNode(api) {
             sourceNode: node,
             targetNodeType: targetType,
             schema: tr.doc.type.schema,
-            isNested: isNestedExceptLayout
+            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/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]
   }
 };
 
@@ -130,6 +131,12 @@ const TRANSFORM_STEPS_OVERRIDE = {
   },
   embedCard: {
     layoutSection: [wrapIntoLayoutStep]
+  },
+  extension: {
+    layoutSection: [wrapIntoLayoutStep]
+  },
+  bodiedExtension: {
+    layoutSection: [wrapIntoLayoutStep]
   }
 };
 const getTransformStepsForNodeTypes = (selectedNodeTypeName, targetNodeTypeName) => {
@@ -144,7 +151,8 @@ export const getOutputNodes = ({
   sourceNode,
   targetNodeType,
   schema,
-  isNested
+  isNested,
+  targetAttrs
 }) => {
   const nodesToReplace = [sourceNode];
   const selectedNodeTypeName = toNodeTypeValue(sourceNode.type.name);
@@ -158,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
   }) => {
@@ -34,7 +34,8 @@ export const transformNode = api =>
         sourceNode: node,
         targetNodeType: targetType,
         schema: tr.doc.type.schema,
-        isNested: isNestedExceptLayout
+        isNested: isNestedExceptLayout,
+        targetAttrs: metadata === null || metadata === void 0 ? void 0 : metadata.targetAttrs
       });
       if (outputNode) {
         fragment = fragment.append(Fragment.fromArray(outputNode));

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

@@ -1,4 +1,6 @@
+import { breakoutResizableNodes } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export const getTargetNodeInfo = (targetType, nodes) => {
   switch (targetType) {
     case 'heading1':
@@ -198,7 +200,7 @@ export const convertCodeBlockContentToParagraphs = (codeBlockNode, schema) => {
   return paragraphNodes;
 };
 const isBreakoutMarkSupported = nodeType => {
-  return ['codeBlock', 'expand', 'layoutSection'].includes(nodeType.name);
+  return editorExperiment('platform_synced_block', true) ? breakoutResizableNodes.includes(nodeType.name) : ['codeBlock', 'expand', 'layoutSection'].includes(nodeType.name);
 };
 export const getMarksWithBreakout = (sourceNode, targetNodeType) => {
   const allowedMarks = targetNodeType.allowedMarks(sourceNode.marks);

package/dist/esm/blockMenuPlugin.js

@@ -35,8 +35,8 @@ export var blockMenuPlugin = function blockMenuPlugin(_ref) {
       formatNode: function formatNode(targetType, analyticsAttrs) {
         return _formatNode(api)(targetType, analyticsAttrs);
       },
-      transformNode: function transformNode(targetType, analyticsAttrs) {
-        return _transformNode(api)(targetType, analyticsAttrs);
+      transformNode: function transformNode(targetType, metadata) {
+        return _transformNode(api)(targetType, metadata);
       }
     },
     getSharedState: function getSharedState(editorState) {

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

@@ -1,15 +1,25 @@
 export var 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/esm/editor-commands/transform-node-utils/steps/applyTargetTextTypeStep.js

@@ -0,0 +1,44 @@
+/**
+ * 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 var 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/esm/editor-commands/transform-node-utils/steps/flattenListStep.js

@@ -3,7 +3,7 @@ import { isListWithIndentation } from '../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) {
@@ -11,11 +11,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 (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/esm/editor-commands/transform-node-utils/steps/unwrapListStep.js

@@ -3,6 +3,9 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
  * 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
@@ -20,14 +23,19 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
  * @returns
  */
 export var 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, _toConsumableArray(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, _toConsumableArray(listItem.children));
+        }
       });
       return listItems;
     }

package/dist/esm/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 @@ var 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]
   }
 };
 
@@ -130,6 +131,12 @@ var TRANSFORM_STEPS_OVERRIDE = {
   },
   embedCard: {
     layoutSection: [wrapIntoLayoutStep]
+  },
+  extension: {
+    layoutSection: [wrapIntoLayoutStep]
+  },
+  bodiedExtension: {
+    layoutSection: [wrapIntoLayoutStep]
   }
 };
 var getTransformStepsForNodeTypes = function getTransformStepsForNodeTypes(selectedNodeTypeName, targetNodeTypeName) {
@@ -144,7 +151,8 @@ export var 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 = toNodeTypeValue(sourceNode.type.name);
   var initialTargetNodeTypeName = toNodeTypeValue(targetNodeType.name);
@@ -157,7 +165,8 @@ export var getOutputNodes = function getOutputNodes(_ref) {
   var context = {
     fromNode: sourceNode,
     targetNodeTypeName: targetNodeTypeName,
-    schema: schema
+    schema: schema,
+    targetAttrs: targetAttrs
   };
   if (!steps || steps.length === 0) {
     return;

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

@@ -7,7 +7,7 @@ import { isListNode } from './transforms/utils';
 export var 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;
@@ -31,7 +31,8 @@ export var transformNode = function transformNode(api) {
             sourceNode: node,
             targetNodeType: targetType,
             schema: tr.doc.type.schema,
-            isNested: isNestedExceptLayout
+            isNested: isNestedExceptLayout,
+            targetAttrs: metadata === null || metadata === void 0 ? void 0 : metadata.targetAttrs
           });
           if (outputNode) {
             fragment = fragment.append(Fragment.fromArray(outputNode));

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

@@ -1,5 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { breakoutResizableNodes } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export var getTargetNodeInfo = function getTargetNodeInfo(targetType, nodes) {
   switch (targetType) {
     case 'heading1':
@@ -199,7 +201,7 @@ export var convertCodeBlockContentToParagraphs = function convertCodeBlockConten
   return paragraphNodes;
 };
 var isBreakoutMarkSupported = function isBreakoutMarkSupported(nodeType) {
-  return ['codeBlock', 'expand', 'layoutSection'].includes(nodeType.name);
+  return editorExperiment('platform_synced_block', true) ? breakoutResizableNodes.includes(nodeType.name) : ['codeBlock', 'expand', 'layoutSection'].includes(nodeType.name);
 };
 export var getMarksWithBreakout = function getMarksWithBreakout(sourceNode, targetNodeType) {
   var allowedMarks = targetNodeType.allowedMarks(sourceNode.marks);

package/dist/types/blockMenuPluginType.d.ts

@@ -5,12 +5,12 @@ import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
-import type { FormatNodeAnalyticsAttrs, FormatNodeTargetType, TransformNodeAnalyticsAttrs } from './editor-commands/transforms/types';
+import type { FormatNodeAnalyticsAttrs, FormatNodeTargetType, TransformNodeMetadata } from './editor-commands/transforms/types';
 export declare enum FLAG_ID {
     LINK_COPIED_TO_CLIPBOARD = "link-copied-to-clipboard"
 }
 type FormatNodeCommand = (targetType: FormatNodeTargetType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
-type TransformNodeCommand = (targetType: NodeType, analyticsAttrs?: TransformNodeAnalyticsAttrs) => EditorCommand;
+type TransformNodeCommand = (targetType: NodeType, metadata?: TransformNodeMetadata) => EditorCommand;
 export type BlockMenuPlugin = NextEditorPlugin<'blockMenu', {
     actions: {
         getBlockMenuComponents: () => Array<RegisterBlockMenuComponent>;

package/dist/types/editor-commands/transform-node-utils/steps/applyTargetTextTypeStep.d.ts

@@ -0,0 +1,20 @@
+import type { TransformStep } from '../types';
+/**
+ * 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 declare const applyTargetTextTypeStep: TransformStep;

package/dist/types/editor-commands/transform-node-utils/steps/unwrapListStep.d.ts

@@ -3,6 +3,9 @@ import type { TransformStep } from '../types';
  * 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

package/dist/types/editor-commands/transform-node-utils/transform.d.ts

@@ -3,7 +3,8 @@ interface GetOutputNodesArgs {
     isNested: boolean;
     schema: Schema;
     sourceNode: PMNode;
+    targetAttrs?: Record<string, unknown>;
     targetNodeType: NodeType;
 }
-export declare const getOutputNodes: ({ sourceNode, targetNodeType, schema, isNested, }: GetOutputNodesArgs) => PMNode[] | undefined;
+export declare const getOutputNodes: ({ sourceNode, targetNodeType, schema, isNested, targetAttrs, }: GetOutputNodesArgs) => PMNode[] | undefined;
 export {};

package/dist/types/editor-commands/transform-node-utils/types.d.ts

@@ -8,5 +8,6 @@ export type TransformStep = (nodes: PMNode[], context: TransformStepContext) =>
 export interface TransformStepContext {
     fromNode: PMNode;
     schema: Schema;
+    targetAttrs?: Record<string, unknown>;
     targetNodeTypeName: NodeTypeName;
 }

package/dist/types/editor-commands/transformNode.d.ts

@@ -1,5 +1,5 @@
 import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { BlockMenuPlugin } from '../blockMenuPluginType';
-import type { TransformNodeAnalyticsAttrs } from './transforms/types';
-export declare const transformNode: (api?: ExtractInjectionAPI<BlockMenuPlugin>) => (targetType: NodeType, analyticsAttrs?: TransformNodeAnalyticsAttrs) => EditorCommand;
+import type { TransformNodeMetadata } from './transforms/types';
+export declare const transformNode: (api?: ExtractInjectionAPI<BlockMenuPlugin>) => (targetType: NodeType, metadata?: TransformNodeMetadata) => EditorCommand;

package/dist/types/editor-commands/transforms/types.d.ts

@@ -7,7 +7,8 @@ export type FormatNodeAnalyticsAttrs = {
     inputMethod: INPUT_METHOD.BLOCK_MENU;
     triggeredFrom: INPUT_METHOD.MOUSE | INPUT_METHOD.KEYBOARD;
 };
-export type TransformNodeAnalyticsAttrs = FormatNodeAnalyticsAttrs & {
+export type TransformNodeMetadata = FormatNodeAnalyticsAttrs & {
+    targetAttrs?: Record<string, unknown>;
     targetTypeName: TransfromNodeTargetType;
 };
 export type TransformFunction = (context: TransformContext) => Transaction | null;

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export { blockMenuPlugin } from './blockMenuPlugin';
 export type { BlockMenuPlugin, RegisterBlockMenuComponent, Parent, BlockMenuPluginOptions, BlockMenuSharedState, } from './blockMenuPluginType';
+export type { TransformNodeMetadata } from './editor-commands/transforms/types';

package/dist/types-ts4.5/blockMenuPluginType.d.ts

@@ -5,12 +5,12 @@ import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
-import type { FormatNodeAnalyticsAttrs, FormatNodeTargetType, TransformNodeAnalyticsAttrs } from './editor-commands/transforms/types';
+import type { FormatNodeAnalyticsAttrs, FormatNodeTargetType, TransformNodeMetadata } from './editor-commands/transforms/types';
 export declare enum FLAG_ID {
     LINK_COPIED_TO_CLIPBOARD = "link-copied-to-clipboard"
 }
 type FormatNodeCommand = (targetType: FormatNodeTargetType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
-type TransformNodeCommand = (targetType: NodeType, analyticsAttrs?: TransformNodeAnalyticsAttrs) => EditorCommand;
+type TransformNodeCommand = (targetType: NodeType, metadata?: TransformNodeMetadata) => EditorCommand;
 export type BlockMenuPlugin = NextEditorPlugin<'blockMenu', {
     actions: {
         getBlockMenuComponents: () => Array<RegisterBlockMenuComponent>;

package/dist/types-ts4.5/editor-commands/transform-node-utils/steps/applyTargetTextTypeStep.d.ts

@@ -0,0 +1,20 @@
+import type { TransformStep } from '../types';
+/**
+ * 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 declare const applyTargetTextTypeStep: TransformStep;

package/dist/types-ts4.5/editor-commands/transform-node-utils/steps/unwrapListStep.d.ts

@@ -3,6 +3,9 @@ import type { TransformStep } from '../types';
  * 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

package/dist/types-ts4.5/editor-commands/transform-node-utils/transform.d.ts

@@ -3,7 +3,8 @@ interface GetOutputNodesArgs {
     isNested: boolean;
     schema: Schema;
     sourceNode: PMNode;
+    targetAttrs?: Record<string, unknown>;
     targetNodeType: NodeType;
 }
-export declare const getOutputNodes: ({ sourceNode, targetNodeType, schema, isNested, }: GetOutputNodesArgs) => PMNode[] | undefined;
+export declare const getOutputNodes: ({ sourceNode, targetNodeType, schema, isNested, targetAttrs, }: GetOutputNodesArgs) => PMNode[] | undefined;
 export {};

package/dist/types-ts4.5/editor-commands/transform-node-utils/types.d.ts

@@ -8,5 +8,6 @@ export type TransformStep = (nodes: PMNode[], context: TransformStepContext) =>
 export interface TransformStepContext {
     fromNode: PMNode;
     schema: Schema;
+    targetAttrs?: Record<string, unknown>;
     targetNodeTypeName: NodeTypeName;
 }

package/dist/types-ts4.5/editor-commands/transformNode.d.ts

@@ -1,5 +1,5 @@
 import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { BlockMenuPlugin } from '../blockMenuPluginType';
-import type { TransformNodeAnalyticsAttrs } from './transforms/types';
-export declare const transformNode: (api?: ExtractInjectionAPI<BlockMenuPlugin>) => (targetType: NodeType, analyticsAttrs?: TransformNodeAnalyticsAttrs) => EditorCommand;
+import type { TransformNodeMetadata } from './transforms/types';
+export declare const transformNode: (api?: ExtractInjectionAPI<BlockMenuPlugin>) => (targetType: NodeType, metadata?: TransformNodeMetadata) => EditorCommand;

package/dist/types-ts4.5/editor-commands/transforms/types.d.ts

@@ -7,7 +7,8 @@ export type FormatNodeAnalyticsAttrs = {
     inputMethod: INPUT_METHOD.BLOCK_MENU;
     triggeredFrom: INPUT_METHOD.MOUSE | INPUT_METHOD.KEYBOARD;
 };
-export type TransformNodeAnalyticsAttrs = FormatNodeAnalyticsAttrs & {
+export type TransformNodeMetadata = FormatNodeAnalyticsAttrs & {
+    targetAttrs?: Record<string, unknown>;
     targetTypeName: TransfromNodeTargetType;
 };
 export type TransformFunction = (context: TransformContext) => Transaction | null;

package/dist/types-ts4.5/index.d.ts

@@ -1,2 +1,3 @@
 export { blockMenuPlugin } from './blockMenuPlugin';
 export type { BlockMenuPlugin, RegisterBlockMenuComponent, Parent, BlockMenuPluginOptions, BlockMenuSharedState, } from './blockMenuPluginType';
+export type { TransformNodeMetadata } from './editor-commands/transforms/types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "5.2.17",
+	"version": "5.2.18",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -44,7 +44,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/tmp-editor-statsig": "^15.16.0",
+		"@atlaskit/tmp-editor-statsig": "^16.0.0",
 		"@atlaskit/tokens": "^8.6.0",
 		"@babel/runtime": "^7.0.0"
 	},