@teambit/scope 0.0.881 → 0.0.883

package/dist/scope.ui.drawer.js

@@ -1,86 +1,61 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.scopeDrawer = void 0;
-
 function _extends2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
   _extends2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireWildcard(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentUi() {
   const data = require("@teambit/component.ui.component-drawer");
-
   _componentUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUi() {
   const data = require("@teambit/ui-foundation.ui.side-bar");
-
   _uiFoundationUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _lanesHooks() {
   const data = require("@teambit/lanes.hooks.use-lanes");
-
   _lanesHooks = function () {
     return data;
   };
-
   return data;
 }
-
 function _lanesHooks2() {
   const data = require("@teambit/lanes.hooks.use-lane-components");
-
   _lanesHooks2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _scopeUiHooks() {
   const data = require("@teambit/scope.ui.hooks.scope-context");
-
   _scopeUiHooks = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const scopeDrawer = ({
   treeWidgets,
   filtersSlot,
@@ -92,31 +67,29 @@ const scopeDrawer = ({
     const children = props.node.children;
     if (!children) return /*#__PURE__*/_react().default.createElement(_uiFoundationUi().ComponentView, (0, _extends2().default)({}, props, {
       treeNodeSlot: treeNodeSlot
-    })); // skip over scope node and render only children
+    }));
 
+    // skip over scope node and render only children
     if (props.node.payload instanceof _uiFoundationUi().ScopePayload) {
       const scopeNameFromNode = props.node.id.slice(0, -1);
       const scope = host === null || host === void 0 ? void 0 : host.name;
+
       /**
        * this is only valid when viewing component from a lane
        * if the lane component is from a different scope than the current scope
        * show the scope node
        */
-
       if (scopeNameFromNode !== scope) {
         return /*#__PURE__*/_react().default.createElement(_uiFoundationUi().ScopeTreeNode, props);
       }
-
       return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, children.map(childNode => /*#__PURE__*/_react().default.createElement(TreeNode, (0, _extends2().default)({
         key: childNode.id
       }, props, {
         node: childNode
       }))));
     }
-
     return /*#__PURE__*/_react().default.createElement(_uiFoundationUi().NamespaceTreeNode, props);
   };
-
   return new (_componentUi().ComponentsDrawer)({
     assumeScopeInUrl,
     order: 0,
@@ -136,26 +109,22 @@ const scopeDrawer = ({
     transformTree: host => {
       return rootNode => {
         var _rootNode$children;
-
         const thisScopeIndex = (_rootNode$children = rootNode.children) === null || _rootNode$children === void 0 ? void 0 : _rootNode$children.findIndex(node => {
           if (!(node.payload instanceof _uiFoundationUi().ScopePayload)) return undefined;
           const scopeNameFromNode = node.id.slice(0, -1);
           return scopeNameFromNode === (host === null || host === void 0 ? void 0 : host.name);
         });
         const thisScope = rootNode.children && thisScopeIndex !== undefined ? rootNode.children[thisScopeIndex] : undefined;
-
         if (thisScope && thisScope.children && rootNode.children) {
           delete rootNode.children[thisScopeIndex];
           const children = rootNode.children.concat(thisScope.children);
           rootNode.children = children;
         }
-
         return rootNode;
       };
     },
     useComponents: overrideUseComponents || (() => {
       var _lanesModel$viewedLan;
-
       const {
         lanesModel,
         loading: lanesLoading
@@ -167,8 +136,8 @@ const scopeDrawer = ({
       } = (0, _lanesHooks2().useLaneComponents)(viewedLaneId !== null && viewedLaneId !== void 0 && viewedLaneId.isDefault() ? undefined : viewedLaneId);
       const {
         components: mainComponents
-      } = (0, _react().useContext)(_scopeUiHooks().ScopeContext); // lane components + main components
-
+      } = (0, _react().useContext)(_scopeUiHooks().ScopeContext);
+      // lane components + main components
       const components = mergeComponents(mainComponents, laneComponents);
       return {
         loading: lanesLoading || laneCompsLoading,
@@ -177,9 +146,7 @@ const scopeDrawer = ({
     })
   });
 };
-
 exports.scopeDrawer = scopeDrawer;
-
 function mergeComponents(mainComponents, laneComponents) {
   const mainComponentsThatAreNotOnLane = mainComponents.filter(mainComponent => {
     return !laneComponents.find(laneComponent => laneComponent.id.toStringWithoutVersion() === mainComponent.id.toStringWithoutVersion());

package/dist/scope.ui.drawer.js.map

@@ -1 +1 @@
-{"version":3,"names":["scopeDrawer","treeWidgets","filtersSlot","drawerWidgetSlot","assumeScopeInUrl","overrideUseComponents","customScopeTreeNodeRenderer","treeNodeSlot","host","TreeNode","props","children","node","payload","ScopePayload","scopeNameFromNode","id","slice","scope","name","map","childNode","ComponentsDrawer","order","plugins","tree","widgets","customRenderer","filters","drawerWidgets","useHost","useScope","emptyMessage","transformTree","rootNode","thisScopeIndex","findIndex","undefined","thisScope","concat","useComponents","lanesModel","loading","lanesLoading","useLanes","viewedLaneId","viewedLane","components","laneComponents","laneCompsLoading","useLaneComponents","isDefault","mainComponents","useContext","ScopeContext","mergeComponents","mainComponentsThatAreNotOnLane","filter","mainComponent","find","laneComponent","toStringWithoutVersion"],"sources":["scope.ui.drawer.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ComponentsDrawer, ComponentFiltersSlot, DrawerWidgetSlot } from '@teambit/component.ui.component-drawer';\nimport {\n  ComponentView,\n  NamespaceTreeNode,\n  PayloadType,\n  ScopePayload,\n  ScopeTreeNode,\n} from '@teambit/ui-foundation.ui.side-bar';\nimport { TreeNode as TreeNodeType, TreeNodeProps } from '@teambit/design.ui.tree';\nimport { useLanes } from '@teambit/lanes.hooks.use-lanes';\nimport { useLaneComponents } from '@teambit/lanes.hooks.use-lane-components';\nimport { ComponentModel } from '@teambit/component';\nimport { useScope, ScopeContext } from '@teambit/scope.ui.hooks.scope-context';\n// import { WorkspaceModel } from '@teambit/workspace';\nimport { SidebarSlot } from './scope.ui.runtime';\n\nexport type ScopeDrawerProps = {\n  treeWidgets: SidebarSlot;\n  filtersSlot: ComponentFiltersSlot;\n  drawerWidgetSlot: DrawerWidgetSlot;\n  assumeScopeInUrl?: boolean;\n  overrideUseComponents?: () => { components: ComponentModel[] };\n};\n\nexport const scopeDrawer = ({\n  treeWidgets,\n  filtersSlot,\n  drawerWidgetSlot,\n  assumeScopeInUrl = false,\n  overrideUseComponents,\n}: ScopeDrawerProps) => {\n  const customScopeTreeNodeRenderer = (treeNodeSlot, host?: any) =>\n    function TreeNode(props: TreeNodeProps<PayloadType>) {\n      const children = props.node.children;\n\n      if (!children) return <ComponentView {...props} treeNodeSlot={treeNodeSlot} />;\n\n      // skip over scope node and render only children\n      if (props.node.payload instanceof ScopePayload) {\n        const scopeNameFromNode = props.node.id.slice(0, -1);\n        const scope = host?.name;\n\n        /**\n         * this is only valid when viewing component from a lane\n         * if the lane component is from a different scope than the current scope\n         * show the scope node\n         */\n        if (scopeNameFromNode !== scope) {\n          return <ScopeTreeNode {...props} />;\n        }\n\n        return (\n          <>\n            {children.map((childNode) => (\n              <TreeNode key={childNode.id} {...props} node={childNode}></TreeNode>\n            ))}\n          </>\n        );\n      }\n\n      return <NamespaceTreeNode {...props} />;\n    };\n\n  return new ComponentsDrawer({\n    assumeScopeInUrl,\n    order: 0,\n    id: 'scope-components-drawer',\n    name: 'COMPONENTS',\n    plugins: {\n      tree: {\n        widgets: treeWidgets,\n        customRenderer: customScopeTreeNodeRenderer,\n      },\n      filters: filtersSlot,\n      drawerWidgets: drawerWidgetSlot,\n    },\n    useHost: () => useScope(),\n    emptyMessage: 'Scope is empty',\n    // TODO: create an interface for Component host.\n    transformTree: (host?: any) => {\n      return (rootNode: TreeNodeType) => {\n        const thisScopeIndex = rootNode.children?.findIndex((node) => {\n          if (!(node.payload instanceof ScopePayload)) return undefined;\n          const scopeNameFromNode = node.id.slice(0, -1);\n          return scopeNameFromNode === host?.name;\n        });\n\n        const thisScope =\n          rootNode.children && thisScopeIndex !== undefined ? rootNode.children[thisScopeIndex] : undefined;\n\n        if (thisScope && thisScope.children && rootNode.children) {\n          delete rootNode.children[thisScopeIndex as number];\n          const children = rootNode.children.concat(thisScope.children);\n          rootNode.children = children;\n        }\n\n        return rootNode;\n      };\n    },\n    useComponents:\n      overrideUseComponents ||\n      (() => {\n        const { lanesModel, loading: lanesLoading } = useLanes();\n        const viewedLaneId = lanesModel?.viewedLane?.id;\n\n        const { components: laneComponents = [], loading: laneCompsLoading } = useLaneComponents(\n          viewedLaneId?.isDefault() ? undefined : viewedLaneId\n        );\n        const { components: mainComponents } = useContext(ScopeContext);\n        // lane components + main components\n        const components = mergeComponents(mainComponents, laneComponents);\n\n        return {\n          loading: lanesLoading || laneCompsLoading,\n          components,\n        };\n      }),\n  });\n};\n\nfunction mergeComponents(mainComponents: ComponentModel[], laneComponents: ComponentModel[]): ComponentModel[] {\n  const mainComponentsThatAreNotOnLane = mainComponents.filter((mainComponent) => {\n    return !laneComponents.find(\n      (laneComponent) => laneComponent.id.toStringWithoutVersion() === mainComponent.id.toStringWithoutVersion()\n    );\n  });\n  return laneComponents.concat(mainComponentsThatAreNotOnLane);\n}\n"],"mappings":"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"}
+{"version":3,"names":["scopeDrawer","treeWidgets","filtersSlot","drawerWidgetSlot","assumeScopeInUrl","overrideUseComponents","customScopeTreeNodeRenderer","treeNodeSlot","host","TreeNode","props","children","node","payload","ScopePayload","scopeNameFromNode","id","slice","scope","name","map","childNode","ComponentsDrawer","order","plugins","tree","widgets","customRenderer","filters","drawerWidgets","useHost","useScope","emptyMessage","transformTree","rootNode","thisScopeIndex","findIndex","undefined","thisScope","concat","useComponents","lanesModel","loading","lanesLoading","useLanes","viewedLaneId","viewedLane","components","laneComponents","laneCompsLoading","useLaneComponents","isDefault","mainComponents","useContext","ScopeContext","mergeComponents","mainComponentsThatAreNotOnLane","filter","mainComponent","find","laneComponent","toStringWithoutVersion"],"sources":["scope.ui.drawer.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ComponentsDrawer, ComponentFiltersSlot, DrawerWidgetSlot } from '@teambit/component.ui.component-drawer';\nimport {\n  ComponentView,\n  NamespaceTreeNode,\n  PayloadType,\n  ScopePayload,\n  ScopeTreeNode,\n} from '@teambit/ui-foundation.ui.side-bar';\nimport { TreeNode as TreeNodeType, TreeNodeProps } from '@teambit/design.ui.tree';\nimport { useLanes } from '@teambit/lanes.hooks.use-lanes';\nimport { useLaneComponents } from '@teambit/lanes.hooks.use-lane-components';\nimport { ComponentModel } from '@teambit/component';\nimport { useScope, ScopeContext } from '@teambit/scope.ui.hooks.scope-context';\n// import { WorkspaceModel } from '@teambit/workspace';\nimport { SidebarSlot } from './scope.ui.runtime';\n\nexport type ScopeDrawerProps = {\n  treeWidgets: SidebarSlot;\n  filtersSlot: ComponentFiltersSlot;\n  drawerWidgetSlot: DrawerWidgetSlot;\n  assumeScopeInUrl?: boolean;\n  overrideUseComponents?: () => { components: ComponentModel[] };\n};\n\nexport const scopeDrawer = ({\n  treeWidgets,\n  filtersSlot,\n  drawerWidgetSlot,\n  assumeScopeInUrl = false,\n  overrideUseComponents,\n}: ScopeDrawerProps) => {\n  const customScopeTreeNodeRenderer = (treeNodeSlot, host?: any) =>\n    function TreeNode(props: TreeNodeProps<PayloadType>) {\n      const children = props.node.children;\n\n      if (!children) return <ComponentView {...props} treeNodeSlot={treeNodeSlot} />;\n\n      // skip over scope node and render only children\n      if (props.node.payload instanceof ScopePayload) {\n        const scopeNameFromNode = props.node.id.slice(0, -1);\n        const scope = host?.name;\n\n        /**\n         * this is only valid when viewing component from a lane\n         * if the lane component is from a different scope than the current scope\n         * show the scope node\n         */\n        if (scopeNameFromNode !== scope) {\n          return <ScopeTreeNode {...props} />;\n        }\n\n        return (\n          <>\n            {children.map((childNode) => (\n              <TreeNode key={childNode.id} {...props} node={childNode}></TreeNode>\n            ))}\n          </>\n        );\n      }\n\n      return <NamespaceTreeNode {...props} />;\n    };\n\n  return new ComponentsDrawer({\n    assumeScopeInUrl,\n    order: 0,\n    id: 'scope-components-drawer',\n    name: 'COMPONENTS',\n    plugins: {\n      tree: {\n        widgets: treeWidgets,\n        customRenderer: customScopeTreeNodeRenderer,\n      },\n      filters: filtersSlot,\n      drawerWidgets: drawerWidgetSlot,\n    },\n    useHost: () => useScope(),\n    emptyMessage: 'Scope is empty',\n    // TODO: create an interface for Component host.\n    transformTree: (host?: any) => {\n      return (rootNode: TreeNodeType) => {\n        const thisScopeIndex = rootNode.children?.findIndex((node) => {\n          if (!(node.payload instanceof ScopePayload)) return undefined;\n          const scopeNameFromNode = node.id.slice(0, -1);\n          return scopeNameFromNode === host?.name;\n        });\n\n        const thisScope =\n          rootNode.children && thisScopeIndex !== undefined ? rootNode.children[thisScopeIndex] : undefined;\n\n        if (thisScope && thisScope.children && rootNode.children) {\n          delete rootNode.children[thisScopeIndex as number];\n          const children = rootNode.children.concat(thisScope.children);\n          rootNode.children = children;\n        }\n\n        return rootNode;\n      };\n    },\n    useComponents:\n      overrideUseComponents ||\n      (() => {\n        const { lanesModel, loading: lanesLoading } = useLanes();\n        const viewedLaneId = lanesModel?.viewedLane?.id;\n\n        const { components: laneComponents = [], loading: laneCompsLoading } = useLaneComponents(\n          viewedLaneId?.isDefault() ? undefined : viewedLaneId\n        );\n        const { components: mainComponents } = useContext(ScopeContext);\n        // lane components + main components\n        const components = mergeComponents(mainComponents, laneComponents);\n\n        return {\n          loading: lanesLoading || laneCompsLoading,\n          components,\n        };\n      }),\n  });\n};\n\nfunction mergeComponents(mainComponents: ComponentModel[], laneComponents: ComponentModel[]): ComponentModel[] {\n  const mainComponentsThatAreNotOnLane = mainComponents.filter((mainComponent) => {\n    return !laneComponents.find(\n      (laneComponent) => laneComponent.id.toStringWithoutVersion() === mainComponent.id.toStringWithoutVersion()\n    );\n  });\n  return laneComponents.concat(mainComponentsThatAreNotOnLane);\n}\n"],"mappings":"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"}

package/dist/scope.ui.runtime.js

@@ -1,198 +1,139 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.array.sort.js");
-
 require("core-js/modules/es.promise.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ScopeUI = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _lodash() {
   const data = require("lodash");
-
   _lodash = function () {
     return data;
   };
-
   return data;
 }
-
 function _component() {
   const data = require("@teambit/component");
-
   _component = function () {
     return data;
   };
-
   return data;
 }
-
 function _harmony() {
   const data = require("@teambit/harmony");
-
   _harmony = function () {
     return data;
   };
-
   return data;
 }
-
 function _sidebar() {
   const data = require("@teambit/sidebar");
-
   _sidebar = function () {
     return data;
   };
-
   return data;
 }
-
 function _ui() {
   const data = require("@teambit/ui");
-
   _ui = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _designUiSurfacesMenu() {
   const data = require("@teambit/design.ui.surfaces.menu.link-item");
-
   _designUiSurfacesMenu = function () {
     return data;
   };
-
   return data;
 }
-
 function _commandBar() {
   const data = _interopRequireDefault(require("@teambit/command-bar"));
-
   _commandBar = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentUi() {
   const data = require("@teambit/component.ui.component-drawer");
-
   _componentUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentUiComponentFilters() {
   const data = require("@teambit/component.ui.component-filters.deprecate-filter");
-
   _componentUiComponentFilters = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentUiComponentFilters2() {
   const data = require("@teambit/component.ui.component-filters.env-filter");
-
   _componentUiComponentFilters2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentModules() {
   const data = require("@teambit/component.modules.component-url");
-
   _componentModules = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentUiComponentFilters3() {
   const data = require("@teambit/component.ui.component-filters.show-main-filter");
-
   _componentUiComponentFilters3 = function () {
     return data;
   };
-
   return data;
 }
-
 function _menu() {
   const data = require("./ui/menu");
-
   _menu = function () {
     return data;
   };
-
   return data;
 }
-
 function _scope() {
   const data = require("./scope.aspect");
-
   _scope = function () {
     return data;
   };
-
   return data;
 }
-
 function _scope2() {
   const data = require("./ui/scope");
-
   _scope2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _scopeUi() {
   const data = require("./scope.ui.drawer");
-
   _scopeUi = function () {
     return data;
   };
-
   return data;
 }
-
 class ScopeUI {
   constructor(
   /**
@@ -277,7 +218,6 @@ class ScopeUI {
       keyChar: 'mod+k',
       handler: () => {
         var _this$commandBarUI;
-
         return (_this$commandBarUI = this.commandBarUI) === null || _this$commandBarUI === void 0 ? void 0 : _this$commandBarUI.run('command-bar.open');
       }
     }, {
@@ -286,12 +226,10 @@ class ScopeUI {
       keyChar: 'alt+s',
       handler: () => {
         var _this$commandBarUI2;
-
         return (_this$commandBarUI2 = this.commandBarUI) === null || _this$commandBarUI2 === void 0 ? void 0 : _this$commandBarUI2.run('sidebar.toggle');
       }
     }]);
   }
-
   /**
    * register a new badge into the scope overview.
    */
@@ -299,7 +237,6 @@ class ScopeUI {
     this.scopeBadgeSlot.register(badges);
     return this;
   }
-
   getScope(options) {
     return /*#__PURE__*/_react().default.createElement(_scope2().Scope, {
       TargetScopeOverview: options.TargetScopeOverview,
@@ -321,25 +258,22 @@ class ScopeUI {
       PaneWrapper: options.PaneWrapper
     });
   }
+
   /**
    * register a new line beneath the scope overview section.
    */
-
-
   registerOverviewLine(...lines) {
     this.overviewSlot.register(lines);
     return this;
   }
+
   /**
    * register a route to the scope.
    */
-
-
   registerRoutes(routes) {
     this.routeSlot.register(routes);
     return this;
   }
-
   applyMenuRoutes() {
     this.registerMenuRoutes([{
       path: this.componentUi.routePath,
@@ -349,14 +283,12 @@ class ScopeUI {
       element: this.getScopeMenu()
     }]);
   }
-
   getScopeMenu() {
     return /*#__PURE__*/_react().default.createElement(_menu().ScopeMenu, {
       widgetSlot: this.menuWidgetSlot,
       menuItemSlot: this.menuItemSlot
     });
   }
-
   registerExplicitRoutes() {
     this.applyMenuRoutes();
     this.registerRoutes([{
@@ -364,72 +296,59 @@ class ScopeUI {
       element: this.componentUi.getComponentUI(_scope().ScopeAspect.id)
     }]);
   }
-
   registerMenuWidget(...menuItems) {
     this.menuWidgetSlot.register(menuItems);
   }
-
   registerCorner(corner) {
     this.cornerSlot.register(corner);
   }
-
   registerComponentUrl(func) {
     this.componentUrlFunc = func;
   }
+
   /**
    * register a scope overview.
    */
-
-
   replaceOverview() {}
+
   /**
    * register description.
    */
-
-
   replaceDescription() {}
+
   /**
    * register metadata section.
    */
-
-
   replaceMetadataSection() {}
+
   /**
    * register a metadata item.
    */
-
-
   registerMetadataItem() {}
-
   replaceComponentGrid() {}
+
   /**
    * register metadata.
    */
-
-
   registerMetadata() {}
+
   /**
    * add a new context to the scope.
    */
-
-
   addContext(...context) {
     this.contextSlot.register(context);
     return this;
   }
-
   getContext() {
-    const contexts = this.contextSlot.values(); // eslint-disable-next-line react/prop-types
-
+    const contexts = this.contextSlot.values();
+    // eslint-disable-next-line react/prop-types
     const ComponentUrlFuncProvider = ({
       children
     }) => /*#__PURE__*/_react().default.createElement(_componentModules().ComponentUrlProvider, {
       value: this.componentUrlFunc
     }, children);
-
     return (0, _lodash().flatten)(contexts).concat(ComponentUrlFuncProvider);
   }
-
   registerDefaultDrawers(assumeScopeInUrl = false, overrideUseComponents) {
     this.sidebar.registerDrawer((0, _scopeUi().scopeDrawer)({
       treeWidgets: this.sidebarSlot,
@@ -439,7 +358,6 @@ class ScopeUI {
       overrideUseComponents
     }));
   }
-
   uiRoot() {
     this.registerDefaultDrawers();
     const [setKeyBindHandler] = this.commandBarUI.addCommand({
@@ -469,7 +387,6 @@ class ScopeUI {
       }]
     };
   }
-
   listSidebarLinks() {
     const links = (0, _lodash().flatten)(this.sidebarItemSlot.values());
     const sorted = links.sort((a, b) => {
@@ -481,8 +398,8 @@ class ScopeUI {
       return link.component;
     }));
   }
-  /** registers available components */
 
+  /** registers available components */
 
   static async provider([ui, componentUi, sidebar, commandBarUI], config, [routeSlot, menuSlot, sidebarSlot, scopeBadgeSlot, menuWidgetSlot, menuItemSlot, sidebarItemSlot, cornerSlot, overviewSlot, contextSlot, drawerWidgetSlot, componentFiltersSlot]) {
     const scopeUi = new ScopeUI(routeSlot, componentUi, menuSlot, sidebar, sidebarSlot, commandBarUI, scopeBadgeSlot, menuWidgetSlot, sidebarItemSlot, menuItemSlot, cornerSlot, overviewSlot, contextSlot, drawerWidgetSlot, componentFiltersSlot);
@@ -507,9 +424,7 @@ class ScopeUI {
     if (ui) scopeUi.registerExplicitRoutes();
     return scopeUi;
   }
-
 }
-
 exports.ScopeUI = ScopeUI;
 (0, _defineProperty2().default)(ScopeUI, "dependencies", [_ui().UIAspect, _component().ComponentAspect, _sidebar().SidebarAspect, _commandBar().default]);
 (0, _defineProperty2().default)(ScopeUI, "runtime", _ui().UIRuntime);
@@ -519,7 +434,6 @@ exports.ScopeUI = ScopeUI;
 });
 var _default = ScopeUI;
 exports.default = _default;
-
 _scope().ScopeAspect.addRuntime(ScopeUI);
 
 //# sourceMappingURL=scope.ui.runtime.js.map