@atlaskit/editor-plugin-block-menu 5.2.11 → 5.2.13

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

@@ -0,0 +1,121 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+/**
+ * Type guard to check if a component has a parent
+ *
+ * @param component The block menu component to check
+ * @returns True if the component has a parent, false otherwise
+ */
+var hasParent = function hasParent(component) {
+  return 'parent' in component && !!component.parent;
+};
+
+/**
+ * Type guard to identify top-level sections (sections without a parent)
+ *
+ * @param component The block menu component to check
+ * @returns True if the component is a top-level section, false otherwise
+ */
+var isTopLevelSection = function isTopLevelSection(component) {
+  return component.type === 'block-menu-section' && !hasParent(component);
+};
+
+/**
+ * Gets all top-level sections (those without a parent) sorted by rank
+ *
+ * @param components All registered block menu components
+ * @returns Sorted array of top-level sections
+ */
+export var getSortedTopLevelSections = function getSortedTopLevelSections(components) {
+  return components.filter(isTopLevelSection).sort(function (a, b) {
+    return (a.rank || 0) - (b.rank || 0);
+  });
+};
+
+/**
+ * Generates a unique key from a key and type
+ * Used to lookup children in the childrenMap
+ *
+ * @param key The component's key
+ * @param type The component's type
+ * @returns A unique string key combining type and key
+ */
+export var getChildrenMapKey = function getChildrenMapKey(key, type) {
+  return "".concat(type, ":").concat(key);
+};
+
+/**
+ * Builds a map of parent keys to their sorted children
+ * This enables efficient hierarchical rendering of the menu structure
+ *
+ * @param components All registered block menu components
+ * @returns Map where keys are parent identifiers and values are sorted child components
+ */
+export var buildChildrenMap = function buildChildrenMap(components) {
+  var childrenMap = new Map();
+  var _iterator = _createForOfIteratorHelper(components),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var component = _step.value;
+      // Only components with parents can be children
+      if ('parent' in component && !!component.parent) {
+        var childrenMapKey = getChildrenMapKey(component.parent.key, component.parent.type);
+        var existing = childrenMap.get(childrenMapKey) || [];
+        existing.push(component);
+        childrenMap.set(childrenMapKey, existing);
+      }
+    }
+
+    // Sort children by their rank within their parent
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var _iterator2 = _createForOfIteratorHelper(childrenMap.entries()),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _step2$value = _slicedToArray(_step2.value, 2),
+        children = _step2$value[1];
+      children.sort(function (a, b) {
+        var rankA = hasParent(a) ? a.parent.rank || 0 : 0;
+        var rankB = hasParent(b) ? b.parent.rank || 0 : 0;
+        return rankA - rankB;
+      });
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return childrenMap;
+};
+
+/**
+ * Determines whether a component will render based on its type and children
+ *
+ * Rules:
+ * - An item will not render if has a component that returns null
+ * - A nested menu will render if it has at least one registered child component
+ * - A section will render if it has at least one registered child component that will render
+ *
+ * NOTE: This requires invoking each item's component function to check for null return
+ */
+var _willComponentRender = function willComponentRender(registeredComponent, childrenMap) {
+  if (registeredComponent.type === 'block-menu-item') {
+    return registeredComponent.component ? registeredComponent.component() !== null : true;
+  }
+  var childrenMapKey = getChildrenMapKey(registeredComponent.key, registeredComponent.type);
+  var registeredComponents = childrenMap.get(childrenMapKey) || [];
+  if (registeredComponent.type === 'block-menu-nested') {
+    return registeredComponents.length > 0;
+  }
+  return registeredComponents.some(function (childComponent) {
+    return _willComponentRender(childComponent, childrenMap);
+  });
+};
+export { _willComponentRender as willComponentRender };

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

@@ -11,15 +11,15 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { deleteSelectedRange } from '@atlaskit/editor-common/selection';
 import { DRAG_HANDLE_SELECTOR, DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
 import { Popup } from '@atlaskit/editor-common/ui';
+import { ArrowKeyNavigationProvider, ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
 import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
-import { ToolbarDropdownItem, ToolbarDropdownItemSection, ToolbarNestedDropdownMenu } from '@atlaskit/editor-toolbar';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { conditionalHooksFactory } from '@atlaskit/platform-feature-flags-react';
 import { Box } from '@atlaskit/primitives/compiled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { useBlockMenu } from './block-menu-provider';
-import { BlockMenuRenderer } from './block-menu-renderer';
+import { BlockMenuRenderer } from './block-menu-renderer/BlockMenuRenderer';
 var styles = {
   base: "_2rko12b0 _bfhk1bhr _16qs130s",
   emptyMenuSectionStyles: "_1cc0glyw _1k2yglyw"
@@ -111,24 +111,11 @@ var BlockMenuContent = function BlockMenuContent(_ref3) {
     testId: "editor-block-menu",
     ref: ref,
     xcss: cx(styles.base, editorExperiment('platform_synced_block', true) && styles.emptyMenuSectionStyles)
+  }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
+    type: ArrowKeyNavigationType.MENU
   }, /*#__PURE__*/React.createElement(BlockMenuRenderer, {
-    components: blockMenuComponents || [],
-    fallbacks: {
-      nestedMenu: function nestedMenu() {
-        return /*#__PURE__*/React.createElement(ToolbarNestedDropdownMenu, {
-          elemBefore: undefined,
-          elemAfter: undefined
-        }, /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, /*#__PURE__*/React.createElement(ToolbarDropdownItem, null, "Block Menu Item")));
-      },
-      section: function section() {
-        return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, /*#__PURE__*/React.createElement(ToolbarDropdownItem, null, "Block Menu Item"));
-      },
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-      item: function item() {
-        return /*#__PURE__*/React.createElement(ToolbarDropdownItem, null, "Block Menu Item");
-      }
-    }
-  }));
+    allRegisteredComponents: blockMenuComponents || []
+  })));
 };
 var BlockMenu = function BlockMenu(_ref4) {
   var _editorView$dom, _ref5;

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

@@ -22,24 +22,21 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
   var _ref2 = config || {},
     getLinkPath = _ref2.getLinkPath,
     blockLinkHashPrefix = _ref2.blockLinkHashPrefix;
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls', 'selection', 'core'], function (_ref3) {
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls', 'selection'], function (_ref3) {
       var blockControlsState = _ref3.blockControlsState,
-        selectionState = _ref3.selectionState,
-        coreState = _ref3.coreState;
+        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,
-        schema: coreState === null || coreState === void 0 ? void 0 : coreState.schema
+        defaultSelection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
       };
     }),
     preservedSelection = _useSharedPluginState.preservedSelection,
     defaultSelection = _useSharedPluginState.defaultSelection,
-    menuTriggerBy = _useSharedPluginState.menuTriggerBy,
-    schema = _useSharedPluginState.schema;
+    menuTriggerBy = _useSharedPluginState.menuTriggerBy;
   var selection = preservedSelection || defaultSelection;
   var handleClick = useCallback(function () {
-    if (!selection || !schema) {
+    if (!selection) {
       return;
     }
     api === null || api === void 0 || api.core.actions.execute(function (_ref4) {
@@ -65,8 +62,7 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
     copyLink({
       getLinkPath: getLinkPath,
       blockLinkHashPrefix: blockLinkHashPrefix,
-      selection: selection,
-      schema: schema
+      selection: selection
     }).then(function (success) {
       if (success) {
         api === null || api === void 0 || api.core.actions.execute(function (_ref5) {
@@ -78,7 +74,7 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
         });
       }
     });
-  }, [api, blockLinkHashPrefix, getLinkPath, onDropdownOpenChanged, schema, selection]);
+  }, [api, blockLinkHashPrefix, getLinkPath, onDropdownOpenChanged, selection]);
 
   // Hide copy link when `platform_editor_adf_with_localid` feature flag is off or when the node is nested or on empty line
   if (!fg('platform_editor_adf_with_localid') || !!menuTriggerBy && isNestedNode(selection, menuTriggerBy) || selection !== null && selection !== void 0 && selection.empty) {

package/dist/esm/ui/hooks/useSuggestedItems.js

@@ -1,6 +1,7 @@
 import { useMemo } from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { getBlockNodesInRange, expandSelectionToBlockRange } from '../../editor-commands/transform-node-utils/utils';
+import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection';
+import { getBlockNodesInRange } from '../../editor-commands/transform-node-utils/utils';
 import { getSortedSuggestedItems } from '../utils/suggested-items-rank';
 export var useSuggestedItems = function useSuggestedItems(api) {
   var _api$blockMenu;
@@ -29,17 +30,23 @@ export var useSuggestedItems = function useSuggestedItems(api) {
     if (menuItemsMap.size === 0 || !currentSelection) {
       return [];
     }
-    var _expandSelectionToBlo = expandSelectionToBlockRange(currentSelection, currentSelection.$from.doc.type.schema),
+    var _expandSelectionToBlo = expandSelectionToBlockRange(currentSelection),
       range = _expandSelectionToBlo.range;
     if (!range) {
       return [];
     }
     var blockNodes = getBlockNodesInRange(range);
-    var singleNode = blockNodes.length === 1 ? blockNodes[0] : undefined;
-    if (!singleNode) {
+    if (blockNodes.length === 0) {
       return [];
     }
-    var nodeTypeName = singleNode.type.name;
+    var firstNodeType = blockNodes[0].type.name;
+    var allSameType = blockNodes.every(function (node) {
+      return node.type.name === firstNodeType;
+    });
+    if (!allSameType) {
+      return [];
+    }
+    var nodeTypeName = firstNodeType;
     var sortedKeys = getSortedSuggestedItems(nodeTypeName);
     return sortedKeys.map(function (key) {
       return menuItemsMap.get(key);

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

@@ -3,15 +3,15 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { createBlockLinkHashValue, DEFAULT_BLOCK_LINK_HASH_PREFIX } from '@atlaskit/editor-common/block-menu';
 import { copyToClipboard } from '@atlaskit/editor-common/clipboard';
 import { logException } from '@atlaskit/editor-common/monitoring';
-import { expandSelectionToBlockRange } from '../../editor-commands/transform-node-utils/utils';
+import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection';
 export var copyLink = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var getLinkPath, _ref$blockLinkHashPre, blockLinkHashPrefix, selection, schema, blockRange, node, path, url, href;
+    var getLinkPath, _ref$blockLinkHashPre, blockLinkHashPrefix, selection, blockRange, node, path, url, href;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          getLinkPath = _ref.getLinkPath, _ref$blockLinkHashPre = _ref.blockLinkHashPrefix, blockLinkHashPrefix = _ref$blockLinkHashPre === void 0 ? DEFAULT_BLOCK_LINK_HASH_PREFIX : _ref$blockLinkHashPre, selection = _ref.selection, schema = _ref.schema;
-          blockRange = expandSelectionToBlockRange(selection, schema);
+          getLinkPath = _ref.getLinkPath, _ref$blockLinkHashPre = _ref.blockLinkHashPrefix, blockLinkHashPrefix = _ref$blockLinkHashPre === void 0 ? DEFAULT_BLOCK_LINK_HASH_PREFIX : _ref$blockLinkHashPre, selection = _ref.selection;
+          blockRange = expandSelectionToBlockRange(selection);
           if (blockRange) {
             _context.next = 4;
             break;

package/dist/esm/ui/utils/suggested-items-rank.js

@@ -37,7 +37,7 @@ export var BLOCK_MENU_NODE_TYPES = {
   EMBED_CARD: 'embedCard',
   TABLE: 'table'
 };
-export var TRANSFORM_SUGGESTED_ITEMS_RANK = (_TRANSFORM_SUGGESTED_ = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TRANSFORM_SUGGESTED_, BLOCK_MENU_NODE_TYPES.PARAGRAPH, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_HEADINGS_H1_MENU_ITEM.key, 200), TRANSFORM_HEADINGS_H2_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.EXPAND, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.BLOCKQUOTE, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.LAYOUT_SECTION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.PANEL, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.CODE_BLOCK, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.DECISION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.BULLET_LIST, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.ORDERED_LIST, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.HEADING, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 300)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_TRANSFORM_SUGGESTED_, BLOCK_MENU_NODE_TYPES.TASK_LIST, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.MEDIA_SINGLE, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.EXTENSION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.BODIED_EXTENSION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 300)));
+export var TRANSFORM_SUGGESTED_ITEMS_RANK = (_TRANSFORM_SUGGESTED_ = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TRANSFORM_SUGGESTED_, BLOCK_MENU_NODE_TYPES.PARAGRAPH, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_HEADINGS_H1_MENU_ITEM.key, 200), TRANSFORM_HEADINGS_H2_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.EXPAND, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.BLOCKQUOTE, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.LAYOUT_SECTION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.PANEL, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_CODE_BLOCK_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.CODE_BLOCK, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.DECISION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.BULLET_LIST, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.ORDERED_LIST, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.HEADING, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PARAGRAPH_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 300)), _defineProperty(_defineProperty(_defineProperty(_TRANSFORM_SUGGESTED_, BLOCK_MENU_NODE_TYPES.TASK_LIST, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_NUMBERED_LIST_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_BULLETED_LIST_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.MEDIA_SINGLE, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_QUOTE_MENU_ITEM.key, 300)), BLOCK_MENU_NODE_TYPES.EXTENSION, _defineProperty(_defineProperty(_defineProperty({}, TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM.key, 100), TRANSFORM_STRUCTURE_PANEL_MENU_ITEM.key, 200), TRANSFORM_STRUCTURE_LAYOUT_MENU_ITEM.key, 300)));
 export var getSuggestedItemsForNodeType = function getSuggestedItemsForNodeType(nodeType) {
   return TRANSFORM_SUGGESTED_ITEMS_RANK[nodeType];
 };

package/dist/types/blockMenuPluginType.d.ts

@@ -1,4 +1,4 @@
-import type { NextEditorPlugin, OptionalPlugin, EditorCommand } from '@atlaskit/editor-common/types';
+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';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
@@ -84,7 +84,7 @@ type BlockMenuNested = {
     key: string;
     type: 'block-menu-nested';
 };
-export type BlockMenuNestedComponent = (props?: {
+export type BlockMenuNestedComponent = (props: {
     children: React.ReactNode;
 }) => React.ReactNode;
 export type BlockMenuSectionComponent = (props: {
@@ -108,4 +108,5 @@ export type RegisterBlockMenuItem = BlockMenuItem & {
     parent: Parent<BlockMenuSection>;
 };
 export type RegisterBlockMenuComponent = RegisterBlockMenuNested | RegisterBlockMenuSection | RegisterBlockMenuItem;
+export type RegisterBlockMenuComponentType = RegisterBlockMenuComponent['type'];
 export {};

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

@@ -1,25 +1,9 @@
-import type { Schema, Node as PMNode, NodeRange } from '@atlaskit/editor-prosemirror/model';
+import type { NodeRange, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import { type ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { NodeTypeName } from './types';
 export declare const getSelectedNode: (selection: Selection) => ContentNodeWithPos | undefined;
 export declare const getTargetNodeTypeNameInContext: (nodeTypeName: NodeTypeName | null, isNested?: boolean) => NodeTypeName | null;
-/**
- * Use common expandToBlockRange function to get the correct range for the selection
- * For example, if selection starts in a listItem, go find the bullet list or ordered list, their $from
- * @param selection
- * @param schema
- * @returns
- */
-export declare const expandSelectionToBlockRange: (selection: Selection, schema: Schema) => {
-    $from: import("prosemirror-model").ResolvedPos;
-    $to: import("prosemirror-model").ResolvedPos;
-    range: NodeRange | null;
-} | {
-    $from: import("prosemirror-model").ResolvedPos;
-    $to: import("prosemirror-model").ResolvedPos;
-    range?: undefined;
-};
 export declare const isListType: (node: PMNode, schema: Schema) => boolean;
 /**
  * Converts a nestedExpand to a regular expand node.

package/dist/types/ui/block-menu-renderer/BlockMenuComponent.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { RegisterBlockMenuComponent } from '../../blockMenuPluginType';
+import type { BlockMenuRenderingContext } from './types';
+type BlockMenuComponentProps = BlockMenuRenderingContext & {
+    registeredComponent: RegisterBlockMenuComponent;
+};
+/**
+ * Renders the given registered component based on its type
+ */
+export declare const BlockMenuComponent: ({ registeredComponent, childrenMap, fallbacks, }: BlockMenuComponentProps) => React.JSX.Element | null;
+export {};

package/dist/types/ui/block-menu-renderer/BlockMenuComponents.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { RegisterBlockMenuComponent } from '../../blockMenuPluginType';
+import type { BlockMenuRenderingContext } from './types';
+type BlockMenuComponentsProps = BlockMenuRenderingContext & {
+    registeredComponents?: RegisterBlockMenuComponent[];
+};
+/**
+ * Renders the given registered components
+ * Returns null if no components are rendered
+ */
+export declare const BlockMenuComponents: ({ registeredComponents, childrenMap, fallbacks, }: BlockMenuComponentsProps) => React.JSX.Element | null;
+export {};

package/dist/types/ui/block-menu-renderer/BlockMenuRenderer.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { RegisterBlockMenuComponent } from '../../blockMenuPluginType';
+import type { BlockMenuFallbacks } from './types';
+type BlockMenuProps = {
+    allRegisteredComponents: RegisterBlockMenuComponent[];
+    fallbacks?: BlockMenuFallbacks;
+};
+/**
+ * BlockMenuRenderer orchestrates the rendering of the entire block menu hierarchy
+ */
+export declare const BlockMenuRenderer: ({ allRegisteredComponents, fallbacks, }: BlockMenuProps) => React.JSX.Element;
+export {};

package/dist/types/ui/block-menu-renderer/fallbacks.d.ts

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

package/dist/types/ui/block-menu-renderer/types.d.ts

@@ -0,0 +1,27 @@
+import type { BlockMenuItemComponent, BlockMenuNestedComponent, BlockMenuSectionComponent, RegisterBlockMenuComponent } from '../../blockMenuPluginType';
+/**
+ * Fallback components used as defaults when specific components aren't provided
+ */
+export type BlockMenuFallbacks = {
+    'block-menu-item': BlockMenuItemComponent;
+    'block-menu-nested': BlockMenuNestedComponent;
+    'block-menu-section': BlockMenuSectionComponent;
+};
+/**
+ * Map of parent keys to their sorted children components
+ * Used to efficiently organize and render hierarchical menu structures
+ */
+export type ChildrenMap = Map<string, RegisterBlockMenuComponent[]>;
+/**
+ * Props shared across multiple block menu rendering components
+ */
+export type BlockMenuRenderingContext = {
+    /**
+     * Lookup map for child components organized by parent key
+     */
+    childrenMap: ChildrenMap;
+    /**
+     * Fallback components when specific components aren't registered
+     */
+    fallbacks: BlockMenuFallbacks;
+};

package/dist/types/ui/block-menu-renderer/utils.d.ts

@@ -0,0 +1,37 @@
+import type { RegisterBlockMenuComponent, RegisterBlockMenuComponentType, RegisterBlockMenuSection } from '../../blockMenuPluginType';
+import type { ChildrenMap } from './types';
+/**
+ * Gets all top-level sections (those without a parent) sorted by rank
+ *
+ * @param components All registered block menu components
+ * @returns Sorted array of top-level sections
+ */
+export declare const getSortedTopLevelSections: (components: RegisterBlockMenuComponent[]) => RegisterBlockMenuSection[];
+/**
+ * Generates a unique key from a key and type
+ * Used to lookup children in the childrenMap
+ *
+ * @param key The component's key
+ * @param type The component's type
+ * @returns A unique string key combining type and key
+ */
+export declare const getChildrenMapKey: (key: string, type: Omit<RegisterBlockMenuComponentType, "block-menu-item">) => string;
+/**
+ * Builds a map of parent keys to their sorted children
+ * This enables efficient hierarchical rendering of the menu structure
+ *
+ * @param components All registered block menu components
+ * @returns Map where keys are parent identifiers and values are sorted child components
+ */
+export declare const buildChildrenMap: (components: RegisterBlockMenuComponent[]) => ChildrenMap;
+/**
+ * Determines whether a component will render based on its type and children
+ *
+ * Rules:
+ * - An item will not render if has a component that returns null
+ * - A nested menu will render if it has at least one registered child component
+ * - A section will render if it has at least one registered child component that will render
+ *
+ * NOTE: This requires invoking each item's component function to check for null return
+ */
+export declare const willComponentRender: (registeredComponent: RegisterBlockMenuComponent, childrenMap: ChildrenMap) => boolean;

package/dist/types/ui/utils/copyLink.d.ts

@@ -1,10 +1,8 @@
-import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
 type CopyLinkOptions = {
     blockLinkHashPrefix?: string;
     getLinkPath?: () => string | null;
-    schema: Schema;
     selection: Selection;
 };
-export declare const copyLink: ({ getLinkPath, blockLinkHashPrefix, selection, schema, }: CopyLinkOptions) => Promise<boolean>;
+export declare const copyLink: ({ getLinkPath, blockLinkHashPrefix, selection, }: CopyLinkOptions) => Promise<boolean>;
 export {};

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

@@ -1,4 +1,4 @@
-import type { NextEditorPlugin, OptionalPlugin, EditorCommand } from '@atlaskit/editor-common/types';
+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';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
@@ -84,7 +84,7 @@ type BlockMenuNested = {
     key: string;
     type: 'block-menu-nested';
 };
-export type BlockMenuNestedComponent = (props?: {
+export type BlockMenuNestedComponent = (props: {
     children: React.ReactNode;
 }) => React.ReactNode;
 export type BlockMenuSectionComponent = (props: {
@@ -108,4 +108,5 @@ export type RegisterBlockMenuItem = BlockMenuItem & {
     parent: Parent<BlockMenuSection>;
 };
 export type RegisterBlockMenuComponent = RegisterBlockMenuNested | RegisterBlockMenuSection | RegisterBlockMenuItem;
+export type RegisterBlockMenuComponentType = RegisterBlockMenuComponent['type'];
 export {};

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

@@ -1,25 +1,9 @@
-import type { Schema, Node as PMNode, NodeRange } from '@atlaskit/editor-prosemirror/model';
+import type { NodeRange, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import { type ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { NodeTypeName } from './types';
 export declare const getSelectedNode: (selection: Selection) => ContentNodeWithPos | undefined;
 export declare const getTargetNodeTypeNameInContext: (nodeTypeName: NodeTypeName | null, isNested?: boolean) => NodeTypeName | null;
-/**
- * Use common expandToBlockRange function to get the correct range for the selection
- * For example, if selection starts in a listItem, go find the bullet list or ordered list, their $from
- * @param selection
- * @param schema
- * @returns
- */
-export declare const expandSelectionToBlockRange: (selection: Selection, schema: Schema) => {
-    $from: import("prosemirror-model").ResolvedPos;
-    $to: import("prosemirror-model").ResolvedPos;
-    range: NodeRange | null;
-} | {
-    $from: import("prosemirror-model").ResolvedPos;
-    $to: import("prosemirror-model").ResolvedPos;
-    range?: undefined;
-};
 export declare const isListType: (node: PMNode, schema: Schema) => boolean;
 /**
  * Converts a nestedExpand to a regular expand node.

package/dist/types-ts4.5/ui/block-menu-renderer/BlockMenuComponent.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { RegisterBlockMenuComponent } from '../../blockMenuPluginType';
+import type { BlockMenuRenderingContext } from './types';
+type BlockMenuComponentProps = BlockMenuRenderingContext & {
+    registeredComponent: RegisterBlockMenuComponent;
+};
+/**
+ * Renders the given registered component based on its type
+ */
+export declare const BlockMenuComponent: ({ registeredComponent, childrenMap, fallbacks, }: BlockMenuComponentProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/ui/block-menu-renderer/BlockMenuComponents.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { RegisterBlockMenuComponent } from '../../blockMenuPluginType';
+import type { BlockMenuRenderingContext } from './types';
+type BlockMenuComponentsProps = BlockMenuRenderingContext & {
+    registeredComponents?: RegisterBlockMenuComponent[];
+};
+/**
+ * Renders the given registered components
+ * Returns null if no components are rendered
+ */
+export declare const BlockMenuComponents: ({ registeredComponents, childrenMap, fallbacks, }: BlockMenuComponentsProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/ui/block-menu-renderer/BlockMenuRenderer.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { RegisterBlockMenuComponent } from '../../blockMenuPluginType';
+import type { BlockMenuFallbacks } from './types';
+type BlockMenuProps = {
+    allRegisteredComponents: RegisterBlockMenuComponent[];
+    fallbacks?: BlockMenuFallbacks;
+};
+/**
+ * BlockMenuRenderer orchestrates the rendering of the entire block menu hierarchy
+ */
+export declare const BlockMenuRenderer: ({ allRegisteredComponents, fallbacks, }: BlockMenuProps) => React.JSX.Element;
+export {};

package/dist/types-ts4.5/ui/block-menu-renderer/fallbacks.d.ts

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

package/dist/types-ts4.5/ui/block-menu-renderer/types.d.ts

@@ -0,0 +1,27 @@
+import type { BlockMenuItemComponent, BlockMenuNestedComponent, BlockMenuSectionComponent, RegisterBlockMenuComponent } from '../../blockMenuPluginType';
+/**
+ * Fallback components used as defaults when specific components aren't provided
+ */
+export type BlockMenuFallbacks = {
+    'block-menu-item': BlockMenuItemComponent;
+    'block-menu-nested': BlockMenuNestedComponent;
+    'block-menu-section': BlockMenuSectionComponent;
+};
+/**
+ * Map of parent keys to their sorted children components
+ * Used to efficiently organize and render hierarchical menu structures
+ */
+export type ChildrenMap = Map<string, RegisterBlockMenuComponent[]>;
+/**
+ * Props shared across multiple block menu rendering components
+ */
+export type BlockMenuRenderingContext = {
+    /**
+     * Lookup map for child components organized by parent key
+     */
+    childrenMap: ChildrenMap;
+    /**
+     * Fallback components when specific components aren't registered
+     */
+    fallbacks: BlockMenuFallbacks;
+};

package/dist/types-ts4.5/ui/block-menu-renderer/utils.d.ts

@@ -0,0 +1,37 @@
+import type { RegisterBlockMenuComponent, RegisterBlockMenuComponentType, RegisterBlockMenuSection } from '../../blockMenuPluginType';
+import type { ChildrenMap } from './types';
+/**
+ * Gets all top-level sections (those without a parent) sorted by rank
+ *
+ * @param components All registered block menu components
+ * @returns Sorted array of top-level sections
+ */
+export declare const getSortedTopLevelSections: (components: RegisterBlockMenuComponent[]) => RegisterBlockMenuSection[];
+/**
+ * Generates a unique key from a key and type
+ * Used to lookup children in the childrenMap
+ *
+ * @param key The component's key
+ * @param type The component's type
+ * @returns A unique string key combining type and key
+ */
+export declare const getChildrenMapKey: (key: string, type: Omit<RegisterBlockMenuComponentType, "block-menu-item">) => string;
+/**
+ * Builds a map of parent keys to their sorted children
+ * This enables efficient hierarchical rendering of the menu structure
+ *
+ * @param components All registered block menu components
+ * @returns Map where keys are parent identifiers and values are sorted child components
+ */
+export declare const buildChildrenMap: (components: RegisterBlockMenuComponent[]) => ChildrenMap;
+/**
+ * Determines whether a component will render based on its type and children
+ *
+ * Rules:
+ * - An item will not render if has a component that returns null
+ * - A nested menu will render if it has at least one registered child component
+ * - A section will render if it has at least one registered child component that will render
+ *
+ * NOTE: This requires invoking each item's component function to check for null return
+ */
+export declare const willComponentRender: (registeredComponent: RegisterBlockMenuComponent, childrenMap: ChildrenMap) => boolean;