@teambit/scope 0.0.880 → 0.0.882

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

@@ -1 +1 @@
-{"version":3,"names":["ScopeUI","constructor","routeSlot","componentUi","menuSlot","sidebar","sidebarSlot","commandBarUI","scopeBadgeSlot","menuWidgetSlot","sidebarItemSlot","menuItemSlot","cornerSlot","overviewSlot","contextSlot","drawerWidgetSlot","drawerComponentsFiltersSlot","routes","register","menuItems","componentTreeNodes","map","componentTreeNode","links","drawer","registerDrawer","filters","widgets","components","updateComponents","category","title","keyChar","handler","run","registerBadge","badges","getScope","options","TargetScopeOverview","scopeClassName","Corner","listSidebarLinks","useScope","getContext","setSidebarToggle","paneClassName","PaneWrapper","registerOverviewLine","lines","registerRoutes","applyMenuRoutes","registerMenuRoutes","path","routePath","element","getMenu","ScopeAspect","id","getScopeMenu","registerExplicitRoutes","getComponentUI","registerMenuWidget","registerCorner","corner","registerComponentUrl","func","componentUrlFunc","replaceOverview","replaceDescription","replaceMetadataSection","registerMetadataItem","replaceComponentGrid","registerMetadata","addContext","context","contexts","values","ComponentUrlFuncProvider","children","flatten","concat","registerDefaultDrawers","assumeScopeInUrl","overrideUseComponents","scopeDrawer","treeWidgets","filtersSlot","uiRoot","setKeyBindHandler","addCommand","action","displayName","keybinding","sorted","sort","a","b","aWeight","weight","bWeight","compact","link","component","provider","ui","config","componentFiltersSlot","scopeUi","registerDrawerComponentFilters","DeprecateFilter","EnvsFilter","ShowMainFilter","registerDrawerWidgets","registerRoot","bind","registerMenuItem","showGallery","registerSidebarLink","Gallery","UIAspect","ComponentAspect","SidebarAspect","CommandBarAspect","UIRuntime","Slot","withType","addRuntime"],"sources":["scope.ui.runtime.tsx"],"sourcesContent":["import type { ComponentUI, ComponentModel } from '@teambit/component';\nimport { compact, flatten } from 'lodash';\nimport { ComponentAspect } from '@teambit/component';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { SidebarAspect, SidebarUI, SidebarItem, SidebarItemSlot } from '@teambit/sidebar';\nimport { ComponentTreeNode } from '@teambit/component-tree';\nimport { UIAspect, UIRootUI as UIRoot, UIRuntime, UiUI } from '@teambit/ui';\nimport React, { ComponentType, ReactNode } from 'react';\nimport { MenuItemSlot, MenuItem } from '@teambit/ui-foundation.ui.main-dropdown';\nimport { RouteProps } from 'react-router-dom';\nimport { MenuWidget, MenuWidgetSlot } from '@teambit/ui-foundation.ui.menu';\nimport { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';\nimport CommandBarAspect, { CommandBarUI, CommandHandler } from '@teambit/command-bar';\nimport { ScopeModel } from '@teambit/scope.models.scope-model';\nimport { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';\nimport {\n  DrawerWidgetSlot,\n  FilterWidget,\n  TreeToggleWidget,\n  ComponentFiltersSlot,\n} from '@teambit/component.ui.component-drawer';\nimport { ComponentFilters } from '@teambit/component.ui.component-filters.component-filter-context';\nimport { DeprecateFilter } from '@teambit/component.ui.component-filters.deprecate-filter';\nimport { EnvsFilter } from '@teambit/component.ui.component-filters.env-filter';\nimport { ComponentUrlResolver, ComponentUrlProvider } from '@teambit/component.modules.component-url';\nimport { ShowMainFilter } from '@teambit/component.ui.component-filters.show-main-filter';\nimport { ScopeMenu, ScopeUseBox } from './ui/menu';\nimport { ScopeAspect } from './scope.aspect';\nimport { Scope } from './ui/scope';\nimport { scopeDrawer } from './scope.ui.drawer';\nimport { GetScopeOptions } from './get-scope-options';\n\nexport type ScopeBadge = ComponentType;\n\nexport type ScopeBadgeSlot = SlotRegistry<ScopeBadge[]>;\n\nexport type ContextSlot = SlotRegistry<ScopeContextType[]>;\n\nexport type ScopeContextType = ComponentType<{ scope: ScopeModel; children: ReactNode }>;\n\nexport type SidebarSlot = SlotRegistry<ComponentTreeNode>;\n\nexport type ScopeOverview = ComponentType;\n\nexport type ScopeOverviewSlot = SlotRegistry<ScopeOverview>;\n\nexport type Corner = ComponentType;\n\nexport type CornerSlot = SlotRegistry<Corner>;\n\nexport type OverviewLine = ComponentType;\n\nexport type OverviewLineSlot = SlotRegistry<OverviewLine[]>;\n\nexport type ScopeUIConfig = {\n  showGallery: boolean;\n};\n\nexport class ScopeUI {\n  constructor(\n    /**\n     * route slot.\n     */\n    private routeSlot: RouteSlot,\n\n    /**\n     * component ui extension.\n     */\n    private componentUi: ComponentUI,\n    /**\n     * menu slot\n     */\n    private menuSlot: RouteSlot,\n\n    private sidebar: SidebarUI,\n\n    private sidebarSlot: SidebarSlot,\n\n    private commandBarUI: CommandBarUI,\n\n    private scopeBadgeSlot: ScopeBadgeSlot,\n\n    private menuWidgetSlot: MenuWidgetSlot,\n\n    /**\n     * sidebar link slot\n     */\n    private sidebarItemSlot: SidebarItemSlot,\n\n    /**\n     * main dropdown item slot\n     */\n    private menuItemSlot: MenuItemSlot,\n\n    /**\n     * corner slot\n     */\n    private cornerSlot: CornerSlot,\n\n    /**\n     * overview line slot to add new lines beneath the overview section\n     */\n    private overviewSlot: OverviewLineSlot,\n\n    /**\n     * add a new context to ui\n     */\n    private contextSlot: ContextSlot,\n    private drawerWidgetSlot: DrawerWidgetSlot,\n    private drawerComponentsFiltersSlot: ComponentFiltersSlot\n  ) {}\n\n  private setSidebarToggle: (updated: CommandHandler) => void = () => {};\n\n  /**\n   * register a new badge into the scope overview.\n   */\n  registerBadge(...badges: ScopeBadge[]) {\n    this.scopeBadgeSlot.register(badges);\n    return this;\n  }\n\n  getScope(options: GetScopeOptions) {\n    return (\n      <Scope\n        TargetScopeOverview={options.TargetScopeOverview}\n        scopeClassName={options.scopeClassName}\n        TargetCorner={options.Corner}\n        routeSlot={this.routeSlot}\n        menuSlot={this.menuSlot}\n        sidebar={<this.sidebar.render items={this.listSidebarLinks()} />}\n        scopeUi={this}\n        userUseScopeQuery={options.useScope}\n        badgeSlot={this.scopeBadgeSlot}\n        overviewLineSlot={this.overviewSlot}\n        context={this.getContext()}\n        onSidebarTogglerChange={this.setSidebarToggle}\n        cornerSlot={this.cornerSlot}\n        paneClassName={options.paneClassName}\n        PaneWrapper={options.PaneWrapper}\n      />\n    );\n  }\n\n  /**\n   * register a new line beneath the scope overview section.\n   */\n  registerOverviewLine(...lines: OverviewLine[]) {\n    this.overviewSlot.register(lines);\n    return this;\n  }\n\n  /**\n   * register a route to the scope.\n   */\n  registerRoutes(routes: RouteProps[]) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  registerMenuRoutes = (routes: RouteProps[]) => {\n    this.menuSlot.register(routes);\n    return this;\n  };\n\n  private applyMenuRoutes() {\n    this.registerMenuRoutes([\n      {\n        path: this.componentUi.routePath,\n        element: this.componentUi.getMenu(ScopeAspect.id),\n      },\n      {\n        path: '/',\n        element: this.getScopeMenu(),\n      },\n    ]);\n  }\n\n  getScopeMenu() {\n    return <ScopeMenu widgetSlot={this.menuWidgetSlot} menuItemSlot={this.menuItemSlot} />;\n  }\n\n  private registerExplicitRoutes() {\n    this.applyMenuRoutes();\n    this.registerRoutes([\n      {\n        path: this.componentUi.routePath,\n        element: this.componentUi.getComponentUI(ScopeAspect.id),\n      },\n    ]);\n  }\n\n  registerMenuWidget(...menuItems: MenuWidget[]) {\n    this.menuWidgetSlot.register(menuItems);\n  }\n\n  registerCorner(corner: Corner) {\n    this.cornerSlot.register(corner);\n  }\n\n  private componentUrlFunc: ComponentUrlResolver | undefined;\n  registerComponentUrl(func: ComponentUrlResolver) {\n    this.componentUrlFunc = func;\n  }\n\n  /**\n   * register a scope overview.\n   */\n  replaceOverview() {}\n\n  /**\n   * register description.\n   */\n  replaceDescription() {}\n\n  /**\n   * register metadata section.\n   */\n  replaceMetadataSection() {}\n\n  /**\n   * register a metadata item.\n   */\n  registerMetadataItem() {}\n\n  replaceComponentGrid() {}\n\n  /**\n   * register metadata.\n   */\n  registerMetadata() {}\n\n  /**\n   * add a new context to the scope.\n   */\n  addContext(...context: ScopeContextType[]) {\n    this.contextSlot.register(context);\n    return this;\n  }\n\n  private getContext() {\n    const contexts = this.contextSlot.values();\n    // eslint-disable-next-line react/prop-types\n    const ComponentUrlFuncProvider: ScopeContextType = ({ children }) => (\n      <ComponentUrlProvider value={this.componentUrlFunc}>{children}</ComponentUrlProvider>\n    );\n\n    return flatten(contexts).concat(ComponentUrlFuncProvider);\n  }\n\n  registerMenuItem = (menuItems: MenuItem[]) => {\n    this.menuItemSlot.register(menuItems);\n  };\n\n  /**\n   * register a sidebar Widget for the scope\n   */\n  registerSidebarWidget = (componentTreeNodes: ComponentTreeNode[]) => {\n    componentTreeNodes.map((componentTreeNode) => this.sidebarSlot.register(componentTreeNode));\n    return this;\n  };\n\n  /**\n   * register a sidebar link to the section above the drawers\n   */\n  registerSidebarLink = (...links: SidebarItem[]) => {\n    this.sidebarItemSlot.register(links);\n  };\n\n  registerDrawers = (...drawer: DrawerType[]) => {\n    this.sidebar.registerDrawer(...drawer);\n    return this;\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  registerDefaultDrawers(assumeScopeInUrl = false, overrideUseComponents?: () => { components: ComponentModel[] }) {\n    this.sidebar.registerDrawer(\n      scopeDrawer({\n        treeWidgets: this.sidebarSlot,\n        filtersSlot: this.drawerComponentsFiltersSlot,\n        drawerWidgetSlot: this.drawerWidgetSlot,\n        assumeScopeInUrl,\n        overrideUseComponents,\n      })\n    );\n  }\n\n  uiRoot(): UIRoot {\n    this.registerDefaultDrawers();\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.setSidebarToggle = setKeyBindHandler;\n\n    return {\n      routes: [\n        {\n          path: '/*',\n          element: (\n            <Scope\n              routeSlot={this.routeSlot}\n              menuSlot={this.menuSlot}\n              sidebar={<this.sidebar.render items={this.listSidebarLinks()} />}\n              scopeUi={this}\n              badgeSlot={this.scopeBadgeSlot}\n              overviewLineSlot={this.overviewSlot}\n              context={this.getContext()}\n              onSidebarTogglerChange={this.setSidebarToggle}\n              cornerSlot={this.cornerSlot}\n            />\n          ),\n        },\n      ],\n    };\n  }\n\n  listSidebarLinks() {\n    const links = flatten(this.sidebarItemSlot.values());\n    const sorted = links.sort((a, b) => {\n      const aWeight = a?.weight || 0;\n      const bWeight = b?.weight || 0;\n      return aWeight - bWeight;\n    });\n\n    return compact(\n      sorted.map((link) => {\n        return link.component;\n      })\n    );\n  }\n\n  /** registers available components */\n  setComponents = (components: ComponentModel[]) => {\n    this.componentUi.updateComponents(components);\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, CommandBarAspect];\n  static runtime = UIRuntime;\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<RouteProps>(),\n    Slot.withType<ComponentTreeNode>(),\n    Slot.withType<ScopeBadge>(),\n    Slot.withType<ScopeOverview>(),\n    Slot.withType<MenuWidget[]>(),\n    Slot.withType<MenuItemSlot>(),\n    Slot.withType<CornerSlot>(),\n    Slot.withType<OverviewLineSlot>(),\n    Slot.withType<SidebarItemSlot>(),\n    Slot.withType<ContextSlot>(),\n    Slot.withType<DrawerWidgetSlot>(),\n    Slot.withType<ComponentFiltersSlot>(),\n  ];\n\n  static defaultConfig = {\n    showGallery: true,\n  };\n\n  static async provider(\n    [ui, componentUi, sidebar, commandBarUI]: [UiUI, ComponentUI, SidebarUI, CommandBarUI],\n    config: ScopeUIConfig,\n    [\n      routeSlot,\n      menuSlot,\n      sidebarSlot,\n      scopeBadgeSlot,\n      menuWidgetSlot,\n      menuItemSlot,\n      sidebarItemSlot,\n      cornerSlot,\n      overviewSlot,\n      contextSlot,\n      drawerWidgetSlot,\n      componentFiltersSlot,\n    ]: [\n      RouteSlot,\n      RouteSlot,\n      SidebarSlot,\n      ScopeBadgeSlot,\n      MenuWidgetSlot,\n      MenuItemSlot,\n      SidebarItemSlot,\n      CornerSlot,\n      OverviewLineSlot,\n      ContextSlot,\n      DrawerWidgetSlot,\n      ComponentFiltersSlot\n    ]\n  ) {\n    const scopeUi = new ScopeUI(\n      routeSlot,\n      componentUi,\n      menuSlot,\n      sidebar,\n      sidebarSlot,\n      commandBarUI,\n      scopeBadgeSlot,\n      menuWidgetSlot,\n      sidebarItemSlot,\n      menuItemSlot,\n      cornerSlot,\n      overviewSlot,\n      contextSlot,\n      drawerWidgetSlot,\n      componentFiltersSlot\n    );\n    scopeUi.registerDrawerComponentFilters([DeprecateFilter, EnvsFilter, ShowMainFilter(false)]);\n    scopeUi.registerDrawerWidgets([\n      <FilterWidget key={'workspace-filter-widget'} />,\n      <TreeToggleWidget key={'workspace-tree-toggle-widget'} />,\n    ]);\n    if (ui) ui.registerRoot(scopeUi.uiRoot.bind(scopeUi));\n    scopeUi.registerMenuItem(scopeUi.menuItems);\n    scopeUi.registerMenuWidget(() => <ScopeUseBox />);\n    if (config.showGallery)\n      scopeUi.registerSidebarLink({\n        component: function Gallery() {\n          return (\n            <MenuLinkItem exact href=\"/\" icon=\"comps\">\n              Overview\n            </MenuLinkItem>\n          );\n        },\n      });\n    if (ui) scopeUi.registerExplicitRoutes();\n\n    return scopeUi;\n  }\n}\n\nexport default ScopeUI;\n\nScopeAspect.addRuntime(ScopeUI);\n"],"mappings":"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"}
+{"version":3,"names":["ScopeUI","constructor","routeSlot","componentUi","menuSlot","sidebar","sidebarSlot","commandBarUI","scopeBadgeSlot","menuWidgetSlot","sidebarItemSlot","menuItemSlot","cornerSlot","overviewSlot","contextSlot","drawerWidgetSlot","drawerComponentsFiltersSlot","routes","register","menuItems","componentTreeNodes","map","componentTreeNode","links","drawer","registerDrawer","filters","widgets","components","updateComponents","category","title","keyChar","handler","run","registerBadge","badges","getScope","options","TargetScopeOverview","scopeClassName","Corner","listSidebarLinks","useScope","getContext","setSidebarToggle","paneClassName","PaneWrapper","registerOverviewLine","lines","registerRoutes","applyMenuRoutes","registerMenuRoutes","path","routePath","element","getMenu","ScopeAspect","id","getScopeMenu","registerExplicitRoutes","getComponentUI","registerMenuWidget","registerCorner","corner","registerComponentUrl","func","componentUrlFunc","replaceOverview","replaceDescription","replaceMetadataSection","registerMetadataItem","replaceComponentGrid","registerMetadata","addContext","context","contexts","values","ComponentUrlFuncProvider","children","flatten","concat","registerDefaultDrawers","assumeScopeInUrl","overrideUseComponents","scopeDrawer","treeWidgets","filtersSlot","uiRoot","setKeyBindHandler","addCommand","action","displayName","keybinding","sorted","sort","a","b","aWeight","weight","bWeight","compact","link","component","provider","ui","config","componentFiltersSlot","scopeUi","registerDrawerComponentFilters","DeprecateFilter","EnvsFilter","ShowMainFilter","registerDrawerWidgets","registerRoot","bind","registerMenuItem","showGallery","registerSidebarLink","Gallery","UIAspect","ComponentAspect","SidebarAspect","CommandBarAspect","UIRuntime","Slot","withType","addRuntime"],"sources":["scope.ui.runtime.tsx"],"sourcesContent":["import type { ComponentUI, ComponentModel } from '@teambit/component';\nimport { compact, flatten } from 'lodash';\nimport { ComponentAspect } from '@teambit/component';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { SidebarAspect, SidebarUI, SidebarItem, SidebarItemSlot } from '@teambit/sidebar';\nimport { ComponentTreeNode } from '@teambit/component-tree';\nimport { UIAspect, UIRootUI as UIRoot, UIRuntime, UiUI } from '@teambit/ui';\nimport React, { ComponentType, ReactNode } from 'react';\nimport { MenuItemSlot, MenuItem } from '@teambit/ui-foundation.ui.main-dropdown';\nimport { RouteProps } from 'react-router-dom';\nimport { MenuWidget, MenuWidgetSlot } from '@teambit/ui-foundation.ui.menu';\nimport { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';\nimport CommandBarAspect, { CommandBarUI, CommandHandler } from '@teambit/command-bar';\nimport { ScopeModel } from '@teambit/scope.models.scope-model';\nimport { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';\nimport {\n  DrawerWidgetSlot,\n  FilterWidget,\n  TreeToggleWidget,\n  ComponentFiltersSlot,\n} from '@teambit/component.ui.component-drawer';\nimport { ComponentFilters } from '@teambit/component.ui.component-filters.component-filter-context';\nimport { DeprecateFilter } from '@teambit/component.ui.component-filters.deprecate-filter';\nimport { EnvsFilter } from '@teambit/component.ui.component-filters.env-filter';\nimport { ComponentUrlResolver, ComponentUrlProvider } from '@teambit/component.modules.component-url';\nimport { ShowMainFilter } from '@teambit/component.ui.component-filters.show-main-filter';\nimport { ScopeMenu, ScopeUseBox } from './ui/menu';\nimport { ScopeAspect } from './scope.aspect';\nimport { Scope } from './ui/scope';\nimport { scopeDrawer } from './scope.ui.drawer';\nimport { GetScopeOptions } from './get-scope-options';\n\nexport type ScopeBadge = ComponentType;\n\nexport type ScopeBadgeSlot = SlotRegistry<ScopeBadge[]>;\n\nexport type ContextSlot = SlotRegistry<ScopeContextType[]>;\n\nexport type ScopeContextType = ComponentType<{ scope: ScopeModel; children: ReactNode }>;\n\nexport type SidebarSlot = SlotRegistry<ComponentTreeNode>;\n\nexport type ScopeOverview = ComponentType;\n\nexport type ScopeOverviewSlot = SlotRegistry<ScopeOverview>;\n\nexport type Corner = ComponentType;\n\nexport type CornerSlot = SlotRegistry<Corner>;\n\nexport type OverviewLine = ComponentType;\n\nexport type OverviewLineSlot = SlotRegistry<OverviewLine[]>;\n\nexport type ScopeUIConfig = {\n  showGallery: boolean;\n};\n\nexport class ScopeUI {\n  constructor(\n    /**\n     * route slot.\n     */\n    private routeSlot: RouteSlot,\n\n    /**\n     * component ui extension.\n     */\n    private componentUi: ComponentUI,\n    /**\n     * menu slot\n     */\n    private menuSlot: RouteSlot,\n\n    private sidebar: SidebarUI,\n\n    private sidebarSlot: SidebarSlot,\n\n    private commandBarUI: CommandBarUI,\n\n    private scopeBadgeSlot: ScopeBadgeSlot,\n\n    private menuWidgetSlot: MenuWidgetSlot,\n\n    /**\n     * sidebar link slot\n     */\n    private sidebarItemSlot: SidebarItemSlot,\n\n    /**\n     * main dropdown item slot\n     */\n    private menuItemSlot: MenuItemSlot,\n\n    /**\n     * corner slot\n     */\n    private cornerSlot: CornerSlot,\n\n    /**\n     * overview line slot to add new lines beneath the overview section\n     */\n    private overviewSlot: OverviewLineSlot,\n\n    /**\n     * add a new context to ui\n     */\n    private contextSlot: ContextSlot,\n    private drawerWidgetSlot: DrawerWidgetSlot,\n    private drawerComponentsFiltersSlot: ComponentFiltersSlot\n  ) {}\n\n  private setSidebarToggle: (updated: CommandHandler) => void = () => {};\n\n  /**\n   * register a new badge into the scope overview.\n   */\n  registerBadge(...badges: ScopeBadge[]) {\n    this.scopeBadgeSlot.register(badges);\n    return this;\n  }\n\n  getScope(options: GetScopeOptions) {\n    return (\n      <Scope\n        TargetScopeOverview={options.TargetScopeOverview}\n        scopeClassName={options.scopeClassName}\n        TargetCorner={options.Corner}\n        routeSlot={this.routeSlot}\n        menuSlot={this.menuSlot}\n        sidebar={<this.sidebar.render items={this.listSidebarLinks()} />}\n        scopeUi={this}\n        userUseScopeQuery={options.useScope}\n        badgeSlot={this.scopeBadgeSlot}\n        overviewLineSlot={this.overviewSlot}\n        context={this.getContext()}\n        onSidebarTogglerChange={this.setSidebarToggle}\n        cornerSlot={this.cornerSlot}\n        paneClassName={options.paneClassName}\n        PaneWrapper={options.PaneWrapper}\n      />\n    );\n  }\n\n  /**\n   * register a new line beneath the scope overview section.\n   */\n  registerOverviewLine(...lines: OverviewLine[]) {\n    this.overviewSlot.register(lines);\n    return this;\n  }\n\n  /**\n   * register a route to the scope.\n   */\n  registerRoutes(routes: RouteProps[]) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  registerMenuRoutes = (routes: RouteProps[]) => {\n    this.menuSlot.register(routes);\n    return this;\n  };\n\n  private applyMenuRoutes() {\n    this.registerMenuRoutes([\n      {\n        path: this.componentUi.routePath,\n        element: this.componentUi.getMenu(ScopeAspect.id),\n      },\n      {\n        path: '/',\n        element: this.getScopeMenu(),\n      },\n    ]);\n  }\n\n  getScopeMenu() {\n    return <ScopeMenu widgetSlot={this.menuWidgetSlot} menuItemSlot={this.menuItemSlot} />;\n  }\n\n  private registerExplicitRoutes() {\n    this.applyMenuRoutes();\n    this.registerRoutes([\n      {\n        path: this.componentUi.routePath,\n        element: this.componentUi.getComponentUI(ScopeAspect.id),\n      },\n    ]);\n  }\n\n  registerMenuWidget(...menuItems: MenuWidget[]) {\n    this.menuWidgetSlot.register(menuItems);\n  }\n\n  registerCorner(corner: Corner) {\n    this.cornerSlot.register(corner);\n  }\n\n  private componentUrlFunc: ComponentUrlResolver | undefined;\n  registerComponentUrl(func: ComponentUrlResolver) {\n    this.componentUrlFunc = func;\n  }\n\n  /**\n   * register a scope overview.\n   */\n  replaceOverview() {}\n\n  /**\n   * register description.\n   */\n  replaceDescription() {}\n\n  /**\n   * register metadata section.\n   */\n  replaceMetadataSection() {}\n\n  /**\n   * register a metadata item.\n   */\n  registerMetadataItem() {}\n\n  replaceComponentGrid() {}\n\n  /**\n   * register metadata.\n   */\n  registerMetadata() {}\n\n  /**\n   * add a new context to the scope.\n   */\n  addContext(...context: ScopeContextType[]) {\n    this.contextSlot.register(context);\n    return this;\n  }\n\n  private getContext() {\n    const contexts = this.contextSlot.values();\n    // eslint-disable-next-line react/prop-types\n    const ComponentUrlFuncProvider: ScopeContextType = ({ children }) => (\n      <ComponentUrlProvider value={this.componentUrlFunc}>{children}</ComponentUrlProvider>\n    );\n\n    return flatten(contexts).concat(ComponentUrlFuncProvider);\n  }\n\n  registerMenuItem = (menuItems: MenuItem[]) => {\n    this.menuItemSlot.register(menuItems);\n  };\n\n  /**\n   * register a sidebar Widget for the scope\n   */\n  registerSidebarWidget = (componentTreeNodes: ComponentTreeNode[]) => {\n    componentTreeNodes.map((componentTreeNode) => this.sidebarSlot.register(componentTreeNode));\n    return this;\n  };\n\n  /**\n   * register a sidebar link to the section above the drawers\n   */\n  registerSidebarLink = (...links: SidebarItem[]) => {\n    this.sidebarItemSlot.register(links);\n  };\n\n  registerDrawers = (...drawer: DrawerType[]) => {\n    this.sidebar.registerDrawer(...drawer);\n    return this;\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  registerDefaultDrawers(assumeScopeInUrl = false, overrideUseComponents?: () => { components: ComponentModel[] }) {\n    this.sidebar.registerDrawer(\n      scopeDrawer({\n        treeWidgets: this.sidebarSlot,\n        filtersSlot: this.drawerComponentsFiltersSlot,\n        drawerWidgetSlot: this.drawerWidgetSlot,\n        assumeScopeInUrl,\n        overrideUseComponents,\n      })\n    );\n  }\n\n  uiRoot(): UIRoot {\n    this.registerDefaultDrawers();\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.setSidebarToggle = setKeyBindHandler;\n\n    return {\n      routes: [\n        {\n          path: '/*',\n          element: (\n            <Scope\n              routeSlot={this.routeSlot}\n              menuSlot={this.menuSlot}\n              sidebar={<this.sidebar.render items={this.listSidebarLinks()} />}\n              scopeUi={this}\n              badgeSlot={this.scopeBadgeSlot}\n              overviewLineSlot={this.overviewSlot}\n              context={this.getContext()}\n              onSidebarTogglerChange={this.setSidebarToggle}\n              cornerSlot={this.cornerSlot}\n            />\n          ),\n        },\n      ],\n    };\n  }\n\n  listSidebarLinks() {\n    const links = flatten(this.sidebarItemSlot.values());\n    const sorted = links.sort((a, b) => {\n      const aWeight = a?.weight || 0;\n      const bWeight = b?.weight || 0;\n      return aWeight - bWeight;\n    });\n\n    return compact(\n      sorted.map((link) => {\n        return link.component;\n      })\n    );\n  }\n\n  /** registers available components */\n  setComponents = (components: ComponentModel[]) => {\n    this.componentUi.updateComponents(components);\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, CommandBarAspect];\n  static runtime = UIRuntime;\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<RouteProps>(),\n    Slot.withType<ComponentTreeNode>(),\n    Slot.withType<ScopeBadge>(),\n    Slot.withType<ScopeOverview>(),\n    Slot.withType<MenuWidget[]>(),\n    Slot.withType<MenuItemSlot>(),\n    Slot.withType<CornerSlot>(),\n    Slot.withType<OverviewLineSlot>(),\n    Slot.withType<SidebarItemSlot>(),\n    Slot.withType<ContextSlot>(),\n    Slot.withType<DrawerWidgetSlot>(),\n    Slot.withType<ComponentFiltersSlot>(),\n  ];\n\n  static defaultConfig = {\n    showGallery: true,\n  };\n\n  static async provider(\n    [ui, componentUi, sidebar, commandBarUI]: [UiUI, ComponentUI, SidebarUI, CommandBarUI],\n    config: ScopeUIConfig,\n    [\n      routeSlot,\n      menuSlot,\n      sidebarSlot,\n      scopeBadgeSlot,\n      menuWidgetSlot,\n      menuItemSlot,\n      sidebarItemSlot,\n      cornerSlot,\n      overviewSlot,\n      contextSlot,\n      drawerWidgetSlot,\n      componentFiltersSlot,\n    ]: [\n      RouteSlot,\n      RouteSlot,\n      SidebarSlot,\n      ScopeBadgeSlot,\n      MenuWidgetSlot,\n      MenuItemSlot,\n      SidebarItemSlot,\n      CornerSlot,\n      OverviewLineSlot,\n      ContextSlot,\n      DrawerWidgetSlot,\n      ComponentFiltersSlot\n    ]\n  ) {\n    const scopeUi = new ScopeUI(\n      routeSlot,\n      componentUi,\n      menuSlot,\n      sidebar,\n      sidebarSlot,\n      commandBarUI,\n      scopeBadgeSlot,\n      menuWidgetSlot,\n      sidebarItemSlot,\n      menuItemSlot,\n      cornerSlot,\n      overviewSlot,\n      contextSlot,\n      drawerWidgetSlot,\n      componentFiltersSlot\n    );\n    scopeUi.registerDrawerComponentFilters([DeprecateFilter, EnvsFilter, ShowMainFilter(false)]);\n    scopeUi.registerDrawerWidgets([\n      <FilterWidget key={'workspace-filter-widget'} />,\n      <TreeToggleWidget key={'workspace-tree-toggle-widget'} />,\n    ]);\n    if (ui) ui.registerRoot(scopeUi.uiRoot.bind(scopeUi));\n    scopeUi.registerMenuItem(scopeUi.menuItems);\n    scopeUi.registerMenuWidget(() => <ScopeUseBox />);\n    if (config.showGallery)\n      scopeUi.registerSidebarLink({\n        component: function Gallery() {\n          return (\n            <MenuLinkItem exact href=\"/\" icon=\"comps\">\n              Overview\n            </MenuLinkItem>\n          );\n        },\n      });\n    if (ui) scopeUi.registerExplicitRoutes();\n\n    return scopeUi;\n  }\n}\n\nexport default ScopeUI;\n\nScopeAspect.addRuntime(ScopeUI);\n"],"mappings":"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"}

package/dist/staged-config.js

@@ -1,80 +1,57 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.promise.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StagedConfig = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _fsExtra() {
   const data = _interopRequireDefault(require("fs-extra"));
-
   _fsExtra = function () {
     return data;
   };
-
   return data;
 }
-
 function _path() {
   const data = _interopRequireDefault(require("path"));
-
   _path = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentId() {
   const data = require("@teambit/component-id");
-
   _componentId = function () {
     return data;
   };
-
   return data;
 }
-
 function _laneId() {
   const data = require("@teambit/lane-id");
-
   _laneId = function () {
     return data;
   };
-
   return data;
 }
-
 const STAGED_CONFIG_DIR = 'staged-config';
-
 class StagedConfig {
   constructor(filePath, componentsConfig) {
     this.filePath = filePath;
     this.componentsConfig = componentsConfig;
     (0, _defineProperty2().default)(this, "hasChanged", false);
   }
-
   static async load(scopePath, laneId) {
     const lanePath = laneId ? _path().default.join(laneId.scope, laneId.name) : _laneId().DEFAULT_LANE;
-
     const filePath = _path().default.join(scopePath, STAGED_CONFIG_DIR, `${lanePath}.json`);
-
     let componentsConfig = [];
-
     try {
       const fileContent = await _fsExtra().default.readJson(filePath);
       componentsConfig = fileContent.map(item => ({
@@ -88,10 +65,8 @@ class StagedConfig {
         throw err;
       }
     }
-
     return new StagedConfig(filePath, componentsConfig);
   }
-
   toObject() {
     return this.componentsConfig.map(({
       id,
@@ -101,29 +76,23 @@ class StagedConfig {
       config
     }));
   }
-
   async write() {
     if (!this.hasChanged) return;
     await _fsExtra().default.outputFile(this.filePath, JSON.stringify(this.toObject(), null, 2));
   }
-
   getConfigPerId(id) {
     var _this$componentsConfi;
-
     return (_this$componentsConfi = this.componentsConfig.find(c => c.id.isEqual(id, {
       ignoreVersion: true
     }))) === null || _this$componentsConfi === void 0 ? void 0 : _this$componentsConfi.config;
   }
-
   getAll() {
     return this.componentsConfig;
   }
-
   addComponentConfig(id, config) {
     const exists = this.componentsConfig.find(c => c.id.isEqual(id, {
       ignoreVersion: true
     }));
-
     if (exists) {
       exists.config = config;
     } else {
@@ -132,19 +101,15 @@ class StagedConfig {
         config
       });
     }
-
     this.hasChanged = true;
   }
-
   removeComponentConfig(id) {
     this.componentsConfig = this.componentsConfig.filter(c => !c.id.isEqual(id, {
       ignoreVersion: true
     }));
     this.hasChanged = true;
   }
-
 }
-
 exports.StagedConfig = StagedConfig;
 
 //# sourceMappingURL=staged-config.js.map

package/dist/staged-config.js.map

@@ -1 +1 @@
-{"version":3,"names":["STAGED_CONFIG_DIR","StagedConfig","constructor","filePath","componentsConfig","load","scopePath","laneId","lanePath","path","join","scope","name","DEFAULT_LANE","fileContent","fs","readJson","map","item","id","ComponentID","fromObject","config","err","code","toObject","write","hasChanged","outputFile","JSON","stringify","getConfigPerId","find","c","isEqual","ignoreVersion","getAll","addComponentConfig","exists","push","removeComponentConfig","filter"],"sources":["staged-config.ts"],"sourcesContent":["import fs from 'fs-extra';\nimport path from 'path';\nimport { ComponentID } from '@teambit/component-id';\nimport { DEFAULT_LANE, LaneId } from '@teambit/lane-id';\n\nconst STAGED_CONFIG_DIR = 'staged-config';\n\ntype Config = Record<string, any> | undefined;\ntype ComponentConfig = { id: ComponentID; config: Config };\n\nexport class StagedConfig {\n  hasChanged = false;\n  constructor(private filePath: string, private componentsConfig: ComponentConfig[]) {}\n\n  static async load(scopePath: string, laneId?: LaneId): Promise<StagedConfig> {\n    const lanePath = laneId ? path.join(laneId.scope, laneId.name) : DEFAULT_LANE;\n    const filePath = path.join(scopePath, STAGED_CONFIG_DIR, `${lanePath}.json`);\n    let componentsConfig: ComponentConfig[] = [];\n    try {\n      const fileContent = await fs.readJson(filePath);\n      componentsConfig = fileContent.map((item) => ({ id: ComponentID.fromObject(item.id), config: item.config }));\n    } catch (err: any) {\n      if (err.code === 'ENOENT') {\n        componentsConfig = [];\n      } else {\n        throw err;\n      }\n    }\n    return new StagedConfig(filePath, componentsConfig);\n  }\n\n  toObject() {\n    return this.componentsConfig.map(({ id, config }) => ({ id: id.toObject(), config }));\n  }\n\n  async write() {\n    if (!this.hasChanged) return;\n    await fs.outputFile(this.filePath, JSON.stringify(this.toObject(), null, 2));\n  }\n\n  getConfigPerId(id: ComponentID): Config {\n    return this.componentsConfig.find((c) => c.id.isEqual(id, { ignoreVersion: true }))?.config;\n  }\n\n  getAll() {\n    return this.componentsConfig;\n  }\n\n  addComponentConfig(id: ComponentID, config: Config) {\n    const exists = this.componentsConfig.find((c) => c.id.isEqual(id, { ignoreVersion: true }));\n    if (exists) {\n      exists.config = config;\n    } else {\n      this.componentsConfig.push({ id, config });\n    }\n    this.hasChanged = true;\n  }\n\n  removeComponentConfig(id: ComponentID) {\n    this.componentsConfig = this.componentsConfig.filter((c) => !c.id.isEqual(id, { ignoreVersion: true }));\n    this.hasChanged = true;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["STAGED_CONFIG_DIR","StagedConfig","constructor","filePath","componentsConfig","load","scopePath","laneId","lanePath","path","join","scope","name","DEFAULT_LANE","fileContent","fs","readJson","map","item","id","ComponentID","fromObject","config","err","code","toObject","write","hasChanged","outputFile","JSON","stringify","getConfigPerId","find","c","isEqual","ignoreVersion","getAll","addComponentConfig","exists","push","removeComponentConfig","filter"],"sources":["staged-config.ts"],"sourcesContent":["import fs from 'fs-extra';\nimport path from 'path';\nimport { ComponentID } from '@teambit/component-id';\nimport { DEFAULT_LANE, LaneId } from '@teambit/lane-id';\n\nconst STAGED_CONFIG_DIR = 'staged-config';\n\ntype Config = Record<string, any> | undefined;\ntype ComponentConfig = { id: ComponentID; config: Config };\n\nexport class StagedConfig {\n  hasChanged = false;\n  constructor(private filePath: string, private componentsConfig: ComponentConfig[]) {}\n\n  static async load(scopePath: string, laneId?: LaneId): Promise<StagedConfig> {\n    const lanePath = laneId ? path.join(laneId.scope, laneId.name) : DEFAULT_LANE;\n    const filePath = path.join(scopePath, STAGED_CONFIG_DIR, `${lanePath}.json`);\n    let componentsConfig: ComponentConfig[] = [];\n    try {\n      const fileContent = await fs.readJson(filePath);\n      componentsConfig = fileContent.map((item) => ({ id: ComponentID.fromObject(item.id), config: item.config }));\n    } catch (err: any) {\n      if (err.code === 'ENOENT') {\n        componentsConfig = [];\n      } else {\n        throw err;\n      }\n    }\n    return new StagedConfig(filePath, componentsConfig);\n  }\n\n  toObject() {\n    return this.componentsConfig.map(({ id, config }) => ({ id: id.toObject(), config }));\n  }\n\n  async write() {\n    if (!this.hasChanged) return;\n    await fs.outputFile(this.filePath, JSON.stringify(this.toObject(), null, 2));\n  }\n\n  getConfigPerId(id: ComponentID): Config {\n    return this.componentsConfig.find((c) => c.id.isEqual(id, { ignoreVersion: true }))?.config;\n  }\n\n  getAll() {\n    return this.componentsConfig;\n  }\n\n  addComponentConfig(id: ComponentID, config: Config) {\n    const exists = this.componentsConfig.find((c) => c.id.isEqual(id, { ignoreVersion: true }));\n    if (exists) {\n      exists.config = config;\n    } else {\n      this.componentsConfig.push({ id, config });\n    }\n    this.hasChanged = true;\n  }\n\n  removeComponentConfig(id: ComponentID) {\n    this.componentsConfig = this.componentsConfig.filter((c) => !c.id.isEqual(id, { ignoreVersion: true }));\n    this.hasChanged = true;\n  }\n}\n"],"mappings":"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"}

package/dist/ui/menu/index.js

@@ -15,14 +15,11 @@ Object.defineProperty(exports, "ScopeUseBox", {
     return _menu().ScopeUseBox;
   }
 });
-
 function _menu() {
   const data = require("./menu");
-
   _menu = function () {
     return data;
   };
-
   return data;
 }
 

package/dist/ui/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { ScopeMenu, ScopeUseBox } from './menu';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { ScopeMenu, ScopeUseBox } from './menu';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA"}

package/dist/ui/menu/menu.js

@@ -1,120 +1,88 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ScopeMenu = ScopeMenu;
 exports.ScopeUseBox = ScopeUseBox;
-
 function _extends2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
   _extends2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _objectWithoutProperties2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
   _objectWithoutProperties2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUi() {
   const data = require("@teambit/ui-foundation.ui.menu");
-
   _uiFoundationUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _scopeUiHooks() {
   const data = require("@teambit/scope.ui.hooks.scope-context");
-
   _scopeUiHooks = function () {
     return data;
   };
-
   return data;
 }
-
 function _classnames() {
   const data = _interopRequireDefault(require("classnames"));
-
   _classnames = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireWildcard(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUiUseBox() {
   const data = require("@teambit/ui-foundation.ui.use-box.dropdown");
-
   _uiFoundationUiUseBox = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUiUseBox2() {
   const data = require("@teambit/ui-foundation.ui.use-box.scope-menu");
-
   _uiFoundationUiUseBox2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _menuModule() {
   const data = _interopRequireDefault(require("./menu.module.scss"));
-
   _menuModule = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * scope menu.
  */
 function ScopeMenu(_ref) {
   let {
-    className
-  } = _ref,
-      rest = (0, _objectWithoutProperties2().default)(_ref, ["className"]);
+      className
+    } = _ref,
+    rest = (0, _objectWithoutProperties2().default)(_ref, ["className"]);
   return /*#__PURE__*/_react().default.createElement(_uiFoundationUi().Menu, (0, _extends2().default)({}, rest, {
     className: (0, _classnames().default)(_menuModule().default.scopMenu, className)
   }));
 }
-
 function ScopeUseBox() {
   const scope = (0, _react().useContext)(_scopeUiHooks().ScopeContext);
   return /*#__PURE__*/_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown, {

package/dist/ui/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"names":["ScopeMenu","className","rest","classNames","styles","scopMenu","ScopeUseBox","scope","useContext","ScopeContext","useBox","name"],"sources":["menu.tsx"],"sourcesContent":["import { Menu, MenuProps } from '@teambit/ui-foundation.ui.menu';\nimport { ScopeContext } from '@teambit/scope.ui.hooks.scope-context';\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\nimport { UseBoxDropdown } from '@teambit/ui-foundation.ui.use-box.dropdown';\nimport { Menu as ScopeUseBoxMenu } from '@teambit/ui-foundation.ui.use-box.scope-menu';\nimport styles from './menu.module.scss';\n\n/**\n * scope menu.\n */\nexport function ScopeMenu({ className, ...rest }: MenuProps) {\n  return <Menu {...rest} className={classNames(styles.scopMenu, className)} />;\n}\n\nexport function ScopeUseBox() {\n  const scope = useContext(ScopeContext);\n  return (\n    <UseBoxDropdown position=\"bottom-end\" className={styles.useBox} Menu={<ScopeUseBoxMenu scopeName={scope.name} />} />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAEA;AACA;AACA;AACO,SAASA,SAAT,OAAsD;EAAA,IAAnC;IAAEC;EAAF,CAAmC;EAAA,IAAnBC,IAAmB;EAC3D,oBAAO,+BAAC,sBAAD,+BAAUA,IAAV;IAAgB,SAAS,EAAE,IAAAC,qBAAA,EAAWC,qBAAA,CAAOC,QAAlB,EAA4BJ,SAA5B;EAA3B,GAAP;AACD;;AAEM,SAASK,WAAT,GAAuB;EAC5B,MAAMC,KAAK,GAAG,IAAAC,mBAAA,EAAWC,4BAAX,CAAd;EACA,oBACE,+BAAC,sCAAD;IAAgB,QAAQ,EAAC,YAAzB;IAAsC,SAAS,EAAEL,qBAAA,CAAOM,MAAxD;IAAgE,IAAI,eAAE,+BAAC,6BAAD;MAAiB,SAAS,EAAEH,KAAK,CAACI;IAAlC;EAAtE,EADF;AAGD"}
+{"version":3,"names":["ScopeMenu","className","rest","classNames","styles","scopMenu","ScopeUseBox","scope","useContext","ScopeContext","useBox","name"],"sources":["menu.tsx"],"sourcesContent":["import { Menu, MenuProps } from '@teambit/ui-foundation.ui.menu';\nimport { ScopeContext } from '@teambit/scope.ui.hooks.scope-context';\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\nimport { UseBoxDropdown } from '@teambit/ui-foundation.ui.use-box.dropdown';\nimport { Menu as ScopeUseBoxMenu } from '@teambit/ui-foundation.ui.use-box.scope-menu';\nimport styles from './menu.module.scss';\n\n/**\n * scope menu.\n */\nexport function ScopeMenu({ className, ...rest }: MenuProps) {\n  return <Menu {...rest} className={classNames(styles.scopMenu, className)} />;\n}\n\nexport function ScopeUseBox() {\n  const scope = useContext(ScopeContext);\n  return (\n    <UseBoxDropdown position=\"bottom-end\" className={styles.useBox} Menu={<ScopeUseBoxMenu scopeName={scope.name} />} />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAAwC;AAAA;AAExC;AACA;AACA;AACO,SAASA,SAAS,OAAoC;EAAA,IAAnC;MAAEC;IAA8B,CAAC;IAAjBC,IAAI;EAC5C,oBAAO,+BAAC,sBAAI,+BAAKA,IAAI;IAAE,SAAS,EAAE,IAAAC,qBAAU,EAACC,qBAAM,CAACC,QAAQ,EAAEJ,SAAS;EAAE,GAAG;AAC9E;AAEO,SAASK,WAAW,GAAG;EAC5B,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAACC,4BAAY,CAAC;EACtC,oBACE,+BAAC,sCAAc;IAAC,QAAQ,EAAC,YAAY;IAAC,SAAS,EAAEL,qBAAM,CAACM,MAAO;IAAC,IAAI,eAAE,+BAAC,6BAAe;MAAC,SAAS,EAAEH,KAAK,CAACI;IAAK;EAAI,EAAG;AAExH"}

package/dist/ui/scope-overview/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _scopeOverview = require("./scope-overview");
-
 Object.keys(_scopeOverview).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scopeOverview[key]) return;

package/dist/ui/scope-overview/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './scope-overview';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './scope-overview';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/ui/scope-overview/scope-overview.js

@@ -1,99 +1,70 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.symbol.description.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ScopeComponentCard = ScopeComponentCard;
 exports.ScopeOverview = ScopeOverview;
-
 function _react() {
   const data = _interopRequireWildcard(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _explorerUiGallery() {
   const data = require("@teambit/explorer.ui.gallery.component-card");
-
   _explorerUiGallery = function () {
     return data;
   };
-
   return data;
 }
-
 function _explorerUiGallery2() {
   const data = require("@teambit/explorer.ui.gallery.component-grid");
-
   _explorerUiGallery2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _scopeUi() {
   const data = require("@teambit/scope.ui.scope-details");
-
   _scopeUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _previewUi() {
   const data = require("@teambit/preview.ui.preview-placeholder");
-
   _previewUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _scopeUi2() {
   const data = require("@teambit/scope.ui.empty-scope");
-
   _scopeUi2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _scopeUiHooks() {
   const data = require("@teambit/scope.ui.hooks.scope-context");
-
   _scopeUiHooks = function () {
     return data;
   };
-
   return data;
 }
-
 function _scopeOverviewModule() {
   const data = _interopRequireDefault(require("./scope-overview.module.scss"));
-
   _scopeOverviewModule = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ScopeOverview({
   badgeSlot,
   overviewSlot,
@@ -118,7 +89,6 @@ function ScopeOverview({
     componentCount: scope.components.length
   }), TargetOverview ? /*#__PURE__*/_react().default.createElement(TargetOverview, null) : /*#__PURE__*/_react().default.createElement(_explorerUiGallery2().ComponentGrid, null, components.map((component, index) => {
     var _component$deprecatio;
-
     if ((_component$deprecatio = component.deprecation) !== null && _component$deprecatio !== void 0 && _component$deprecatio.isDeprecate) return null;
     return /*#__PURE__*/_react().default.createElement("div", {
       key: index
@@ -127,13 +97,11 @@ function ScopeOverview({
     }));
   })));
 }
-
 function ScopeComponentCard({
   component,
   componentUrl
 }) {
   var _component$environmen;
-
   const shouldShowPreview = component.compositions.length > 0;
   return /*#__PURE__*/_react().default.createElement(_explorerUiGallery().ComponentCard, {
     id: component.id.fullName,

package/dist/ui/scope-overview/scope-overview.js.map

@@ -1 +1 @@
-{"version":3,"names":["ScopeOverview","badgeSlot","overviewSlot","TargetOverview","scope","useContext","ScopeContext","components","length","name","styles","container","icon","backgroundIconColor","description","map","component","index","deprecation","isDeprecate","ScopeComponentCard","componentUrl","shouldShowPreview","compositions","id","fullName","environment","version"],"sources":["scope-overview.tsx"],"sourcesContent":["import React, { useContext, ComponentType } from 'react';\nimport { ComponentCard } from '@teambit/explorer.ui.gallery.component-card';\nimport { ComponentGrid } from '@teambit/explorer.ui.gallery.component-grid';\nimport { ScopeDetails } from '@teambit/scope.ui.scope-details';\nimport { PreviewPlaceholder } from '@teambit/preview.ui.preview-placeholder';\nimport { EmptyScope } from '@teambit/scope.ui.empty-scope';\nimport { ComponentModel } from '@teambit/component';\nimport { ScopeContext } from '@teambit/scope.ui.hooks.scope-context';\nimport styles from './scope-overview.module.scss';\nimport type { ScopeBadgeSlot, OverviewLineSlot } from '../../scope.ui.runtime';\n\nexport type ScopeOverviewProps = {\n  badgeSlot: ScopeBadgeSlot;\n  overviewSlot: OverviewLineSlot;\n  TargetOverview?: ComponentType;\n};\n\nexport function ScopeOverview({ badgeSlot, overviewSlot, TargetOverview }: ScopeOverviewProps) {\n  const scope = useContext(ScopeContext);\n  const { components } = scope;\n  if (!components || components.length === 0) return <EmptyScope name={scope.name} />;\n\n  return (\n    <div className={styles.container}>\n      <ScopeDetails\n        scopeName={scope.name}\n        icon={scope.icon}\n        backgroundIconColor={scope.backgroundIconColor}\n        badgeSlot={badgeSlot}\n        overviewSlot={overviewSlot}\n        description={scope.description}\n        componentCount={scope.components.length}\n      />\n      {TargetOverview ? (\n        <TargetOverview />\n      ) : (\n        <ComponentGrid>\n          {components.map((component, index) => {\n            if (component.deprecation?.isDeprecate) return null;\n            return (\n              <div key={index}>\n                <ScopeComponentCard component={component} />\n              </div>\n            );\n          })}\n        </ComponentGrid>\n      )}\n    </div>\n  );\n}\n\ntype ScopeComponentCardProps = {\n  component: ComponentModel;\n  componentUrl?: string;\n};\n\nexport function ScopeComponentCard({ component, componentUrl }: ScopeComponentCardProps) {\n  const shouldShowPreview = component.compositions.length > 0;\n  return (\n    <ComponentCard\n      id={component.id.fullName}\n      envIcon={component.environment?.icon}\n      description={component.description}\n      version={component.version}\n      href={componentUrl}\n      preview={<PreviewPlaceholder component={component} shouldShowPreview={shouldShowPreview} />}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AASO,SAASA,aAAT,CAAuB;EAAEC,SAAF;EAAaC,YAAb;EAA2BC;AAA3B,CAAvB,EAAwF;EAC7F,MAAMC,KAAK,GAAG,IAAAC,mBAAA,EAAWC,4BAAX,CAAd;EACA,MAAM;IAAEC;EAAF,IAAiBH,KAAvB;EACA,IAAI,CAACG,UAAD,IAAeA,UAAU,CAACC,MAAX,KAAsB,CAAzC,EAA4C,oBAAO,+BAAC,sBAAD;IAAY,IAAI,EAAEJ,KAAK,CAACK;EAAxB,EAAP;EAE5C,oBACE;IAAK,SAAS,EAAEC,8BAAA,CAAOC;EAAvB,gBACE,+BAAC,uBAAD;IACE,SAAS,EAAEP,KAAK,CAACK,IADnB;IAEE,IAAI,EAAEL,KAAK,CAACQ,IAFd;IAGE,mBAAmB,EAAER,KAAK,CAACS,mBAH7B;IAIE,SAAS,EAAEZ,SAJb;IAKE,YAAY,EAAEC,YALhB;IAME,WAAW,EAAEE,KAAK,CAACU,WANrB;IAOE,cAAc,EAAEV,KAAK,CAACG,UAAN,CAAiBC;EAPnC,EADF,EAUGL,cAAc,gBACb,+BAAC,cAAD,OADa,gBAGb,+BAAC,mCAAD,QACGI,UAAU,CAACQ,GAAX,CAAe,CAACC,SAAD,EAAYC,KAAZ,KAAsB;IAAA;;IACpC,6BAAID,SAAS,CAACE,WAAd,kDAAI,sBAAuBC,WAA3B,EAAwC,OAAO,IAAP;IACxC,oBACE;MAAK,GAAG,EAAEF;IAAV,gBACE,+BAAC,kBAAD;MAAoB,SAAS,EAAED;IAA/B,EADF,CADF;EAKD,CAPA,CADH,CAbJ,CADF;AA2BD;;AAOM,SAASI,kBAAT,CAA4B;EAAEJ,SAAF;EAAaK;AAAb,CAA5B,EAAkF;EAAA;;EACvF,MAAMC,iBAAiB,GAAGN,SAAS,CAACO,YAAV,CAAuBf,MAAvB,GAAgC,CAA1D;EACA,oBACE,+BAAC,kCAAD;IACE,EAAE,EAAEQ,SAAS,CAACQ,EAAV,CAAaC,QADnB;IAEE,OAAO,2BAAET,SAAS,CAACU,WAAZ,0DAAE,sBAAuBd,IAFlC;IAGE,WAAW,EAAEI,SAAS,CAACF,WAHzB;IAIE,OAAO,EAAEE,SAAS,CAACW,OAJrB;IAKE,IAAI,EAAEN,YALR;IAME,OAAO,eAAE,+BAAC,+BAAD;MAAoB,SAAS,EAAEL,SAA/B;MAA0C,iBAAiB,EAAEM;IAA7D;EANX,EADF;AAUD"}
+{"version":3,"names":["ScopeOverview","badgeSlot","overviewSlot","TargetOverview","scope","useContext","ScopeContext","components","length","name","styles","container","icon","backgroundIconColor","description","map","component","index","deprecation","isDeprecate","ScopeComponentCard","componentUrl","shouldShowPreview","compositions","id","fullName","environment","version"],"sources":["scope-overview.tsx"],"sourcesContent":["import React, { useContext, ComponentType } from 'react';\nimport { ComponentCard } from '@teambit/explorer.ui.gallery.component-card';\nimport { ComponentGrid } from '@teambit/explorer.ui.gallery.component-grid';\nimport { ScopeDetails } from '@teambit/scope.ui.scope-details';\nimport { PreviewPlaceholder } from '@teambit/preview.ui.preview-placeholder';\nimport { EmptyScope } from '@teambit/scope.ui.empty-scope';\nimport { ComponentModel } from '@teambit/component';\nimport { ScopeContext } from '@teambit/scope.ui.hooks.scope-context';\nimport styles from './scope-overview.module.scss';\nimport type { ScopeBadgeSlot, OverviewLineSlot } from '../../scope.ui.runtime';\n\nexport type ScopeOverviewProps = {\n  badgeSlot: ScopeBadgeSlot;\n  overviewSlot: OverviewLineSlot;\n  TargetOverview?: ComponentType;\n};\n\nexport function ScopeOverview({ badgeSlot, overviewSlot, TargetOverview }: ScopeOverviewProps) {\n  const scope = useContext(ScopeContext);\n  const { components } = scope;\n  if (!components || components.length === 0) return <EmptyScope name={scope.name} />;\n\n  return (\n    <div className={styles.container}>\n      <ScopeDetails\n        scopeName={scope.name}\n        icon={scope.icon}\n        backgroundIconColor={scope.backgroundIconColor}\n        badgeSlot={badgeSlot}\n        overviewSlot={overviewSlot}\n        description={scope.description}\n        componentCount={scope.components.length}\n      />\n      {TargetOverview ? (\n        <TargetOverview />\n      ) : (\n        <ComponentGrid>\n          {components.map((component, index) => {\n            if (component.deprecation?.isDeprecate) return null;\n            return (\n              <div key={index}>\n                <ScopeComponentCard component={component} />\n              </div>\n            );\n          })}\n        </ComponentGrid>\n      )}\n    </div>\n  );\n}\n\ntype ScopeComponentCardProps = {\n  component: ComponentModel;\n  componentUrl?: string;\n};\n\nexport function ScopeComponentCard({ component, componentUrl }: ScopeComponentCardProps) {\n  const shouldShowPreview = component.compositions.length > 0;\n  return (\n    <ComponentCard\n      id={component.id.fullName}\n      envIcon={component.environment?.icon}\n      description={component.description}\n      version={component.version}\n      href={componentUrl}\n      preview={<PreviewPlaceholder component={component} shouldShowPreview={shouldShowPreview} />}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAAkD;AAAA;AAS3C,SAASA,aAAa,CAAC;EAAEC,SAAS;EAAEC,YAAY;EAAEC;AAAmC,CAAC,EAAE;EAC7F,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAACC,4BAAY,CAAC;EACtC,MAAM;IAAEC;EAAW,CAAC,GAAGH,KAAK;EAC5B,IAAI,CAACG,UAAU,IAAIA,UAAU,CAACC,MAAM,KAAK,CAAC,EAAE,oBAAO,+BAAC,sBAAU;IAAC,IAAI,EAAEJ,KAAK,CAACK;EAAK,EAAG;EAEnF,oBACE;IAAK,SAAS,EAAEC,8BAAM,CAACC;EAAU,gBAC/B,+BAAC,uBAAY;IACX,SAAS,EAAEP,KAAK,CAACK,IAAK;IACtB,IAAI,EAAEL,KAAK,CAACQ,IAAK;IACjB,mBAAmB,EAAER,KAAK,CAACS,mBAAoB;IAC/C,SAAS,EAAEZ,SAAU;IACrB,YAAY,EAAEC,YAAa;IAC3B,WAAW,EAAEE,KAAK,CAACU,WAAY;IAC/B,cAAc,EAAEV,KAAK,CAACG,UAAU,CAACC;EAAO,EACxC,EACDL,cAAc,gBACb,+BAAC,cAAc,OAAG,gBAElB,+BAAC,mCAAa,QACXI,UAAU,CAACQ,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;IAAA;IACpC,6BAAID,SAAS,CAACE,WAAW,kDAArB,sBAAuBC,WAAW,EAAE,OAAO,IAAI;IACnD,oBACE;MAAK,GAAG,EAAEF;IAAM,gBACd,+BAAC,kBAAkB;MAAC,SAAS,EAAED;IAAU,EAAG,CACxC;EAEV,CAAC,CAAC,CAEL,CACG;AAEV;AAOO,SAASI,kBAAkB,CAAC;EAAEJ,SAAS;EAAEK;AAAsC,CAAC,EAAE;EAAA;EACvF,MAAMC,iBAAiB,GAAGN,SAAS,CAACO,YAAY,CAACf,MAAM,GAAG,CAAC;EAC3D,oBACE,+BAAC,kCAAa;IACZ,EAAE,EAAEQ,SAAS,CAACQ,EAAE,CAACC,QAAS;IAC1B,OAAO,2BAAET,SAAS,CAACU,WAAW,0DAArB,sBAAuBd,IAAK;IACrC,WAAW,EAAEI,SAAS,CAACF,WAAY;IACnC,OAAO,EAAEE,SAAS,CAACW,OAAQ;IAC3B,IAAI,EAAEN,YAAa;IACnB,OAAO,eAAE,+BAAC,+BAAkB;MAAC,SAAS,EAAEL,SAAU;MAAC,iBAAiB,EAAEM;IAAkB;EAAI,EAC5F;AAEN"}