@teambit/lanes 0.0.235 → 0.0.236

package/{__preview-1646147591351.js → __preview-1646191436076.js}

@@ -1 +1 @@
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.lanes_lanes@0.0.235/dist/lanes.docs.md')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.lanes_lanes@0.0.236/dist/lanes.docs.md')]

package/dist/lanes.ui.runtime.d.ts

@@ -1,30 +1,33 @@
 import { RouteProps } from 'react-router-dom';
 import { Harmony } from '@teambit/harmony';
-import { MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';
 import { UiUI } from '@teambit/ui';
 import { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
-import { LanesOrderedNavigationSlot } from '@teambit/lanes.ui.lanes';
+import { LanesOrderedNavigationSlot, LaneOverviewLineSlot, LaneOverviewLine } from '@teambit/lanes.ui.lanes';
 import { ScopeUI } from '@teambit/scope';
 import { WorkspaceUI } from '@teambit/workspace';
-import { NavLinkProps, ReactRouterUI } from '@teambit/react-router';
+import { NavLinkProps } from '@teambit/react-router';
 import { ComponentUI } from '@teambit/component';
 import { SidebarUI } from '@teambit/sidebar';
 export declare class LanesUI {
-    private uiUi;
     private componentUi;
     private routeSlot;
-    private menuRouteSlot;
     private navSlot;
-    private menuItemSlot;
-    private reactRouter;
+    /**
+     * overview line slot to add new lines beneath the overview section
+     */
+    private overviewSlot;
     private workspace?;
     private scope?;
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static slots: (((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<RouteProps<string, {
         [x: string]: string | undefined;
-    }>>) | ((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<MenuItemSlot>) | ((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<NavigationSlot>))[];
-    constructor(uiUi: UiUI, componentUi: ComponentUI, routeSlot: RouteSlot, menuRouteSlot: RouteSlot, navSlot: LanesOrderedNavigationSlot, menuItemSlot: MenuItemSlot, reactRouter: ReactRouterUI, workspace?: WorkspaceUI | undefined, scope?: ScopeUI | undefined);
+    }>>) | ((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<NavigationSlot>) | ((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<LaneOverviewLineSlot>))[];
+    constructor(componentUi: ComponentUI, routeSlot: RouteSlot, navSlot: LanesOrderedNavigationSlot, 
+    /**
+     * overview line slot to add new lines beneath the overview section
+     */
+    overviewSlot: LaneOverviewLineSlot, workspace?: WorkspaceUI | undefined, scope?: ScopeUI | undefined);
     private readonly lanesHost;
     private readonly hostAspect?;
     private readonly host;
@@ -33,14 +36,11 @@ export declare class LanesUI {
     private registerRoutes;
     private renderContext;
     registerRoute(route: RouteProps): this;
+    /**
+     * register a new line beneath the lane overview section.
+     */
+    registerOverviewLine(...lines: LaneOverviewLine[]): this;
     registerNavigation(nav: NavLinkProps, order?: number): void;
-    static provider([uiUi, reactRouter, componentUi, workspaceUi, scopeUi, sidebarUi]: [
-        UiUI,
-        ReactRouterUI,
-        ComponentUI,
-        WorkspaceUI,
-        ScopeUI,
-        SidebarUI
-    ], _: any, [routeSlot, menuItemSlot, menuRouteSlot, navSlot]: [RouteSlot, MenuItemSlot, RouteSlot, LanesOrderedNavigationSlot], harmony: Harmony): Promise<LanesUI>;
+    static provider([uiUi, componentUi, workspaceUi, scopeUi, sidebarUi]: [UiUI, ComponentUI, WorkspaceUI, ScopeUI, SidebarUI], _: any, [routeSlot, overviewSlot, navSlot]: [RouteSlot, LaneOverviewLineSlot, LanesOrderedNavigationSlot], harmony: Harmony): Promise<LanesUI>;
 }
 export default LanesUI;

package/dist/lanes.ui.runtime.js

@@ -91,16 +91,6 @@ function _workspace() {
   return data;
 }
 
-function _reactRouter() {
-  const data = _interopRequireDefault(require("@teambit/react-router"));
-
-  _reactRouter = function () {
-    return data;
-  };
-
-  return data;
-}
-
 function _component() {
   const data = _interopRequireDefault(require("@teambit/component"));
 
@@ -122,14 +112,15 @@ function _sidebar() {
 }
 
 class LanesUI {
-  constructor(uiUi, componentUi, routeSlot, menuRouteSlot, navSlot, menuItemSlot, reactRouter, workspace, scope) {
-    this.uiUi = uiUi;
+  constructor(componentUi, routeSlot, navSlot,
+  /**
+   * overview line slot to add new lines beneath the overview section
+   */
+  overviewSlot, workspace, scope) {
     this.componentUi = componentUi;
     this.routeSlot = routeSlot;
-    this.menuRouteSlot = menuRouteSlot;
     this.navSlot = navSlot;
-    this.menuItemSlot = menuItemSlot;
-    this.reactRouter = reactRouter;
+    this.overviewSlot = overviewSlot;
     this.workspace = workspace;
     this.scope = scope;
     (0, _defineProperty2().default)(this, "lanesHost", void 0);
@@ -153,7 +144,8 @@ class LanesUI {
     }, {
       path: _lanesUi().LanesModel.laneRouteUrlRegex,
       children: /*#__PURE__*/_react().default.createElement(_lanesUi().LanesOverview, {
-        routeSlot: this.routeSlot
+        routeSlot: this.routeSlot,
+        overviewSlot: this.overviewSlot
       })
     }]);
     this.hostAspect.registerMenuRoutes([{
@@ -184,6 +176,15 @@ class LanesUI {
     this.routeSlot.register(route);
     return this;
   }
+  /**
+   * register a new line beneath the lane overview section.
+   */
+
+
+  registerOverviewLine(...lines) {
+    this.overviewSlot.register(lines);
+    return this;
+  }
 
   registerNavigation(nav, order) {
     this.navSlot.register({
@@ -192,7 +193,7 @@ class LanesUI {
     });
   }
 
-  static async provider([uiUi, reactRouter, componentUi, workspaceUi, scopeUi, sidebarUi], _, [routeSlot, menuItemSlot, menuRouteSlot, navSlot], harmony) {
+  static async provider([uiUi, componentUi, workspaceUi, scopeUi, sidebarUi], _, [routeSlot, overviewSlot, navSlot], harmony) {
     const {
       config
     } = harmony;
@@ -208,7 +209,7 @@ class LanesUI {
       scope = scopeUi;
     }
 
-    const lanesUi = new LanesUI(uiUi, componentUi, routeSlot, menuRouteSlot, navSlot, menuItemSlot, reactRouter, workspace, scope);
+    const lanesUi = new LanesUI(componentUi, routeSlot, navSlot, overviewSlot, workspace, scope);
     uiUi.registerRenderHooks({
       reactContext: lanesUi.renderContext
     });
@@ -223,9 +224,9 @@ class LanesUI {
 }
 
 exports.LanesUI = LanesUI;
-(0, _defineProperty2().default)(LanesUI, "dependencies", [_ui().UIAspect, _reactRouter().default, _component().default, _workspace().default, _scope().default, _sidebar().default]);
+(0, _defineProperty2().default)(LanesUI, "dependencies", [_ui().UIAspect, _component().default, _workspace().default, _scope().default, _sidebar().default]);
 (0, _defineProperty2().default)(LanesUI, "runtime", _ui().UIRuntime);
-(0, _defineProperty2().default)(LanesUI, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType()]);
+(0, _defineProperty2().default)(LanesUI, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType()]);
 var _default = LanesUI;
 exports.default = _default;
 

package/dist/lanes.ui.runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["lanes.ui.runtime.tsx"],"names":["LanesUI","constructor","uiUi","componentUi","routeSlot","menuRouteSlot","navSlot","menuItemSlot","reactRouter","workspace","scope","children","hostAspect","lanesHost","host","WorkspaceAspect","id","ScopeAspect","registerHostAspectRoutes","registerRoutes","path","LanesModel","laneComponentUrlRegex","getComponentUI","laneRouteUrlRegex","registerMenuRoutes","getMenu","registerLanesRoutes","registerNavigation","href","registerRoute","route","register","nav","order","props","provider","workspaceUi","scopeUi","sidebarUi","_","harmony","config","String","get","lanesUi","registerRenderHooks","reactContext","renderContext","drawer","LanesDrawer","showScope","registerDrawer","UIAspect","ReactRouterAspect","ComponentAspect","SidebarAspect","UIRuntime","Slot","withType","LanesAspect","addRuntime"],"mappings":"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","sourcesContent":["import React, { ReactNode } from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport { Slot, Harmony } from '@teambit/harmony';\nimport { MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';\nimport { UIRuntime, UiUI, UIAspect } from '@teambit/ui';\nimport { LanesAspect } from '@teambit/lanes';\nimport { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport {\n  LanesDrawer,\n  LanesHost,\n  LanesOverview,\n  LanesOrderedNavigationSlot,\n  LanesModel,\n  LanesOverviewMenu,\n  CurrentLaneFromUrl,\n} from '@teambit/lanes.ui.lanes';\nimport ScopeAspect, { ScopeUI } from '@teambit/scope';\nimport WorkspaceAspect, { WorkspaceUI } from '@teambit/workspace';\nimport ReactRouterAspect, { NavLinkProps, ReactRouterUI } from '@teambit/react-router';\nimport ComponentAspect, { ComponentUI } from '@teambit/component';\nimport SidebarAspect, { SidebarUI } from '@teambit/sidebar';\n\nexport class LanesUI {\n  static dependencies = [UIAspect, ReactRouterAspect, ComponentAspect, WorkspaceAspect, ScopeAspect, SidebarAspect];\n  static runtime = UIRuntime;\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<MenuItemSlot>(),\n    Slot.withType<RouteProps>(),\n    Slot.withType<NavigationSlot>(),\n  ];\n\n  constructor(\n    private uiUi: UiUI,\n    private componentUi: ComponentUI,\n    private routeSlot: RouteSlot,\n    private menuRouteSlot: RouteSlot,\n    private navSlot: LanesOrderedNavigationSlot,\n    private menuItemSlot: MenuItemSlot,\n    private reactRouter: ReactRouterUI,\n    private workspace?: WorkspaceUI,\n    private scope?: ScopeUI\n  ) {\n    this.hostAspect = workspace || scope;\n    this.lanesHost = workspace ? 'workspace' : 'scope';\n    this.host = workspace ? WorkspaceAspect.id : ScopeAspect.id;\n  }\n\n  private readonly lanesHost: LanesHost;\n  private readonly hostAspect?: WorkspaceUI | ScopeUI;\n  private readonly host: string;\n\n  private registerHostAspectRoutes() {\n    if (!this.hostAspect) return;\n    this.hostAspect.registerRoutes([\n      {\n        path: LanesModel.laneComponentUrlRegex,\n        children: this.componentUi.getComponentUI(this.host),\n      },\n      {\n        path: LanesModel.laneRouteUrlRegex,\n        children: <LanesOverview routeSlot={this.routeSlot} />,\n      },\n    ]);\n    this.hostAspect.registerMenuRoutes([\n      {\n        path: LanesModel.laneComponentUrlRegex,\n        children: this.componentUi.getMenu(this.host),\n      },\n      {\n        path: LanesModel.laneRouteUrlRegex,\n        children: <LanesOverviewMenu navigationSlot={this.navSlot} host={this.host} />,\n      },\n    ]);\n  }\n\n  private registerLanesRoutes() {\n    this.registerNavigation({\n      href: '',\n      children: 'Gallery',\n    });\n  }\n\n  private registerRoutes() {\n    this.registerHostAspectRoutes();\n    this.registerLanesRoutes();\n  }\n\n  private renderContext = ({ children }: { children: ReactNode }) => {\n    return <CurrentLaneFromUrl>{children}</CurrentLaneFromUrl>;\n  };\n\n  registerRoute(route: RouteProps) {\n    this.routeSlot.register(route);\n    return this;\n  }\n\n  registerNavigation(nav: NavLinkProps, order?: number) {\n    this.navSlot.register({\n      props: nav,\n      order,\n    });\n  }\n\n  static async provider(\n    [uiUi, reactRouter, componentUi, workspaceUi, scopeUi, sidebarUi]: [\n      UiUI,\n      ReactRouterUI,\n      ComponentUI,\n      WorkspaceUI,\n      ScopeUI,\n      SidebarUI\n    ],\n    _,\n    [routeSlot, menuItemSlot, menuRouteSlot, navSlot]: [RouteSlot, MenuItemSlot, RouteSlot, LanesOrderedNavigationSlot],\n    harmony: Harmony\n  ) {\n    const { config } = harmony;\n    const host = String(config.get('teambit.harmony/bit'));\n    let workspace: WorkspaceUI | undefined;\n    let scope: ScopeUI | undefined;\n    if (host === WorkspaceAspect.id) {\n      workspace = workspaceUi;\n    }\n    if (host === ScopeAspect.id) {\n      scope = scopeUi;\n    }\n    const lanesUi = new LanesUI(\n      uiUi,\n      componentUi,\n      routeSlot,\n      menuRouteSlot,\n      navSlot,\n      menuItemSlot,\n      reactRouter,\n      workspace,\n      scope\n    );\n    uiUi.registerRenderHooks({ reactContext: lanesUi.renderContext });\n    const drawer = new LanesDrawer({ showScope: lanesUi.lanesHost === 'workspace' });\n    sidebarUi.registerDrawer(drawer);\n    lanesUi.registerRoutes();\n\n    return lanesUi;\n  }\n}\n\nexport default LanesUI;\n\nLanesAspect.addRuntime(LanesUI);\n"]}
+{"version":3,"sources":["lanes.ui.runtime.tsx"],"names":["LanesUI","constructor","componentUi","routeSlot","navSlot","overviewSlot","workspace","scope","children","hostAspect","lanesHost","host","WorkspaceAspect","id","ScopeAspect","registerHostAspectRoutes","registerRoutes","path","LanesModel","laneComponentUrlRegex","getComponentUI","laneRouteUrlRegex","registerMenuRoutes","getMenu","registerLanesRoutes","registerNavigation","href","registerRoute","route","register","registerOverviewLine","lines","nav","order","props","provider","uiUi","workspaceUi","scopeUi","sidebarUi","_","harmony","config","String","get","lanesUi","registerRenderHooks","reactContext","renderContext","drawer","LanesDrawer","showScope","registerDrawer","UIAspect","ComponentAspect","SidebarAspect","UIRuntime","Slot","withType","LanesAspect","addRuntime"],"mappings":"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","sourcesContent":["import React, { ReactNode } from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport { Slot, Harmony } from '@teambit/harmony';\nimport { UIRuntime, UiUI, UIAspect } from '@teambit/ui';\nimport { LanesAspect } from '@teambit/lanes';\nimport { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport {\n  LanesDrawer,\n  LanesHost,\n  LanesOverview,\n  LanesOrderedNavigationSlot,\n  LanesModel,\n  LanesOverviewMenu,\n  CurrentLaneFromUrl,\n  LaneOverviewLineSlot,\n  LaneOverviewLine,\n} from '@teambit/lanes.ui.lanes';\nimport ScopeAspect, { ScopeUI } from '@teambit/scope';\nimport WorkspaceAspect, { WorkspaceUI } from '@teambit/workspace';\nimport { NavLinkProps } from '@teambit/react-router';\nimport ComponentAspect, { ComponentUI } from '@teambit/component';\nimport SidebarAspect, { SidebarUI } from '@teambit/sidebar';\n\nexport class LanesUI {\n  static dependencies = [UIAspect, ComponentAspect, WorkspaceAspect, ScopeAspect, SidebarAspect];\n  static runtime = UIRuntime;\n  static slots = [Slot.withType<RouteProps>(), Slot.withType<LaneOverviewLineSlot>(), Slot.withType<NavigationSlot>()];\n\n  constructor(\n    private componentUi: ComponentUI,\n    private routeSlot: RouteSlot,\n    private navSlot: LanesOrderedNavigationSlot,\n    /**\n     * overview line slot to add new lines beneath the overview section\n     */\n    private overviewSlot: LaneOverviewLineSlot,\n    private workspace?: WorkspaceUI,\n    private scope?: ScopeUI\n  ) {\n    this.hostAspect = workspace || scope;\n    this.lanesHost = workspace ? 'workspace' : 'scope';\n    this.host = workspace ? WorkspaceAspect.id : ScopeAspect.id;\n  }\n\n  private readonly lanesHost: LanesHost;\n  private readonly hostAspect?: WorkspaceUI | ScopeUI;\n  private readonly host: string;\n\n  private registerHostAspectRoutes() {\n    if (!this.hostAspect) return;\n    this.hostAspect.registerRoutes([\n      {\n        path: LanesModel.laneComponentUrlRegex,\n        children: this.componentUi.getComponentUI(this.host),\n      },\n      {\n        path: LanesModel.laneRouteUrlRegex,\n        children: <LanesOverview routeSlot={this.routeSlot} overviewSlot={this.overviewSlot} />,\n      },\n    ]);\n    this.hostAspect.registerMenuRoutes([\n      {\n        path: LanesModel.laneComponentUrlRegex,\n        children: this.componentUi.getMenu(this.host),\n      },\n      {\n        path: LanesModel.laneRouteUrlRegex,\n        children: <LanesOverviewMenu navigationSlot={this.navSlot} host={this.host} />,\n      },\n    ]);\n  }\n\n  private registerLanesRoutes() {\n    this.registerNavigation({\n      href: '',\n      children: 'Gallery',\n    });\n  }\n\n  private registerRoutes() {\n    this.registerHostAspectRoutes();\n    this.registerLanesRoutes();\n  }\n\n  private renderContext = ({ children }: { children: ReactNode }) => {\n    return <CurrentLaneFromUrl>{children}</CurrentLaneFromUrl>;\n  };\n\n  registerRoute(route: RouteProps) {\n    this.routeSlot.register(route);\n    return this;\n  }\n\n  /**\n   * register a new line beneath the lane overview section.\n   */\n  registerOverviewLine(...lines: LaneOverviewLine[]) {\n    this.overviewSlot.register(lines);\n    return this;\n  }\n\n  registerNavigation(nav: NavLinkProps, order?: number) {\n    this.navSlot.register({\n      props: nav,\n      order,\n    });\n  }\n\n  static async provider(\n    [uiUi, componentUi, workspaceUi, scopeUi, sidebarUi]: [UiUI, ComponentUI, WorkspaceUI, ScopeUI, SidebarUI],\n    _,\n    [routeSlot, overviewSlot, navSlot]: [RouteSlot, LaneOverviewLineSlot, LanesOrderedNavigationSlot],\n    harmony: Harmony\n  ) {\n    const { config } = harmony;\n    const host = String(config.get('teambit.harmony/bit'));\n    let workspace: WorkspaceUI | undefined;\n    let scope: ScopeUI | undefined;\n    if (host === WorkspaceAspect.id) {\n      workspace = workspaceUi;\n    }\n    if (host === ScopeAspect.id) {\n      scope = scopeUi;\n    }\n    const lanesUi = new LanesUI(componentUi, routeSlot, navSlot, overviewSlot, workspace, scope);\n    uiUi.registerRenderHooks({ reactContext: lanesUi.renderContext });\n    const drawer = new LanesDrawer({ showScope: lanesUi.lanesHost === 'workspace' });\n    sidebarUi.registerDrawer(drawer);\n    lanesUi.registerRoutes();\n\n    return lanesUi;\n  }\n}\n\nexport default LanesUI;\n\nLanesAspect.addRuntime(LanesUI);\n"]}

package/lanes.ui.runtime.tsx

@@ -1,7 +1,6 @@
 import React, { ReactNode } from 'react';
 import { RouteProps } from 'react-router-dom';
 import { Slot, Harmony } from '@teambit/harmony';
-import { MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';
 import { UIRuntime, UiUI, UIAspect } from '@teambit/ui';
 import { LanesAspect } from '@teambit/lanes';
 import { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
@@ -13,31 +12,28 @@ import {
   LanesModel,
   LanesOverviewMenu,
   CurrentLaneFromUrl,
+  LaneOverviewLineSlot,
+  LaneOverviewLine,
 } from '@teambit/lanes.ui.lanes';
 import ScopeAspect, { ScopeUI } from '@teambit/scope';
 import WorkspaceAspect, { WorkspaceUI } from '@teambit/workspace';
-import ReactRouterAspect, { NavLinkProps, ReactRouterUI } from '@teambit/react-router';
+import { NavLinkProps } from '@teambit/react-router';
 import ComponentAspect, { ComponentUI } from '@teambit/component';
 import SidebarAspect, { SidebarUI } from '@teambit/sidebar';
 
 export class LanesUI {
-  static dependencies = [UIAspect, ReactRouterAspect, ComponentAspect, WorkspaceAspect, ScopeAspect, SidebarAspect];
+  static dependencies = [UIAspect, ComponentAspect, WorkspaceAspect, ScopeAspect, SidebarAspect];
   static runtime = UIRuntime;
-  static slots = [
-    Slot.withType<RouteProps>(),
-    Slot.withType<MenuItemSlot>(),
-    Slot.withType<RouteProps>(),
-    Slot.withType<NavigationSlot>(),
-  ];
+  static slots = [Slot.withType<RouteProps>(), Slot.withType<LaneOverviewLineSlot>(), Slot.withType<NavigationSlot>()];
 
   constructor(
-    private uiUi: UiUI,
     private componentUi: ComponentUI,
     private routeSlot: RouteSlot,
-    private menuRouteSlot: RouteSlot,
     private navSlot: LanesOrderedNavigationSlot,
-    private menuItemSlot: MenuItemSlot,
-    private reactRouter: ReactRouterUI,
+    /**
+     * overview line slot to add new lines beneath the overview section
+     */
+    private overviewSlot: LaneOverviewLineSlot,
     private workspace?: WorkspaceUI,
     private scope?: ScopeUI
   ) {
@@ -59,7 +55,7 @@ export class LanesUI {
       },
       {
         path: LanesModel.laneRouteUrlRegex,
-        children: <LanesOverview routeSlot={this.routeSlot} />,
+        children: <LanesOverview routeSlot={this.routeSlot} overviewSlot={this.overviewSlot} />,
       },
     ]);
     this.hostAspect.registerMenuRoutes([
@@ -95,6 +91,14 @@ export class LanesUI {
     return this;
   }
 
+  /**
+   * register a new line beneath the lane overview section.
+   */
+  registerOverviewLine(...lines: LaneOverviewLine[]) {
+    this.overviewSlot.register(lines);
+    return this;
+  }
+
   registerNavigation(nav: NavLinkProps, order?: number) {
     this.navSlot.register({
       props: nav,
@@ -103,16 +107,9 @@ export class LanesUI {
   }
 
   static async provider(
-    [uiUi, reactRouter, componentUi, workspaceUi, scopeUi, sidebarUi]: [
-      UiUI,
-      ReactRouterUI,
-      ComponentUI,
-      WorkspaceUI,
-      ScopeUI,
-      SidebarUI
-    ],
+    [uiUi, componentUi, workspaceUi, scopeUi, sidebarUi]: [UiUI, ComponentUI, WorkspaceUI, ScopeUI, SidebarUI],
     _,
-    [routeSlot, menuItemSlot, menuRouteSlot, navSlot]: [RouteSlot, MenuItemSlot, RouteSlot, LanesOrderedNavigationSlot],
+    [routeSlot, overviewSlot, navSlot]: [RouteSlot, LaneOverviewLineSlot, LanesOrderedNavigationSlot],
     harmony: Harmony
   ) {
     const { config } = harmony;
@@ -125,17 +122,7 @@ export class LanesUI {
     if (host === ScopeAspect.id) {
       scope = scopeUi;
     }
-    const lanesUi = new LanesUI(
-      uiUi,
-      componentUi,
-      routeSlot,
-      menuRouteSlot,
-      navSlot,
-      menuItemSlot,
-      reactRouter,
-      workspace,
-      scope
-    );
+    const lanesUi = new LanesUI(componentUi, routeSlot, navSlot, overviewSlot, workspace, scope);
     uiUi.registerRenderHooks({ reactContext: lanesUi.renderContext });
     const drawer = new LanesDrawer({ showScope: lanesUi.lanesHost === 'workspace' });
     sidebarUi.registerDrawer(drawer);

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/lanes",
-  "version": "0.0.235",
+  "version": "0.0.236",
   "homepage": "https://bit.dev/teambit/lanes/lanes",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.lanes",
     "name": "lanes",
-    "version": "0.0.235"
+    "version": "0.0.236"
   },
   "dependencies": {
     "chalk": "2.4.2",
@@ -18,18 +18,17 @@
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/bit-error": "0.0.394",
-    "@teambit/cli": "0.0.449",
-    "@teambit/scope": "0.0.663",
-    "@teambit/workspace": "0.0.663",
-    "@teambit/graphql": "0.0.663",
+    "@teambit/cli": "0.0.450",
+    "@teambit/scope": "0.0.664",
+    "@teambit/workspace": "0.0.664",
+    "@teambit/graphql": "0.0.664",
     "@teambit/lanes.modules.diff": "0.0.106",
-    "@teambit/component": "0.0.663",
-    "@teambit/lanes.ui.lanes": "0.0.7",
-    "@teambit/react-router": "0.0.663",
-    "@teambit/sidebar": "0.0.663",
-    "@teambit/ui-foundation.ui.main-dropdown": "0.0.486",
+    "@teambit/component": "0.0.664",
+    "@teambit/lanes.ui.lanes": "0.0.8",
+    "@teambit/react-router": "0.0.664",
+    "@teambit/sidebar": "0.0.664",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.488",
-    "@teambit/ui": "0.0.663"
+    "@teambit/ui": "0.0.664"
   },
   "devDependencies": {
     "@types/react-router-dom": "5.1.7",
@@ -44,7 +43,7 @@
     "@teambit/workspace.testing.mock-workspace": "0.0.3"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.228",
+    "@teambit/legacy": "1.0.229",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -72,7 +71,7 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.228",
+        "@teambit/legacy": "1.0.229",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }