@atlaskit/editor-plugin-block-menu 5.0.7 → 5.0.9

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 5.0.9
+
+### Patch Changes
+
+- [`d43ebcd35ce11`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d43ebcd35ce11) -
+  [ux] Enable block menu on all top level nodes by default
+
+## 5.0.8
+
+### Patch Changes
+
+- [`66669e4c6a5d3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/66669e4c6a5d3) -
+  [ux] Update block menu renderer to support mulitple sections inside of a nested menu
+- Updated dependencies
+
 ## 5.0.7
 
 ### Patch Changes

package/afm-jira/tsconfig.json

@@ -2,7 +2,7 @@
 	"extends": "../../../../tsconfig.entry-points.jira.json",
 	"compilerOptions": {
 		"target": "es5",
-		"outDir": "../../../../../tsDist/@atlaskit__editor-plugin-block-menu/app",
+		"outDir": "../../../../../jira/tsDist/@atlaskit__editor-plugin-block-menu/app",
 		"rootDir": "../",
 		"composite": true
 	},

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

@@ -81,27 +81,62 @@ var getFormatMenuComponents = function getFormatMenuComponents(api) {
         children = _ref2.children;
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, children);
     }
+  }, {
+    type: 'block-menu-section',
+    key: _blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION.key,
+    parent: {
+      type: 'block-menu-nested',
+      key: _blockMenu.NESTED_FORMAT_MENU.key,
+      rank: _blockMenu.TRANSFORM_MENU_ITEM_RANK[_blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION.key]
+    },
+    component: function component() {
+      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          children: null
+        },
+        children = _ref3.children;
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        title: "Structure"
+      }, children);
+    }
+  }, {
+    type: 'block-menu-section',
+    key: _blockMenu.TRANSFORM_HEADINGS_MENU_SECTION.key,
+    parent: {
+      type: 'block-menu-nested',
+      key: _blockMenu.NESTED_FORMAT_MENU.key,
+      rank: _blockMenu.TRANSFORM_MENU_ITEM_RANK[_blockMenu.TRANSFORM_HEADINGS_MENU_SECTION.key]
+    },
+    component: function component() {
+      var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          children: null
+        },
+        children = _ref4.children;
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        title: "Headings",
+        hasSeparator: true
+      }, children);
+    }
   }, {
     type: 'block-menu-section',
     key: _blockMenu.PRIMARY_MENU_SECTION.key,
     rank: 100,
-    component: function component(_ref3) {
-      var children = _ref3.children;
+    component: function component(_ref5) {
+      var children = _ref5.children;
       return /*#__PURE__*/_react.default.createElement(_formatMenuSection.FormatMenuSection, {
         api: api
       }, children);
     }
   }];
 };
-var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockMenuComponents(_ref4) {
-  var api = _ref4.api,
-    config = _ref4.config;
+var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockMenuComponents(_ref6) {
+  var api = _ref6.api,
+    config = _ref6.config;
   return [].concat((0, _toConsumableArray2.default)(getFormatMenuComponents(api)), (0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) ? [{
     type: 'block-menu-section',
     key: _blockMenu.ADD_BLOCKS_MENU_SECTION.key,
     rank: _blockMenu.BLOCK_MENU_SECTION_RANK[_blockMenu.ADD_BLOCKS_MENU_SECTION.key],
-    component: function component(_ref5) {
-      var children = _ref5.children;
+    component: function component(_ref7) {
+      var children = _ref7.children;
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -110,8 +145,8 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
     type: 'block-menu-section',
     key: _blockMenu.COPY_MENU_SECTION.key,
     rank: _blockMenu.BLOCK_MENU_SECTION_RANK[_blockMenu.COPY_MENU_SECTION.key],
-    component: function component(_ref6) {
-      var children = _ref6.children;
+    component: function component(_ref8) {
+      var children = _ref8.children;
       return /*#__PURE__*/_react.default.createElement(_copySection.CopySection, {
         api: api
       }, children);
@@ -147,8 +182,8 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
     type: 'block-menu-section',
     key: _blockMenu.MOVE_UP_DOWN_MENU_SECTION.key,
     rank: _blockMenu.BLOCK_MENU_SECTION_RANK[_blockMenu.MOVE_UP_DOWN_MENU_SECTION.key],
-    component: function component(_ref7) {
-      var children = _ref7.children;
+    component: function component(_ref9) {
+      var children = _ref9.children;
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -157,8 +192,8 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
     type: 'block-menu-section',
     key: _blockMenu.DELETE_MENU_SECTION.key,
     rank: _blockMenu.BLOCK_MENU_SECTION_RANK[_blockMenu.DELETE_MENU_SECTION.key],
-    component: function component(_ref8) {
-      var children = _ref8.children;
+    component: function component(_ref0) {
+      var children = _ref0.children;
       return /*#__PURE__*/_react.default.createElement(_deleteSection.DeleteSection, {
         api: api
       }, children);

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

@@ -65,21 +65,25 @@ var BlockMenuRenderer = exports.BlockMenuRenderer = function BlockMenuRenderer(_
         return items.map(function (item) {
           if (isNestedMenu(item)) {
             var sortedNestedSections = getSortedNestedSections(components, item.key);
-            return sortedNestedSections.map(function (section) {
+            var sections = sortedNestedSections.map(function (section) {
               var sortedNestedMenuItems = getSortedChildren(menuItems, section.key);
-              var NestedMenuComponent = item.component || fallbacks.nestedMenu || NoOp;
+              if (sortedNestedMenuItems.length === 0) {
+                return null;
+              }
               var NestedSection = section.component || fallbacks.section || NoOp;
-              return /*#__PURE__*/_react.default.createElement(NestedMenuComponent, {
-                key: item.key
-              }, /*#__PURE__*/_react.default.createElement(NestedSection, {
+              return /*#__PURE__*/_react.default.createElement(NestedSection, {
                 key: section.key
               }, sortedNestedMenuItems.map(function (nestedItem) {
                 var NestedMenuItemComponent = nestedItem.component || fallbacks.item || NoOp;
                 return /*#__PURE__*/_react.default.createElement(NestedMenuItemComponent, {
                   key: nestedItem.key
                 });
-              })));
+              }));
             });
+            var NestedMenuComponent = item.component || fallbacks.nestedMenu || NoOp;
+            return /*#__PURE__*/_react.default.createElement(NestedMenuComponent, {
+              key: item.key
+            }, sections);
           } else {
             var ItemComponent = item.component || fallbacks.item || NoOp;
             return /*#__PURE__*/_react.default.createElement(ItemComponent, {

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

@@ -9,11 +9,18 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _isNestedNode = require("./isNestedNode");
+var TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES = true;
 var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema, menuTriggerBy) {
   var nodes = schema.nodes;
   if (!nodes) {
     return false;
   }
+  var isNested = (0, _isNestedNode.isNestedNode)(selection, menuTriggerBy);
+  if (TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES) {
+    var disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
+    var disabledNode = (0, _utils.findSelectedNodeOfType)(disabledOnNodes)(selection);
+    return !!disabledNode || isNested && !(0, _platformFeatureFlags.fg)('platform_editor_block_menu_transform_nested_node');
+  }
   var content;
   var allowedNodes = [nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList];
   if ((0, _expValEquals.expValEquals)('platform_editor_block_menu_layout_format', 'isEnabled', true)) {
@@ -31,7 +38,6 @@ var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema, me
       content = listTypeOrBlockQuoteNode.node;
     }
   }
-  var isNested = (0, _isNestedNode.isNestedNode)(selection, menuTriggerBy);
   return !content || isNested && !(0, _platformFeatureFlags.fg)('platform_editor_block_menu_transform_nested_node');
 };
 var getIsFormatMenuHiddenEmptyLine = function getIsFormatMenuHiddenEmptyLine(selection, schema, menuTriggerBy) {
@@ -40,6 +46,11 @@ var getIsFormatMenuHiddenEmptyLine = function getIsFormatMenuHiddenEmptyLine(sel
     return false;
   }
   var isNested = (0, _isNestedNode.isNestedNode)(selection, menuTriggerBy);
+  if (TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES) {
+    var disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
+    var disabledNode = (0, _utils.findSelectedNodeOfType)(disabledOnNodes)(selection);
+    return !!disabledNode || isNested && !(0, _platformFeatureFlags.fg)('platform_editor_block_menu_transform_nested_node');
+  }
   if (selection.empty || selection.content().size === 0) {
     // if empty selection, show format menu
     return false;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ADD_BLOCKS_MENU_SECTION, MOVE_UP_MENU_ITEM, MOVE_UP_DOWN_MENU_SECTION, MOVE_DOWN_MENU_ITEM, MOVE_BLOCK_SECTION_RANK, PRIMARY_MENU_SECTION, BLOCK_MENU_SECTION_RANK, COPY_MENU_SECTION, COPY_BLOCK_MENU_ITEM, COPY_MENU_SECTION_RANK, COPY_LINK_MENU_ITEM, DELETE_MENU_SECTION, DELETE_MENU_ITEM, DELETE_SECTION_RANK, NESTED_FORMAT_MENU_SECTION, NESTED_FORMAT_MENU } from '@atlaskit/editor-common/block-menu';
+import { ADD_BLOCKS_MENU_SECTION, MOVE_UP_MENU_ITEM, MOVE_UP_DOWN_MENU_SECTION, MOVE_DOWN_MENU_ITEM, MOVE_BLOCK_SECTION_RANK, PRIMARY_MENU_SECTION, BLOCK_MENU_SECTION_RANK, COPY_MENU_SECTION, COPY_BLOCK_MENU_ITEM, COPY_MENU_SECTION_RANK, COPY_LINK_MENU_ITEM, DELETE_MENU_SECTION, DELETE_MENU_ITEM, DELETE_SECTION_RANK, NESTED_FORMAT_MENU_SECTION, NESTED_FORMAT_MENU, TRANSFORM_MENU_ITEM_RANK, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION } from '@atlaskit/editor-common/block-menu';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import CopyBlockMenuItem from './copy-block';
@@ -69,6 +69,41 @@ const getFormatMenuComponents = api => {
     }) => {
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
     }
+  }, {
+    type: 'block-menu-section',
+    key: TRANSFORM_STRUCTURE_MENU_SECTION.key,
+    parent: {
+      type: 'block-menu-nested',
+      key: NESTED_FORMAT_MENU.key,
+      rank: TRANSFORM_MENU_ITEM_RANK[TRANSFORM_STRUCTURE_MENU_SECTION.key]
+    },
+    component: ({
+      children
+    } = {
+      children: null
+    }) => {
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+        title: "Structure"
+      }, children);
+    }
+  }, {
+    type: 'block-menu-section',
+    key: TRANSFORM_HEADINGS_MENU_SECTION.key,
+    parent: {
+      type: 'block-menu-nested',
+      key: NESTED_FORMAT_MENU.key,
+      rank: TRANSFORM_MENU_ITEM_RANK[TRANSFORM_HEADINGS_MENU_SECTION.key]
+    },
+    component: ({
+      children
+    } = {
+      children: null
+    }) => {
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+        title: "Headings",
+        hasSeparator: true
+      }, children);
+    }
   }, {
     type: 'block-menu-section',
     key: PRIMARY_MENU_SECTION.key,

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

@@ -44,21 +44,25 @@ export const BlockMenuRenderer = ({
         return items.map(item => {
           if (isNestedMenu(item)) {
             const sortedNestedSections = getSortedNestedSections(components, item.key);
-            return sortedNestedSections.map(section => {
+            const sections = sortedNestedSections.map(section => {
               const sortedNestedMenuItems = getSortedChildren(menuItems, section.key);
-              const NestedMenuComponent = item.component || fallbacks.nestedMenu || NoOp;
+              if (sortedNestedMenuItems.length === 0) {
+                return null;
+              }
               const NestedSection = section.component || fallbacks.section || NoOp;
-              return /*#__PURE__*/React.createElement(NestedMenuComponent, {
-                key: item.key
-              }, /*#__PURE__*/React.createElement(NestedSection, {
+              return /*#__PURE__*/React.createElement(NestedSection, {
                 key: section.key
               }, sortedNestedMenuItems.map(nestedItem => {
                 const NestedMenuItemComponent = nestedItem.component || fallbacks.item || NoOp;
                 return /*#__PURE__*/React.createElement(NestedMenuItemComponent, {
                   key: nestedItem.key
                 });
-              })));
+              }));
             });
+            const NestedMenuComponent = item.component || fallbacks.nestedMenu || NoOp;
+            return /*#__PURE__*/React.createElement(NestedMenuComponent, {
+              key: item.key
+            }, sections);
           } else {
             const ItemComponent = item.component || fallbacks.item || NoOp;
             return /*#__PURE__*/React.createElement(ItemComponent, {

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

@@ -3,11 +3,18 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { isNestedNode } from './isNestedNode';
+const TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES = true;
 const getIsFormatMenuHidden = (selection, schema, menuTriggerBy) => {
   const nodes = schema.nodes;
   if (!nodes) {
     return false;
   }
+  const isNested = isNestedNode(selection, menuTriggerBy);
+  if (TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES) {
+    const disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
+    const disabledNode = findSelectedNodeOfType(disabledOnNodes)(selection);
+    return !!disabledNode || isNested && !fg('platform_editor_block_menu_transform_nested_node');
+  }
   let content;
   const allowedNodes = [nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList];
   if (expValEquals('platform_editor_block_menu_layout_format', 'isEnabled', true)) {
@@ -25,7 +32,6 @@ const getIsFormatMenuHidden = (selection, schema, menuTriggerBy) => {
       content = listTypeOrBlockQuoteNode.node;
     }
   }
-  const isNested = isNestedNode(selection, menuTriggerBy);
   return !content || isNested && !fg('platform_editor_block_menu_transform_nested_node');
 };
 const getIsFormatMenuHiddenEmptyLine = (selection, schema, menuTriggerBy) => {
@@ -34,6 +40,11 @@ const getIsFormatMenuHiddenEmptyLine = (selection, schema, menuTriggerBy) => {
     return false;
   }
   const isNested = isNestedNode(selection, menuTriggerBy);
+  if (TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES) {
+    const disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
+    const disabledNode = findSelectedNodeOfType(disabledOnNodes)(selection);
+    return !!disabledNode || isNested && !fg('platform_editor_block_menu_transform_nested_node');
+  }
   if (selection.empty || selection.content().size === 0) {
     // if empty selection, show format menu
     return false;

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

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
-import { ADD_BLOCKS_MENU_SECTION, MOVE_UP_MENU_ITEM, MOVE_UP_DOWN_MENU_SECTION, MOVE_DOWN_MENU_ITEM, MOVE_BLOCK_SECTION_RANK, PRIMARY_MENU_SECTION, BLOCK_MENU_SECTION_RANK, COPY_MENU_SECTION, COPY_BLOCK_MENU_ITEM, COPY_MENU_SECTION_RANK, COPY_LINK_MENU_ITEM, DELETE_MENU_SECTION, DELETE_MENU_ITEM, DELETE_SECTION_RANK, NESTED_FORMAT_MENU_SECTION, NESTED_FORMAT_MENU } from '@atlaskit/editor-common/block-menu';
+import { ADD_BLOCKS_MENU_SECTION, MOVE_UP_MENU_ITEM, MOVE_UP_DOWN_MENU_SECTION, MOVE_DOWN_MENU_ITEM, MOVE_BLOCK_SECTION_RANK, PRIMARY_MENU_SECTION, BLOCK_MENU_SECTION_RANK, COPY_MENU_SECTION, COPY_BLOCK_MENU_ITEM, COPY_MENU_SECTION_RANK, COPY_LINK_MENU_ITEM, DELETE_MENU_SECTION, DELETE_MENU_ITEM, DELETE_SECTION_RANK, NESTED_FORMAT_MENU_SECTION, NESTED_FORMAT_MENU, TRANSFORM_MENU_ITEM_RANK, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION } from '@atlaskit/editor-common/block-menu';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import CopyBlockMenuItem from './copy-block';
@@ -74,27 +74,62 @@ var getFormatMenuComponents = function getFormatMenuComponents(api) {
         children = _ref2.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
     }
+  }, {
+    type: 'block-menu-section',
+    key: TRANSFORM_STRUCTURE_MENU_SECTION.key,
+    parent: {
+      type: 'block-menu-nested',
+      key: NESTED_FORMAT_MENU.key,
+      rank: TRANSFORM_MENU_ITEM_RANK[TRANSFORM_STRUCTURE_MENU_SECTION.key]
+    },
+    component: function component() {
+      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          children: null
+        },
+        children = _ref3.children;
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+        title: "Structure"
+      }, children);
+    }
+  }, {
+    type: 'block-menu-section',
+    key: TRANSFORM_HEADINGS_MENU_SECTION.key,
+    parent: {
+      type: 'block-menu-nested',
+      key: NESTED_FORMAT_MENU.key,
+      rank: TRANSFORM_MENU_ITEM_RANK[TRANSFORM_HEADINGS_MENU_SECTION.key]
+    },
+    component: function component() {
+      var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          children: null
+        },
+        children = _ref4.children;
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+        title: "Headings",
+        hasSeparator: true
+      }, children);
+    }
   }, {
     type: 'block-menu-section',
     key: PRIMARY_MENU_SECTION.key,
     rank: 100,
-    component: function component(_ref3) {
-      var children = _ref3.children;
+    component: function component(_ref5) {
+      var children = _ref5.children;
       return /*#__PURE__*/React.createElement(FormatMenuSection, {
         api: api
       }, children);
     }
   }];
 };
-export var getBlockMenuComponents = function getBlockMenuComponents(_ref4) {
-  var api = _ref4.api,
-    config = _ref4.config;
+export var getBlockMenuComponents = function getBlockMenuComponents(_ref6) {
+  var api = _ref6.api,
+    config = _ref6.config;
   return [].concat(_toConsumableArray(getFormatMenuComponents(api)), _toConsumableArray(expValEquals('platform_synced_block', 'isEnabled', true) ? [{
     type: 'block-menu-section',
     key: ADD_BLOCKS_MENU_SECTION.key,
     rank: BLOCK_MENU_SECTION_RANK[ADD_BLOCKS_MENU_SECTION.key],
-    component: function component(_ref5) {
-      var children = _ref5.children;
+    component: function component(_ref7) {
+      var children = _ref7.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -103,8 +138,8 @@ export var getBlockMenuComponents = function getBlockMenuComponents(_ref4) {
     type: 'block-menu-section',
     key: COPY_MENU_SECTION.key,
     rank: BLOCK_MENU_SECTION_RANK[COPY_MENU_SECTION.key],
-    component: function component(_ref6) {
-      var children = _ref6.children;
+    component: function component(_ref8) {
+      var children = _ref8.children;
       return /*#__PURE__*/React.createElement(CopySection, {
         api: api
       }, children);
@@ -140,8 +175,8 @@ export var getBlockMenuComponents = function getBlockMenuComponents(_ref4) {
     type: 'block-menu-section',
     key: MOVE_UP_DOWN_MENU_SECTION.key,
     rank: BLOCK_MENU_SECTION_RANK[MOVE_UP_DOWN_MENU_SECTION.key],
-    component: function component(_ref7) {
-      var children = _ref7.children;
+    component: function component(_ref9) {
+      var children = _ref9.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -150,8 +185,8 @@ export var getBlockMenuComponents = function getBlockMenuComponents(_ref4) {
     type: 'block-menu-section',
     key: DELETE_MENU_SECTION.key,
     rank: BLOCK_MENU_SECTION_RANK[DELETE_MENU_SECTION.key],
-    component: function component(_ref8) {
-      var children = _ref8.children;
+    component: function component(_ref0) {
+      var children = _ref0.children;
       return /*#__PURE__*/React.createElement(DeleteSection, {
         api: api
       }, children);

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

@@ -56,21 +56,25 @@ export var BlockMenuRenderer = function BlockMenuRenderer(_ref) {
         return items.map(function (item) {
           if (isNestedMenu(item)) {
             var sortedNestedSections = getSortedNestedSections(components, item.key);
-            return sortedNestedSections.map(function (section) {
+            var sections = sortedNestedSections.map(function (section) {
               var sortedNestedMenuItems = getSortedChildren(menuItems, section.key);
-              var NestedMenuComponent = item.component || fallbacks.nestedMenu || NoOp;
+              if (sortedNestedMenuItems.length === 0) {
+                return null;
+              }
               var NestedSection = section.component || fallbacks.section || NoOp;
-              return /*#__PURE__*/React.createElement(NestedMenuComponent, {
-                key: item.key
-              }, /*#__PURE__*/React.createElement(NestedSection, {
+              return /*#__PURE__*/React.createElement(NestedSection, {
                 key: section.key
               }, sortedNestedMenuItems.map(function (nestedItem) {
                 var NestedMenuItemComponent = nestedItem.component || fallbacks.item || NoOp;
                 return /*#__PURE__*/React.createElement(NestedMenuItemComponent, {
                   key: nestedItem.key
                 });
-              })));
+              }));
             });
+            var NestedMenuComponent = item.component || fallbacks.nestedMenu || NoOp;
+            return /*#__PURE__*/React.createElement(NestedMenuComponent, {
+              key: item.key
+            }, sections);
           } else {
             var ItemComponent = item.component || fallbacks.item || NoOp;
             return /*#__PURE__*/React.createElement(ItemComponent, {

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

@@ -3,11 +3,18 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { isNestedNode } from './isNestedNode';
+var TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES = true;
 var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema, menuTriggerBy) {
   var nodes = schema.nodes;
   if (!nodes) {
     return false;
   }
+  var isNested = isNestedNode(selection, menuTriggerBy);
+  if (TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES) {
+    var disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
+    var disabledNode = findSelectedNodeOfType(disabledOnNodes)(selection);
+    return !!disabledNode || isNested && !fg('platform_editor_block_menu_transform_nested_node');
+  }
   var content;
   var allowedNodes = [nodes.paragraph, nodes.heading, nodes.blockquote, nodes.panel, nodes.codeBlock, nodes.bulletList, nodes.orderedList, nodes.taskList];
   if (expValEquals('platform_editor_block_menu_layout_format', 'isEnabled', true)) {
@@ -25,7 +32,6 @@ var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema, me
       content = listTypeOrBlockQuoteNode.node;
     }
   }
-  var isNested = isNestedNode(selection, menuTriggerBy);
   return !content || isNested && !fg('platform_editor_block_menu_transform_nested_node');
 };
 var getIsFormatMenuHiddenEmptyLine = function getIsFormatMenuHiddenEmptyLine(selection, schema, menuTriggerBy) {
@@ -34,6 +40,11 @@ var getIsFormatMenuHiddenEmptyLine = function getIsFormatMenuHiddenEmptyLine(sel
     return false;
   }
   var isNested = isNestedNode(selection, menuTriggerBy);
+  if (TRANSFORM_MENU_ENABLED_FOR_ALL_TOP_LEVEL_NODES) {
+    var disabledOnNodes = [nodes.syncBlock, nodes.bodiedSyncBlock, nodes.rule];
+    var disabledNode = findSelectedNodeOfType(disabledOnNodes)(selection);
+    return !!disabledNode || isNested && !fg('platform_editor_block_menu_transform_nested_node');
+  }
   if (selection.empty || selection.content().size === 0) {
     // if empty selection, show format menu
     return false;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "5.0.7",
+	"version": "5.0.9",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,7 +31,7 @@
 		"@atlaskit/css": "^0.15.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/editor-plugin-analytics": "^6.2.0",
-		"@atlaskit/editor-plugin-block-controls": "^7.5.0",
+		"@atlaskit/editor-plugin-block-controls": "^7.7.0",
 		"@atlaskit/editor-plugin-decorations": "^6.1.0",
 		"@atlaskit/editor-plugin-selection": "^6.1.0",
 		"@atlaskit/editor-plugin-user-intent": "^4.0.0",
@@ -44,12 +44,12 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^16.1.0",
-		"@atlaskit/tmp-editor-statsig": "^13.35.0",
+		"@atlaskit/tmp-editor-statsig": "^13.38.0",
 		"@atlaskit/tokens": "^8.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.27.0",
+		"@atlaskit/editor-common": "^110.31.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},