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

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());
-};

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/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 {};