@atlaskit/editor-plugin-block-menu 5.2.20 → 5.2.22

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 5.2.22
+
+### Patch Changes
+
+- [`3356921b0b0ff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3356921b0b0ff) -
+  [ux] Enables 'Copy link to block' feature for nested nodes
+- Updated dependencies
+
+## 5.2.21
+
+### Patch Changes
+
+- [`b5d004bf834f8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b5d004bf834f8) -
+  [ux] Adds block menu action to check if 'Turn into' item should be rendered or not.
+- Updated dependencies
+
 ## 5.2.20
 
 ### Patch Changes

package/dist/cjs/blockMenuPlugin.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.blockMenuPlugin = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _editorActions = require("./editor-actions");
+var _isTrasformToTargetDisabled = require("./editor-actions/isTrasformToTargetDisabled");
 var _formatNode2 = require("./editor-commands/formatNode");
 var _transformNode2 = require("./editor-commands/transformNode");
 var _main = require("./pm-plugins/main");
@@ -36,6 +37,20 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
       },
       getBlockMenuComponents: function getBlockMenuComponents() {
         return registry.components;
+      },
+      isTransformOptionDisabled: function isTransformOptionDisabled(optionNodeTypeName, optionNodeTypeAttrs) {
+        var _api$blockControls, _api$selection;
+        var preservedSelection = api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || (_api$blockControls = _api$blockControls.sharedState.currentState()) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.preservedSelection;
+        var selection = api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 || (_api$selection = _api$selection.sharedState) === null || _api$selection === void 0 || (_api$selection = _api$selection.currentState()) === null || _api$selection === void 0 ? void 0 : _api$selection.selection;
+        var currentSelection = preservedSelection || selection;
+        if (!currentSelection) {
+          return true;
+        }
+        return (0, _isTrasformToTargetDisabled.isTrasformToTargetDisabled)({
+          selection: currentSelection,
+          targetNodeTypeName: optionNodeTypeName,
+          targetNodeTypeAttrs: optionNodeTypeAttrs
+        });
       }
     },
     commands: {
@@ -47,7 +62,7 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
       }
     },
     getSharedState: function getSharedState(editorState) {
-      var _api$blockControls, _pluginState$showFlag;
+      var _api$blockControls2, _pluginState$showFlag;
       if (!editorState) {
         return {
           currentSelectedNodeName: undefined,
@@ -56,7 +71,7 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
       }
 
       // Get the menuTriggerBy from blockControls plugin if available
-      var currentSelectedNodeName = api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || (_api$blockControls = _api$blockControls.sharedState.currentState()) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.menuTriggerBy;
+      var currentSelectedNodeName = api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || (_api$blockControls2 = _api$blockControls2.sharedState.currentState()) === null || _api$blockControls2 === void 0 ? void 0 : _api$blockControls2.menuTriggerBy;
 
       // Get the showFlag from plugin state
       var pluginState = _main.blockMenuPluginKey.getState(editorState);

package/dist/cjs/editor-actions/isTrasformToTargetDisabled.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isTrasformToTargetDisabled = exports.canParentContainNodeType = void 0;
+var _selection = require("@atlaskit/editor-common/selection");
+var _model = require("@atlaskit/editor-prosemirror/model");
+var _transform = require("../editor-commands/transform-node-utils/transform");
+var _types = require("../editor-commands/transform-node-utils/types");
+var _utils = require("../editor-commands/transform-node-utils/utils");
+var canParentContainNodeType = exports.canParentContainNodeType = function canParentContainNodeType(schema, parentNode, nodeTypeName, nodeTypeAttrs) {
+  var adjustedNodeTypeName = (0, _utils.getTargetNodeTypeNameInContext)(nodeTypeName, true);
+  if (!adjustedNodeTypeName) {
+    return false;
+  }
+  var nodeType = schema.nodes[adjustedNodeTypeName];
+  return parentNode.type.validContent(_model.Fragment.from(nodeType.createAndFill(nodeTypeAttrs)));
+};
+var isHeadingToHeadingTransformEnabled = function isHeadingToHeadingTransformEnabled(selectedNode, targetNodeTypeAttrs) {
+  var _selectedNode$attrs;
+  var selectedLevel = (_selectedNode$attrs = selectedNode.attrs) === null || _selectedNode$attrs === void 0 ? void 0 : _selectedNode$attrs.level;
+  var targetLevel = targetNodeTypeAttrs === null || targetNodeTypeAttrs === void 0 ? void 0 : targetNodeTypeAttrs.level;
+  if (selectedLevel === undefined || targetLevel === undefined) {
+    return false;
+  }
+  return selectedLevel !== targetLevel;
+};
+var isTransformEnabledForNode = function isTransformEnabledForNode(node, targetNodeTypeName, targetNodeTypeAttrs, isNested, parent, schema) {
+  var selectedNodeTypeName = (0, _types.toNodeTypeValue)(node.type.name);
+  if (!selectedNodeTypeName) {
+    return false;
+  }
+  var isDisabledByStepsConfig = (0, _transform.isTransformDisabledBasedOnStepsConfig)(selectedNodeTypeName, targetNodeTypeName);
+  if (isDisabledByStepsConfig) {
+    return false;
+  }
+  if (selectedNodeTypeName === 'heading' && targetNodeTypeName === 'heading') {
+    return isHeadingToHeadingTransformEnabled(node, targetNodeTypeAttrs);
+  }
+  if (isNested && !canParentContainNodeType(schema, parent, targetNodeTypeName, targetNodeTypeAttrs)) {
+    return false;
+  }
+  return true;
+};
+var isTrasformToTargetDisabled = exports.isTrasformToTargetDisabled = function isTrasformToTargetDisabled(_ref) {
+  var selection = _ref.selection,
+    targetNodeTypeName = _ref.targetNodeTypeName,
+    targetNodeTypeAttrs = _ref.targetNodeTypeAttrs;
+  var _expandSelectionToBlo = (0, _selection.expandSelectionToBlockRange)(selection),
+    range = _expandSelectionToBlo.range;
+  if (!range) {
+    return false;
+  }
+  var selectedNodes = (0, _utils.getBlockNodesInRange)(range);
+  var parent = range.parent;
+  var isNested = range.depth >= 1;
+  var schema = selection.$from.doc.type.schema;
+  var supportedTargetNodeTypeName = (0, _types.toNodeTypeValue)(targetNodeTypeName);
+  if (!supportedTargetNodeTypeName) {
+    return true;
+  }
+  var isEnabledForAnyNode = selectedNodes.some(function (node) {
+    return isTransformEnabledForNode(node, supportedTargetNodeTypeName, targetNodeTypeAttrs, isNested, parent, schema);
+  });
+  return !isEnabledForAnyNode;
+};
+
+// export const isTrasformToTargetDisabled = ({
+// 	selection,
+// 	targetNodeTypeName,
+// 	targetNodeTypeAttrs,
+// }: TransformDisabledArgs) => {
+// 	const { range } = expandSelectionToBlockRange(selection);
+// 	if (!range) {
+// 		return false;
+// 	}
+
+// 	const selectedNodes = getBlockNodesInRange(range);
+// 	const parent = range.parent;
+// 	const isNested = range.depth >= 1;
+
+// 	const { schema } = selection.$from.doc.type;
+
+// 	const isTransformEnabledForAnySelectedNode = selectedNodes.some((node) => {
+// 		const selectedNodeTypeName = toNodeTypeValue(node.type.name);
+// 		const supportedTargetNodeTypeName = toNodeTypeValue(targetNodeTypeName);
+// 		if (!selectedNodeTypeName || !supportedTargetNodeTypeName) {
+// 			return false;
+// 		}
+
+// 		if (isTransformDisabledBasedOnStepsConfig(selectedNodeTypeName, supportedTargetNodeTypeName)) {
+// 			if (selectedNodeTypeName === 'heading' && supportedTargetNodeTypeName === 'heading') {
+// 				return isHeadingToHeadingTransformDisabled(node, targetNodeTypeAttrs);
+// 			}
+// 			return false;
+// 		}
+
+// 		if (
+// 			isNested &&
+// 			!canParentContainNodeType(schema, parent, supportedTargetNodeTypeName, targetNodeTypeAttrs)
+// 		) {
+// 			return false;
+// 		}
+
+// 		return true;
+// 	});
+
+// 	if (isTransformEnabledForAnySelectedNode) {
+// 		return false;
+// 	}
+
+// 	return true;
+// };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getOutputNodes = void 0;
+exports.isTransformDisabledBasedOnStepsConfig = exports.getOutputNodes = void 0;
 var _utils = require("../transform-node-utils/utils");
 var _flattenStep = require("./flattenStep");
 var _applyTargetTextTypeStep = require("./steps/applyTargetTextTypeStep");
@@ -16,7 +16,6 @@ var _unwrapListStep = require("./steps/unwrapListStep");
 var _wrapBlockquoteToDecisionListStep = require("./steps/wrapBlockquoteToDecisionListStep");
 var _wrapMixedContentStep = require("./steps/wrapMixedContentStep");
 var _wrapTextToCodeblock = require("./steps/wrapTextToCodeblock");
-var _stubStep = require("./stubStep");
 var _types = require("./types");
 var _unwrapExpandStep = require("./unwrapExpandStep");
 var _unwrapStep = require("./unwrapStep");
@@ -53,8 +52,10 @@ var TRANSFORM_STEPS = {
 
 // Transform steps for specific pairs of node types that cannot be processed
 // using generic rules/steps from TRANSFORM_STEPS.
+// Use 'null' to indicate unavailable transfrorm for a case where TRANSFORM_STEPS are not undefined.
 var TRANSFORM_STEPS_OVERRIDE = {
   paragraph: {
+    paragraph: null,
     codeBlock: [_wrapTextToCodeblock.wrapTextToCodeblockStep],
     layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
   },
@@ -63,96 +64,154 @@ var TRANSFORM_STEPS_OVERRIDE = {
     layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
   },
   panel: {
+    panel: null,
     layoutSection: [_unwrapStep.unwrapStep, _wrapIntoLayoutStep.wrapIntoLayoutStep],
     codeBlock: [_unwrapStep.unwrapStep, _flattenStep.flattenStep, _wrapStep.wrapStep],
-    blockquote: [_unwrapStep.unwrapStep, _wrapMixedContentStep.wrapMixedContentStep]
+    blockquote: [_unwrapStep.unwrapStep, _wrapMixedContentStep.wrapMixedContentStep],
+    taskList: null,
+    bulletList: null,
+    orderedList: null,
+    heading: null
   },
   expand: {
+    expand: null,
     panel: [_unwrapExpandStep.unwrapExpandStep, _wrapMixedContentStep.wrapMixedContentStep],
     blockquote: [_unwrapExpandStep.unwrapExpandStep, _wrapMixedContentStep.wrapMixedContentStep],
     layoutSection: [_unwrapExpandStep.unwrapExpandStep, _wrapIntoLayoutStep.wrapIntoLayoutStep],
     paragraph: [_unwrapExpandStep.unwrapExpandStep],
-    codeBlock: [_unwrapExpandStep.unwrapExpandStep, _flattenStep.flattenStep, _wrapStep.wrapStep]
+    codeBlock: null,
+    heading: null
   },
   nestedExpand: {
+    expand: null,
+    nestedExpand: null,
     panel: [_unwrapExpandStep.unwrapExpandStep, _wrapMixedContentStep.wrapMixedContentStep],
     blockquote: [_unwrapExpandStep.unwrapExpandStep, _wrapMixedContentStep.wrapMixedContentStep],
     paragraph: [_unwrapExpandStep.unwrapExpandStep],
-    codeBlock: [_unwrapExpandStep.unwrapExpandStep, _flattenStep.flattenStep, _wrapStep.wrapStep]
+    codeBlock: null,
+    heading: null
   },
   blockquote: {
+    blockquote: null,
     expand: [_wrapStep.wrapStep],
     nestedExpand: [_wrapStep.wrapStep],
     layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep],
-    codeBlock: [_unwrapStep.unwrapStep, _flattenStep.flattenStep, _wrapStep.wrapStep],
+    codeBlock: null,
     decisionList: [_unwrapStep.unwrapStep, _wrapBlockquoteToDecisionListStep.wrapBlockquoteToDecisionListStep]
   },
   layoutSection: {
+    layoutSection: null,
     blockquote: [_unwrapLayoutStep.unwrapLayoutStep, _wrapMixedContentStep.wrapMixedContentStep],
     expand: [_unwrapLayoutStep.unwrapLayoutStep, _wrapStep.wrapStep],
     panel: [_unwrapLayoutStep.unwrapLayoutStep, _wrapMixedContentStep.wrapMixedContentStep],
-    codeBlock: [_unwrapLayoutStep.unwrapLayoutStep, _flattenStep.flattenStep, _wrapStep.wrapStep],
-    paragraph: [_unwrapLayoutStep.unwrapLayoutStep]
+    codeBlock: null,
+    paragraph: [_unwrapLayoutStep.unwrapLayoutStep],
+    heading: null
   },
   codeBlock: {
+    codeBlock: null,
     blockquote: [_wrapStep.wrapStep],
     expand: [_wrapStep.wrapStep],
     nestedExpand: [_wrapStep.wrapStep],
     layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep],
-    panel: [_wrapStep.wrapStep]
+    panel: [_wrapStep.wrapStep],
+    heading: null
   },
   bulletList: {
-    // Text transformations currently not in scope > options will be disabled > stubbing in case
-    codeBlock: [_stubStep.stubStep],
+    bulletList: null,
+    codeBlock: null,
     layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep],
-    decisionList: [_flattenListStep.flattenListStep, _listToDecisionListStep.listToDecisionListStep]
+    decisionList: [_flattenListStep.flattenListStep, _listToDecisionListStep.listToDecisionListStep],
+    heading: null
   },
   orderedList: {
-    // Text transformations currently not in scope > options will be disabled > stubbing in case
-    codeBlock: [_stubStep.stubStep],
+    orderedList: null,
+    codeBlock: null,
     layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep],
-    decisionList: [_flattenListStep.flattenListStep, _listToDecisionListStep.listToDecisionListStep]
+    decisionList: [_flattenListStep.flattenListStep, _listToDecisionListStep.listToDecisionListStep],
+    heading: null
   },
   taskList: {
-    // Text transformations currently not in scope > options will be disabled > stubbing in case
-    blockquote: [_stubStep.stubStep],
-    codeBlock: [_stubStep.stubStep],
+    blockquote: null,
+    codeBlock: null,
     layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep],
-    decisionList: [_flattenListStep.flattenListStep, _listToDecisionListStep.listToDecisionListStep]
+    decisionList: [_flattenListStep.flattenListStep, _listToDecisionListStep.listToDecisionListStep],
+    heading: null,
+    taskList: null
   },
   table: {
-    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep],
+    blockquote: null,
+    panel: null,
+    codeBlock: null,
+    orderedList: null,
+    bulletList: null,
+    taskList: null,
+    decisionList: null
   },
   mediaSingle: {
-    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep],
+    codeBlock: null,
+    decisionList: null,
+    taskList: null
   },
   mediaGroup: {
-    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep],
+    codeBlock: null
   },
   decisionList: {
+    decisionList: null,
     bulletList: [_decisionListToListStep.decisionListToListStep],
     orderedList: [_decisionListToListStep.decisionListToListStep],
     taskList: [_decisionListToListStep.decisionListToListStep],
     layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
   },
   blockCard: {
-    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep],
+    blockquote: null,
+    codeBlock: null,
+    orderedList: null,
+    bulletList: null,
+    taskList: null,
+    decisionList: null
   },
   embedCard: {
-    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep],
+    blockquote: null,
+    panel: null,
+    codeBlock: null,
+    orderedList: null,
+    bulletList: null,
+    taskList: null,
+    decisionList: null
   },
   extension: {
-    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep],
+    codeBlock: null,
+    decisionList: null,
+    taskList: null
   },
   bodiedExtension: {
-    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep]
+    layoutSection: [_wrapIntoLayoutStep.wrapIntoLayoutStep],
+    blockquote: null,
+    expand: null,
+    panel: null,
+    codeBlock: null,
+    orderedList: null,
+    bulletList: null,
+    taskList: null,
+    decisionList: null
   }
 };
 var getTransformStepsForNodeTypes = function getTransformStepsForNodeTypes(selectedNodeTypeName, targetNodeTypeName) {
-  var _TRANSFORM_STEPS_OVER, _TRANSFORM_STEPS_OVER2;
+  var _TRANSFORM_STEPS_OVER;
   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];
+  var overrideSteps = (_TRANSFORM_STEPS_OVER = TRANSFORM_STEPS_OVERRIDE[selectedNodeTypeName]) === null || _TRANSFORM_STEPS_OVER === void 0 ? void 0 : _TRANSFORM_STEPS_OVER[targetNodeTypeName];
+  if (overrideSteps === null) {
+    return null;
+  }
+  var steps = overrideSteps !== null && overrideSteps !== void 0 ? overrideSteps : TRANSFORM_STEPS[fromCategory][toCategory];
   return steps;
 };
 // Note: Currently works only for single node in the selection
@@ -183,4 +242,11 @@ var getOutputNodes = exports.getOutputNodes = function getOutputNodes(_ref) {
   return steps.reduce(function (nodes, step) {
     return step(nodes, context);
   }, nodesToReplace);
+};
+var isTransformDisabledBasedOnStepsConfig = exports.isTransformDisabledBasedOnStepsConfig = function isTransformDisabledBasedOnStepsConfig(selectedNodeType, targetNodeType) {
+  var steps = getTransformStepsForNodeTypes(selectedNodeType, targetNodeType);
+  if (!steps || steps.length === 0) {
+    return true;
+  }
+  return false;
 };

package/dist/cjs/ui/copy-link.js

@@ -19,7 +19,6 @@ var _main = require("../pm-plugins/main");
 var _blockMenuProvider = require("./block-menu-provider");
 var _consts = require("./consts");
 var _copyLink = require("./utils/copyLink");
-var _isNestedNode = require("./utils/isNestedNode");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
   var api = _ref.api,
@@ -35,14 +34,12 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
       var blockControlsState = _ref3.blockControlsState,
         selectionState = _ref3.selectionState;
       return {
-        menuTriggerBy: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.menuTriggerBy,
         preservedSelection: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.preservedSelection,
         defaultSelection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
       };
     }),
     preservedSelection = _useSharedPluginState.preservedSelection,
-    defaultSelection = _useSharedPluginState.defaultSelection,
-    menuTriggerBy = _useSharedPluginState.menuTriggerBy;
+    defaultSelection = _useSharedPluginState.defaultSelection;
   var selection = preservedSelection || defaultSelection;
   var handleClick = (0, _react.useCallback)(function () {
     if (!selection) {
@@ -85,8 +82,8 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
     });
   }, [api, blockLinkHashPrefix, getLinkPath, onDropdownOpenChanged, selection]);
 
-  // Hide copy link when `platform_editor_adf_with_localid` feature flag is off or when the node is nested
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') || !!menuTriggerBy && (0, _isNestedNode.isNestedNode)(selection, menuTriggerBy)) {
+  // Hide copy link when `platform_editor_adf_with_localid` feature flag is off
+  if (!(0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid')) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {

package/dist/es2019/blockMenuPlugin.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { createBlockMenuRegistry } from './editor-actions';
+import { isTrasformToTargetDisabled } from './editor-actions/isTrasformToTargetDisabled';
 import { formatNode } from './editor-commands/formatNode';
 import { transformNode } from './editor-commands/transformNode';
 import { blockMenuPluginKey, createPlugin } from './pm-plugins/main';
@@ -30,6 +31,20 @@ export const blockMenuPlugin = ({
       },
       getBlockMenuComponents: () => {
         return registry.components;
+      },
+      isTransformOptionDisabled: (optionNodeTypeName, optionNodeTypeAttrs) => {
+        var _api$blockControls, _api$blockControls$sh, _api$selection, _api$selection$shared, _api$selection$shared2;
+        const preservedSelection = api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : (_api$blockControls$sh = _api$blockControls.sharedState.currentState()) === null || _api$blockControls$sh === void 0 ? void 0 : _api$blockControls$sh.preservedSelection;
+        const selection = api === null || api === void 0 ? void 0 : (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : (_api$selection$shared = _api$selection.sharedState) === null || _api$selection$shared === void 0 ? void 0 : (_api$selection$shared2 = _api$selection$shared.currentState()) === null || _api$selection$shared2 === void 0 ? void 0 : _api$selection$shared2.selection;
+        const currentSelection = preservedSelection || selection;
+        if (!currentSelection) {
+          return true;
+        }
+        return isTrasformToTargetDisabled({
+          selection: currentSelection,
+          targetNodeTypeName: optionNodeTypeName,
+          targetNodeTypeAttrs: optionNodeTypeAttrs
+        });
       }
     },
     commands: {
@@ -41,7 +56,7 @@ export const blockMenuPlugin = ({
       }
     },
     getSharedState(editorState) {
-      var _api$blockControls, _api$blockControls$sh, _pluginState$showFlag;
+      var _api$blockControls2, _api$blockControls2$s, _pluginState$showFlag;
       if (!editorState) {
         return {
           currentSelectedNodeName: undefined,
@@ -50,7 +65,7 @@ export const blockMenuPlugin = ({
       }
 
       // Get the menuTriggerBy from blockControls plugin if available
-      const currentSelectedNodeName = api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : (_api$blockControls$sh = _api$blockControls.sharedState.currentState()) === null || _api$blockControls$sh === void 0 ? void 0 : _api$blockControls$sh.menuTriggerBy;
+      const currentSelectedNodeName = api === null || api === void 0 ? void 0 : (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 ? void 0 : (_api$blockControls2$s = _api$blockControls2.sharedState.currentState()) === null || _api$blockControls2$s === void 0 ? void 0 : _api$blockControls2$s.menuTriggerBy;
 
       // Get the showFlag from plugin state
       const pluginState = blockMenuPluginKey.getState(editorState);

package/dist/es2019/editor-actions/isTrasformToTargetDisabled.js

@@ -0,0 +1,110 @@
+import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection';
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
+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';
+export const canParentContainNodeType = (schema, parentNode, nodeTypeName, nodeTypeAttrs) => {
+  const adjustedNodeTypeName = getTargetNodeTypeNameInContext(nodeTypeName, true);
+  if (!adjustedNodeTypeName) {
+    return false;
+  }
+  const nodeType = schema.nodes[adjustedNodeTypeName];
+  return parentNode.type.validContent(Fragment.from(nodeType.createAndFill(nodeTypeAttrs)));
+};
+const isHeadingToHeadingTransformEnabled = (selectedNode, targetNodeTypeAttrs) => {
+  var _selectedNode$attrs;
+  const selectedLevel = (_selectedNode$attrs = selectedNode.attrs) === null || _selectedNode$attrs === void 0 ? void 0 : _selectedNode$attrs.level;
+  const targetLevel = targetNodeTypeAttrs === null || targetNodeTypeAttrs === void 0 ? void 0 : targetNodeTypeAttrs.level;
+  if (selectedLevel === undefined || targetLevel === undefined) {
+    return false;
+  }
+  return selectedLevel !== targetLevel;
+};
+const isTransformEnabledForNode = (node, targetNodeTypeName, targetNodeTypeAttrs, isNested, parent, schema) => {
+  const selectedNodeTypeName = toNodeTypeValue(node.type.name);
+  if (!selectedNodeTypeName) {
+    return false;
+  }
+  const isDisabledByStepsConfig = isTransformDisabledBasedOnStepsConfig(selectedNodeTypeName, targetNodeTypeName);
+  if (isDisabledByStepsConfig) {
+    return false;
+  }
+  if (selectedNodeTypeName === 'heading' && targetNodeTypeName === 'heading') {
+    return isHeadingToHeadingTransformEnabled(node, targetNodeTypeAttrs);
+  }
+  if (isNested && !canParentContainNodeType(schema, parent, targetNodeTypeName, targetNodeTypeAttrs)) {
+    return false;
+  }
+  return true;
+};
+export const isTrasformToTargetDisabled = ({
+  selection,
+  targetNodeTypeName,
+  targetNodeTypeAttrs
+}) => {
+  const {
+    range
+  } = expandSelectionToBlockRange(selection);
+  if (!range) {
+    return false;
+  }
+  const selectedNodes = getBlockNodesInRange(range);
+  const parent = range.parent;
+  const isNested = range.depth >= 1;
+  const {
+    schema
+  } = selection.$from.doc.type;
+  const supportedTargetNodeTypeName = toNodeTypeValue(targetNodeTypeName);
+  if (!supportedTargetNodeTypeName) {
+    return true;
+  }
+  const isEnabledForAnyNode = selectedNodes.some(node => isTransformEnabledForNode(node, supportedTargetNodeTypeName, targetNodeTypeAttrs, isNested, parent, schema));
+  return !isEnabledForAnyNode;
+};
+
+// export const isTrasformToTargetDisabled = ({
+// 	selection,
+// 	targetNodeTypeName,
+// 	targetNodeTypeAttrs,
+// }: TransformDisabledArgs) => {
+// 	const { range } = expandSelectionToBlockRange(selection);
+// 	if (!range) {
+// 		return false;
+// 	}
+
+// 	const selectedNodes = getBlockNodesInRange(range);
+// 	const parent = range.parent;
+// 	const isNested = range.depth >= 1;
+
+// 	const { schema } = selection.$from.doc.type;
+
+// 	const isTransformEnabledForAnySelectedNode = selectedNodes.some((node) => {
+// 		const selectedNodeTypeName = toNodeTypeValue(node.type.name);
+// 		const supportedTargetNodeTypeName = toNodeTypeValue(targetNodeTypeName);
+// 		if (!selectedNodeTypeName || !supportedTargetNodeTypeName) {
+// 			return false;
+// 		}
+
+// 		if (isTransformDisabledBasedOnStepsConfig(selectedNodeTypeName, supportedTargetNodeTypeName)) {
+// 			if (selectedNodeTypeName === 'heading' && supportedTargetNodeTypeName === 'heading') {
+// 				return isHeadingToHeadingTransformDisabled(node, targetNodeTypeAttrs);
+// 			}
+// 			return false;
+// 		}
+
+// 		if (
+// 			isNested &&
+// 			!canParentContainNodeType(schema, parent, supportedTargetNodeTypeName, targetNodeTypeAttrs)
+// 		) {
+// 			return false;
+// 		}
+
+// 		return true;
+// 	});
+
+// 	if (isTransformEnabledForAnySelectedNode) {
+// 		return false;
+// 	}
+
+// 	return true;
+// };