@atlaskit/editor-plugin-block-menu 5.0.14 → 5.0.16

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 5.0.16
+
+### Patch Changes
+
+- [`459eb2064ff46`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/459eb2064ff46) -
+  [ux] Implements base for the new transform logic for the block menu.
+- Updated dependencies
+
+## 5.0.15
+
+### Patch Changes
+
+- [`8854ad2383b33`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8854ad2383b33) -
+  Suppress no-literal-string-in-jsx
+- Updated dependencies
+
 ## 5.0.14
 
 ### Patch Changes

package/dist/cjs/blockMenuPlugin.js

@@ -8,6 +8,7 @@ exports.blockMenuPlugin = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _editorActions = require("./editor-actions");
 var _formatNode2 = require("./editor-commands/formatNode");
+var _transformNode2 = require("./editor-commands/transformNode");
 var _main = require("./pm-plugins/main");
 var _blockMenu = _interopRequireDefault(require("./ui/block-menu"));
 var _blockMenuComponents = require("./ui/block-menu-components");
@@ -39,6 +40,9 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
     commands: {
       formatNode: function formatNode(targetType, analyticsAttrs) {
         return (0, _formatNode2.formatNode)(api)(targetType, analyticsAttrs);
+      },
+      transformNode: function transformNode(targetType, analyticsAttrs) {
+        return (0, _transformNode2.transformNode)(api)(targetType, analyticsAttrs);
       }
     },
     getSharedState: function getSharedState(editorState) {

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stubStep = void 0;
+var stubStep = exports.stubStep = function stubStep(nodes, context) {
+  return nodes;
+};

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOutputNodes = void 0;
+var _stubStep = require("./stubStep");
+var _types = require("./types");
+// Exampled step for overrides:
+// - open Block menu on a paragraph, click 'Panel' in the Turn into'
+// - expected to put paragraph into a panel
+var wrapIntoPanelStep = function wrapIntoPanelStep(nodes, context) {
+  var newNode = context.schema.nodes.panel.createAndFill({}, nodes);
+  return newNode ? [newNode] : [];
+};
+
+// Transform steps for combinations of node categories (block/container/list/text)
+var TRANSFORM_STEPS = {
+  atomic: {
+    atomic: undefined,
+    container: [_stubStep.stubStep],
+    list: undefined,
+    text: undefined
+  },
+  container: {
+    atomic: undefined,
+    container: [_stubStep.stubStep],
+    list: undefined,
+    text: undefined
+  },
+  list: {
+    atomic: undefined,
+    container: [_stubStep.stubStep],
+    list: [_stubStep.stubStep],
+    text: [_stubStep.stubStep]
+  },
+  text: {
+    atomic: undefined,
+    container: [_stubStep.stubStep],
+    list: [_stubStep.stubStep],
+    text: [_stubStep.stubStep]
+  }
+};
+
+// Transform steps for specific pairs of node types that cannot be processed
+// using generic rules/steps from TRANSFORM_STEPS.
+var TRANSFORM_STEPS_OVERRIDE = {
+  paragraph: {
+    panel: [wrapIntoPanelStep]
+  }
+};
+var getTransformStepsForNodeTypes = function getTransformStepsForNodeTypes(selectedNodeTypeName, targetNodeTypeName) {
+  var _TRANSFORM_STEPS_OVER, _TRANSFORM_STEPS_OVER2;
+  var fromCategory = _types.NODE_CATEGORY_BY_TYPE[selectedNodeTypeName];
+  var toCategory = _types.NODE_CATEGORY_BY_TYPE[targetNodeTypeName];
+  var steps = (_TRANSFORM_STEPS_OVER = (_TRANSFORM_STEPS_OVER2 = TRANSFORM_STEPS_OVERRIDE[selectedNodeTypeName]) === null || _TRANSFORM_STEPS_OVER2 === void 0 ? void 0 : _TRANSFORM_STEPS_OVER2[targetNodeTypeName]) !== null && _TRANSFORM_STEPS_OVER !== void 0 ? _TRANSFORM_STEPS_OVER : TRANSFORM_STEPS[fromCategory][toCategory];
+  return steps;
+};
+// Note: Currently works only for single node in the selection
+var getOutputNodes = exports.getOutputNodes = function getOutputNodes(_ref) {
+  var sourceNode = _ref.sourceNode,
+    targetNodeType = _ref.targetNodeType,
+    schema = _ref.schema;
+  var nodesToReplace = [sourceNode];
+  var selectedNodeTypeName = (0, _types.toNodeTypeValue)(sourceNode.type.name);
+  var targetNodeTypeName = (0, _types.toNodeTypeValue)(targetNodeType.name);
+  if (!selectedNodeTypeName || !targetNodeTypeName) {
+    // We may decide to return an empty array or undefined here
+    return;
+  }
+  var steps = getTransformStepsForNodeTypes(selectedNodeTypeName, targetNodeTypeName);
+  var context = {
+    fromNode: sourceNode,
+    targetNodeTypeName: targetNodeTypeName,
+    schema: schema
+  };
+  if (!steps || steps.length === 0) {
+    return;
+  }
+  return steps.reduce(function (nodes, step) {
+    return step(nodes, context);
+  }, nodesToReplace);
+};

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toNodeTypeValue = exports.isNodeTypeName = exports.NODE_CATEGORY_BY_TYPE = void 0;
+var NODE_CATEGORY_BY_TYPE = exports.NODE_CATEGORY_BY_TYPE = {
+  blockquote: 'container',
+  blockCard: 'atomic',
+  bodiedExtension: 'atomic',
+  bulletList: 'list',
+  codeBlock: 'container',
+  decisionList: 'list',
+  embedCard: 'atomic',
+  expand: 'container',
+  extension: 'atomic',
+  heading: 'text',
+  layout: 'container',
+  media: 'atomic',
+  mediaGroup: 'atomic',
+  mediaSingle: 'atomic',
+  multiBodiedExtension: 'atomic',
+  orderedList: 'list',
+  panel: 'container',
+  paragraph: 'text',
+  nestedExpand: 'container',
+  taskList: 'list',
+  table: 'atomic'
+};
+var isNodeTypeName = exports.isNodeTypeName = function isNodeTypeName(value) {
+  return value in NODE_CATEGORY_BY_TYPE;
+};
+var toNodeTypeValue = exports.toNodeTypeValue = function toNodeTypeValue(value) {
+  return value && isNodeTypeName(value) ? value : null;
+};
+
+// Note: We are still deciding what should be in the context.

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSelectedNode = void 0;
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _editorTables = require("@atlaskit/editor-tables");
+var getSelectedNode = exports.getSelectedNode = function getSelectedNode(selection) {
+  if (selection instanceof _state.NodeSelection) {
+    return {
+      node: selection.node,
+      pos: selection.$from.pos,
+      start: 0,
+      // ?
+      depth: selection.$from.depth
+    };
+  } else if (selection instanceof _editorTables.CellSelection) {
+    var tableSelected = (0, _utils.findParentNodeOfType)(selection.$from.doc.type.schema.nodes.table)(selection);
+    return tableSelected;
+  } else if (selection instanceof _state.TextSelection) {
+    var _selection$$from$doc$ = selection.$from.doc.type.schema.nodes,
+      blockquote = _selection$$from$doc$.blockquote,
+      bulletList = _selection$$from$doc$.bulletList,
+      orderedList = _selection$$from$doc$.orderedList,
+      taskList = _selection$$from$doc$.taskList,
+      codeBlock = _selection$$from$doc$.codeBlock,
+      paragraph = _selection$$from$doc$.paragraph,
+      heading = _selection$$from$doc$.heading;
+    var quoteSelected = (0, _utils.findParentNodeOfType)([blockquote])(selection);
+    if (quoteSelected) {
+      return quoteSelected;
+    }
+    var codeBlockSelected = (0, _utils.findParentNodeOfType)([codeBlock])(selection);
+    if (codeBlockSelected) {
+      return codeBlockSelected;
+    }
+    var listSelected = (0, _utils.findParentNodeOfType)([bulletList, taskList, orderedList])(selection);
+    if (listSelected) {
+      return listSelected;
+    }
+    var paragraphOrHeading = (0, _utils.findParentNodeOfType)([paragraph, heading])(selection);
+    if (paragraphOrHeading) {
+      return paragraphOrHeading;
+    }
+  }
+  return undefined;
+};

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformNode = void 0;
+var _utils = require("../editor-commands/transform-node-utils/utils");
+var _transform = require("./transform-node-utils/transform");
+var transformNode = exports.transformNode = function transformNode(api) {
+  return function (targetType, analyticsAttrs) {
+    return function (_ref) {
+      var tr = _ref.tr;
+      var selection = tr.selection;
+      var source = (0, _utils.getSelectedNode)(selection);
+      if (!source) {
+        return tr;
+      }
+      var outputNodes = (0, _transform.getOutputNodes)({
+        sourceNode: source.node,
+        targetNodeType: targetType,
+        schema: selection.$from.doc.type.schema
+      });
+      if (!outputNodes) {
+        return tr;
+      }
+      tr.replaceWith(source.pos, source.pos + source.node.nodeSize, outputNodes);
+      return tr;
+    };
+  };
+};

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

@@ -131,6 +131,7 @@ var BlockMenuContent = function BlockMenuContent(_ref3) {
       section: function section() {
         return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, null, "Block Menu Item"));
       },
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
       item: function item() {
         return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, null, "Block Menu Item");
       }

package/dist/es2019/blockMenuPlugin.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { createBlockMenuRegistry } from './editor-actions';
 import { formatNode } from './editor-commands/formatNode';
+import { transformNode } from './editor-commands/transformNode';
 import { createPlugin } from './pm-plugins/main';
 import BlockMenu from './ui/block-menu';
 import { getBlockMenuComponents } from './ui/block-menu-components';
@@ -33,6 +34,9 @@ export const blockMenuPlugin = ({
     commands: {
       formatNode: (targetType, analyticsAttrs) => {
         return formatNode(api)(targetType, analyticsAttrs);
+      },
+      transformNode: (targetType, analyticsAttrs) => {
+        return transformNode(api)(targetType, analyticsAttrs);
       }
     },
     getSharedState(editorState) {

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

@@ -0,0 +1,3 @@
+export const stubStep = (nodes, context) => {
+  return nodes;
+};

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

@@ -0,0 +1,79 @@
+import { stubStep } from './stubStep';
+import { NODE_CATEGORY_BY_TYPE, toNodeTypeValue } from './types';
+
+// Exampled step for overrides:
+// - open Block menu on a paragraph, click 'Panel' in the Turn into'
+// - expected to put paragraph into a panel
+const wrapIntoPanelStep = (nodes, context) => {
+  const newNode = context.schema.nodes.panel.createAndFill({}, nodes);
+  return newNode ? [newNode] : [];
+};
+
+// Transform steps for combinations of node categories (block/container/list/text)
+const TRANSFORM_STEPS = {
+  atomic: {
+    atomic: undefined,
+    container: [stubStep],
+    list: undefined,
+    text: undefined
+  },
+  container: {
+    atomic: undefined,
+    container: [stubStep],
+    list: undefined,
+    text: undefined
+  },
+  list: {
+    atomic: undefined,
+    container: [stubStep],
+    list: [stubStep],
+    text: [stubStep]
+  },
+  text: {
+    atomic: undefined,
+    container: [stubStep],
+    list: [stubStep],
+    text: [stubStep]
+  }
+};
+
+// Transform steps for specific pairs of node types that cannot be processed
+// using generic rules/steps from TRANSFORM_STEPS.
+const TRANSFORM_STEPS_OVERRIDE = {
+  paragraph: {
+    panel: [wrapIntoPanelStep]
+  }
+};
+const getTransformStepsForNodeTypes = (selectedNodeTypeName, targetNodeTypeName) => {
+  var _TRANSFORM_STEPS_OVER, _TRANSFORM_STEPS_OVER2;
+  const fromCategory = NODE_CATEGORY_BY_TYPE[selectedNodeTypeName];
+  const toCategory = NODE_CATEGORY_BY_TYPE[targetNodeTypeName];
+  const steps = (_TRANSFORM_STEPS_OVER = (_TRANSFORM_STEPS_OVER2 = TRANSFORM_STEPS_OVERRIDE[selectedNodeTypeName]) === null || _TRANSFORM_STEPS_OVER2 === void 0 ? void 0 : _TRANSFORM_STEPS_OVER2[targetNodeTypeName]) !== null && _TRANSFORM_STEPS_OVER !== void 0 ? _TRANSFORM_STEPS_OVER : TRANSFORM_STEPS[fromCategory][toCategory];
+  return steps;
+};
+// Note: Currently works only for single node in the selection
+export const getOutputNodes = ({
+  sourceNode,
+  targetNodeType,
+  schema
+}) => {
+  const nodesToReplace = [sourceNode];
+  const selectedNodeTypeName = toNodeTypeValue(sourceNode.type.name);
+  const targetNodeTypeName = toNodeTypeValue(targetNodeType.name);
+  if (!selectedNodeTypeName || !targetNodeTypeName) {
+    // We may decide to return an empty array or undefined here
+    return;
+  }
+  const steps = getTransformStepsForNodeTypes(selectedNodeTypeName, targetNodeTypeName);
+  const context = {
+    fromNode: sourceNode,
+    targetNodeTypeName,
+    schema
+  };
+  if (!steps || steps.length === 0) {
+    return;
+  }
+  return steps.reduce((nodes, step) => {
+    return step(nodes, context);
+  }, nodesToReplace);
+};

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

@@ -0,0 +1,27 @@
+export const NODE_CATEGORY_BY_TYPE = {
+  blockquote: 'container',
+  blockCard: 'atomic',
+  bodiedExtension: 'atomic',
+  bulletList: 'list',
+  codeBlock: 'container',
+  decisionList: 'list',
+  embedCard: 'atomic',
+  expand: 'container',
+  extension: 'atomic',
+  heading: 'text',
+  layout: 'container',
+  media: 'atomic',
+  mediaGroup: 'atomic',
+  mediaSingle: 'atomic',
+  multiBodiedExtension: 'atomic',
+  orderedList: 'list',
+  panel: 'container',
+  paragraph: 'text',
+  nestedExpand: 'container',
+  taskList: 'list',
+  table: 'atomic'
+};
+export const isNodeTypeName = value => value in NODE_CATEGORY_BY_TYPE;
+export const toNodeTypeValue = value => value && isNodeTypeName(value) ? value : null;
+
+// Note: We are still deciding what should be in the context.

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

@@ -0,0 +1,44 @@
+import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { CellSelection } from '@atlaskit/editor-tables';
+export const getSelectedNode = selection => {
+  if (selection instanceof NodeSelection) {
+    return {
+      node: selection.node,
+      pos: selection.$from.pos,
+      start: 0,
+      // ?
+      depth: selection.$from.depth
+    };
+  } else if (selection instanceof CellSelection) {
+    const tableSelected = findParentNodeOfType(selection.$from.doc.type.schema.nodes.table)(selection);
+    return tableSelected;
+  } else if (selection instanceof TextSelection) {
+    const {
+      blockquote,
+      bulletList,
+      orderedList,
+      taskList,
+      codeBlock,
+      paragraph,
+      heading
+    } = selection.$from.doc.type.schema.nodes;
+    const quoteSelected = findParentNodeOfType([blockquote])(selection);
+    if (quoteSelected) {
+      return quoteSelected;
+    }
+    const codeBlockSelected = findParentNodeOfType([codeBlock])(selection);
+    if (codeBlockSelected) {
+      return codeBlockSelected;
+    }
+    const listSelected = findParentNodeOfType([bulletList, taskList, orderedList])(selection);
+    if (listSelected) {
+      return listSelected;
+    }
+    const paragraphOrHeading = findParentNodeOfType([paragraph, heading])(selection);
+    if (paragraphOrHeading) {
+      return paragraphOrHeading;
+    }
+  }
+  return undefined;
+};

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

@@ -0,0 +1,25 @@
+import { getSelectedNode } from '../editor-commands/transform-node-utils/utils';
+import { getOutputNodes } from './transform-node-utils/transform';
+export const transformNode = api => (targetType, analyticsAttrs) => {
+  return ({
+    tr
+  }) => {
+    const {
+      selection
+    } = tr;
+    const source = getSelectedNode(selection);
+    if (!source) {
+      return tr;
+    }
+    const outputNodes = getOutputNodes({
+      sourceNode: source.node,
+      targetNodeType: targetType,
+      schema: selection.$from.doc.type.schema
+    });
+    if (!outputNodes) {
+      return tr;
+    }
+    tr.replaceWith(source.pos, source.pos + source.node.nodeSize, outputNodes);
+    return tr;
+  };
+};

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

@@ -120,6 +120,7 @@ const BlockMenuContent = ({
         elemAfter: undefined
       }, /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, /*#__PURE__*/React.createElement(ToolbarDropdownItem, null, "Block Menu Item"))),
       section: () => /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, /*#__PURE__*/React.createElement(ToolbarDropdownItem, null, "Block Menu Item")),
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
       item: () => /*#__PURE__*/React.createElement(ToolbarDropdownItem, null, "Block Menu Item")
     }
   }));

package/dist/esm/blockMenuPlugin.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { createBlockMenuRegistry } from './editor-actions';
 import { formatNode as _formatNode } from './editor-commands/formatNode';
+import { transformNode as _transformNode } from './editor-commands/transformNode';
 import { createPlugin } from './pm-plugins/main';
 import BlockMenu from './ui/block-menu';
 import { getBlockMenuComponents } from './ui/block-menu-components';
@@ -32,6 +33,9 @@ export var blockMenuPlugin = function blockMenuPlugin(_ref) {
     commands: {
       formatNode: function formatNode(targetType, analyticsAttrs) {
         return _formatNode(api)(targetType, analyticsAttrs);
+      },
+      transformNode: function transformNode(targetType, analyticsAttrs) {
+        return _transformNode(api)(targetType, analyticsAttrs);
       }
     },
     getSharedState: function getSharedState(editorState) {

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

@@ -0,0 +1,3 @@
+export var stubStep = function stubStep(nodes, context) {
+  return nodes;
+};

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

@@ -0,0 +1,78 @@
+import { stubStep } from './stubStep';
+import { NODE_CATEGORY_BY_TYPE, toNodeTypeValue } from './types';
+
+// Exampled step for overrides:
+// - open Block menu on a paragraph, click 'Panel' in the Turn into'
+// - expected to put paragraph into a panel
+var wrapIntoPanelStep = function wrapIntoPanelStep(nodes, context) {
+  var newNode = context.schema.nodes.panel.createAndFill({}, nodes);
+  return newNode ? [newNode] : [];
+};
+
+// Transform steps for combinations of node categories (block/container/list/text)
+var TRANSFORM_STEPS = {
+  atomic: {
+    atomic: undefined,
+    container: [stubStep],
+    list: undefined,
+    text: undefined
+  },
+  container: {
+    atomic: undefined,
+    container: [stubStep],
+    list: undefined,
+    text: undefined
+  },
+  list: {
+    atomic: undefined,
+    container: [stubStep],
+    list: [stubStep],
+    text: [stubStep]
+  },
+  text: {
+    atomic: undefined,
+    container: [stubStep],
+    list: [stubStep],
+    text: [stubStep]
+  }
+};
+
+// Transform steps for specific pairs of node types that cannot be processed
+// using generic rules/steps from TRANSFORM_STEPS.
+var TRANSFORM_STEPS_OVERRIDE = {
+  paragraph: {
+    panel: [wrapIntoPanelStep]
+  }
+};
+var getTransformStepsForNodeTypes = function getTransformStepsForNodeTypes(selectedNodeTypeName, targetNodeTypeName) {
+  var _TRANSFORM_STEPS_OVER, _TRANSFORM_STEPS_OVER2;
+  var fromCategory = NODE_CATEGORY_BY_TYPE[selectedNodeTypeName];
+  var toCategory = NODE_CATEGORY_BY_TYPE[targetNodeTypeName];
+  var steps = (_TRANSFORM_STEPS_OVER = (_TRANSFORM_STEPS_OVER2 = TRANSFORM_STEPS_OVERRIDE[selectedNodeTypeName]) === null || _TRANSFORM_STEPS_OVER2 === void 0 ? void 0 : _TRANSFORM_STEPS_OVER2[targetNodeTypeName]) !== null && _TRANSFORM_STEPS_OVER !== void 0 ? _TRANSFORM_STEPS_OVER : TRANSFORM_STEPS[fromCategory][toCategory];
+  return steps;
+};
+// Note: Currently works only for single node in the selection
+export var getOutputNodes = function getOutputNodes(_ref) {
+  var sourceNode = _ref.sourceNode,
+    targetNodeType = _ref.targetNodeType,
+    schema = _ref.schema;
+  var nodesToReplace = [sourceNode];
+  var selectedNodeTypeName = toNodeTypeValue(sourceNode.type.name);
+  var targetNodeTypeName = toNodeTypeValue(targetNodeType.name);
+  if (!selectedNodeTypeName || !targetNodeTypeName) {
+    // We may decide to return an empty array or undefined here
+    return;
+  }
+  var steps = getTransformStepsForNodeTypes(selectedNodeTypeName, targetNodeTypeName);
+  var context = {
+    fromNode: sourceNode,
+    targetNodeTypeName: targetNodeTypeName,
+    schema: schema
+  };
+  if (!steps || steps.length === 0) {
+    return;
+  }
+  return steps.reduce(function (nodes, step) {
+    return step(nodes, context);
+  }, nodesToReplace);
+};

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

@@ -0,0 +1,31 @@
+export var NODE_CATEGORY_BY_TYPE = {
+  blockquote: 'container',
+  blockCard: 'atomic',
+  bodiedExtension: 'atomic',
+  bulletList: 'list',
+  codeBlock: 'container',
+  decisionList: 'list',
+  embedCard: 'atomic',
+  expand: 'container',
+  extension: 'atomic',
+  heading: 'text',
+  layout: 'container',
+  media: 'atomic',
+  mediaGroup: 'atomic',
+  mediaSingle: 'atomic',
+  multiBodiedExtension: 'atomic',
+  orderedList: 'list',
+  panel: 'container',
+  paragraph: 'text',
+  nestedExpand: 'container',
+  taskList: 'list',
+  table: 'atomic'
+};
+export var isNodeTypeName = function isNodeTypeName(value) {
+  return value in NODE_CATEGORY_BY_TYPE;
+};
+export var toNodeTypeValue = function toNodeTypeValue(value) {
+  return value && isNodeTypeName(value) ? value : null;
+};
+
+// Note: We are still deciding what should be in the context.

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

@@ -0,0 +1,43 @@
+import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { CellSelection } from '@atlaskit/editor-tables';
+export var getSelectedNode = function getSelectedNode(selection) {
+  if (selection instanceof NodeSelection) {
+    return {
+      node: selection.node,
+      pos: selection.$from.pos,
+      start: 0,
+      // ?
+      depth: selection.$from.depth
+    };
+  } else if (selection instanceof CellSelection) {
+    var tableSelected = findParentNodeOfType(selection.$from.doc.type.schema.nodes.table)(selection);
+    return tableSelected;
+  } else if (selection instanceof TextSelection) {
+    var _selection$$from$doc$ = selection.$from.doc.type.schema.nodes,
+      blockquote = _selection$$from$doc$.blockquote,
+      bulletList = _selection$$from$doc$.bulletList,
+      orderedList = _selection$$from$doc$.orderedList,
+      taskList = _selection$$from$doc$.taskList,
+      codeBlock = _selection$$from$doc$.codeBlock,
+      paragraph = _selection$$from$doc$.paragraph,
+      heading = _selection$$from$doc$.heading;
+    var quoteSelected = findParentNodeOfType([blockquote])(selection);
+    if (quoteSelected) {
+      return quoteSelected;
+    }
+    var codeBlockSelected = findParentNodeOfType([codeBlock])(selection);
+    if (codeBlockSelected) {
+      return codeBlockSelected;
+    }
+    var listSelected = findParentNodeOfType([bulletList, taskList, orderedList])(selection);
+    if (listSelected) {
+      return listSelected;
+    }
+    var paragraphOrHeading = findParentNodeOfType([paragraph, heading])(selection);
+    if (paragraphOrHeading) {
+      return paragraphOrHeading;
+    }
+  }
+  return undefined;
+};

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

@@ -0,0 +1,24 @@
+import { getSelectedNode } from '../editor-commands/transform-node-utils/utils';
+import { getOutputNodes } from './transform-node-utils/transform';
+export var transformNode = function transformNode(api) {
+  return function (targetType, analyticsAttrs) {
+    return function (_ref) {
+      var tr = _ref.tr;
+      var selection = tr.selection;
+      var source = getSelectedNode(selection);
+      if (!source) {
+        return tr;
+      }
+      var outputNodes = getOutputNodes({
+        sourceNode: source.node,
+        targetNodeType: targetType,
+        schema: selection.$from.doc.type.schema
+      });
+      if (!outputNodes) {
+        return tr;
+      }
+      tr.replaceWith(source.pos, source.pos + source.node.nodeSize, outputNodes);
+      return tr;
+    };
+  };
+};

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

@@ -123,6 +123,7 @@ var BlockMenuContent = function BlockMenuContent(_ref3) {
       section: function section() {
         return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, /*#__PURE__*/React.createElement(ToolbarDropdownItem, null, "Block Menu Item"));
       },
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
       item: function item() {
         return /*#__PURE__*/React.createElement(ToolbarDropdownItem, null, "Block Menu Item");
       }

package/dist/types/blockMenuPluginType.d.ts

@@ -4,14 +4,18 @@ import type { BlockControlsPlugin } from '@atlaskit/editor-plugin-block-controls
 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 { FormatNodeTargetType, FormatNodeAnalyticsAttrs } from './editor-commands/transforms/types';
+type FormatNodeCommand = (targetType: FormatNodeTargetType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
+type TransformNodeCommand = (targetType: NodeType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
 export type BlockMenuPlugin = NextEditorPlugin<'blockMenu', {
     actions: {
         getBlockMenuComponents: () => Array<RegisterBlockMenuComponent>;
         registerBlockMenuComponents: (blockMenuComponents: Array<RegisterBlockMenuComponent>) => void;
     };
     commands: {
-        formatNode: (targetType: FormatNodeTargetType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
+        formatNode: FormatNodeCommand;
+        transformNode: TransformNodeCommand;
     };
     dependencies: [
         OptionalPlugin<BlockControlsPlugin>,

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

@@ -0,0 +1,2 @@
+import type { TransformStep } from './types';
+export declare const stubStep: TransformStep;

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

@@ -0,0 +1,8 @@
+import type { Node as PMNode, NodeType, Schema } from '@atlaskit/editor-prosemirror/model';
+interface GetOutputNodesArgs {
+    schema: Schema;
+    sourceNode: PMNode;
+    targetNodeType: NodeType;
+}
+export declare const getOutputNodes: ({ sourceNode, targetNodeType, schema, }: GetOutputNodesArgs) => PMNode[] | undefined;
+export {};

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

@@ -0,0 +1,12 @@
+import type { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
+export type NodeTypeName = 'blockquote' | 'blockCard' | 'bodiedExtension' | 'bulletList' | 'codeBlock' | 'decisionList' | 'embedCard' | 'expand' | 'extension' | 'heading' | 'layout' | 'media' | 'mediaGroup' | 'mediaSingle' | 'multiBodiedExtension' | 'orderedList' | 'panel' | 'paragraph' | 'nestedExpand' | 'taskList' | 'table';
+export type NodeCategory = 'atomic' | 'container' | 'list' | 'text';
+export declare const NODE_CATEGORY_BY_TYPE: Record<NodeTypeName, NodeCategory>;
+export declare const isNodeTypeName: (value: string) => value is NodeTypeName;
+export declare const toNodeTypeValue: (value?: string | null) => NodeTypeName | null;
+export type TransformStep = (nodes: PMNode[], context: TransformStepContext) => PMNode[];
+export interface TransformStepContext {
+    fromNode: PMNode;
+    schema: Schema;
+    targetNodeTypeName: NodeTypeName;
+}

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

@@ -0,0 +1,3 @@
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+import { type ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
+export declare const getSelectedNode: (selection: Selection) => ContentNodeWithPos | undefined;

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

@@ -0,0 +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 { FormatNodeAnalyticsAttrs } from './transforms/types';
+export declare const transformNode: (api?: ExtractInjectionAPI<BlockMenuPlugin>) => (targetType: NodeType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;

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

@@ -4,14 +4,18 @@ import type { BlockControlsPlugin } from '@atlaskit/editor-plugin-block-controls
 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 { FormatNodeTargetType, FormatNodeAnalyticsAttrs } from './editor-commands/transforms/types';
+type FormatNodeCommand = (targetType: FormatNodeTargetType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
+type TransformNodeCommand = (targetType: NodeType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
 export type BlockMenuPlugin = NextEditorPlugin<'blockMenu', {
     actions: {
         getBlockMenuComponents: () => Array<RegisterBlockMenuComponent>;
         registerBlockMenuComponents: (blockMenuComponents: Array<RegisterBlockMenuComponent>) => void;
     };
     commands: {
-        formatNode: (targetType: FormatNodeTargetType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;
+        formatNode: FormatNodeCommand;
+        transformNode: TransformNodeCommand;
     };
     dependencies: [
         OptionalPlugin<BlockControlsPlugin>,

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

@@ -0,0 +1,2 @@
+import type { TransformStep } from './types';
+export declare const stubStep: TransformStep;

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

@@ -0,0 +1,8 @@
+import type { Node as PMNode, NodeType, Schema } from '@atlaskit/editor-prosemirror/model';
+interface GetOutputNodesArgs {
+    schema: Schema;
+    sourceNode: PMNode;
+    targetNodeType: NodeType;
+}
+export declare const getOutputNodes: ({ sourceNode, targetNodeType, schema, }: GetOutputNodesArgs) => PMNode[] | undefined;
+export {};

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

@@ -0,0 +1,12 @@
+import type { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
+export type NodeTypeName = 'blockquote' | 'blockCard' | 'bodiedExtension' | 'bulletList' | 'codeBlock' | 'decisionList' | 'embedCard' | 'expand' | 'extension' | 'heading' | 'layout' | 'media' | 'mediaGroup' | 'mediaSingle' | 'multiBodiedExtension' | 'orderedList' | 'panel' | 'paragraph' | 'nestedExpand' | 'taskList' | 'table';
+export type NodeCategory = 'atomic' | 'container' | 'list' | 'text';
+export declare const NODE_CATEGORY_BY_TYPE: Record<NodeTypeName, NodeCategory>;
+export declare const isNodeTypeName: (value: string) => value is NodeTypeName;
+export declare const toNodeTypeValue: (value?: string | null) => NodeTypeName | null;
+export type TransformStep = (nodes: PMNode[], context: TransformStepContext) => PMNode[];
+export interface TransformStepContext {
+    fromNode: PMNode;
+    schema: Schema;
+    targetNodeTypeName: NodeTypeName;
+}

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

@@ -0,0 +1,3 @@
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+import { type ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
+export declare const getSelectedNode: (selection: Selection) => ContentNodeWithPos | undefined;

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

@@ -0,0 +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 { FormatNodeAnalyticsAttrs } from './transforms/types';
+export declare const transformNode: (api?: ExtractInjectionAPI<BlockMenuPlugin>) => (targetType: NodeType, analyticsAttrs?: FormatNodeAnalyticsAttrs) => EditorCommand;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "5.0.14",
+	"version": "5.0.16",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -44,12 +44,12 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^16.2.0",
-		"@atlaskit/tmp-editor-statsig": "^13.41.0",
+		"@atlaskit/tmp-editor-statsig": "^13.42.0",
 		"@atlaskit/tokens": "^8.2.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.33.0",
+		"@atlaskit/editor-common": "^110.34.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},