@atlaskit/editor-plugin-block-menu 5.2.10 → 5.2.12

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/hooks/useSuggestedItems.d.ts

@@ -0,0 +1,3 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin, RegisterBlockMenuItem } from '../../blockMenuPluginType';
+export declare const useSuggestedItems: (api: ExtractInjectionAPI<BlockMenuPlugin> | undefined) => RegisterBlockMenuItem[];

package/dist/types/ui/suggested-items-menu-section.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin } from '../blockMenuPluginType';
+type SuggestedItemsMenuSectionProps = {
+    api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
+    children?: React.ReactNode;
+};
+export declare const SuggestedItemsMenuSection: React.NamedExoticComponent<SuggestedItemsMenuSectionProps>;
+export {};

package/dist/types/ui/{suggested-items-renderer.d.ts → suggested-menu-items.d.ts}

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { BlockMenuPlugin } from '../blockMenuPluginType';
-type SuggestedItemsRendererProps = {
+type SuggestedMenuItemsProps = {
     api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
 };
-export declare const SuggestedItemsRenderer: React.NamedExoticComponent<SuggestedItemsRendererProps>;
+export declare const SuggestedMenuItems: React.NamedExoticComponent<SuggestedMenuItemsProps>;
 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

@@ -14,6 +14,11 @@ export declare const getTargetNodeTypeNameInContext: (nodeTypeName: NodeTypeName
 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;
 /**
@@ -22,4 +27,10 @@ export declare const isListType: (node: PMNode, schema: Schema) => boolean;
  * in containers that don't support nesting, they must be converted.
  */
 export declare const convertNestedExpandToExpand: (node: PMNode, schema: Schema) => PMNode | null;
+/**
+ * Converts an expand to a nestedExpand node.
+ * When placing an expand inside another expand, it must become a nestedExpand
+ * since expand cannot be a direct child of expand.
+ */
+export declare const convertExpandToNestedExpand: (node: PMNode, schema: Schema) => PMNode | null;
 export declare const getBlockNodesInRange: (range: NodeRange) => PMNode[];

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

@@ -1,2 +1,7 @@
 import type { TransformStep } from './types';
+/**
+ * Wraps nodes into the target container type.
+ * When wrapping into expand, any expand children are converted to nestedExpand
+ * since expand cannot be a direct child of expand.
+ */
 export declare const wrapStep: TransformStep;

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;

package/dist/types-ts4.5/ui/hooks/useSuggestedItems.d.ts

@@ -0,0 +1,3 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin, RegisterBlockMenuItem } from '../../blockMenuPluginType';
+export declare const useSuggestedItems: (api: ExtractInjectionAPI<BlockMenuPlugin> | undefined) => RegisterBlockMenuItem[];

package/dist/types-ts4.5/ui/suggested-items-menu-section.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { BlockMenuPlugin } from '../blockMenuPluginType';
+type SuggestedItemsMenuSectionProps = {
+    api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
+    children?: React.ReactNode;
+};
+export declare const SuggestedItemsMenuSection: React.NamedExoticComponent<SuggestedItemsMenuSectionProps>;
+export {};

package/dist/types-ts4.5/ui/{suggested-items-renderer.d.ts → suggested-menu-items.d.ts}

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { BlockMenuPlugin } from '../blockMenuPluginType';
-type SuggestedItemsRendererProps = {
+type SuggestedMenuItemsProps = {
     api: ExtractInjectionAPI<BlockMenuPlugin> | undefined;
 };
-export declare const SuggestedItemsRenderer: React.NamedExoticComponent<SuggestedItemsRendererProps>;
+export declare const SuggestedMenuItems: React.NamedExoticComponent<SuggestedMenuItemsProps>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "5.2.10",
+	"version": "5.2.12",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -44,12 +44,12 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/tmp-editor-statsig": "^15.10.0",
+		"@atlaskit/tmp-editor-statsig": "^15.11.0",
 		"@atlaskit/tokens": "^8.5.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.43.0",
+		"@atlaskit/editor-common": "^110.44.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},

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

@@ -1,104 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlockMenuRenderer = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-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 NoOp = function NoOp() {
-  return null;
-};
-var isNonNestedMenuSection = function isNonNestedMenuSection(component) {
-  return component.type === 'block-menu-section' && !('parent' in component);
-};
-var isMenuItem = function isMenuItem(component) {
-  return component.type === 'block-menu-item';
-};
-var isNestedMenu = function isNestedMenu(component) {
-  return component.type === 'block-menu-nested';
-};
-var isNestedMenuSection = function isNestedMenuSection(component) {
-  return 'parent' in component && component.parent !== undefined && component.parent.type === 'block-menu-nested';
-};
-var getSortedChildren = function getSortedChildren(components, parentKey) {
-  return components.filter(function (component) {
-    return 'parent' in component && component.parent !== undefined && component.parent.key === parentKey;
-  }).sort(function (a, b) {
-    return (a.parent.rank || 0) - (b.parent.rank || 0);
-  });
-};
-var getSortedNestedSections = function getSortedNestedSections(components, parentKey) {
-  var nestedMenuSections = components.filter(isNestedMenuSection);
-  var nestedMenuSectionsWithParent = nestedMenuSections.filter(function (section) {
-    return section.parent !== undefined;
-  });
-  return getSortedChildren(nestedMenuSectionsWithParent, parentKey);
-};
-var getSortedNonNestedSections = function getSortedNonNestedSections(components) {
-  return components.filter(isNonNestedMenuSection).sort(function (a, b) {
-    return (a.rank || 0) - (b.rank || 0);
-  });
-};
-var BlockMenuRenderer = exports.BlockMenuRenderer = function BlockMenuRenderer(_ref) {
-  var components = _ref.components,
-    fallbacks = _ref.fallbacks;
-  var menuSections = getSortedNonNestedSections(components);
-  var menuItems = components.filter(isMenuItem);
-  var nestedMenus = components.filter(isNestedMenu);
-  var renderMenu = function renderMenu() {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menuSections.map(function (section) {
-      // Get all items for the current section, including nested menus, and sort them by rank
-      var currentSectionItemsSorted = getSortedChildren([].concat((0, _toConsumableArray2.default)(menuItems), (0, _toConsumableArray2.default)(nestedMenus)), section.key);
-      if (currentSectionItemsSorted.length === 0) {
-        return null;
-      }
-
-      // iterate over the current section items, if it is nested menu, get their children, sort them
-      // if they are menu items, just render as they are sorted above
-      var getChildrenWithNestedItems = function getChildrenWithNestedItems(items) {
-        return items.map(function (item) {
-          if (isNestedMenu(item)) {
-            var sortedNestedSections = getSortedNestedSections(components, item.key);
-            var sections = sortedNestedSections.map(function (section) {
-              var sortedNestedMenuItems = getSortedChildren(menuItems, section.key);
-              if (sortedNestedMenuItems.length === 0) {
-                return null;
-              }
-              var NestedSection = section.component || fallbacks.section || NoOp;
-              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, {
-              key: item.key
-            });
-          }
-        });
-      };
-      var children = getChildrenWithNestedItems(currentSectionItemsSorted);
-      var SectionComponent = section.component || fallbacks.section || NoOp;
-      return /*#__PURE__*/_react.default.createElement(SectionComponent, {
-        key: section.key
-      }, children);
-    }));
-  };
-  return /*#__PURE__*/_react.default.createElement(_uiMenu.ArrowKeyNavigationProvider, {
-    type: _uiMenu.ArrowKeyNavigationType.MENU
-  }, renderMenu());
-};

package/dist/cjs/ui/suggested-items-renderer.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SuggestedItemsRenderer = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
-var _utils = require("../editor-commands/transform-node-utils/utils");
-var _suggestedItemsRank = require("./utils/suggested-items-rank");
-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 SuggestedItemsRenderer = exports.SuggestedItemsRenderer = /*#__PURE__*/_react.default.memo(function (_ref) {
-  var _api$blockMenu;
-  var api = _ref.api;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
-      var _states$blockControls;
-      return {
-        preservedSelection: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.preservedSelection
-      };
-    }),
-    preservedSelection = _useSharedPluginState.preservedSelection;
-  var blockMenuComponents = api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.getBlockMenuComponents();
-  var menuItemsMap = (0, _react.useMemo)(function () {
-    if (!blockMenuComponents) {
-      return new Map();
-    }
-    return new Map(blockMenuComponents.filter(function (c) {
-      return c.type === 'block-menu-item';
-    }).map(function (item) {
-      return [item.key, item];
-    }));
-  }, [blockMenuComponents]);
-  var suggestedItems = (0, _react.useMemo)(function () {
-    if (!preservedSelection || menuItemsMap.size === 0) {
-      return [];
-    }
-    var selectedNode = (0, _utils.getSelectedNode)(preservedSelection);
-    if (!selectedNode) {
-      return [];
-    }
-    var nodeTypeName = selectedNode.node.type.name;
-    var sortedKeys = (0, _suggestedItemsRank.getSortedSuggestedItems)(nodeTypeName);
-    return sortedKeys.map(function (key) {
-      return menuItemsMap.get(key);
-    }).filter(function (item) {
-      return item !== undefined;
-    });
-  }, [menuItemsMap, preservedSelection]);
-  if (suggestedItems.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
-    title: "Suggested"
-  }, suggestedItems.map(function (item) {
-    var ItemComponent = item.component;
-    return ItemComponent ? /*#__PURE__*/_react.default.createElement(ItemComponent, {
-      key: item.key
-    }) : null;
-  }));
-});

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

@@ -1,83 +0,0 @@
-import React, { Fragment } from 'react';
-import { ArrowKeyNavigationProvider, ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
-const NoOp = () => null;
-const isNonNestedMenuSection = component => {
-  return component.type === 'block-menu-section' && !('parent' in component);
-};
-const isMenuItem = component => {
-  return component.type === 'block-menu-item';
-};
-const isNestedMenu = component => {
-  return component.type === 'block-menu-nested';
-};
-const isNestedMenuSection = component => {
-  return 'parent' in component && component.parent !== undefined && component.parent.type === 'block-menu-nested';
-};
-const getSortedChildren = (components, parentKey) => components.filter(component => 'parent' in component && component.parent !== undefined && component.parent.key === parentKey).sort((a, b) => (a.parent.rank || 0) - (b.parent.rank || 0));
-const getSortedNestedSections = (components, parentKey) => {
-  const nestedMenuSections = components.filter(isNestedMenuSection);
-  const nestedMenuSectionsWithParent = nestedMenuSections.filter(section => section.parent !== undefined);
-  return getSortedChildren(nestedMenuSectionsWithParent, parentKey);
-};
-const getSortedNonNestedSections = components => {
-  return components.filter(isNonNestedMenuSection).sort((a, b) => (a.rank || 0) - (b.rank || 0));
-};
-export const BlockMenuRenderer = ({
-  components,
-  fallbacks
-}) => {
-  const menuSections = getSortedNonNestedSections(components);
-  const menuItems = components.filter(isMenuItem);
-  const nestedMenus = components.filter(isNestedMenu);
-  const renderMenu = () => {
-    return /*#__PURE__*/React.createElement(Fragment, null, menuSections.map(section => {
-      // Get all items for the current section, including nested menus, and sort them by rank
-      const currentSectionItemsSorted = getSortedChildren([...menuItems, ...nestedMenus], section.key);
-      if (currentSectionItemsSorted.length === 0) {
-        return null;
-      }
-
-      // iterate over the current section items, if it is nested menu, get their children, sort them
-      // if they are menu items, just render as they are sorted above
-      const getChildrenWithNestedItems = items => {
-        return items.map(item => {
-          if (isNestedMenu(item)) {
-            const sortedNestedSections = getSortedNestedSections(components, item.key);
-            const sections = sortedNestedSections.map(section => {
-              const sortedNestedMenuItems = getSortedChildren(menuItems, section.key);
-              if (sortedNestedMenuItems.length === 0) {
-                return null;
-              }
-              const NestedSection = section.component || fallbacks.section || NoOp;
-              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, {
-              key: item.key
-            });
-          }
-        });
-      };
-      const children = getChildrenWithNestedItems(currentSectionItemsSorted);
-      const SectionComponent = section.component || fallbacks.section || NoOp;
-      return /*#__PURE__*/React.createElement(SectionComponent, {
-        key: section.key
-      }, children);
-    }));
-  };
-  return /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
-    type: ArrowKeyNavigationType.MENU
-  }, renderMenu());
-};