@atlaskit/editor-plugin-block-menu 12.0.3 → 12.1.1

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

@@ -3,13 +3,16 @@ import { expandedState } from '@atlaskit/editor-common/expand';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { expandSelectionToBlockRange, getSourceNodesFromSelectionRange } from '@atlaskit/editor-common/selection';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { Fragment, Node } from '@atlaskit/editor-prosemirror/model';
+import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
 import { Mapping, StepMap } from '@atlaskit/editor-prosemirror/transform';
 import { CellSelection } from '@atlaskit/editor-tables';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+import { getSingleTransformSourceNode, isExtensionTransformSource } from '../editor-actions/transformSource';
 import { isNestedNode } from '../ui/utils/isNestedNode';
 import { convertNodesToTargetType } from './transform-node-utils/transform';
 import { isListNode } from './transform-node-utils/utils';
-export const transformNode = api => (targetType, metadata) => ({
+export const transformNode = (api, transformRegistry) => (targetType, metadata) => ({
   tr
 }) => {
   var _api$blockControls, _api$blockControls$sh;
@@ -17,6 +20,113 @@ export const transformNode = api => (targetType, metadata) => ({
   if (!preservedSelection) {
     return tr;
   }
+  if (isExperimentEnabled('platform_editor_block_menu_transform_extensions')) {
+    const {
+      $from,
+      $to,
+      range
+    } = expandSelectionToBlockRange(preservedSelection);
+    const sourceNode = getSingleTransformSourceNode(preservedSelection, range);
+    if (isExtensionTransformSource(sourceNode)) {
+      var _metadata$targetTypeN;
+      const context = {
+        source: sourceNode.toJSON(),
+        targetTypeName: (_metadata$targetTypeN = metadata === null || metadata === void 0 ? void 0 : metadata.targetTypeName) !== null && _metadata$targetTypeN !== void 0 ? _metadata$targetTypeN : targetType.name
+      };
+      const resolution = transformRegistry === null || transformRegistry === void 0 ? void 0 : transformRegistry.resolve(context);
+      if (!resolution || resolution.status === 'unsupported') {
+        return tr;
+      }
+      const measureId = `transformNode_${targetType.name}_${Date.now()}`;
+      startMeasure(measureId);
+      try {
+        var _api$blockControls2, _api$blockControls3;
+        const transformResult = resolution.transform.transform(context);
+        if (!transformResult) {
+          stopMeasure(measureId);
+          return tr;
+        }
+        if (!Array.isArray(transformResult.output) || transformResult.output.length === 0) {
+          throw new Error('Block menu transform returned no output');
+        }
+        const resultNodes = transformResult.output.map(nodeAdf => {
+          const node = Node.fromJSON(tr.doc.type.schema, nodeAdf);
+          node.check();
+          return node;
+        });
+        if (!range || !range.parent.canReplace(range.startIndex, range.endIndex, Fragment.from(resultNodes))) {
+          throw new Error('Block menu transform output is invalid at the selected position');
+        }
+        const sliceStart = $from.pos;
+        tr.replaceWith(sliceStart, $to.pos, resultNodes);
+        const insertedNode = tr.doc.nodeAt(sliceStart);
+        const nextSelection = insertedNode && NodeSelection.isSelectable(insertedNode) ? NodeSelection.create(tr.doc, sliceStart) : Selection.near(tr.doc.resolve(sliceStart));
+        tr.setSelection(nextSelection);
+        api === null || api === void 0 ? void 0 : (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 ? void 0 : _api$blockControls2.commands.stopPreservingSelection()({
+          tr
+        });
+        api === null || api === void 0 ? void 0 : (_api$blockControls3 = api.blockControls) === null || _api$blockControls3 === void 0 ? void 0 : _api$blockControls3.commands.toggleBlockMenu({
+          closeMenu: true
+        })({
+          tr
+        });
+        const {
+          expand,
+          nestedExpand
+        } = tr.doc.type.schema.nodes;
+        resultNodes.forEach(node => {
+          if (node.type === expand || node.type === nestedExpand) {
+            expandedState.set(node, true);
+          }
+        });
+        stopMeasure(measureId, (duration, startTime) => {
+          var _api$analytics, _api$analytics$action;
+          api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.attachAnalyticsEvent({
+            action: ACTION.TRANSFORMED,
+            actionSubject: ACTION_SUBJECT.ELEMENT,
+            attributes: {
+              duration,
+              isEmptyLine: false,
+              isNested: isNestedNode(preservedSelection, ''),
+              isSuggested: Boolean(metadata === null || metadata === void 0 ? void 0 : metadata.isSuggested),
+              sourceNodesCount: 1,
+              sourceNodesCountByType: {
+                [sourceNode.type.name]: 1
+              },
+              sourceNodeType: sourceNode.type.name,
+              startTime,
+              targetNodeType: targetType.name,
+              outputNodesCount: resultNodes.length,
+              inputMethod: INPUT_METHOD.BLOCK_MENU
+            },
+            eventType: EVENT_TYPE.TRACK
+          })(tr);
+        });
+      } catch (error) {
+        var _api$analytics2, _api$analytics2$actio;
+        stopMeasure(measureId);
+        logException(error, {
+          location: 'editor-plugin-block-menu'
+        });
+        api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.attachAnalyticsEvent({
+          action: ACTION.ERRORED,
+          actionSubject: ACTION_SUBJECT.ELEMENT,
+          actionSubjectId: ACTION_SUBJECT_ID.TRANSFORM,
+          eventType: EVENT_TYPE.OPERATIONAL,
+          attributes: {
+            docSize: tr.doc.nodeSize,
+            error: error.message,
+            errorStack: error.stack,
+            from: sourceNode.type.name,
+            inputMethod: INPUT_METHOD.BLOCK_MENU,
+            selection: preservedSelection.toJSON(),
+            to: targetType.name
+          }
+        })(tr);
+      }
+      return tr;
+    }
+  }
   const measureId = `transformNode_${targetType.name}_${Date.now()}`;
   startMeasure(measureId);
   const {
@@ -41,7 +151,7 @@ export const transformNode = api => (targetType, metadata) => ({
   const isEmptyLine = sourceNodes.length === 1 && (sourceNodes[0].type === nodes.paragraph || sourceNodes[0].type === nodes.heading) && (sourceNodes[0].content.size === 0 || sourceNodes[0].textContent.trim() === '');
   const isSuggested = Boolean(metadata === null || metadata === void 0 ? void 0 : metadata.isSuggested);
   try {
-    var _api$blockControls4;
+    var _api$blockControls6;
     const resultNodes = convertNodesToTargetType({
       sourceNodes,
       targetNodeType: targetType,
@@ -62,7 +172,7 @@ export const transformNode = api => (targetType, metadata) => ({
       }
     });
     if (preservedSelection instanceof NodeSelection && preservedSelection.node.type === nodes.mediaSingle) {
-      var _api$blockControls2;
+      var _api$blockControls4;
       // when node is media single, use tr.replaceWith freeze editor, if modify position, tr.replaceWith creates duplicats
       const deleteFrom = $from.pos;
       const deleteTo = $to.pos;
@@ -77,7 +187,7 @@ export const transformNode = api => (targetType, metadata) => ({
       // and stop preserving it
       const oldSize = sourceNodes.reduce((sum, node) => sum + node.nodeSize, 0);
       const newSize = content.reduce((sum, node) => sum + node.nodeSize, 0);
-      api === null || api === void 0 ? void 0 : (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 ? void 0 : _api$blockControls2.commands.mapPreservedSelection(new Mapping([new StepMap([0, oldSize, newSize])]))({
+      api === null || api === void 0 ? void 0 : (_api$blockControls4 = api.blockControls) === null || _api$blockControls4 === void 0 ? void 0 : _api$blockControls4.commands.mapPreservedSelection(new Mapping([new StepMap([0, oldSize, newSize])]))({
         tr
       });
     } else {
@@ -87,22 +197,22 @@ export const transformNode = api => (targetType, metadata) => ({
       const insertedNode = tr.doc.nodeAt($from.pos);
       const isSelectable = insertedNode && NodeSelection.isSelectable(insertedNode);
       if (isSelectable) {
-        var _api$blockControls3;
+        var _api$blockControls5;
         const nodeSelection = NodeSelection.create(tr.doc, $from.pos);
         tr.setSelection(nodeSelection);
-        api === null || api === void 0 ? void 0 : (_api$blockControls3 = api.blockControls) === null || _api$blockControls3 === void 0 ? void 0 : _api$blockControls3.commands.startPreservingSelection()({
+        api === null || api === void 0 ? void 0 : (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 ? void 0 : _api$blockControls5.commands.startPreservingSelection()({
           tr
         });
       }
     }
-    api === null || api === void 0 ? void 0 : (_api$blockControls4 = api.blockControls) === null || _api$blockControls4 === void 0 ? void 0 : _api$blockControls4.commands.toggleBlockMenu({
+    api === null || api === void 0 ? void 0 : (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 ? void 0 : _api$blockControls6.commands.toggleBlockMenu({
       closeMenu: true
     })({
       tr
     });
     stopMeasure(measureId, (duration, startTime) => {
-      var _api$analytics, _api$analytics$action;
-      api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.attachAnalyticsEvent({
+      var _api$analytics3, _api$analytics3$actio;
+      api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : (_api$analytics3$actio = _api$analytics3.actions) === null || _api$analytics3$actio === void 0 ? void 0 : _api$analytics3$actio.attachAnalyticsEvent({
         action: ACTION.TRANSFORMED,
         actionSubject: ACTION_SUBJECT.ELEMENT,
         attributes: {
@@ -122,12 +232,12 @@ export const transformNode = api => (targetType, metadata) => ({
       })(tr);
     });
   } catch (error) {
-    var _api$analytics2, _api$analytics2$actio;
+    var _api$analytics4, _api$analytics4$actio;
     stopMeasure(measureId);
     logException(error, {
       location: 'editor-plugin-block-menu'
     });
-    api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.attachAnalyticsEvent({
+    api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : (_api$analytics4$actio = _api$analytics4.actions) === null || _api$analytics4$actio === void 0 ? void 0 : _api$analytics4$actio.attachAnalyticsEvent({
       action: ACTION.ERRORED,
       actionSubject: ACTION_SUBJECT.ELEMENT,
       actionSubjectId: ACTION_SUBJECT_ID.TRANSFORM,

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

@@ -173,11 +173,9 @@ const getTurnIntoMenuComponents = api => {
     rank: MAIN_BLOCK_MENU_SECTION_RANK[TRANSFORM_MENU_SECTION.key],
     component: ({
       children
-    }) => {
-      return /*#__PURE__*/React.createElement(FormatMenuSection, {
-        api: api
-      }, children);
-    }
+    }) => /*#__PURE__*/React.createElement(FormatMenuSection, {
+      api: api
+    }, children)
   }];
 };
 export const getBlockMenuComponents = ({

package/dist/es2019/ui/utils/checkIsFormatMenuHidden.js

@@ -1,5 +1,6 @@
 import memoizeOne from 'memoize-one';
 import { findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const getDisabledNodeTypes = memoizeOne(nodes => [nodes.rule, ...(expValEquals('confluence_native_tabs_experiment', 'isEnabled', true) ? [nodes.multiBodiedExtension] : [])]);
 const getIsFormatMenuHidden = (selection, schema) => {
@@ -7,7 +8,8 @@ const getIsFormatMenuHidden = (selection, schema) => {
   if (!nodes) {
     return false;
   }
-  const disabledNode = findSelectedNodeOfType(getDisabledNodeTypes(nodes))(selection);
+  const disabledNodeTypes = isExperimentEnabled('platform_editor_block_menu_transform_extensions') ? [nodes.rule] : getDisabledNodeTypes(nodes);
+  const disabledNode = findSelectedNodeOfType(disabledNodeTypes)(selection);
   return !!disabledNode;
 };
 export const checkIsFormatMenuHidden = api => {

package/dist/esm/blockMenuPlugin.js

@@ -1,8 +1,10 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { createBlockMenuRegistry } from './editor-actions';
 import { isTransformToTargetDisabled } from './editor-actions/isTransformToTargetDisabled';
+import { createBlockMenuTransformSourceRegistry } from './editor-actions/transformSourceRegistry';
 import { transformNode as _transformNode } from './editor-commands/transformNode';
 import { getBlockMenuExperiencesPlugin } from './pm-plugins/experiences/block-menu-experiences';
 import { keymapPlugin } from './pm-plugins/keymap';
@@ -15,6 +17,7 @@ export var blockMenuPlugin = function blockMenuPlugin(_ref) {
   var api = _ref.api,
     config = _ref.config;
   var registry = createBlockMenuRegistry();
+  var transformSourceRegistry = isExperimentEnabled('platform_editor_block_menu_transform_extensions') ? createBlockMenuTransformSourceRegistry() : undefined;
   registry.register(getBlockMenuComponents({
     api: api,
     config: config
@@ -64,13 +67,21 @@ export var blockMenuPlugin = function blockMenuPlugin(_ref) {
         return isTransformToTargetDisabled({
           selection: currentSelection,
           targetNodeTypeName: optionNodeTypeName,
-          targetNodeTypeAttrs: optionNodeTypeAttrs
+          targetNodeTypeAttrs: optionNodeTypeAttrs,
+          transformRegistry: transformSourceRegistry
         });
+      },
+      registerBlockMenuTransforms: function registerBlockMenuTransforms(transforms) {
+        if (isExperimentEnabled('platform_editor_block_menu_transform_extensions')) {
+          var _transformSourceRegis;
+          return (_transformSourceRegis = transformSourceRegistry === null || transformSourceRegistry === void 0 ? void 0 : transformSourceRegistry.register(transforms)) !== null && _transformSourceRegis !== void 0 ? _transformSourceRegis : function () {};
+        }
+        return function () {};
       }
     },
     commands: {
       transformNode: function transformNode(targetType, metadata) {
-        return _transformNode(api)(targetType, metadata);
+        return _transformNode(api, transformSourceRegistry)(targetType, metadata);
       }
     },
     getSharedState: function getSharedState(editorState) {

package/dist/esm/editor-actions/isTransformToTargetDisabled.js

@@ -1,8 +1,10 @@
 import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { isTransformDisabledBasedOnStepsConfig } from '../editor-commands/transform-node-utils/transform';
 import { toNodeTypeValue } from '../editor-commands/transform-node-utils/types';
 import { getBlockNodesInRange, getTargetNodeTypeNameInContext } from '../editor-commands/transform-node-utils/utils';
+import { getSingleTransformSourceNode, isExtensionTransformSource } from './transformSource';
 export var canParentContainNodeType = function canParentContainNodeType(schema, selectedNodeTypeName, parentNode, nodeTypeName, nodeTypeAttrs) {
   var adjustedNodeTypeName = getTargetNodeTypeNameInContext(nodeTypeName, true, parentNode, schema);
   if (!adjustedNodeTypeName) {
@@ -46,12 +48,22 @@ var isTransformEnabledForNode = function isTransformEnabledForNode(node, targetN
 export var isTransformToTargetDisabled = function isTransformToTargetDisabled(_ref) {
   var selection = _ref.selection,
     targetNodeTypeName = _ref.targetNodeTypeName,
-    targetNodeTypeAttrs = _ref.targetNodeTypeAttrs;
+    targetNodeTypeAttrs = _ref.targetNodeTypeAttrs,
+    transformRegistry = _ref.transformRegistry;
   var _expandSelectionToBlo = expandSelectionToBlockRange(selection),
     range = _expandSelectionToBlo.range;
   if (!range) {
     return false;
   }
+  if (isExperimentEnabled('platform_editor_block_menu_transform_extensions')) {
+    var sourceNode = getSingleTransformSourceNode(selection, range);
+    if (isExtensionTransformSource(sourceNode)) {
+      return (transformRegistry === null || transformRegistry === void 0 ? void 0 : transformRegistry.resolve({
+        source: sourceNode.toJSON(),
+        targetTypeName: targetNodeTypeName
+      }).status) !== 'supported';
+    }
+  }
   var selectedNodes = getBlockNodesInRange(range);
   var parent = range.parent;
   var isNested = range.depth >= 1;

package/dist/esm/editor-actions/transformSource.js

@@ -0,0 +1,17 @@
+import { getBlockNodesInRange, getSelectedNode } from '../editor-commands/transform-node-utils/utils';
+var EXTENSION_NODE_TYPES = new Set(['extension', 'bodiedExtension', 'multiBodiedExtension']);
+export var getSingleTransformSourceNode = function getSingleTransformSourceNode(selection, range) {
+  var _getSelectedNode;
+  var selectedNode = (_getSelectedNode = getSelectedNode(selection)) === null || _getSelectedNode === void 0 ? void 0 : _getSelectedNode.node;
+  if (selectedNode) {
+    return selectedNode;
+  }
+  if (!range) {
+    return undefined;
+  }
+  var blockNodes = getBlockNodesInRange(range);
+  return blockNodes.length === 1 ? blockNodes[0] : undefined;
+};
+export var isExtensionTransformSource = function isExtensionTransformSource(node) {
+  return Boolean(node && EXTENSION_NODE_TYPES.has(node.type.name));
+};

package/dist/esm/editor-actions/transformSourceRegistry.js

@@ -0,0 +1,48 @@
+import { logException } from '@atlaskit/editor-common/monitoring';
+export var createBlockMenuTransformSourceRegistry = function createBlockMenuTransformSourceRegistry() {
+  var transforms = new Map();
+  return {
+    register: function register(registeredTransforms) {
+      var registered = [];
+      registeredTransforms.forEach(function (transform) {
+        if (transforms.has(transform.key)) {
+          void logException(new Error("Duplicate Block Menu transform key: ".concat(transform.key)), {
+            location: 'editor-plugin-block-menu'
+          });
+          return;
+        }
+        transforms.set(transform.key, transform);
+        registered.push(transform);
+      });
+      if (registered.length === 0) {
+        return function () {};
+      }
+      return function () {
+        registered.forEach(function (transform) {
+          if (transforms.get(transform.key) === transform) {
+            transforms.delete(transform.key);
+          }
+        });
+      };
+    },
+    resolve: function resolve(context) {
+      var transform = Array.from(transforms.values()).find(function (_ref) {
+        var isSupported = _ref.isSupported;
+        try {
+          return isSupported(context);
+        } catch (error) {
+          void logException(error instanceof Error ? error : new Error('Block Menu transform support check failed'), {
+            location: 'editor-plugin-block-menu'
+          });
+          return false;
+        }
+      });
+      return transform ? {
+        status: 'supported',
+        transform: transform
+      } : {
+        status: 'unsupported'
+      };
+    }
+  };
+};

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

@@ -1,15 +1,19 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { expandedState } from '@atlaskit/editor-common/expand';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { expandSelectionToBlockRange, getSourceNodesFromSelectionRange } from '@atlaskit/editor-common/selection';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { Fragment, Node } from '@atlaskit/editor-prosemirror/model';
+import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
 import { Mapping, StepMap } from '@atlaskit/editor-prosemirror/transform';
 import { CellSelection } from '@atlaskit/editor-tables';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+import { getSingleTransformSourceNode, isExtensionTransformSource } from '../editor-actions/transformSource';
 import { isNestedNode } from '../ui/utils/isNestedNode';
 import { convertNodesToTargetType } from './transform-node-utils/transform';
 import { isListNode } from './transform-node-utils/utils';
-export var transformNode = function transformNode(api) {
+export var transformNode = function transformNode(api, transformRegistry) {
   return function (targetType, metadata) {
     return function (_ref) {
       var _api$blockControls;
@@ -18,12 +22,115 @@ export var transformNode = function transformNode(api) {
       if (!preservedSelection) {
         return tr;
       }
+      if (isExperimentEnabled('platform_editor_block_menu_transform_extensions')) {
+        var _expandSelectionToBlo = expandSelectionToBlockRange(preservedSelection),
+          _$from = _expandSelectionToBlo.$from,
+          _$to = _expandSelectionToBlo.$to,
+          range = _expandSelectionToBlo.range;
+        var sourceNode = getSingleTransformSourceNode(preservedSelection, range);
+        if (isExtensionTransformSource(sourceNode)) {
+          var _metadata$targetTypeN;
+          var context = {
+            source: sourceNode.toJSON(),
+            targetTypeName: (_metadata$targetTypeN = metadata === null || metadata === void 0 ? void 0 : metadata.targetTypeName) !== null && _metadata$targetTypeN !== void 0 ? _metadata$targetTypeN : targetType.name
+          };
+          var resolution = transformRegistry === null || transformRegistry === void 0 ? void 0 : transformRegistry.resolve(context);
+          if (!resolution || resolution.status === 'unsupported') {
+            return tr;
+          }
+          var _measureId = "transformNode_".concat(targetType.name, "_").concat(Date.now());
+          startMeasure(_measureId);
+          try {
+            var _api$blockControls2, _api$blockControls3;
+            var transformResult = resolution.transform.transform(context);
+            if (!transformResult) {
+              stopMeasure(_measureId);
+              return tr;
+            }
+            if (!Array.isArray(transformResult.output) || transformResult.output.length === 0) {
+              throw new Error('Block menu transform returned no output');
+            }
+            var resultNodes = transformResult.output.map(function (nodeAdf) {
+              var node = Node.fromJSON(tr.doc.type.schema, nodeAdf);
+              node.check();
+              return node;
+            });
+            if (!range || !range.parent.canReplace(range.startIndex, range.endIndex, Fragment.from(resultNodes))) {
+              throw new Error('Block menu transform output is invalid at the selected position');
+            }
+            var sliceStart = _$from.pos;
+            tr.replaceWith(sliceStart, _$to.pos, resultNodes);
+            var insertedNode = tr.doc.nodeAt(sliceStart);
+            var nextSelection = insertedNode && NodeSelection.isSelectable(insertedNode) ? NodeSelection.create(tr.doc, sliceStart) : Selection.near(tr.doc.resolve(sliceStart));
+            tr.setSelection(nextSelection);
+            api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || _api$blockControls2.commands.stopPreservingSelection()({
+              tr: tr
+            });
+            api === null || api === void 0 || (_api$blockControls3 = api.blockControls) === null || _api$blockControls3 === void 0 || _api$blockControls3.commands.toggleBlockMenu({
+              closeMenu: true
+            })({
+              tr: tr
+            });
+            var _tr$doc$type$schema$n = tr.doc.type.schema.nodes,
+              expand = _tr$doc$type$schema$n.expand,
+              nestedExpand = _tr$doc$type$schema$n.nestedExpand;
+            resultNodes.forEach(function (node) {
+              if (node.type === expand || node.type === nestedExpand) {
+                expandedState.set(node, true);
+              }
+            });
+            stopMeasure(_measureId, function (duration, startTime) {
+              var _api$analytics;
+              api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent({
+                action: ACTION.TRANSFORMED,
+                actionSubject: ACTION_SUBJECT.ELEMENT,
+                attributes: {
+                  duration: duration,
+                  isEmptyLine: false,
+                  isNested: isNestedNode(preservedSelection, ''),
+                  isSuggested: Boolean(metadata === null || metadata === void 0 ? void 0 : metadata.isSuggested),
+                  sourceNodesCount: 1,
+                  sourceNodesCountByType: _defineProperty({}, sourceNode.type.name, 1),
+                  sourceNodeType: sourceNode.type.name,
+                  startTime: startTime,
+                  targetNodeType: targetType.name,
+                  outputNodesCount: resultNodes.length,
+                  inputMethod: INPUT_METHOD.BLOCK_MENU
+                },
+                eventType: EVENT_TYPE.TRACK
+              })(tr);
+            });
+          } catch (error) {
+            var _api$analytics2;
+            stopMeasure(_measureId);
+            logException(error, {
+              location: 'editor-plugin-block-menu'
+            });
+            api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.attachAnalyticsEvent({
+              action: ACTION.ERRORED,
+              actionSubject: ACTION_SUBJECT.ELEMENT,
+              actionSubjectId: ACTION_SUBJECT_ID.TRANSFORM,
+              eventType: EVENT_TYPE.OPERATIONAL,
+              attributes: {
+                docSize: tr.doc.nodeSize,
+                error: error.message,
+                errorStack: error.stack,
+                from: sourceNode.type.name,
+                inputMethod: INPUT_METHOD.BLOCK_MENU,
+                selection: preservedSelection.toJSON(),
+                to: targetType.name
+              }
+            })(tr);
+          }
+          return tr;
+        }
+      }
       var measureId = "transformNode_".concat(targetType.name, "_").concat(Date.now());
       startMeasure(measureId);
       var nodes = tr.doc.type.schema.nodes;
-      var _expandSelectionToBlo = expandSelectionToBlockRange(preservedSelection),
-        $from = _expandSelectionToBlo.$from,
-        $to = _expandSelectionToBlo.$to;
+      var _expandSelectionToBlo2 = expandSelectionToBlockRange(preservedSelection),
+        $from = _expandSelectionToBlo2.$from,
+        $to = _expandSelectionToBlo2.$to;
       var selectedParent = $from.parent;
       var isParentLayout = selectedParent.type === nodes.layoutColumn;
       var isNested = isNestedNode(preservedSelection, '') && !isParentLayout;
@@ -39,8 +146,8 @@ export var transformNode = function transformNode(api) {
       var isEmptyLine = sourceNodes.length === 1 && (sourceNodes[0].type === nodes.paragraph || sourceNodes[0].type === nodes.heading) && (sourceNodes[0].content.size === 0 || sourceNodes[0].textContent.trim() === '');
       var isSuggested = Boolean(metadata === null || metadata === void 0 ? void 0 : metadata.isSuggested);
       try {
-        var _api$blockControls4;
-        var resultNodes = convertNodesToTargetType({
+        var _api$blockControls6;
+        var _resultNodes = convertNodesToTargetType({
           sourceNodes: sourceNodes,
           targetNodeType: targetType,
           schema: tr.doc.type.schema,
@@ -48,17 +155,17 @@ export var transformNode = function transformNode(api) {
           targetAttrs: metadata === null || metadata === void 0 ? void 0 : metadata.targetAttrs,
           parentNode: selectedParent
         });
-        var content = resultNodes.length > 0 ? resultNodes : sourceNodes;
-        var sliceStart = isList ? $from.pos - 1 : $from.pos;
-        var expand = nodes.expand,
-          nestedExpand = nodes.nestedExpand;
+        var content = _resultNodes.length > 0 ? _resultNodes : sourceNodes;
+        var _sliceStart = isList ? $from.pos - 1 : $from.pos;
+        var _expand = nodes.expand,
+          _nestedExpand = nodes.nestedExpand;
         content.forEach(function (node) {
-          if (node.type === expand || node.type === nestedExpand) {
+          if (node.type === _expand || node.type === _nestedExpand) {
             expandedState.set(node, true);
           }
         });
         if (preservedSelection instanceof NodeSelection && preservedSelection.node.type === nodes.mediaSingle) {
-          var _api$blockControls2;
+          var _api$blockControls4;
           // when node is media single, use tr.replaceWith freeze editor, if modify position, tr.replaceWith creates duplicats
           var deleteFrom = $from.pos;
           var deleteTo = $to.pos;
@@ -77,32 +184,32 @@ export var transformNode = function transformNode(api) {
           var newSize = content.reduce(function (sum, node) {
             return sum + node.nodeSize;
           }, 0);
-          api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || _api$blockControls2.commands.mapPreservedSelection(new Mapping([new StepMap([0, oldSize, newSize])]))({
+          api === null || api === void 0 || (_api$blockControls4 = api.blockControls) === null || _api$blockControls4 === void 0 || _api$blockControls4.commands.mapPreservedSelection(new Mapping([new StepMap([0, oldSize, newSize])]))({
             tr: tr
           });
         } else {
-          tr.replaceWith(sliceStart, $to.pos, content);
+          tr.replaceWith(_sliceStart, $to.pos, content);
         }
         if (preservedSelection instanceof CellSelection) {
-          var insertedNode = tr.doc.nodeAt($from.pos);
-          var isSelectable = insertedNode && NodeSelection.isSelectable(insertedNode);
+          var _insertedNode = tr.doc.nodeAt($from.pos);
+          var isSelectable = _insertedNode && NodeSelection.isSelectable(_insertedNode);
           if (isSelectable) {
-            var _api$blockControls3;
+            var _api$blockControls5;
             var nodeSelection = NodeSelection.create(tr.doc, $from.pos);
             tr.setSelection(nodeSelection);
-            api === null || api === void 0 || (_api$blockControls3 = api.blockControls) === null || _api$blockControls3 === void 0 || _api$blockControls3.commands.startPreservingSelection()({
+            api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 || _api$blockControls5.commands.startPreservingSelection()({
               tr: tr
             });
           }
         }
-        api === null || api === void 0 || (_api$blockControls4 = api.blockControls) === null || _api$blockControls4 === void 0 || _api$blockControls4.commands.toggleBlockMenu({
+        api === null || api === void 0 || (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 || _api$blockControls6.commands.toggleBlockMenu({
           closeMenu: true
         })({
           tr: tr
         });
         stopMeasure(measureId, function (duration, startTime) {
-          var _api$analytics;
-          api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent({
+          var _api$analytics3;
+          api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || (_api$analytics3 = _api$analytics3.actions) === null || _api$analytics3 === void 0 || _api$analytics3.attachAnalyticsEvent({
             action: ACTION.TRANSFORMED,
             actionSubject: ACTION_SUBJECT.ELEMENT,
             attributes: {
@@ -122,12 +229,12 @@ export var transformNode = function transformNode(api) {
           })(tr);
         });
       } catch (error) {
-        var _api$analytics2;
+        var _api$analytics4;
         stopMeasure(measureId);
         logException(error, {
           location: 'editor-plugin-block-menu'
         });
-        api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.attachAnalyticsEvent({
+        api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 || (_api$analytics4 = _api$analytics4.actions) === null || _api$analytics4 === void 0 || _api$analytics4.attachAnalyticsEvent({
           action: ACTION.ERRORED,
           actionSubject: ACTION_SUBJECT.ELEMENT,
           actionSubjectId: ACTION_SUBJECT_ID.TRANSFORM,

package/dist/esm/ui/utils/checkIsFormatMenuHidden.js

@@ -1,6 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import memoizeOne from 'memoize-one';
 import { findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var getDisabledNodeTypes = memoizeOne(function (nodes) {
   return [nodes.rule].concat(_toConsumableArray(expValEquals('confluence_native_tabs_experiment', 'isEnabled', true) ? [nodes.multiBodiedExtension] : []));
@@ -10,7 +11,8 @@ var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema) {
   if (!nodes) {
     return false;
   }
-  var disabledNode = findSelectedNodeOfType(getDisabledNodeTypes(nodes))(selection);
+  var disabledNodeTypes = isExperimentEnabled('platform_editor_block_menu_transform_extensions') ? [nodes.rule] : getDisabledNodeTypes(nodes);
+  var disabledNode = findSelectedNodeOfType(disabledNodeTypes)(selection);
   return !!disabledNode;
 };
 export var checkIsFormatMenuHidden = function checkIsFormatMenuHidden(api) {

package/dist/types/blockMenuPluginType.d.ts

@@ -1,3 +1,4 @@
+import type { BlockTransformExtension } from '@atlaskit/editor-common/block-menu/block-transform-extension';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { BlockControlsPlugin } from '@atlaskit/editor-plugin-block-controls';
@@ -15,6 +16,7 @@ export type BlockMenuPlugin = NextEditorPlugin<'blockMenu', {
         getBlockMenuComponents: () => Array<RegisterBlockMenuComponent>;
         isTransformOptionDisabled: (optionNodeTypeName: string, optionNodeTypeAttrs?: Record<string, unknown>) => boolean;
         registerBlockMenuComponents: (blockMenuComponents: Array<RegisterBlockMenuComponent>) => void;
+        registerBlockMenuTransforms: (transforms: readonly BlockTransformExtension[]) => () => void;
     };
     commands: {
         transformNode: TransformNodeCommand;