@teambit/workspace 0.0.706 → 0.0.709

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

@@ -1,7 +1,6 @@
 import { ComponentUI, ComponentModel } from '@teambit/component';
 import { ComponentTreeUI, ComponentTreeNode } from '@teambit/component-tree';
 import { SlotRegistry } from '@teambit/harmony';
-import { ReactRouterUI } from '@teambit/react-router';
 import { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
 import { SidebarUI, SidebarItem, SidebarItemSlot } from '@teambit/sidebar';
 import { MenuItemSlot, MenuItem } from '@teambit/ui-foundation.ui.main-dropdown';
@@ -9,7 +8,7 @@ import { UIRootUI as UIRoot, UiUI } from '@teambit/ui';
 import { GraphUI } from '@teambit/graph';
 import { ReactNode } from 'react';
 import { RouteProps } from 'react-router-dom';
-import { CommandBarUI, ComponentSearcher } from '@teambit/command-bar';
+import { CommandBarUI } from '@teambit/command-bar';
 import type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';
 import { ComponentFilters } from '@teambit/component.ui.component-filters';
 import { DrawerWidgetSlot, ComponentFiltersSlot } from '@teambit/component.ui.component-drawer';
@@ -53,7 +52,7 @@ export declare class WorkspaceUI {
     /**
      * sidebar link slot
      */
-    sidebarItemSlot: SidebarItemSlot, drawerWidgetSlot: DrawerWidgetSlot, drawerComponentsFiltersSlot: ComponentFiltersSlot, commandBarUI: CommandBarUI, reactRouterUI: ReactRouterUI);
+    sidebarItemSlot: SidebarItemSlot, drawerWidgetSlot: DrawerWidgetSlot, drawerComponentsFiltersSlot: ComponentFiltersSlot, commandBarUI: CommandBarUI);
     private setKeyBindHandler;
     /**
      * register a route to the workspace.
@@ -65,7 +64,6 @@ export declare class WorkspaceUI {
     registerMenuRoutes: (routes: RouteProps[]) => this;
     setComponents: (components: ComponentModel[]) => void;
     registerSidebarLink: (...links: SidebarItem[]) => void;
-    componentSearcher: ComponentSearcher;
     /**
      * register component filters
      */
@@ -78,13 +76,12 @@ export declare class WorkspaceUI {
     static slots: (((registerFn: () => string) => SlotRegistry<ComponentTreeNode>) | ((registerFn: () => string) => SlotRegistry<RouteProps<string, {
         [x: string]: string | undefined;
     }>>) | ((registerFn: () => string) => SlotRegistry<DrawerWidgetSlot>))[];
-    static provider([ui, componentUi, sidebar, componentTree, commandBarUI, reactRouterUI, graphUI]: [
+    static provider([ui, componentUi, sidebar, componentTree, commandBarUI, graphUI]: [
         UiUI,
         ComponentUI,
         SidebarUI,
         ComponentTreeUI,
         CommandBarUI,
-        ReactRouterUI,
         GraphUI
     ], config: any, [routeSlot, menuSlot, menuItemSlot, sidebarSlot, sidebarItemSlot, drawerWidgetSlot, drawerComponentsFiltersSlot]: [
         RouteSlot,

package/dist/workspace.ui.runtime.js

@@ -51,16 +51,6 @@ function _harmony() {
   return data;
 }
 
-function _reactRouter() {
-  const data = _interopRequireDefault(require("@teambit/react-router"));
-
-  _reactRouter = function () {
-    return data;
-  };
-
-  return data;
-}
-
 function _uiFoundationUi() {
   const data = require("@teambit/ui-foundation.ui.menu");
 
@@ -112,7 +102,7 @@ function _react() {
 }
 
 function _commandBar() {
-  const data = _interopRequireWildcard(require("@teambit/command-bar"));
+  const data = _interopRequireDefault(require("@teambit/command-bar"));
 
   _commandBar = function () {
     return data;
@@ -191,10 +181,6 @@ function _workspaceUi() {
   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; }
-
 class WorkspaceUI {
   constructor(
   /**
@@ -212,7 +198,7 @@ class WorkspaceUI {
   /**
    * sidebar link slot
    */
-  sidebarItemSlot, drawerWidgetSlot, drawerComponentsFiltersSlot, commandBarUI, reactRouterUI) {
+  sidebarItemSlot, drawerWidgetSlot, drawerComponentsFiltersSlot, commandBarUI) {
     this.routeSlot = routeSlot;
     this.componentUi = componentUi;
     this.menuSlot = menuSlot;
@@ -232,12 +218,11 @@ class WorkspaceUI {
       return this;
     });
     (0, _defineProperty2().default)(this, "setComponents", components => {
-      this.componentSearcher.update(components);
+      this.componentUi.updateComponents(components);
     });
     (0, _defineProperty2().default)(this, "registerSidebarLink", (...links) => {
       this.sidebarItemSlot.register(links);
     });
-    (0, _defineProperty2().default)(this, "componentSearcher", void 0);
     (0, _defineProperty2().default)(this, "registerDrawerComponentFilters", filters => {
       this.drawerComponentsFiltersSlot.register(filters);
     });
@@ -263,7 +248,6 @@ class WorkspaceUI {
         return (_this$commandBarUI2 = this.commandBarUI) === null || _this$commandBarUI2 === void 0 ? void 0 : _this$commandBarUI2.run('sidebar.toggle');
       }
     }]);
-    this.componentSearcher = new (_commandBar().ComponentSearcher)(reactRouterUI.navigateTo);
   }
 
   /**
@@ -285,7 +269,6 @@ class WorkspaceUI {
   }
 
   uiRoot() {
-    this.commandBarUI.addSearcher(this.componentSearcher);
     this.registerDrawers((0, _workspaceUi().workspaceDrawer)({
       treeWidgets: this.sidebarSlot,
       drawerWidgetSlot: this.drawerWidgetSlot,
@@ -294,7 +277,7 @@ class WorkspaceUI {
     const [setKeyBindHandler] = this.commandBarUI.addCommand({
       id: 'sidebar.toggle',
       // TODO - extract to a component!
-      handler: () => {},
+      action: () => {},
       displayName: 'Toggle component list',
       keybinding: 'alt+s'
     });
@@ -315,11 +298,11 @@ class WorkspaceUI {
     };
   }
 
-  static async provider([ui, componentUi, sidebar, componentTree, commandBarUI, reactRouterUI, graphUI], config, [routeSlot, menuSlot, menuItemSlot, sidebarSlot, sidebarItemSlot, drawerWidgetSlot, drawerComponentsFiltersSlot]) {
+  static async provider([ui, componentUi, sidebar, componentTree, commandBarUI, graphUI], config, [routeSlot, menuSlot, menuItemSlot, sidebarSlot, sidebarItemSlot, drawerWidgetSlot, drawerComponentsFiltersSlot]) {
     componentTree.registerTreeNode(new (_componentTree2().ComponentTreeWidget)());
     sidebarSlot.register(new (_componentTree2().ComponentTreeWidget)());
     graphUI.registerComponentWidget(new (_componentTree2().ComponentTreeWidget)().widget);
-    const workspaceUI = new WorkspaceUI(routeSlot, componentUi, menuSlot, menuItemSlot, sidebar, sidebarSlot, sidebarItemSlot, drawerWidgetSlot, drawerComponentsFiltersSlot, commandBarUI, reactRouterUI);
+    const workspaceUI = new WorkspaceUI(routeSlot, componentUi, menuSlot, menuItemSlot, sidebar, sidebarSlot, sidebarItemSlot, drawerWidgetSlot, drawerComponentsFiltersSlot, commandBarUI);
     workspaceUI.registerDrawerComponentFilters([_componentUi().DeprecateFilter, _componentUi().EnvsFilter]);
     workspaceUI.registerDrawerWidgets([/*#__PURE__*/_react().default.createElement(_componentUi2().FilterWidget, {
       key: 'workspace-filter-widget'
@@ -353,7 +336,7 @@ class WorkspaceUI {
 }
 
 exports.WorkspaceUI = WorkspaceUI;
-(0, _defineProperty2().default)(WorkspaceUI, "dependencies", [_ui().UIAspect, _component().ComponentAspect, _sidebar().default, _componentTree().ComponentTreeAspect, _commandBar().default, _reactRouter().default, _graph().GraphAspect]);
+(0, _defineProperty2().default)(WorkspaceUI, "dependencies", [_ui().UIAspect, _component().ComponentAspect, _sidebar().default, _componentTree().ComponentTreeAspect, _commandBar().default, _graph().GraphAspect]);
 (0, _defineProperty2().default)(WorkspaceUI, "runtime", _ui().UIRuntime);
 (0, _defineProperty2().default)(WorkspaceUI, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType()]);
 var _default = WorkspaceUI;

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

@@ -1 +1 @@
-{"version":3,"sources":["workspace.ui.runtime.tsx"],"names":["WorkspaceUI","constructor","routeSlot","componentUi","menuSlot","menuItemSlot","sidebar","sidebarSlot","sidebarItemSlot","drawerWidgetSlot","drawerComponentsFiltersSlot","commandBarUI","reactRouterUI","menuItems","register","routes","components","componentSearcher","update","links","filters","widgets","category","title","keyChar","handler","run","ComponentSearcher","navigateTo","registerRoutes","registerDrawers","drawers","registerDrawer","registerSidebarWidget","componentTreeNode","uiRoot","addSearcher","treeWidgets","filtersSlot","setKeyBindHandler","addCommand","id","displayName","keybinding","path","children","provider","ui","componentTree","graphUI","config","registerTreeNode","ComponentTreeWidget","registerComponentWidget","widget","workspaceUI","registerDrawerComponentFilters","DeprecateFilter","EnvsFilter","registerDrawerWidgets","registerRoot","bind","registerMenuItem","registerSidebarLink","registerMenuRoutes","exact","routePath","getMenu","WorkspaceAspect","getComponentUI","UIAspect","ComponentAspect","SidebarAspect","ComponentTreeAspect","CommandBarAspect","ReactRouterAspect","GraphAspect","UIRuntime","Slot","withType","addRuntime"],"mappings":"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","sourcesContent":["import { ComponentAspect, ComponentUI, ComponentModel } from '@teambit/component';\nimport { ComponentTreeAspect, ComponentTreeUI, ComponentTreeNode } from '@teambit/component-tree';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport ReactRouterAspect, { ReactRouterUI } from '@teambit/react-router';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Menu } from '@teambit/ui-foundation.ui.menu';\nimport SidebarAspect, { SidebarUI, SidebarItem, SidebarItemSlot } from '@teambit/sidebar';\nimport { MenuItemSlot, MenuItem } from '@teambit/ui-foundation.ui.main-dropdown';\nimport { UIAspect, UIRootUI as UIRoot, UIRuntime, UiUI } from '@teambit/ui';\nimport { GraphAspect, GraphUI } from '@teambit/graph';\nimport React, { ReactNode } from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport CommandBarAspect, { CommandBarUI, ComponentSearcher, CommandHandler } from '@teambit/command-bar';\nimport { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';\nimport type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';\nimport { ComponentFilters, DeprecateFilter, EnvsFilter } from '@teambit/component.ui.component-filters';\nimport {\n  DrawerWidgetSlot,\n  FilterWidget,\n  TreeToggleWidget,\n  ComponentFiltersSlot,\n} from '@teambit/component.ui.component-drawer';\nimport { ComponentTreeWidget } from './component-tree.widget';\nimport { Workspace } from './ui';\nimport { WorkspaceAspect } from './workspace.aspect';\nimport { workspaceDrawer } from './workspace.ui.drawer';\n\nexport type SidebarWidgetSlot = SlotRegistry<ComponentTreeNode>;\n\nexport class WorkspaceUI {\n  constructor(\n    /**\n     * route slot.\n     */\n    private routeSlot: RouteSlot,\n\n    /**\n     * component ui extension.\n     */\n    private componentUi: ComponentUI,\n\n    /**\n     * menu slot\n     */\n    private menuSlot: RouteSlot,\n\n    private menuItemSlot: MenuItemSlot,\n\n    private sidebar: SidebarUI,\n\n    private sidebarSlot: SidebarWidgetSlot,\n\n    /**\n     * sidebar link slot\n     */\n    private sidebarItemSlot: SidebarItemSlot,\n\n    private drawerWidgetSlot: DrawerWidgetSlot,\n\n    private drawerComponentsFiltersSlot: ComponentFiltersSlot,\n\n    private commandBarUI: CommandBarUI,\n\n    reactRouterUI: ReactRouterUI\n  ) {\n    this.componentSearcher = new ComponentSearcher(reactRouterUI.navigateTo);\n  }\n\n  private setKeyBindHandler: (updated: CommandHandler) => void = () => {};\n\n  /**\n   * register a route to the workspace.\n   */\n  registerRoutes(routes: RouteProps[]) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  registerDrawers(...drawers: DrawerType[]) {\n    this.sidebar.registerDrawer(...drawers);\n    return this;\n  }\n\n  registerSidebarWidget(componentTreeNode: ComponentTreeNode) {\n    this.sidebarSlot.register(componentTreeNode);\n    return this;\n  }\n\n  registerMenuItem = (menuItems: MenuItem[]) => {\n    this.menuItemSlot.register(menuItems);\n  };\n\n  registerMenuRoutes = (routes: RouteProps[]) => {\n    this.menuSlot.register(routes);\n    return this;\n  };\n\n  setComponents = (components: ComponentModel[]) => {\n    this.componentSearcher.update(components);\n  };\n\n  registerSidebarLink = (...links: SidebarItem[]) => {\n    this.sidebarItemSlot.register(links);\n  };\n\n  componentSearcher: ComponentSearcher;\n\n  /**\n   * register component filters\n   */\n  registerDrawerComponentFilters = (filters: ComponentFilters) => {\n    this.drawerComponentsFiltersSlot.register(filters);\n  };\n\n  registerDrawerWidgets = (widgets: ReactNode[]) => {\n    this.drawerWidgetSlot.register(widgets);\n  };\n\n  uiRoot(): UIRoot {\n    this.commandBarUI.addSearcher(this.componentSearcher);\n    this.registerDrawers(\n      workspaceDrawer({\n        treeWidgets: this.sidebarSlot,\n        drawerWidgetSlot: this.drawerWidgetSlot,\n        filtersSlot: this.drawerComponentsFiltersSlot,\n      })\n    );\n\n    const [setKeyBindHandler] = this.commandBarUI.addCommand({\n      id: 'sidebar.toggle', // TODO - extract to a component!\n      handler: () => {},\n      displayName: 'Toggle component list',\n      keybinding: 'alt+s',\n    });\n    this.setKeyBindHandler = setKeyBindHandler;\n\n    return {\n      routes: [\n        {\n          path: '/',\n          children: (\n            <Workspace\n              menuSlot={this.menuSlot}\n              routeSlot={this.routeSlot}\n              sidebar={<this.sidebar.render itemSlot={this.sidebarItemSlot} />}\n              workspaceUI={this}\n              onSidebarTogglerChange={this.setKeyBindHandler}\n            />\n          ),\n        },\n      ],\n    };\n  }\n\n  private menuItems: MenuItem[] = [\n    {\n      category: 'general',\n      title: 'Open command bar',\n      keyChar: 'mod+k',\n      handler: () => this.commandBarUI?.run('command-bar.open'),\n    },\n    {\n      category: 'general',\n      title: 'Toggle component list',\n      keyChar: 'alt+s',\n      handler: () => this.commandBarUI?.run('sidebar.toggle'),\n    },\n  ];\n\n  static dependencies = [\n    UIAspect,\n    ComponentAspect,\n    SidebarAspect,\n    ComponentTreeAspect,\n    CommandBarAspect,\n    ReactRouterAspect,\n    GraphAspect,\n  ];\n\n  static runtime = UIRuntime;\n\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<RouteProps>(),\n    Slot.withType<ComponentTreeNode>(),\n    Slot.withType<MenuItemSlot>(),\n    Slot.withType<SidebarItemSlot>(),\n    Slot.withType<DrawerWidgetSlot>(),\n    Slot.withType<ComponentFiltersSlot>(),\n  ];\n\n  static async provider(\n    [ui, componentUi, sidebar, componentTree, commandBarUI, reactRouterUI, graphUI]: [\n      UiUI,\n      ComponentUI,\n      SidebarUI,\n      ComponentTreeUI,\n      CommandBarUI,\n      ReactRouterUI,\n      GraphUI\n    ],\n    config,\n    [routeSlot, menuSlot, menuItemSlot, sidebarSlot, sidebarItemSlot, drawerWidgetSlot, drawerComponentsFiltersSlot]: [\n      RouteSlot,\n      RouteSlot,\n      MenuItemSlot,\n      SidebarWidgetSlot,\n      SidebarItemSlot,\n      DrawerWidgetSlot,\n      ComponentFiltersSlot\n    ]\n  ) {\n    componentTree.registerTreeNode(new ComponentTreeWidget());\n    sidebarSlot.register(new ComponentTreeWidget());\n    graphUI.registerComponentWidget(new ComponentTreeWidget().widget);\n\n    const workspaceUI = new WorkspaceUI(\n      routeSlot,\n      componentUi,\n      menuSlot,\n      menuItemSlot,\n      sidebar,\n      sidebarSlot,\n      sidebarItemSlot,\n      drawerWidgetSlot,\n      drawerComponentsFiltersSlot,\n      commandBarUI,\n      reactRouterUI\n    );\n\n    workspaceUI.registerDrawerComponentFilters([DeprecateFilter, EnvsFilter]);\n    workspaceUI.registerDrawerWidgets([\n      <FilterWidget key={'workspace-filter-widget'} />,\n      <TreeToggleWidget key={'workspace-tree-toggle-widget'} />,\n    ]);\n    ui.registerRoot(workspaceUI.uiRoot.bind(workspaceUI));\n    workspaceUI.registerMenuItem(workspaceUI.menuItems);\n\n    workspaceUI.registerSidebarLink(() => (\n      <MenuLinkItem exact href=\"/\" icon=\"comps\">\n        Gallery\n      </MenuLinkItem>\n    ));\n\n    workspaceUI.registerMenuRoutes([\n      {\n        exact: true,\n        path: '/',\n        children: <Menu menuItemSlot={workspaceUI.menuItemSlot} />,\n      },\n      {\n        path: workspaceUI.componentUi.routePath,\n        children: workspaceUI.componentUi.getMenu(WorkspaceAspect.id),\n      },\n    ]);\n\n    workspaceUI.registerRoutes([\n      {\n        path: workspaceUI.componentUi.routePath,\n        children: workspaceUI.componentUi.getComponentUI(WorkspaceAspect.id),\n      },\n    ]);\n\n    return workspaceUI;\n  }\n}\n\nexport default WorkspaceUI;\n\nWorkspaceAspect.addRuntime(WorkspaceUI);\n"]}
+{"version":3,"sources":["workspace.ui.runtime.tsx"],"names":["WorkspaceUI","constructor","routeSlot","componentUi","menuSlot","menuItemSlot","sidebar","sidebarSlot","sidebarItemSlot","drawerWidgetSlot","drawerComponentsFiltersSlot","commandBarUI","menuItems","register","routes","components","updateComponents","links","filters","widgets","category","title","keyChar","handler","run","registerRoutes","registerDrawers","drawers","registerDrawer","registerSidebarWidget","componentTreeNode","uiRoot","treeWidgets","filtersSlot","setKeyBindHandler","addCommand","id","action","displayName","keybinding","path","children","provider","ui","componentTree","graphUI","config","registerTreeNode","ComponentTreeWidget","registerComponentWidget","widget","workspaceUI","registerDrawerComponentFilters","DeprecateFilter","EnvsFilter","registerDrawerWidgets","registerRoot","bind","registerMenuItem","registerSidebarLink","registerMenuRoutes","exact","routePath","getMenu","WorkspaceAspect","getComponentUI","UIAspect","ComponentAspect","SidebarAspect","ComponentTreeAspect","CommandBarAspect","GraphAspect","UIRuntime","Slot","withType","addRuntime"],"mappings":"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","sourcesContent":["import { ComponentAspect, ComponentUI, ComponentModel } from '@teambit/component';\nimport { ComponentTreeAspect, ComponentTreeUI, ComponentTreeNode } from '@teambit/component-tree';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Menu } from '@teambit/ui-foundation.ui.menu';\nimport SidebarAspect, { SidebarUI, SidebarItem, SidebarItemSlot } from '@teambit/sidebar';\nimport { MenuItemSlot, MenuItem } from '@teambit/ui-foundation.ui.main-dropdown';\nimport { UIAspect, UIRootUI as UIRoot, UIRuntime, UiUI } from '@teambit/ui';\nimport { GraphAspect, GraphUI } from '@teambit/graph';\nimport React, { ReactNode } from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport CommandBarAspect, { CommandBarUI, CommandHandler } from '@teambit/command-bar';\nimport { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';\nimport type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';\nimport { ComponentFilters, DeprecateFilter, EnvsFilter } from '@teambit/component.ui.component-filters';\nimport {\n  DrawerWidgetSlot,\n  FilterWidget,\n  TreeToggleWidget,\n  ComponentFiltersSlot,\n} from '@teambit/component.ui.component-drawer';\nimport { ComponentTreeWidget } from './component-tree.widget';\nimport { Workspace } from './ui';\nimport { WorkspaceAspect } from './workspace.aspect';\nimport { workspaceDrawer } from './workspace.ui.drawer';\n\nexport type SidebarWidgetSlot = SlotRegistry<ComponentTreeNode>;\n\nexport class WorkspaceUI {\n  constructor(\n    /**\n     * route slot.\n     */\n    private routeSlot: RouteSlot,\n\n    /**\n     * component ui extension.\n     */\n    private componentUi: ComponentUI,\n\n    /**\n     * menu slot\n     */\n    private menuSlot: RouteSlot,\n\n    private menuItemSlot: MenuItemSlot,\n\n    private sidebar: SidebarUI,\n\n    private sidebarSlot: SidebarWidgetSlot,\n\n    /**\n     * sidebar link slot\n     */\n    private sidebarItemSlot: SidebarItemSlot,\n\n    private drawerWidgetSlot: DrawerWidgetSlot,\n\n    private drawerComponentsFiltersSlot: ComponentFiltersSlot,\n\n    private commandBarUI: CommandBarUI\n  ) {}\n\n  private setKeyBindHandler: (updated: CommandHandler) => void = () => {};\n\n  /**\n   * register a route to the workspace.\n   */\n  registerRoutes(routes: RouteProps[]) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  registerDrawers(...drawers: DrawerType[]) {\n    this.sidebar.registerDrawer(...drawers);\n    return this;\n  }\n\n  registerSidebarWidget(componentTreeNode: ComponentTreeNode) {\n    this.sidebarSlot.register(componentTreeNode);\n    return this;\n  }\n\n  registerMenuItem = (menuItems: MenuItem[]) => {\n    this.menuItemSlot.register(menuItems);\n  };\n\n  registerMenuRoutes = (routes: RouteProps[]) => {\n    this.menuSlot.register(routes);\n    return this;\n  };\n\n  setComponents = (components: ComponentModel[]) => {\n    this.componentUi.updateComponents(components);\n  };\n\n  registerSidebarLink = (...links: SidebarItem[]) => {\n    this.sidebarItemSlot.register(links);\n  };\n\n  /**\n   * register component filters\n   */\n  registerDrawerComponentFilters = (filters: ComponentFilters) => {\n    this.drawerComponentsFiltersSlot.register(filters);\n  };\n\n  registerDrawerWidgets = (widgets: ReactNode[]) => {\n    this.drawerWidgetSlot.register(widgets);\n  };\n\n  uiRoot(): UIRoot {\n    this.registerDrawers(\n      workspaceDrawer({\n        treeWidgets: this.sidebarSlot,\n        drawerWidgetSlot: this.drawerWidgetSlot,\n        filtersSlot: this.drawerComponentsFiltersSlot,\n      })\n    );\n\n    const [setKeyBindHandler] = this.commandBarUI.addCommand({\n      id: 'sidebar.toggle', // TODO - extract to a component!\n      action: () => {},\n      displayName: 'Toggle component list',\n      keybinding: 'alt+s',\n    });\n    this.setKeyBindHandler = setKeyBindHandler;\n\n    return {\n      routes: [\n        {\n          path: '/',\n          children: (\n            <Workspace\n              menuSlot={this.menuSlot}\n              routeSlot={this.routeSlot}\n              sidebar={<this.sidebar.render itemSlot={this.sidebarItemSlot} />}\n              workspaceUI={this}\n              onSidebarTogglerChange={this.setKeyBindHandler}\n            />\n          ),\n        },\n      ],\n    };\n  }\n\n  private menuItems: MenuItem[] = [\n    {\n      category: 'general',\n      title: 'Open command bar',\n      keyChar: 'mod+k',\n      handler: () => this.commandBarUI?.run('command-bar.open'),\n    },\n    {\n      category: 'general',\n      title: 'Toggle component list',\n      keyChar: 'alt+s',\n      handler: () => this.commandBarUI?.run('sidebar.toggle'),\n    },\n  ];\n\n  static dependencies = [UIAspect, ComponentAspect, SidebarAspect, ComponentTreeAspect, CommandBarAspect, GraphAspect];\n\n  static runtime = UIRuntime;\n\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<RouteProps>(),\n    Slot.withType<ComponentTreeNode>(),\n    Slot.withType<MenuItemSlot>(),\n    Slot.withType<SidebarItemSlot>(),\n    Slot.withType<DrawerWidgetSlot>(),\n    Slot.withType<ComponentFiltersSlot>(),\n  ];\n\n  static async provider(\n    [ui, componentUi, sidebar, componentTree, commandBarUI, graphUI]: [\n      UiUI,\n      ComponentUI,\n      SidebarUI,\n      ComponentTreeUI,\n      CommandBarUI,\n      GraphUI\n    ],\n    config,\n    [routeSlot, menuSlot, menuItemSlot, sidebarSlot, sidebarItemSlot, drawerWidgetSlot, drawerComponentsFiltersSlot]: [\n      RouteSlot,\n      RouteSlot,\n      MenuItemSlot,\n      SidebarWidgetSlot,\n      SidebarItemSlot,\n      DrawerWidgetSlot,\n      ComponentFiltersSlot\n    ]\n  ) {\n    componentTree.registerTreeNode(new ComponentTreeWidget());\n    sidebarSlot.register(new ComponentTreeWidget());\n    graphUI.registerComponentWidget(new ComponentTreeWidget().widget);\n\n    const workspaceUI = new WorkspaceUI(\n      routeSlot,\n      componentUi,\n      menuSlot,\n      menuItemSlot,\n      sidebar,\n      sidebarSlot,\n      sidebarItemSlot,\n      drawerWidgetSlot,\n      drawerComponentsFiltersSlot,\n      commandBarUI\n    );\n\n    workspaceUI.registerDrawerComponentFilters([DeprecateFilter, EnvsFilter]);\n    workspaceUI.registerDrawerWidgets([\n      <FilterWidget key={'workspace-filter-widget'} />,\n      <TreeToggleWidget key={'workspace-tree-toggle-widget'} />,\n    ]);\n    ui.registerRoot(workspaceUI.uiRoot.bind(workspaceUI));\n    workspaceUI.registerMenuItem(workspaceUI.menuItems);\n\n    workspaceUI.registerSidebarLink(() => (\n      <MenuLinkItem exact href=\"/\" icon=\"comps\">\n        Gallery\n      </MenuLinkItem>\n    ));\n\n    workspaceUI.registerMenuRoutes([\n      {\n        exact: true,\n        path: '/',\n        children: <Menu menuItemSlot={workspaceUI.menuItemSlot} />,\n      },\n      {\n        path: workspaceUI.componentUi.routePath,\n        children: workspaceUI.componentUi.getMenu(WorkspaceAspect.id),\n      },\n    ]);\n\n    workspaceUI.registerRoutes([\n      {\n        path: workspaceUI.componentUi.routePath,\n        children: workspaceUI.componentUi.getComponentUI(WorkspaceAspect.id),\n      },\n    ]);\n\n    return workspaceUI;\n  }\n}\n\nexport default WorkspaceUI;\n\nWorkspaceAspect.addRuntime(WorkspaceUI);\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/workspace",
-  "version": "0.0.706",
+  "version": "0.0.709",
   "homepage": "https://bit.dev/teambit/workspace/workspace",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.workspace",
     "name": "workspace",
-    "version": "0.0.706"
+    "version": "0.0.709"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -34,52 +34,51 @@
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
+    "@teambit/design.ui.surfaces.menu.link-item": "0.0.379",
     "@teambit/base-ui.surfaces.split-pane.hover-splitter": "1.0.0",
     "@teambit/base-ui.surfaces.split-pane.split-pane": "1.0.0",
     "@teambit/bit-error": "0.0.394",
     "@teambit/component-id": "0.0.402",
     "@teambit/legacy-bit-id": "0.0.399",
-    "@teambit/logger": "0.0.562",
-    "@teambit/scope": "0.0.706",
-    "@teambit/cli": "0.0.470",
-    "@teambit/isolator": "0.0.706",
-    "@teambit/component-tree": "0.0.494",
+    "@teambit/logger": "0.0.564",
+    "@teambit/scope": "0.0.709",
+    "@teambit/cli": "0.0.472",
+    "@teambit/isolator": "0.0.709",
+    "@teambit/component-tree": "0.0.497",
     "@teambit/component.ui.component-status-resolver": "0.0.492",
-    "@teambit/lanes.ui.lanes": "0.0.36",
+    "@teambit/lanes.ui.lanes": "0.0.38",
     "@teambit/harmony.modules.resolved-component": "0.0.484",
-    "@teambit/dependency-resolver": "0.0.706",
-    "@teambit/compiler": "0.0.706",
-    "@teambit/component": "0.0.706",
-    "@teambit/graphql": "0.0.706",
-    "@teambit/aspect-loader": "0.0.706",
-    "@teambit/bundler": "0.0.706",
-    "@teambit/community": "0.0.18",
-    "@teambit/envs": "0.0.706",
-    "@teambit/pubsub": "0.0.706",
-    "@teambit/ui": "0.0.706",
-    "@teambit/variants": "0.0.566",
+    "@teambit/dependency-resolver": "0.0.709",
+    "@teambit/compiler": "0.0.709",
+    "@teambit/component": "0.0.709",
+    "@teambit/graphql": "0.0.709",
+    "@teambit/aspect-loader": "0.0.709",
+    "@teambit/bundler": "0.0.709",
+    "@teambit/community": "0.0.20",
+    "@teambit/envs": "0.0.709",
+    "@teambit/pubsub": "0.0.709",
+    "@teambit/ui": "0.0.709",
+    "@teambit/variants": "0.0.568",
     "@teambit/component-issues": "0.0.50",
-    "@teambit/config": "0.0.483",
+    "@teambit/config": "0.0.485",
     "@teambit/harmony.modules.requireable-component": "0.0.484",
-    "@teambit/importer": "0.0.135",
+    "@teambit/importer": "0.0.138",
     "@teambit/workspace.modules.match-pattern": "0.0.489",
-    "@teambit/component.ui.component-drawer": "0.0.14",
+    "@teambit/component.ui.component-drawer": "0.0.17",
     "@teambit/design.ui.tree": "0.0.5",
-    "@teambit/ui-foundation.ui.side-bar": "0.0.533",
-    "@teambit/command-bar": "0.0.706",
-    "@teambit/component.ui.component-filters": "0.0.2",
-    "@teambit/design.ui.surfaces.menu.link-item": "0.0.379",
-    "@teambit/graph": "0.0.706",
-    "@teambit/react-router": "0.0.706",
-    "@teambit/sidebar": "0.0.706",
+    "@teambit/ui-foundation.ui.side-bar": "0.0.535",
+    "@teambit/command-bar": "0.0.709",
+    "@teambit/component.ui.component-filters": "0.0.3",
+    "@teambit/graph": "0.0.709",
+    "@teambit/sidebar": "0.0.709",
     "@teambit/ui-foundation.ui.main-dropdown": "0.0.487",
     "@teambit/ui-foundation.ui.menu": "0.0.487",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.489",
     "@teambit/ui-foundation.ui.tree.drawer": "0.0.499",
     "@teambit/toolbox.time.time-format": "0.0.483",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.487",
-    "@teambit/component-descriptor": "0.0.33",
-    "@teambit/deprecation": "0.0.706",
+    "@teambit/component-descriptor": "0.0.35",
+    "@teambit/deprecation": "0.0.709",
     "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.487",
     "@teambit/ui-foundation.ui.buttons.collapser": "0.0.194",
     "@teambit/ui-foundation.ui.corner": "0.0.495",
@@ -106,7 +105,7 @@
   },
   "peerDependencies": {
     "@apollo/client": "^3.0.0",
-    "@teambit/legacy": "1.0.247",
+    "@teambit/legacy": "1.0.251",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -134,7 +133,7 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.247",
+        "@teambit/legacy": "1.0.251",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

package/{preview-1649647448813.js → preview-1650243425150.js}

@@ -1,2 +1,2 @@
-export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.workspace_workspace@0.0.706/dist/workspace.composition.js')]
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.workspace_workspace@0.0.706/dist/workspace.docs.mdx')]
+export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.workspace_workspace@0.0.709/dist/workspace.composition.js')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.workspace_workspace@0.0.709/dist/workspace.docs.mdx')]

package/workspace.ui.runtime.tsx

@@ -1,7 +1,6 @@
 import { ComponentAspect, ComponentUI, ComponentModel } from '@teambit/component';
 import { ComponentTreeAspect, ComponentTreeUI, ComponentTreeNode } from '@teambit/component-tree';
 import { Slot, SlotRegistry } from '@teambit/harmony';
-import ReactRouterAspect, { ReactRouterUI } from '@teambit/react-router';
 import { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
 import { Menu } from '@teambit/ui-foundation.ui.menu';
 import SidebarAspect, { SidebarUI, SidebarItem, SidebarItemSlot } from '@teambit/sidebar';
@@ -10,7 +9,7 @@ import { UIAspect, UIRootUI as UIRoot, UIRuntime, UiUI } from '@teambit/ui';
 import { GraphAspect, GraphUI } from '@teambit/graph';
 import React, { ReactNode } from 'react';
 import { RouteProps } from 'react-router-dom';
-import CommandBarAspect, { CommandBarUI, ComponentSearcher, CommandHandler } from '@teambit/command-bar';
+import CommandBarAspect, { CommandBarUI, CommandHandler } from '@teambit/command-bar';
 import { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';
 import type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';
 import { ComponentFilters, DeprecateFilter, EnvsFilter } from '@teambit/component.ui.component-filters';
@@ -59,12 +58,8 @@ export class WorkspaceUI {
 
     private drawerComponentsFiltersSlot: ComponentFiltersSlot,
 
-    private commandBarUI: CommandBarUI,
-
-    reactRouterUI: ReactRouterUI
-  ) {
-    this.componentSearcher = new ComponentSearcher(reactRouterUI.navigateTo);
-  }
+    private commandBarUI: CommandBarUI
+  ) {}
 
   private setKeyBindHandler: (updated: CommandHandler) => void = () => {};
 
@@ -96,15 +91,13 @@ export class WorkspaceUI {
   };
 
   setComponents = (components: ComponentModel[]) => {
-    this.componentSearcher.update(components);
+    this.componentUi.updateComponents(components);
   };
 
   registerSidebarLink = (...links: SidebarItem[]) => {
     this.sidebarItemSlot.register(links);
   };
 
-  componentSearcher: ComponentSearcher;
-
   /**
    * register component filters
    */
@@ -117,7 +110,6 @@ export class WorkspaceUI {
   };
 
   uiRoot(): UIRoot {
-    this.commandBarUI.addSearcher(this.componentSearcher);
     this.registerDrawers(
       workspaceDrawer({
         treeWidgets: this.sidebarSlot,
@@ -128,7 +120,7 @@ export class WorkspaceUI {
 
     const [setKeyBindHandler] = this.commandBarUI.addCommand({
       id: 'sidebar.toggle', // TODO - extract to a component!
-      handler: () => {},
+      action: () => {},
       displayName: 'Toggle component list',
       keybinding: 'alt+s',
     });
@@ -167,15 +159,7 @@ export class WorkspaceUI {
     },
   ];
 
-  static dependencies = [
-    UIAspect,
-    ComponentAspect,
-    SidebarAspect,
-    ComponentTreeAspect,
-    CommandBarAspect,
-    ReactRouterAspect,
-    GraphAspect,
-  ];
+  static dependencies = [UIAspect, ComponentAspect, SidebarAspect, ComponentTreeAspect, CommandBarAspect, GraphAspect];
 
   static runtime = UIRuntime;
 
@@ -190,13 +174,12 @@ export class WorkspaceUI {
   ];
 
   static async provider(
-    [ui, componentUi, sidebar, componentTree, commandBarUI, reactRouterUI, graphUI]: [
+    [ui, componentUi, sidebar, componentTree, commandBarUI, graphUI]: [
       UiUI,
       ComponentUI,
       SidebarUI,
       ComponentTreeUI,
       CommandBarUI,
-      ReactRouterUI,
       GraphUI
     ],
     config,
@@ -224,8 +207,7 @@ export class WorkspaceUI {
       sidebarItemSlot,
       drawerWidgetSlot,
       drawerComponentsFiltersSlot,
-      commandBarUI,
-      reactRouterUI
+      commandBarUI
     );
 
     workspaceUI.registerDrawerComponentFilters([DeprecateFilter, EnvsFilter]);