@teambit/lanes 0.0.391 → 0.0.394

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

@@ -3,12 +3,13 @@ import { RouteProps } from 'react-router-dom';
 import { Harmony } from '@teambit/harmony';
 import { UiUI } from '@teambit/ui';
 import { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
-import { LanesOrderedNavigationSlot, LaneOverviewLineSlot, LaneOverviewLine, LanesNavPlugin } from '@teambit/lanes.ui.lanes';
 import { ScopeUI } from '@teambit/scope';
 import { WorkspaceUI } from '@teambit/workspace';
 import { ComponentUI } from '@teambit/component';
 import { SidebarUI } from '@teambit/sidebar';
 import { MenuWidget, MenuWidgetSlot } from '@teambit/ui-foundation.ui.menu';
+import { LaneOverviewLine, LaneOverviewLineSlot } from '@teambit/lanes.ui.gallery';
+import { LanesNavPlugin, LanesOrderedNavigationSlot } from '@teambit/lanes.ui.menus';
 export declare class LanesUI {
     private componentUi;
     private routeSlot;

package/dist/lanes.ui.runtime.js

@@ -71,16 +71,6 @@ function _lanes() {
   return data;
 }
 
-function _lanesUi() {
-  const data = require("@teambit/lanes.ui.lanes");
-
-  _lanesUi = function () {
-    return data;
-  };
-
-  return data;
-}
-
 function _designUiPages() {
   const data = require("@teambit/design.ui.pages.not-found");
 
@@ -131,6 +121,76 @@ function _sidebar() {
   return data;
 }
 
+function _lanesUi() {
+  const data = require("@teambit/lanes.ui.gallery");
+
+  _lanesUi = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _lanesUi2() {
+  const data = require("@teambit/lanes.ui.menus");
+
+  _lanesUi2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _lanesUi3() {
+  const data = require("@teambit/lanes.ui.models");
+
+  _lanesUi3 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _lanesUi4() {
+  const data = require("@teambit/lanes.ui.readme");
+
+  _lanesUi4 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _lanesHooks() {
+  const data = require("@teambit/lanes.hooks.use-lanes");
+
+  _lanesHooks = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _lanesUi5() {
+  const data = require("@teambit/lanes.ui.viewed-lane");
+
+  _lanesUi5 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _lanesUi6() {
+  const data = require("@teambit/lanes.ui.drawer");
+
+  _lanesUi6 = function () {
+    return data;
+  };
+
+  return data;
+}
+
 class LanesUI {
   constructor(componentUi, routeSlot, navSlot, menuWidgetSlot,
   /**
@@ -150,7 +210,7 @@ class LanesUI {
     (0, _defineProperty2().default)(this, "renderContext", ({
       children
     }) => {
-      return /*#__PURE__*/_react().default.createElement(_lanesUi().ViewedLaneFromUrl, null, children);
+      return /*#__PURE__*/_react().default.createElement(_lanesUi5().ViewedLaneFromUrl, null, children);
     });
     this.hostAspect = workspace || scope;
     this.lanesHost = workspace ? 'workspace' : 'scope';
@@ -165,12 +225,12 @@ class LanesUI {
 
   getLaneRoutes() {
     return [{
-      path: _lanesUi().LanesModel.lanesPrefix,
+      path: _lanesUi3().LanesModel.lanesPrefix,
       children: /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
-        path: _lanesUi().LanesModel.lanePath
+        path: _lanesUi3().LanesModel.lanePath
       }, /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
         index: true,
-        element: /*#__PURE__*/_react().default.createElement(_lanesUi().LaneReadmeOverview, {
+        element: /*#__PURE__*/_react().default.createElement(_lanesUi4().LaneReadmeOverview, {
           host: this.host,
           overviewSlot: this.overviewSlot,
           routeSlot: this.routeSlot
@@ -201,9 +261,9 @@ class LanesUI {
 
   getMenuRoutes() {
     return [{
-      path: _lanesUi().LanesModel.lanesPrefix,
+      path: _lanesUi3().LanesModel.lanesPrefix,
       children: /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
-        path: `${_lanesUi().LanesModel.lanePath}/*`
+        path: `${_lanesUi3().LanesModel.lanePath}/*`
       }, /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
         path: "*",
         element: this.getLanesOverviewMenu()
@@ -215,7 +275,7 @@ class LanesUI {
   }
 
   getLanesOverviewMenu() {
-    return /*#__PURE__*/_react().default.createElement(_lanesUi().LanesOverviewMenu, {
+    return /*#__PURE__*/_react().default.createElement(_lanesUi2().LanesOverviewMenu, {
       navigationSlot: this.navSlot,
       widgetSlot: this.menuWidgetSlot
     });
@@ -234,10 +294,12 @@ class LanesUI {
       },
       order: 1,
       hide: () => {
-        var _lanesContext$viewedL;
+        var _lanesModel$viewedLan;
 
-        const lanesContext = (0, _lanesUi().useLanesContext)();
-        return !(lanesContext !== null && lanesContext !== void 0 && (_lanesContext$viewedL = lanesContext.viewedLane) !== null && _lanesContext$viewedL !== void 0 && _lanesContext$viewedL.readmeComponent);
+        const {
+          lanesModel
+        } = (0, _lanesHooks().useLanes)();
+        return !(lanesModel !== null && lanesModel !== void 0 && (_lanesModel$viewedLan = lanesModel.viewedLane) !== null && _lanesModel$viewedLan !== void 0 && _lanesModel$viewedLan.readmeComponent);
       }
     }, {
       props: {
@@ -292,14 +354,26 @@ class LanesUI {
     if (uiUi) uiUi.registerRenderHooks({
       reactContext: lanesUi.renderContext
     });
-    const drawer = new (_lanesUi().LanesDrawer)({
+    const drawer = new (_lanesUi6().LanesDrawer)({
       showScope: lanesUi.lanesHost === 'workspace'
     });
     sidebarUi.registerDrawer(drawer);
     lanesUi.registerRoutes();
-    lanesUi.registerMenuWidget(() => /*#__PURE__*/_react().default.createElement(_lanesUi().UseLaneMenu, {
-      host: lanesUi.lanesHost
-    }));
+    lanesUi.registerMenuWidget(() => {
+      const {
+        lanesModel
+      } = (0, _lanesHooks().useLanes)();
+      if (!(lanesModel !== null && lanesModel !== void 0 && lanesModel.viewedLane)) return null;
+      const {
+        viewedLane,
+        currentLane
+      } = lanesModel;
+      return /*#__PURE__*/_react().default.createElement(_lanesUi2().UseLaneMenu, {
+        host: lanesUi.lanesHost,
+        viewedLane: viewedLane,
+        currentLane: currentLane
+      });
+    });
     return lanesUi;
   }
 

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","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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"}
+{"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","lanesModel","useLanes","viewedLane","readmeComponent","registerRoute","route","registerOverviewLine","lines","routes","provider","uiUi","workspaceUi","scopeUi","sidebarUi","_","harmony","config","String","get","lanesUi","registerRenderHooks","reactContext","renderContext","drawer","LanesDrawer","showScope","registerDrawer","currentLane","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 { 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';\nimport { LaneGallery, LaneOverviewLine, LaneOverviewLineSlot } from '@teambit/lanes.ui.gallery';\nimport { LanesNavPlugin, LanesOrderedNavigationSlot, LanesOverviewMenu, UseLaneMenu } from '@teambit/lanes.ui.menus';\nimport { LanesHost, LanesModel } from '@teambit/lanes.ui.models';\nimport { LaneReadmeOverview } from '@teambit/lanes.ui.readme';\nimport { useLanes } from '@teambit/lanes.hooks.use-lanes';\nimport { ViewedLaneFromUrl } from '@teambit/lanes.ui.viewed-lane';\nimport { LanesDrawer } from '@teambit/lanes.ui.drawer';\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 path=\"~gallery\" element={this.getLaneGallery()} />\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 path=\"*\" element={this.getLanesOverviewMenu()} />\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 { lanesModel } = useLanes();\n          return !lanesModel?.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(() => {\n      const { lanesModel } = useLanes();\n      if (!lanesModel?.viewedLane) return null;\n      const { viewedLane, currentLane } = lanesModel;\n      return <UseLaneMenu host={lanesUi.lanesHost} viewedLane={viewedLane} currentLane={currentLane} />;\n    });\n\n    return lanesUi;\n  }\n}\n\nexport default LanesUI;\n\nLanesAspect.addRuntime(LanesUI);\n"],"mappings":"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"}

package/lanes.ui.runtime.tsx

@@ -4,27 +4,19 @@ import { Slot, Harmony } from '@teambit/harmony';
 import { UIRuntime, UiUI, UIAspect } from '@teambit/ui';
 import { LanesAspect } from '@teambit/lanes';
 import { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
-import {
-  LanesDrawer,
-  LanesHost,
-  LaneGallery,
-  LanesOrderedNavigationSlot,
-  LanesModel,
-  LanesOverviewMenu,
-  ViewedLaneFromUrl,
-  LaneOverviewLineSlot,
-  LaneOverviewLine,
-  UseLaneMenu,
-  useLanesContext,
-  LanesNavPlugin,
-  LaneReadmeOverview,
-} from '@teambit/lanes.ui.lanes';
 import { NotFoundPage } from '@teambit/design.ui.pages.not-found';
 import ScopeAspect, { ScopeUI } from '@teambit/scope';
 import WorkspaceAspect, { WorkspaceUI } from '@teambit/workspace';
 import ComponentAspect, { ComponentUI } from '@teambit/component';
 import SidebarAspect, { SidebarUI } from '@teambit/sidebar';
 import { MenuWidget, MenuWidgetSlot } from '@teambit/ui-foundation.ui.menu';
+import { LaneGallery, LaneOverviewLine, LaneOverviewLineSlot } from '@teambit/lanes.ui.gallery';
+import { LanesNavPlugin, LanesOrderedNavigationSlot, LanesOverviewMenu, UseLaneMenu } from '@teambit/lanes.ui.menus';
+import { LanesHost, LanesModel } from '@teambit/lanes.ui.models';
+import { LaneReadmeOverview } from '@teambit/lanes.ui.readme';
+import { useLanes } from '@teambit/lanes.hooks.use-lanes';
+import { ViewedLaneFromUrl } from '@teambit/lanes.ui.viewed-lane';
+import { LanesDrawer } from '@teambit/lanes.ui.drawer';
 
 export class LanesUI {
   static dependencies = [UIAspect, ComponentAspect, WorkspaceAspect, ScopeAspect, SidebarAspect];
@@ -76,10 +68,7 @@ export class LanesUI {
                   <LaneReadmeOverview host={this.host} overviewSlot={this.overviewSlot} routeSlot={this.routeSlot} />
                 }
               />
-              <Route
-                path="~gallery"
-                element={this.getLaneGallery()}
-              />
+              <Route path="~gallery" element={this.getLaneGallery()} />
               <Route path="~component/*" element={this.componentUi.getComponentUI(this.host)} />
               <Route path="*" element={<NotFoundPage />} />
             </Route>
@@ -100,10 +89,7 @@ export class LanesUI {
         path: LanesModel.lanesPrefix,
         children: (
           <Route path={`${LanesModel.lanePath}/*`}>
-            <Route
-              path="*"
-              element={this.getLanesOverviewMenu()}
-            />
+            <Route path="*" element={this.getLanesOverviewMenu()} />
             <Route path="~component/*" element={this.componentUi.getMenu(this.host)} />
           </Route>
         ),
@@ -129,8 +115,8 @@ export class LanesUI {
         },
         order: 1,
         hide: () => {
-          const lanesContext = useLanesContext();
-          return !lanesContext?.viewedLane?.readmeComponent;
+          const { lanesModel } = useLanes();
+          return !lanesModel?.viewedLane?.readmeComponent;
         },
       },
       {
@@ -196,7 +182,13 @@ export class LanesUI {
     const drawer = new LanesDrawer({ showScope: lanesUi.lanesHost === 'workspace' });
     sidebarUi.registerDrawer(drawer);
     lanesUi.registerRoutes();
-    lanesUi.registerMenuWidget(() => <UseLaneMenu host={lanesUi.lanesHost} />);
+    lanesUi.registerMenuWidget(() => {
+      const { lanesModel } = useLanes();
+      if (!lanesModel?.viewedLane) return null;
+      const { viewedLane, currentLane } = lanesModel;
+      return <UseLaneMenu host={lanesUi.lanesHost} viewedLane={viewedLane} currentLane={currentLane} />;
+    });
+
     return lanesUi;
   }
 }

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/lanes",
-  "version": "0.0.391",
+  "version": "0.0.394",
   "homepage": "https://bit.dev/teambit/lanes/lanes",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.lanes",
     "name": "lanes",
-    "version": "0.0.391"
+    "version": "0.0.394"
   },
   "dependencies": {
     "chalk": "2.4.2",
@@ -18,23 +18,29 @@
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
     "@teambit/bit-error": "0.0.394",
-    "@teambit/lane-id": "0.0.66",
-    "@teambit/cli": "0.0.547",
-    "@teambit/merging": "0.0.134",
-    "@teambit/scope": "0.0.819",
-    "@teambit/workspace": "0.0.819",
-    "@teambit/graphql": "0.0.819",
-    "@teambit/community": "0.0.95",
-    "@teambit/component": "0.0.819",
-    "@teambit/lanes.modules.diff": "0.0.176",
+    "@teambit/lane-id": "0.0.69",
+    "@teambit/cli": "0.0.550",
+    "@teambit/merging": "0.0.137",
+    "@teambit/scope": "0.0.822",
+    "@teambit/workspace": "0.0.822",
+    "@teambit/graphql": "0.0.822",
+    "@teambit/community": "0.0.98",
+    "@teambit/component": "0.0.822",
+    "@teambit/lanes.modules.diff": "0.0.179",
     "@teambit/legacy-bit-id": "0.0.402",
-    "@teambit/logger": "0.0.640",
-    "@teambit/design.ui.pages.not-found": "0.0.356",
-    "@teambit/lanes.ui.lanes": "0.0.116",
-    "@teambit/sidebar": "0.0.819",
+    "@teambit/logger": "0.0.643",
+    "@teambit/design.ui.pages.not-found": "0.0.357",
+    "@teambit/lanes.hooks.use-lanes": "0.0.3",
+    "@teambit/lanes.ui.drawer": "0.0.3",
+    "@teambit/lanes.ui.gallery": "0.0.3",
+    "@teambit/lanes.ui.menus": "0.0.3",
+    "@teambit/lanes.ui.models": "0.0.3",
+    "@teambit/lanes.ui.readme": "0.0.3",
+    "@teambit/lanes.ui.viewed-lane": "0.0.3",
+    "@teambit/sidebar": "0.0.822",
     "@teambit/ui-foundation.ui.menu": "0.0.487",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.490",
-    "@teambit/ui": "0.0.819",
+    "@teambit/ui": "0.0.822",
     "@teambit/component-id": "0.0.405"
   },
   "devDependencies": {
@@ -51,7 +57,7 @@
   },
   "peerDependencies": {
     "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.330",
+    "@teambit/legacy": "1.0.333",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/{preview-1660707067764.js → preview-1660966145435.js}

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