@teambit/lanes 0.0.388 → 0.0.389

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RouteProps } from 'react-router-dom';
 import { Harmony } from '@teambit/harmony';
 import { UiUI } from '@teambit/ui';
@@ -31,6 +32,16 @@ export declare class LanesUI {
     private readonly hostAspect?;
     private readonly host;
     private registerHostAspectRoutes;
+    getLaneRoutes(): {
+        path: string;
+        children: JSX.Element;
+    }[];
+    getLaneGallery(): JSX.Element;
+    getMenuRoutes(): {
+        path: string;
+        children: JSX.Element;
+    }[];
+    getLanesOverviewMenu(): JSX.Element;
     registerMenuWidget(...menuItems: MenuWidget[]): void;
     private registerLanesRoutes;
     private registerRoutes;

package/dist/lanes.ui.runtime.js

@@ -159,7 +159,12 @@ class LanesUI {
 
   registerHostAspectRoutes() {
     if (!this.hostAspect) return;
-    this.hostAspect.registerRoutes([{
+    this.hostAspect.registerRoutes(this.getLaneRoutes());
+    this.hostAspect.registerMenuRoutes(this.getMenuRoutes());
+  }
+
+  getLaneRoutes() {
+    return [{
       path: _lanesUi().LanesModel.lanesPrefix,
       children: /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
         path: _lanesUi().LanesModel.lanePath
@@ -172,11 +177,7 @@ class LanesUI {
         })
       }), /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
         path: "~gallery",
-        element: /*#__PURE__*/_react().default.createElement(_lanesUi().LaneGallery, {
-          routeSlot: this.routeSlot,
-          overviewSlot: this.overviewSlot,
-          host: this.lanesHost
-        })
+        element: this.getLaneGallery()
       }), /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
         path: "~component/*",
         element: this.componentUi.getComponentUI(this.host)
@@ -187,22 +188,37 @@ class LanesUI {
         path: "*",
         element: /*#__PURE__*/_react().default.createElement(_designUiPages().NotFoundPage, null)
       }))
-    }]);
-    this.hostAspect.registerMenuRoutes([{
+    }];
+  }
+
+  getLaneGallery() {
+    return /*#__PURE__*/_react().default.createElement(_lanesUi().LaneGallery, {
+      routeSlot: this.routeSlot,
+      overviewSlot: this.overviewSlot,
+      host: this.lanesHost
+    });
+  }
+
+  getMenuRoutes() {
+    return [{
       path: _lanesUi().LanesModel.lanesPrefix,
       children: /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
         path: `${_lanesUi().LanesModel.lanePath}/*`
       }, /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
         path: "*",
-        element: /*#__PURE__*/_react().default.createElement(_lanesUi().LanesOverviewMenu, {
-          navigationSlot: this.navSlot,
-          widgetSlot: this.menuWidgetSlot
-        })
+        element: this.getLanesOverviewMenu()
       }), /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
         path: "~component/*",
         element: this.componentUi.getMenu(this.host)
       }))
-    }]);
+    }];
+  }
+
+  getLanesOverviewMenu() {
+    return /*#__PURE__*/_react().default.createElement(_lanesUi().LanesOverviewMenu, {
+      navigationSlot: this.navSlot,
+      widgetSlot: this.menuWidgetSlot
+    });
   }
 
   registerMenuWidget(...menuItems) {
@@ -273,7 +289,7 @@ class LanesUI {
     }
 
     const lanesUi = new LanesUI(componentUi, routeSlot, navSlot, overviewSlot, menuWidgetSlot, workspace, scope);
-    uiUi.registerRenderHooks({
+    if (uiUi) uiUi.registerRenderHooks({
       reactContext: lanesUi.renderContext
     });
     const drawer = new (_lanesUi().LanesDrawer)({

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

@@ -1 +1 @@
-{"version":3,"names":["LanesUI","constructor","componentUi","routeSlot","navSlot","menuWidgetSlot","overviewSlot","workspace","scope","children","hostAspect","lanesHost","host","WorkspaceAspect","id","ScopeAspect","registerHostAspectRoutes","registerRoutes","path","LanesModel","lanesPrefix","lanePath","getComponentUI","registerMenuRoutes","getMenu","registerMenuWidget","menuItems","register","registerLanesRoutes","registerNavigation","props","href","exact","order","hide","lanesContext","useLanesContext","viewedLane","readmeComponent","registerRoute","route","registerOverviewLine","lines","routes","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"],"sources":["lanes.ui.runtime.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Route, 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  LaneGallery,\n  LanesOrderedNavigationSlot,\n  LanesModel,\n  LanesOverviewMenu,\n  ViewedLaneFromUrl,\n  LaneOverviewLineSlot,\n  LaneOverviewLine,\n  UseLaneMenu,\n  useLanesContext,\n  LanesNavPlugin,\n  LaneReadmeOverview,\n} from '@teambit/lanes.ui.lanes';\nimport { NotFoundPage } from '@teambit/design.ui.pages.not-found';\nimport ScopeAspect, { ScopeUI } from '@teambit/scope';\nimport WorkspaceAspect, { WorkspaceUI } from '@teambit/workspace';\nimport ComponentAspect, { ComponentUI } from '@teambit/component';\nimport SidebarAspect, { SidebarUI } from '@teambit/sidebar';\nimport { MenuWidget, MenuWidgetSlot } from '@teambit/ui-foundation.ui.menu';\n\nexport class LanesUI {\n  static dependencies = [UIAspect, ComponentAspect, WorkspaceAspect, ScopeAspect, SidebarAspect];\n  static runtime = UIRuntime;\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<LaneOverviewLineSlot>(),\n    Slot.withType<NavigationSlot>(),\n    Slot.withType<MenuWidgetSlot>(),\n  ];\n\n  constructor(\n    private componentUi: ComponentUI,\n    private routeSlot: RouteSlot,\n    private navSlot: LanesOrderedNavigationSlot,\n    private menuWidgetSlot: MenuWidgetSlot,\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.lanesPrefix,\n        children: (\n          <>\n            <Route path={LanesModel.lanePath}>\n              <Route\n                index\n                element={\n                  <LaneReadmeOverview host={this.host} overviewSlot={this.overviewSlot} routeSlot={this.routeSlot} />\n                }\n              />\n              <Route\n                path=\"~gallery\"\n                element={\n                  <LaneGallery routeSlot={this.routeSlot} overviewSlot={this.overviewSlot} host={this.lanesHost} />\n                }\n              />\n              <Route path=\"~component/*\" element={this.componentUi.getComponentUI(this.host)} />\n              <Route path=\"*\" element={<NotFoundPage />} />\n            </Route>\n            <Route path=\"*\" element={<NotFoundPage />} />\n          </>\n        ),\n      },\n    ]);\n    this.hostAspect.registerMenuRoutes([\n      {\n        path: LanesModel.lanesPrefix,\n        children: (\n          <Route path={`${LanesModel.lanePath}/*`}>\n            <Route\n              path=\"*\"\n              element={<LanesOverviewMenu navigationSlot={this.navSlot} widgetSlot={this.menuWidgetSlot} />}\n            />\n            <Route path=\"~component/*\" element={this.componentUi.getMenu(this.host)} />\n          </Route>\n        ),\n      },\n    ]);\n  }\n\n  registerMenuWidget(...menuItems: MenuWidget[]) {\n    this.menuWidgetSlot.register(menuItems);\n  }\n\n  private registerLanesRoutes() {\n    this.registerNavigation([\n      {\n        props: {\n          href: '.',\n          exact: true,\n          children: 'README',\n        },\n        order: 1,\n        hide: () => {\n          const lanesContext = useLanesContext();\n          return !lanesContext?.viewedLane?.readmeComponent;\n        },\n      },\n      {\n        props: {\n          href: '~gallery',\n          children: 'Gallery',\n          exact: true,\n        },\n        order: 1,\n      },\n    ]);\n  }\n\n  private registerRoutes() {\n    this.registerHostAspectRoutes();\n    this.registerLanesRoutes();\n  }\n\n  private renderContext = ({ children }: { children: ReactNode }) => {\n    return <ViewedLaneFromUrl>{children}</ViewedLaneFromUrl>;\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(routes: LanesNavPlugin[]) {\n    this.navSlot.register(routes);\n  }\n\n  static async provider(\n    [uiUi, componentUi, workspaceUi, scopeUi, sidebarUi]: [UiUI, ComponentUI, WorkspaceUI, ScopeUI, SidebarUI],\n    _,\n    [routeSlot, overviewSlot, navSlot, menuWidgetSlot]: [\n      RouteSlot,\n      LaneOverviewLineSlot,\n      LanesOrderedNavigationSlot,\n      MenuWidgetSlot\n    ],\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, menuWidgetSlot, 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    lanesUi.registerMenuWidget(() => <UseLaneMenu host={lanesUi.lanesHost} />);\n    return lanesUi;\n  }\n}\n\nexport default LanesUI;\n\nLanesAspect.addRuntime(LanesUI);\n"],"mappings":"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"}
+{"version":3,"names":["LanesUI","constructor","componentUi","routeSlot","navSlot","menuWidgetSlot","overviewSlot","workspace","scope","children","hostAspect","lanesHost","host","WorkspaceAspect","id","ScopeAspect","registerHostAspectRoutes","registerRoutes","getLaneRoutes","registerMenuRoutes","getMenuRoutes","path","LanesModel","lanesPrefix","lanePath","getLaneGallery","getComponentUI","getLanesOverviewMenu","getMenu","registerMenuWidget","menuItems","register","registerLanesRoutes","registerNavigation","props","href","exact","order","hide","lanesContext","useLanesContext","viewedLane","readmeComponent","registerRoute","route","registerOverviewLine","lines","routes","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"],"sources":["lanes.ui.runtime.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Route, 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  LaneGallery,\n  LanesOrderedNavigationSlot,\n  LanesModel,\n  LanesOverviewMenu,\n  ViewedLaneFromUrl,\n  LaneOverviewLineSlot,\n  LaneOverviewLine,\n  UseLaneMenu,\n  useLanesContext,\n  LanesNavPlugin,\n  LaneReadmeOverview,\n} from '@teambit/lanes.ui.lanes';\nimport { NotFoundPage } from '@teambit/design.ui.pages.not-found';\nimport ScopeAspect, { ScopeUI } from '@teambit/scope';\nimport WorkspaceAspect, { WorkspaceUI } from '@teambit/workspace';\nimport ComponentAspect, { ComponentUI } from '@teambit/component';\nimport SidebarAspect, { SidebarUI } from '@teambit/sidebar';\nimport { MenuWidget, MenuWidgetSlot } from '@teambit/ui-foundation.ui.menu';\n\nexport class LanesUI {\n  static dependencies = [UIAspect, ComponentAspect, WorkspaceAspect, ScopeAspect, SidebarAspect];\n  static runtime = UIRuntime;\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<LaneOverviewLineSlot>(),\n    Slot.withType<NavigationSlot>(),\n    Slot.withType<MenuWidgetSlot>(),\n  ];\n\n  constructor(\n    private componentUi: ComponentUI,\n    private routeSlot: RouteSlot,\n    private navSlot: LanesOrderedNavigationSlot,\n    private menuWidgetSlot: MenuWidgetSlot,\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(this.getLaneRoutes());\n    this.hostAspect.registerMenuRoutes(this.getMenuRoutes());\n  }\n\n  getLaneRoutes() {\n    return [\n      {\n        path: LanesModel.lanesPrefix,\n        children: (\n          <>\n            <Route path={LanesModel.lanePath}>\n              <Route\n                index\n                element={\n                  <LaneReadmeOverview host={this.host} overviewSlot={this.overviewSlot} routeSlot={this.routeSlot} />\n                }\n              />\n              <Route\n                path=\"~gallery\"\n                element={this.getLaneGallery()}\n              />\n              <Route path=\"~component/*\" element={this.componentUi.getComponentUI(this.host)} />\n              <Route path=\"*\" element={<NotFoundPage />} />\n            </Route>\n            <Route path=\"*\" element={<NotFoundPage />} />\n          </>\n        ),\n      },\n    ];\n  }\n\n  getLaneGallery() {\n    return <LaneGallery routeSlot={this.routeSlot} overviewSlot={this.overviewSlot} host={this.lanesHost} />;\n  }\n\n  getMenuRoutes() {\n    return [\n      {\n        path: LanesModel.lanesPrefix,\n        children: (\n          <Route path={`${LanesModel.lanePath}/*`}>\n            <Route\n              path=\"*\"\n              element={this.getLanesOverviewMenu()}\n            />\n            <Route path=\"~component/*\" element={this.componentUi.getMenu(this.host)} />\n          </Route>\n        ),\n      },\n    ];\n  }\n\n  getLanesOverviewMenu() {\n    return <LanesOverviewMenu navigationSlot={this.navSlot} widgetSlot={this.menuWidgetSlot} />;\n  }\n\n  registerMenuWidget(...menuItems: MenuWidget[]) {\n    this.menuWidgetSlot.register(menuItems);\n  }\n\n  private registerLanesRoutes() {\n    this.registerNavigation([\n      {\n        props: {\n          href: '.',\n          exact: true,\n          children: 'README',\n        },\n        order: 1,\n        hide: () => {\n          const lanesContext = useLanesContext();\n          return !lanesContext?.viewedLane?.readmeComponent;\n        },\n      },\n      {\n        props: {\n          href: '~gallery',\n          children: 'Gallery',\n          exact: true,\n        },\n        order: 1,\n      },\n    ]);\n  }\n\n  private registerRoutes() {\n    this.registerHostAspectRoutes();\n    this.registerLanesRoutes();\n  }\n\n  private renderContext = ({ children }: { children: ReactNode }) => {\n    return <ViewedLaneFromUrl>{children}</ViewedLaneFromUrl>;\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(routes: LanesNavPlugin[]) {\n    this.navSlot.register(routes);\n  }\n\n  static async provider(\n    [uiUi, componentUi, workspaceUi, scopeUi, sidebarUi]: [UiUI, ComponentUI, WorkspaceUI, ScopeUI, SidebarUI],\n    _,\n    [routeSlot, overviewSlot, navSlot, menuWidgetSlot]: [\n      RouteSlot,\n      LaneOverviewLineSlot,\n      LanesOrderedNavigationSlot,\n      MenuWidgetSlot\n    ],\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, menuWidgetSlot, workspace, scope);\n    if (uiUi) uiUi.registerRenderHooks({ reactContext: lanesUi.renderContext });\n    const drawer = new LanesDrawer({ showScope: lanesUi.lanesHost === 'workspace' });\n    sidebarUi.registerDrawer(drawer);\n    lanesUi.registerRoutes();\n    lanesUi.registerMenuWidget(() => <UseLaneMenu host={lanesUi.lanesHost} />);\n    return lanesUi;\n  }\n}\n\nexport default LanesUI;\n\nLanesAspect.addRuntime(LanesUI);\n"],"mappings":"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"}

package/lanes.ui.runtime.tsx

@@ -59,7 +59,12 @@ export class LanesUI {
 
   private registerHostAspectRoutes() {
     if (!this.hostAspect) return;
-    this.hostAspect.registerRoutes([
+    this.hostAspect.registerRoutes(this.getLaneRoutes());
+    this.hostAspect.registerMenuRoutes(this.getMenuRoutes());
+  }
+
+  getLaneRoutes() {
+    return [
       {
         path: LanesModel.lanesPrefix,
         children: (
@@ -73,9 +78,7 @@ export class LanesUI {
               />
               <Route
                 path="~gallery"
-                element={
-                  <LaneGallery routeSlot={this.routeSlot} overviewSlot={this.overviewSlot} host={this.lanesHost} />
-                }
+                element={this.getLaneGallery()}
               />
               <Route path="~component/*" element={this.componentUi.getComponentUI(this.host)} />
               <Route path="*" element={<NotFoundPage />} />
@@ -84,21 +87,32 @@ export class LanesUI {
           </>
         ),
       },
-    ]);
-    this.hostAspect.registerMenuRoutes([
+    ];
+  }
+
+  getLaneGallery() {
+    return <LaneGallery routeSlot={this.routeSlot} overviewSlot={this.overviewSlot} host={this.lanesHost} />;
+  }
+
+  getMenuRoutes() {
+    return [
       {
         path: LanesModel.lanesPrefix,
         children: (
           <Route path={`${LanesModel.lanePath}/*`}>
             <Route
               path="*"
-              element={<LanesOverviewMenu navigationSlot={this.navSlot} widgetSlot={this.menuWidgetSlot} />}
+              element={this.getLanesOverviewMenu()}
             />
             <Route path="~component/*" element={this.componentUi.getMenu(this.host)} />
           </Route>
         ),
       },
-    ]);
+    ];
+  }
+
+  getLanesOverviewMenu() {
+    return <LanesOverviewMenu navigationSlot={this.navSlot} widgetSlot={this.menuWidgetSlot} />;
   }
 
   registerMenuWidget(...menuItems: MenuWidget[]) {
@@ -178,7 +192,7 @@ export class LanesUI {
       scope = scopeUi;
     }
     const lanesUi = new LanesUI(componentUi, routeSlot, navSlot, overviewSlot, menuWidgetSlot, workspace, scope);
-    uiUi.registerRenderHooks({ reactContext: lanesUi.renderContext });
+    if (uiUi) uiUi.registerRenderHooks({ reactContext: lanesUi.renderContext });
     const drawer = new LanesDrawer({ showScope: lanesUi.lanesHost === 'workspace' });
     sidebarUi.registerDrawer(drawer);
     lanesUi.registerRoutes();

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/lanes",
-  "version": "0.0.388",
+  "version": "0.0.389",
   "homepage": "https://bit.dev/teambit/lanes/lanes",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.lanes",
     "name": "lanes",
-    "version": "0.0.388"
+    "version": "0.0.389"
   },
   "dependencies": {
     "chalk": "2.4.2",
@@ -18,23 +18,23 @@
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
     "@teambit/bit-error": "0.0.394",
-    "@teambit/lane-id": "0.0.63",
-    "@teambit/cli": "0.0.544",
-    "@teambit/merging": "0.0.131",
-    "@teambit/scope": "0.0.816",
-    "@teambit/workspace": "0.0.816",
-    "@teambit/graphql": "0.0.816",
-    "@teambit/community": "0.0.92",
-    "@teambit/component": "0.0.816",
-    "@teambit/lanes.modules.diff": "0.0.173",
+    "@teambit/lane-id": "0.0.64",
+    "@teambit/cli": "0.0.545",
+    "@teambit/merging": "0.0.132",
+    "@teambit/scope": "0.0.817",
+    "@teambit/workspace": "0.0.817",
+    "@teambit/graphql": "0.0.817",
+    "@teambit/community": "0.0.93",
+    "@teambit/component": "0.0.817",
+    "@teambit/lanes.modules.diff": "0.0.174",
     "@teambit/legacy-bit-id": "0.0.402",
-    "@teambit/logger": "0.0.637",
+    "@teambit/logger": "0.0.638",
     "@teambit/design.ui.pages.not-found": "0.0.356",
-    "@teambit/lanes.ui.lanes": "0.0.113",
-    "@teambit/sidebar": "0.0.816",
+    "@teambit/lanes.ui.lanes": "0.0.114",
+    "@teambit/sidebar": "0.0.817",
     "@teambit/ui-foundation.ui.menu": "0.0.487",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.490",
-    "@teambit/ui": "0.0.816",
+    "@teambit/ui": "0.0.817",
     "@teambit/component-id": "0.0.405"
   },
   "devDependencies": {
@@ -51,7 +51,7 @@
   },
   "peerDependencies": {
     "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.327",
+    "@teambit/legacy": "1.0.328",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/{preview-1660447667955.js → preview-1660534299706.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.lanes_lanes@0.0.388/dist/lanes.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.lanes_lanes@0.0.388/dist/lanes.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.lanes_lanes@0.0.389/dist/lanes.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.lanes_lanes@0.0.389/dist/lanes.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];