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

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

@@ -1,48 +0,0 @@
-import React, { useMemo } from 'react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
-import { getSelectedNode } from '../editor-commands/transform-node-utils/utils';
-import { getSortedSuggestedItems } from './utils/suggested-items-rank';
-export const SuggestedItemsRenderer = /*#__PURE__*/React.memo(({
-  api
-}) => {
-  var _api$blockMenu;
-  const {
-    preservedSelection
-  } = useSharedPluginStateWithSelector(api, ['blockControls'], states => {
-    var _states$blockControls;
-    return {
-      preservedSelection: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.preservedSelection
-    };
-  });
-  const blockMenuComponents = api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.getBlockMenuComponents();
-  const menuItemsMap = useMemo(() => {
-    if (!blockMenuComponents) {
-      return new Map();
-    }
-    return new Map(blockMenuComponents.filter(c => c.type === 'block-menu-item').map(item => [item.key, item]));
-  }, [blockMenuComponents]);
-  const suggestedItems = useMemo(() => {
-    if (!preservedSelection || menuItemsMap.size === 0) {
-      return [];
-    }
-    const selectedNode = getSelectedNode(preservedSelection);
-    if (!selectedNode) {
-      return [];
-    }
-    const nodeTypeName = selectedNode.node.type.name;
-    const sortedKeys = getSortedSuggestedItems(nodeTypeName);
-    return sortedKeys.map(key => menuItemsMap.get(key)).filter(item => item !== undefined);
-  }, [menuItemsMap, preservedSelection]);
-  if (suggestedItems.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-    title: "Suggested"
-  }, suggestedItems.map(item => {
-    const ItemComponent = item.component;
-    return ItemComponent ? /*#__PURE__*/React.createElement(ItemComponent, {
-      key: item.key
-    }) : null;
-  }));
-});

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

@@ -1,95 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import React, { Fragment } from 'react';
-import { ArrowKeyNavigationProvider, ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
-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);
-  });
-};
-export var 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.createElement(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(_toConsumableArray(menuItems), _toConsumableArray(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.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, {
-              key: item.key
-            });
-          }
-        });
-      };
-      var children = getChildrenWithNestedItems(currentSectionItemsSorted);
-      var SectionComponent = section.component || fallbacks.section || NoOp;
-      return /*#__PURE__*/React.createElement(SectionComponent, {
-        key: section.key
-      }, children);
-    }));
-  };
-  return /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, {
-    type: ArrowKeyNavigationType.MENU
-  }, renderMenu());
-};

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

@@ -1,54 +0,0 @@
-import React, { useMemo } from 'react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
-import { getSelectedNode } from '../editor-commands/transform-node-utils/utils';
-import { getSortedSuggestedItems } from './utils/suggested-items-rank';
-export var SuggestedItemsRenderer = /*#__PURE__*/React.memo(function (_ref) {
-  var _api$blockMenu;
-  var api = _ref.api;
-  var _useSharedPluginState = 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 = 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 = useMemo(function () {
-    if (!preservedSelection || menuItemsMap.size === 0) {
-      return [];
-    }
-    var selectedNode = getSelectedNode(preservedSelection);
-    if (!selectedNode) {
-      return [];
-    }
-    var nodeTypeName = selectedNode.node.type.name;
-    var sortedKeys = 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.createElement(ToolbarDropdownItemSection, {
-    title: "Suggested"
-  }, suggestedItems.map(function (item) {
-    var ItemComponent = item.component;
-    return ItemComponent ? /*#__PURE__*/React.createElement(ItemComponent, {
-      key: item.key
-    }) : null;
-  }));
-});

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { RegisterBlockMenuComponent, BlockMenuNestedComponent, BlockMenuSectionComponent, BlockMenuItemComponent } from '../blockMenuPluginType';
-type BlockMenuProps = {
-    /**
-     * Every registered block menu component
-     */
-    components: RegisterBlockMenuComponent[];
-    /**
-     * Fallback components used in rendering
-     */
-    fallbacks: {
-        item: BlockMenuItemComponent;
-        nestedMenu: BlockMenuNestedComponent;
-        section: BlockMenuSectionComponent;
-    };
-};
-export declare const BlockMenuRenderer: ({ components, fallbacks }: BlockMenuProps) => React.JSX.Element;
-export {};

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { RegisterBlockMenuComponent, BlockMenuNestedComponent, BlockMenuSectionComponent, BlockMenuItemComponent } from '../blockMenuPluginType';
-type BlockMenuProps = {
-    /**
-     * Every registered block menu component
-     */
-    components: RegisterBlockMenuComponent[];
-    /**
-     * Fallback components used in rendering
-     */
-    fallbacks: {
-        item: BlockMenuItemComponent;
-        nestedMenu: BlockMenuNestedComponent;
-        section: BlockMenuSectionComponent;
-    };
-};
-export declare const BlockMenuRenderer: ({ components, fallbacks }: BlockMenuProps) => React.JSX.Element;
-export {};