@teambit/component 0.0.1168 → 1.0.0

package/dist/component.ui.runtime.js

@@ -297,7 +297,7 @@ class ComponentUI {
           cancelable: true
         });
         const body = document.body;
-        body === null || body === void 0 ? void 0 : body.dispatchEvent(event);
+        body === null || body === void 0 || body.dispatchEvent(event);
       }
     });
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_copyToClipboard","_commandBar","_componentUi","_harmony","_preview","_interopRequireWildcard","_pubsub","_reactRouter","_ui","_lodash2","_uiFoundationUi","_uiFoundationUiUseBox","_componentPackageVersion","_aspect","_component","_component2","_componentSearcher","_menu","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ComponentUI","constructor","pubsub","routeSlot","navSlot","consumeMethodSlot","widgetSlot","menuItemSlot","pageItemSlot","componentSearchResultSlot","commandBarUI","reactRouterUi","_this$activeComponent","packageName","activeComponent","_this$activeComponent2","version","id","versionString","formatToInstallableVersion","copy","action","_this$activeComponent3","toString","displayName","keybinding","copyNpmId","category","title","keyChar","handler","_this$commandBarUI","run","_this$commandBarUI2","_this$commandBarUI3","_this$commandBarUI4","options","componentId","packageNameFromProps","latest","latestFromProps","componentModel","packageVersion","Title","createElement","style","width","src","Component","hide","Import","ignoreVersion","componentName","name","showInstallMethod","disableInstall","order","menuItems","register","items","totalPlugins","flatten","values","componentSearcher","updatePlugins","components","update","ComponentSearcher","navigate","navigateTo","isBrowser","registerPubSub","routes","toArray","map","Array","isArray","snapToSemver","sub","PreviewAspect","be","type","ClickInsideAnIframeEvent","TYPE","event","MouseEvent","view","window","bubbles","cancelable","body","document","dispatchEvent","getComponentUI","host","containerSlot","onComponentChange","handleComponentChange","path","useComponent","componentIdStr","useComponentFilters","overriddenRoutes","getMenu","ComponentMenu","className","skipRightSide","navigationSlot","RightNode","listMenuItems","mainMenuItems","groupBy","registerRoute","registerNavigation","nav","props","registerConsumeMethod","consumeMethods","registerWidget","widget","provider","reactRouterUI","config","pageSlot","componentUI","aspectSection","AspectSection","registerSearchResultWidget","end","DeprecationIcon","commandBar","addCommand","keyBindings","addSearcher","registerMenuItem","route","navigationLink","bitMethod","exports","PubsubAspect","CommandBarAspect","ReactRouterAspect","UIRuntime","Slot","withType","_default","ComponentAspect","addRuntime"],"sources":["component.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport flatten from 'lodash.flatten';\nimport copy from 'copy-to-clipboard';\nimport type { RouteProps } from 'react-router-dom';\nimport type { LinkProps } from '@teambit/base-react.navigation.link';\nimport CommandBarAspect, { CommandBarUI, CommandEntry } from '@teambit/command-bar';\nimport { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport PreviewAspect, { ClickInsideAnIframeEvent } from '@teambit/preview';\nimport PubsubAspect, { BitBaseEvent, PubsubUI } from '@teambit/pubsub';\nimport ReactRouterAspect, { ReactRouterUI } from '@teambit/react-router';\nimport { UIRuntime } from '@teambit/ui';\nimport { groupBy } from 'lodash';\nimport { isBrowser } from '@teambit/ui-foundation.ui.is-browser';\nimport { MenuItem, MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';\nimport { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Import } from '@teambit/ui-foundation.ui.use-box.menu';\nimport { snapToSemver } from '@teambit/component-package-version';\nimport { AspectSection } from './aspect.section';\nimport { ComponentAspect } from './component.aspect';\nimport { ComponentModel } from './ui';\nimport { Component, ComponentPageElement, ComponentPageSlot } from './ui/component';\nimport { ComponentResultPlugin, ComponentSearcher } from './ui/component-searcher';\nimport { ConsumeMethodSlot, ConsumePlugin, ComponentMenu, NavPlugin, OrderedNavigationSlot } from './ui/menu';\nimport { GetComponentsOptions } from './get-component-opts';\n\nexport type ComponentSearchResultSlot = SlotRegistry<ComponentResultPlugin[]>;\n\nexport type ComponentUIConfig = {\n  commandBar: boolean;\n};\n\nexport type Server = {\n  env: string;\n  url: string;\n};\n\nexport type ComponentMeta = {\n  id: string;\n};\n\nexport class ComponentUI {\n  readonly routePath = `/*`;\n  private componentSearcher: ComponentSearcher;\n\n  constructor(\n    /**\n     * Pubsub aspects\n     */\n    private pubsub: PubsubUI,\n\n    private routeSlot: RouteSlot,\n\n    private navSlot: OrderedNavigationSlot,\n\n    readonly consumeMethodSlot: ConsumeMethodSlot,\n\n    /**\n     * slot for registering a new widget to the menu.\n     */\n    private widgetSlot: OrderedNavigationSlot,\n\n    private menuItemSlot: MenuItemSlot,\n\n    private pageItemSlot: ComponentPageSlot,\n\n    private componentSearchResultSlot: ComponentSearchResultSlot,\n\n    private commandBarUI: CommandBarUI,\n\n    reactRouterUi: ReactRouterUI\n  ) {\n    this.componentSearcher = new ComponentSearcher({ navigate: reactRouterUi.navigateTo });\n    if (isBrowser) this.registerPubSub();\n  }\n\n  get routes() {\n    return this.routeSlot\n      .toArray()\n      .map(([key, routes]) => [key, Array.isArray(routes) ? [...flatten(routes)] : [routes]] as [string, RouteProps[]]);\n  }\n\n  /**\n   * the current visible component\n   */\n  private activeComponent?: ComponentModel;\n\n  formatToInstallableVersion(version: string) {\n    return snapToSemver(version);\n  }\n\n  private copyNpmId = () => {\n    const packageName = this.activeComponent?.packageName;\n    if (packageName) {\n      const version = this.activeComponent?.id.version;\n      const versionString = version ? `@${this.formatToInstallableVersion(version)}` : '';\n      copy(`${packageName}${versionString}`);\n    }\n  };\n\n  /**\n   * key bindings used by component aspect\n   */\n  private keyBindings: CommandEntry[] = [\n    {\n      id: 'component.copyBitId', // TODO - extract to a component!\n      action: () => {\n        copy(this.activeComponent?.id.toString() || '');\n      },\n      displayName: 'Copy component ID',\n      keybinding: '.',\n    },\n    {\n      id: 'component.copyNpmId', // TODO - extract to a component!\n      action: this.copyNpmId,\n      displayName: 'Copy component package name',\n      keybinding: ',',\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      category: 'workflow',\n      title: 'Copy component ID',\n      keyChar: '.',\n      handler: () => this.commandBarUI?.run('component.copyBitId'),\n    },\n    {\n      category: 'workflow',\n      title: 'Copy component package name',\n      keyChar: ',',\n      handler: () => this.commandBarUI?.run('component.copyNpmId'),\n    },\n  ];\n\n  private bitMethod: ConsumePlugin = ({\n    options,\n    id: componentId,\n    packageName: packageNameFromProps,\n    latest: latestFromProps,\n    componentModel,\n  }) => {\n    const packageName = packageNameFromProps || componentModel?.packageName;\n    const latest = latestFromProps || componentModel?.id.version;\n\n    const version = componentId.version === latest ? '' : `@${componentId.version}`;\n    const packageVersion =\n      componentId.version === latest ? '' : `@${this.formatToInstallableVersion(componentId.version)}`;\n\n    return {\n      Title: <img style={{ width: '20px' }} src=\"https://static.bit.dev/brands/bit-logo-text.svg\" />,\n      Component: !options?.hide ? (\n        <Import\n          componentId={`${componentId.toString({ ignoreVersion: true })}${version}`}\n          packageName={`${packageName}${packageVersion}`}\n          componentName={componentId.name}\n          showInstallMethod={!options?.disableInstall}\n        />\n      ) : null,\n      order: 0,\n    };\n  };\n\n  registerPubSub() {\n    this.pubsub.sub(PreviewAspect.id, (be: BitBaseEvent<any>) => {\n      if (be.type === ClickInsideAnIframeEvent.TYPE) {\n        const event = new MouseEvent('mousedown', {\n          view: window,\n          bubbles: true,\n          cancelable: true,\n        });\n\n        const body = document.body;\n        body?.dispatchEvent(event);\n      }\n    });\n  }\n\n  handleComponentChange = (activeComponent?: ComponentModel) => {\n    this.activeComponent = activeComponent;\n  };\n\n  getComponentUI(host: string, options: GetComponentsOptions = {}) {\n    return (\n      <Component\n        routeSlot={this.routeSlot}\n        containerSlot={this.pageItemSlot}\n        onComponentChange={this.handleComponentChange}\n        host={host}\n        path={options.path}\n        useComponent={options.useComponent}\n        componentIdStr={options.componentId}\n        useComponentFilters={options.useComponentFilters}\n        overriddenRoutes={options.routes}\n      />\n    );\n  }\n\n  getMenu(host: string, options: GetComponentsOptions = {}) {\n    return (\n      <ComponentMenu\n        className={options.className}\n        skipRightSide={options.skipRightSide}\n        navigationSlot={this.navSlot}\n        consumeMethodSlot={this.consumeMethodSlot}\n        widgetSlot={this.widgetSlot}\n        host={host}\n        menuItemSlot={this.menuItemSlot}\n        useComponent={options.useComponent}\n        path={options.path}\n        componentIdStr={options.componentId}\n        useComponentFilters={options.useComponentFilters}\n        RightNode={options.RightNode}\n      />\n    );\n  }\n\n  listMenuItems() {\n    const mainMenuItems = groupBy(flatten(this.menuItemSlot.values()), 'category');\n    return mainMenuItems;\n  }\n\n  registerRoute(routes: RouteProps[] | RouteProps) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  registerNavigation(nav: LinkProps, order?: number) {\n    this.navSlot.register({\n      props: nav,\n      order,\n    });\n  }\n\n  registerConsumeMethod(...consumeMethods: ConsumePlugin[]) {\n    this.consumeMethodSlot.register(consumeMethods);\n  }\n\n  registerWidget(widget: LinkProps, order?: number) {\n    this.widgetSlot.register({ props: widget, order });\n  }\n\n  registerMenuItem = (menuItems: MenuItem[]) => {\n    this.menuItemSlot.register(menuItems);\n  };\n\n  registerPageItem = (...items: ComponentPageElement[]) => {\n    this.pageItemSlot.register(items);\n  };\n\n  /** register widgets to the components listed in the command bar */\n  registerSearchResultWidget = (...items: ComponentResultPlugin[]) => {\n    this.componentSearchResultSlot.register(items);\n    const totalPlugins = flatten(this.componentSearchResultSlot.values());\n\n    this.componentSearcher.updatePlugins(totalPlugins);\n  };\n\n  updateComponents = (components: ComponentModel[]) => {\n    this.componentSearcher.update(components || []);\n  };\n\n  static dependencies = [PubsubAspect, CommandBarAspect, ReactRouterAspect];\n\n  static runtime = UIRuntime;\n\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<NavPlugin>(),\n    Slot.withType<NavigationSlot>(),\n    Slot.withType<ConsumeMethodSlot>(),\n    Slot.withType<MenuItemSlot>(),\n    Slot.withType<ComponentPageSlot>(),\n    Slot.withType<ComponentSearchResultSlot>(),\n  ];\n  static defaultConfig: ComponentUIConfig = {\n    commandBar: true,\n  };\n\n  static async provider(\n    [pubsub, commandBarUI, reactRouterUI]: [PubsubUI, CommandBarUI, ReactRouterUI],\n    config: ComponentUIConfig,\n    [routeSlot, navSlot, consumeMethodSlot, widgetSlot, menuItemSlot, pageSlot, componentSearchResultSlot]: [\n      RouteSlot,\n      OrderedNavigationSlot,\n      ConsumeMethodSlot,\n      OrderedNavigationSlot,\n      MenuItemSlot,\n      ComponentPageSlot,\n      ComponentSearchResultSlot\n    ]\n  ) {\n    // TODO: refactor ComponentHost to a separate extension (including sidebar, host, graphql, etc.)\n    // TODO: add contextual hook for ComponentHost @uri/@oded\n    const componentUI = new ComponentUI(\n      pubsub,\n      routeSlot,\n      navSlot,\n      consumeMethodSlot,\n      widgetSlot,\n      menuItemSlot,\n      pageSlot,\n      componentSearchResultSlot,\n      commandBarUI,\n      reactRouterUI\n    );\n    const aspectSection = new AspectSection();\n    // @ts-ignore\n    componentUI.registerSearchResultWidget({ key: 'deprecation', end: DeprecationIcon });\n\n    if (componentUI.commandBarUI && config.commandBar) {\n      componentUI.commandBarUI.addCommand(...componentUI.keyBindings);\n      commandBarUI.addSearcher(componentUI.componentSearcher);\n    }\n\n    componentUI.registerMenuItem(componentUI.menuItems);\n    componentUI.registerRoute(aspectSection.route);\n    componentUI.registerWidget(aspectSection.navigationLink, aspectSection.order);\n    componentUI.registerConsumeMethod(componentUI.bitMethod);\n    return componentUI;\n  }\n}\n\nexport default ComponentUI;\n\nComponentAspect.addRuntime(ComponentUI);\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_copyToClipboard","_commandBar","_componentUi","_harmony","_preview","_interopRequireWildcard","_pubsub","_reactRouter","_ui","_lodash2","_uiFoundationUi","_uiFoundationUiUseBox","_componentPackageVersion","_aspect","_component","_component2","_componentSearcher","_menu","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ComponentUI","constructor","pubsub","routeSlot","navSlot","consumeMethodSlot","widgetSlot","menuItemSlot","pageItemSlot","componentSearchResultSlot","commandBarUI","reactRouterUi","_this$activeComponent","packageName","activeComponent","_this$activeComponent2","version","id","versionString","formatToInstallableVersion","copy","action","_this$activeComponent3","toString","displayName","keybinding","copyNpmId","category","title","keyChar","handler","_this$commandBarUI","run","_this$commandBarUI2","_this$commandBarUI3","_this$commandBarUI4","options","componentId","packageNameFromProps","latest","latestFromProps","componentModel","packageVersion","Title","createElement","style","width","src","Component","hide","Import","ignoreVersion","componentName","name","showInstallMethod","disableInstall","order","menuItems","register","items","totalPlugins","flatten","values","componentSearcher","updatePlugins","components","update","ComponentSearcher","navigate","navigateTo","isBrowser","registerPubSub","routes","toArray","map","Array","isArray","snapToSemver","sub","PreviewAspect","be","type","ClickInsideAnIframeEvent","TYPE","event","MouseEvent","view","window","bubbles","cancelable","body","document","dispatchEvent","getComponentUI","host","containerSlot","onComponentChange","handleComponentChange","path","useComponent","componentIdStr","useComponentFilters","overriddenRoutes","getMenu","ComponentMenu","className","skipRightSide","navigationSlot","RightNode","listMenuItems","mainMenuItems","groupBy","registerRoute","registerNavigation","nav","props","registerConsumeMethod","consumeMethods","registerWidget","widget","provider","reactRouterUI","config","pageSlot","componentUI","aspectSection","AspectSection","registerSearchResultWidget","end","DeprecationIcon","commandBar","addCommand","keyBindings","addSearcher","registerMenuItem","route","navigationLink","bitMethod","exports","PubsubAspect","CommandBarAspect","ReactRouterAspect","UIRuntime","Slot","withType","_default","ComponentAspect","addRuntime"],"sources":["component.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport flatten from 'lodash.flatten';\nimport copy from 'copy-to-clipboard';\nimport type { RouteProps } from 'react-router-dom';\nimport type { LinkProps } from '@teambit/base-react.navigation.link';\nimport CommandBarAspect, { CommandBarUI, CommandEntry } from '@teambit/command-bar';\nimport { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport PreviewAspect, { ClickInsideAnIframeEvent } from '@teambit/preview';\nimport PubsubAspect, { BitBaseEvent, PubsubUI } from '@teambit/pubsub';\nimport ReactRouterAspect, { ReactRouterUI } from '@teambit/react-router';\nimport { UIRuntime } from '@teambit/ui';\nimport { groupBy } from 'lodash';\nimport { isBrowser } from '@teambit/ui-foundation.ui.is-browser';\nimport { MenuItem, MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';\nimport { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Import } from '@teambit/ui-foundation.ui.use-box.menu';\nimport { snapToSemver } from '@teambit/component-package-version';\nimport { AspectSection } from './aspect.section';\nimport { ComponentAspect } from './component.aspect';\nimport { ComponentModel } from './ui';\nimport { Component, ComponentPageElement, ComponentPageSlot } from './ui/component';\nimport { ComponentResultPlugin, ComponentSearcher } from './ui/component-searcher';\nimport { ConsumeMethodSlot, ConsumePlugin, ComponentMenu, NavPlugin, OrderedNavigationSlot } from './ui/menu';\nimport { GetComponentsOptions } from './get-component-opts';\n\nexport type ComponentSearchResultSlot = SlotRegistry<ComponentResultPlugin[]>;\n\nexport type ComponentUIConfig = {\n  commandBar: boolean;\n};\n\nexport type Server = {\n  env: string;\n  url: string;\n};\n\nexport type ComponentMeta = {\n  id: string;\n};\n\nexport class ComponentUI {\n  readonly routePath = `/*`;\n  private componentSearcher: ComponentSearcher;\n\n  constructor(\n    /**\n     * Pubsub aspects\n     */\n    private pubsub: PubsubUI,\n\n    private routeSlot: RouteSlot,\n\n    private navSlot: OrderedNavigationSlot,\n\n    readonly consumeMethodSlot: ConsumeMethodSlot,\n\n    /**\n     * slot for registering a new widget to the menu.\n     */\n    private widgetSlot: OrderedNavigationSlot,\n\n    private menuItemSlot: MenuItemSlot,\n\n    private pageItemSlot: ComponentPageSlot,\n\n    private componentSearchResultSlot: ComponentSearchResultSlot,\n\n    private commandBarUI: CommandBarUI,\n\n    reactRouterUi: ReactRouterUI\n  ) {\n    this.componentSearcher = new ComponentSearcher({ navigate: reactRouterUi.navigateTo });\n    if (isBrowser) this.registerPubSub();\n  }\n\n  get routes() {\n    return this.routeSlot\n      .toArray()\n      .map(([key, routes]) => [key, Array.isArray(routes) ? [...flatten(routes)] : [routes]] as [string, RouteProps[]]);\n  }\n\n  /**\n   * the current visible component\n   */\n  private activeComponent?: ComponentModel;\n\n  formatToInstallableVersion(version: string) {\n    return snapToSemver(version);\n  }\n\n  private copyNpmId = () => {\n    const packageName = this.activeComponent?.packageName;\n    if (packageName) {\n      const version = this.activeComponent?.id.version;\n      const versionString = version ? `@${this.formatToInstallableVersion(version)}` : '';\n      copy(`${packageName}${versionString}`);\n    }\n  };\n\n  /**\n   * key bindings used by component aspect\n   */\n  private keyBindings: CommandEntry[] = [\n    {\n      id: 'component.copyBitId', // TODO - extract to a component!\n      action: () => {\n        copy(this.activeComponent?.id.toString() || '');\n      },\n      displayName: 'Copy component ID',\n      keybinding: '.',\n    },\n    {\n      id: 'component.copyNpmId', // TODO - extract to a component!\n      action: this.copyNpmId,\n      displayName: 'Copy component package name',\n      keybinding: ',',\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      category: 'workflow',\n      title: 'Copy component ID',\n      keyChar: '.',\n      handler: () => this.commandBarUI?.run('component.copyBitId'),\n    },\n    {\n      category: 'workflow',\n      title: 'Copy component package name',\n      keyChar: ',',\n      handler: () => this.commandBarUI?.run('component.copyNpmId'),\n    },\n  ];\n\n  private bitMethod: ConsumePlugin = ({\n    options,\n    id: componentId,\n    packageName: packageNameFromProps,\n    latest: latestFromProps,\n    componentModel,\n  }) => {\n    const packageName = packageNameFromProps || componentModel?.packageName;\n    const latest = latestFromProps || componentModel?.id.version;\n\n    const version = componentId.version === latest ? '' : `@${componentId.version}`;\n    const packageVersion =\n      componentId.version === latest ? '' : `@${this.formatToInstallableVersion(componentId.version)}`;\n\n    return {\n      Title: <img style={{ width: '20px' }} src=\"https://static.bit.dev/brands/bit-logo-text.svg\" />,\n      Component: !options?.hide ? (\n        <Import\n          componentId={`${componentId.toString({ ignoreVersion: true })}${version}`}\n          packageName={`${packageName}${packageVersion}`}\n          componentName={componentId.name}\n          showInstallMethod={!options?.disableInstall}\n        />\n      ) : null,\n      order: 0,\n    };\n  };\n\n  registerPubSub() {\n    this.pubsub.sub(PreviewAspect.id, (be: BitBaseEvent<any>) => {\n      if (be.type === ClickInsideAnIframeEvent.TYPE) {\n        const event = new MouseEvent('mousedown', {\n          view: window,\n          bubbles: true,\n          cancelable: true,\n        });\n\n        const body = document.body;\n        body?.dispatchEvent(event);\n      }\n    });\n  }\n\n  handleComponentChange = (activeComponent?: ComponentModel) => {\n    this.activeComponent = activeComponent;\n  };\n\n  getComponentUI(host: string, options: GetComponentsOptions = {}) {\n    return (\n      <Component\n        routeSlot={this.routeSlot}\n        containerSlot={this.pageItemSlot}\n        onComponentChange={this.handleComponentChange}\n        host={host}\n        path={options.path}\n        useComponent={options.useComponent}\n        componentIdStr={options.componentId}\n        useComponentFilters={options.useComponentFilters}\n        overriddenRoutes={options.routes}\n      />\n    );\n  }\n\n  getMenu(host: string, options: GetComponentsOptions = {}) {\n    return (\n      <ComponentMenu\n        className={options.className}\n        skipRightSide={options.skipRightSide}\n        navigationSlot={this.navSlot}\n        consumeMethodSlot={this.consumeMethodSlot}\n        widgetSlot={this.widgetSlot}\n        host={host}\n        menuItemSlot={this.menuItemSlot}\n        useComponent={options.useComponent}\n        path={options.path}\n        componentIdStr={options.componentId}\n        useComponentFilters={options.useComponentFilters}\n        RightNode={options.RightNode}\n      />\n    );\n  }\n\n  listMenuItems() {\n    const mainMenuItems = groupBy(flatten(this.menuItemSlot.values()), 'category');\n    return mainMenuItems;\n  }\n\n  registerRoute(routes: RouteProps[] | RouteProps) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  registerNavigation(nav: LinkProps, order?: number) {\n    this.navSlot.register({\n      props: nav,\n      order,\n    });\n  }\n\n  registerConsumeMethod(...consumeMethods: ConsumePlugin[]) {\n    this.consumeMethodSlot.register(consumeMethods);\n  }\n\n  registerWidget(widget: LinkProps, order?: number) {\n    this.widgetSlot.register({ props: widget, order });\n  }\n\n  registerMenuItem = (menuItems: MenuItem[]) => {\n    this.menuItemSlot.register(menuItems);\n  };\n\n  registerPageItem = (...items: ComponentPageElement[]) => {\n    this.pageItemSlot.register(items);\n  };\n\n  /** register widgets to the components listed in the command bar */\n  registerSearchResultWidget = (...items: ComponentResultPlugin[]) => {\n    this.componentSearchResultSlot.register(items);\n    const totalPlugins = flatten(this.componentSearchResultSlot.values());\n\n    this.componentSearcher.updatePlugins(totalPlugins);\n  };\n\n  updateComponents = (components: ComponentModel[]) => {\n    this.componentSearcher.update(components || []);\n  };\n\n  static dependencies = [PubsubAspect, CommandBarAspect, ReactRouterAspect];\n\n  static runtime = UIRuntime;\n\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<NavPlugin>(),\n    Slot.withType<NavigationSlot>(),\n    Slot.withType<ConsumeMethodSlot>(),\n    Slot.withType<MenuItemSlot>(),\n    Slot.withType<ComponentPageSlot>(),\n    Slot.withType<ComponentSearchResultSlot>(),\n  ];\n  static defaultConfig: ComponentUIConfig = {\n    commandBar: true,\n  };\n\n  static async provider(\n    [pubsub, commandBarUI, reactRouterUI]: [PubsubUI, CommandBarUI, ReactRouterUI],\n    config: ComponentUIConfig,\n    [routeSlot, navSlot, consumeMethodSlot, widgetSlot, menuItemSlot, pageSlot, componentSearchResultSlot]: [\n      RouteSlot,\n      OrderedNavigationSlot,\n      ConsumeMethodSlot,\n      OrderedNavigationSlot,\n      MenuItemSlot,\n      ComponentPageSlot,\n      ComponentSearchResultSlot\n    ]\n  ) {\n    // TODO: refactor ComponentHost to a separate extension (including sidebar, host, graphql, etc.)\n    // TODO: add contextual hook for ComponentHost @uri/@oded\n    const componentUI = new ComponentUI(\n      pubsub,\n      routeSlot,\n      navSlot,\n      consumeMethodSlot,\n      widgetSlot,\n      menuItemSlot,\n      pageSlot,\n      componentSearchResultSlot,\n      commandBarUI,\n      reactRouterUI\n    );\n    const aspectSection = new AspectSection();\n    // @ts-ignore\n    componentUI.registerSearchResultWidget({ key: 'deprecation', end: DeprecationIcon });\n\n    if (componentUI.commandBarUI && config.commandBar) {\n      componentUI.commandBarUI.addCommand(...componentUI.keyBindings);\n      commandBarUI.addSearcher(componentUI.componentSearcher);\n    }\n\n    componentUI.registerMenuItem(componentUI.menuItems);\n    componentUI.registerRoute(aspectSection.route);\n    componentUI.registerWidget(aspectSection.navigationLink, aspectSection.order);\n    componentUI.registerConsumeMethod(componentUI.bitMethod);\n    return componentUI;\n  }\n}\n\nexport default ComponentUI;\n\nComponentAspect.addRuntime(ComponentUI);\n"],"mappings":"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"}

package/dist/{preview-1695093455493.js → preview-1695157474900.js}

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

package/dist/ui/aspect-page/aspect-page.js

@@ -87,7 +87,7 @@ const GET_COMPONENT = (0, _client().gql)`
 
 // TODO: get the docs domain from the community aspect and pass it here as a prop
 function AspectPage() {
-  var _data$getHost, _data$getHost$get;
+  var _data$getHost;
   const component = (0, _react().useContext)(_component().ComponentContext);
   const {
     data
@@ -96,7 +96,7 @@ function AspectPage() {
       id: component.id.toString()
     }
   });
-  const aspectList = data === null || data === void 0 ? void 0 : (_data$getHost = data.getHost) === null || _data$getHost === void 0 ? void 0 : (_data$getHost$get = _data$getHost.get) === null || _data$getHost$get === void 0 ? void 0 : _data$getHost$get.aspects;
+  const aspectList = data === null || data === void 0 || (_data$getHost = data.getHost) === null || _data$getHost === void 0 || (_data$getHost = _data$getHost.get) === null || _data$getHost === void 0 ? void 0 : _data$getHost.aspects;
   if (aspectList && aspectList.length === 0) {
     return /*#__PURE__*/_react().default.createElement(_designUi().EmptyBox, {
       title: "This component is new and doesn\u2019t have any aspects.",

package/dist/ui/aspect-page/aspect-page.js.map

@@ -1 +1 @@
-{"version":3,"names":["_harmonyUi","data","require","_component","_react","_interopRequireWildcard","_uiFoundationUiHooks","_client","_designUi","_documenterUi","_documenterUi2","_aspectPageModule","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GET_COMPONENT","gql","AspectPage","_data$getHost","_data$getHost$get","component","useContext","ComponentContext","useDataQuery","variables","id","toString","aspectList","getHost","aspects","length","createElement","EmptyBox","title","linkText","link","className","styles","aspectPage","H1","Separator","separator","map","aspect","AspectBox","aspectBox","name","icon","config"],"sources":["aspect-page.tsx"],"sourcesContent":["import { AspectBox } from '@teambit/harmony.ui.aspect-box';\nimport { ComponentContext } from '@teambit/component';\nimport React, { useContext } from 'react';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { gql } from '@apollo/client';\nimport { EmptyBox } from '@teambit/design.ui.empty-box';\nimport { H1 } from '@teambit/documenter.ui.heading';\nimport { Separator } from '@teambit/documenter.ui.separator';\nimport styles from './aspect-page.module.scss';\n\nconst GET_COMPONENT = gql`\n  query ($id: String!) {\n    getHost {\n      get(id: $id) {\n        aspects {\n          id\n          config\n          data\n          icon\n        }\n      }\n    }\n  }\n`;\n\n// TODO: get the docs domain from the community aspect and pass it here as a prop\nexport function AspectPage() {\n  const component = useContext(ComponentContext);\n  const { data } = useDataQuery(GET_COMPONENT, {\n    variables: { id: component.id.toString() },\n  });\n  const aspectList = data?.getHost?.get?.aspects;\n\n  if (aspectList && aspectList.length === 0) {\n    return (\n      <EmptyBox\n        title=\"This component is new and doesn’t have any aspects.\"\n        linkText=\"Learn more about component aspects\"\n        link={`https://bit.dev/docs/extending-bit/aspect-overview`}\n      />\n    );\n  }\n\n  return (\n    <div className={styles.aspectPage}>\n      <div>\n        <H1 className={styles.title}>Configuration</H1>\n        <Separator className={styles.separator} />\n        {aspectList &&\n          aspectList.map((aspect) => {\n            return (\n              <AspectBox\n                key={aspect.id}\n                className={styles.aspectBox}\n                name={aspect.id}\n                icon={aspect.icon}\n                config={aspect.config}\n                data={aspect.data}\n              />\n            );\n          })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"names":["_harmonyUi","data","require","_component","_react","_interopRequireWildcard","_uiFoundationUiHooks","_client","_designUi","_documenterUi","_documenterUi2","_aspectPageModule","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GET_COMPONENT","gql","AspectPage","_data$getHost","component","useContext","ComponentContext","useDataQuery","variables","id","toString","aspectList","getHost","aspects","length","createElement","EmptyBox","title","linkText","link","className","styles","aspectPage","H1","Separator","separator","map","aspect","AspectBox","aspectBox","name","icon","config"],"sources":["aspect-page.tsx"],"sourcesContent":["import { AspectBox } from '@teambit/harmony.ui.aspect-box';\nimport { ComponentContext } from '@teambit/component';\nimport React, { useContext } from 'react';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { gql } from '@apollo/client';\nimport { EmptyBox } from '@teambit/design.ui.empty-box';\nimport { H1 } from '@teambit/documenter.ui.heading';\nimport { Separator } from '@teambit/documenter.ui.separator';\nimport styles from './aspect-page.module.scss';\n\nconst GET_COMPONENT = gql`\n  query ($id: String!) {\n    getHost {\n      get(id: $id) {\n        aspects {\n          id\n          config\n          data\n          icon\n        }\n      }\n    }\n  }\n`;\n\n// TODO: get the docs domain from the community aspect and pass it here as a prop\nexport function AspectPage() {\n  const component = useContext(ComponentContext);\n  const { data } = useDataQuery(GET_COMPONENT, {\n    variables: { id: component.id.toString() },\n  });\n  const aspectList = data?.getHost?.get?.aspects;\n\n  if (aspectList && aspectList.length === 0) {\n    return (\n      <EmptyBox\n        title=\"This component is new and doesn’t have any aspects.\"\n        linkText=\"Learn more about component aspects\"\n        link={`https://bit.dev/docs/extending-bit/aspect-overview`}\n      />\n    );\n  }\n\n  return (\n    <div className={styles.aspectPage}>\n      <div>\n        <H1 className={styles.title}>Configuration</H1>\n        <Separator className={styles.separator} />\n        {aspectList &&\n          aspectList.map((aspect) => {\n            return (\n              <AspectBox\n                key={aspect.id}\n                className={styles.aspectBox}\n                name={aspect.id}\n                icon={aspect.icon}\n                config={aspect.config}\n                data={aspect.data}\n              />\n            );\n          })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/menu/menu.js

@@ -215,7 +215,7 @@ function defaultLoadVersions(host, componentId, componentFilters = {}, useCompon
       (logs || []).filter(log => log.tag).forEach(tag => {
         tagLookup.set(tag === null || tag === void 0 ? void 0 : tag.tag, tag);
       });
-      return (0, _lodash().compact)(((component === null || component === void 0 ? void 0 : (_component$tags = component.tags) === null || _component$tags === void 0 ? void 0 : _component$tags.toArray()) || []).reverse().map(tag => tagLookup.get(tag.version.version))).map(tag => _objectSpread(_objectSpread({}, tag), {}, {
+      return (0, _lodash().compact)(((component === null || component === void 0 || (_component$tags = component.tags) === null || _component$tags === void 0 ? void 0 : _component$tags.toArray()) || []).reverse().map(tag => tagLookup.get(tag.version.version))).map(tag => _objectSpread(_objectSpread({}, tag), {}, {
         version: tag.tag
       }));
     }, [logs]);
@@ -261,7 +261,7 @@ function VersionRelatedDropdowns(props) {
   const updatedPropsWithDefaults = _objectSpread(_objectSpread({}, props), {}, {
     useLanes: props.useLanes ?? _lanesHooks().useLanes,
     dropdownOptions: _objectSpread(_objectSpread({}, props.dropdownOptions), {}, {
-      showVersionDetails: (props === null || props === void 0 ? void 0 : (_props$dropdownOption = props.dropdownOptions) === null || _props$dropdownOption === void 0 ? void 0 : _props$dropdownOption.showVersionDetails) ?? true
+      showVersionDetails: (props === null || props === void 0 || (_props$dropdownOption = props.dropdownOptions) === null || _props$dropdownOption === void 0 ? void 0 : _props$dropdownOption.showVersionDetails) ?? true
     })
   });
   const loadVersion = defaultLoadCurrentVersion(updatedPropsWithDefaults);
@@ -287,7 +287,7 @@ function VersionRelatedDropdowns(props) {
   const {
     lanesModel
   } = useLanes();
-  const lanes = id ? (lanesModel === null || lanesModel === void 0 ? void 0 : (_lanesModel$getLanesB = lanesModel.getLanesByComponentId(id)) === null || _lanesModel$getLanesB === void 0 ? void 0 : _lanesModel$getLanesB.filter(lane => !lane.id.isDefault())) || [] : [];
+  const lanes = id ? (lanesModel === null || lanesModel === void 0 || (_lanesModel$getLanesB = lanesModel.getLanesByComponentId(id)) === null || _lanesModel$getLanesB === void 0 ? void 0 : _lanesModel$getLanesB.filter(lane => !lane.id.isDefault())) || [] : [];
   const viewedLane = lanesModel !== null && lanesModel !== void 0 && (_lanesModel$viewedLan = lanesModel.viewedLane) !== null && _lanesModel$viewedLan !== void 0 && _lanesModel$viewedLan.id && !(lanesModel !== null && lanesModel !== void 0 && (_lanesModel$viewedLan2 = lanesModel.viewedLane) !== null && _lanesModel$viewedLan2 !== void 0 && _lanesModel$viewedLan2.id.isDefault()) ? lanesModel.viewedLane : undefined;
   const isWorkspace = host === 'teambit.workspace/workspace';
   const isNew = (tags === null || tags === void 0 ? void 0 : tags.length) === 0 && (snaps === null || snaps === void 0 ? void 0 : snaps.length) === 0;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_reactRouterDom","_classnames","_interopRequireDefault","_lodash","semver","_componentUi","_uiFoundationUi","_baseReactNavigation","_uiFoundationUiUseBox","_lanesHooks","_uiFoundationUiUseBox2","_useComponent","_menuNav","_useComponentFromLocation","_","_menuModule","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","getComponentIdStr","componentIdStr","isFunction","ComponentMenu","navigationSlot","widgetSlot","className","host","menuItemSlot","consumeMethodSlot","skipRightSide","RightNode","useComponent","path","useComponentFilters","idFromLocation","useIdFromLocation","_componentIdStr","componentId","ComponentID","fromString","resolvedComponentIdStr","mainMenuItems","useMemo","groupBy","flatten","values","componentFilters","useComponentVersions","defaultLoadVersions","toString","RightSide","createElement","styles","rightSide","Fragment","VersionRelatedDropdowns","consumeMethods","MainDropdown","hideOnMobile","menuItems","Routes","Route","element","classnames","topBar","leftSide","CollapsibleMenuNav","loadingFromProps","React","useCallback","_props","skip","initialLoad","fetchOptions","logFilters","log","limit","customUseComponent","component","loading","loadingComponent","componentLogs","useComponentQuery","logs","snaps","tag","map","snap","version","hash","tags","_component$tags","tagLookup","Map","compact","toArray","reverse","id","packageName","latestVersion","latest","currentVersion","buildStatus","defaultLoadCurrentVersion","props","_props$useComponent","_version","isTag","valid","find","exports","_props$dropdownOption","_props$useComponent2","_lanesModel$getLanesB","_lanesModel$viewedLan","_lanesModel$viewedLan2","updatedPropsWithDefaults","useLanes","defaultUseLanes","dropdownOptions","showVersionDetails","loadVersion","_currentVersion","location","useLocation","lanesModel","lanes","getLanesByComponentId","lane","isDefault","viewedLane","isWorkspace","isNew","localVersion","isViewingCurrentLane","search","includes","consumeMethodProps","options","disableInstall","methods","useConsumeMethods","hasMethods","UseBoxDropdown","position","useBox","Menu","componentName","name","VersionDropdown","hasMoreVersions","useCurrentVersionLog","currentLane","menuClassName","componentVersionMenu","getActiveTabIndex","consumePluginProps","method","x","Component","Title"],"sources":["menu.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Routes, Route } from 'react-router-dom';\nimport classnames from 'classnames';\nimport { compact, flatten, groupBy, isFunction } from 'lodash';\nimport * as semver from 'semver';\nimport { DropdownComponentVersion, GetActiveTabIndex, VersionDropdown } from '@teambit/component.ui.version-dropdown';\nimport { MainDropdown, MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';\nimport type { ConsumeMethod } from '@teambit/ui-foundation.ui.use-box.menu';\nimport { useLocation } from '@teambit/base-react.navigation.link';\nimport { UseBoxDropdown } from '@teambit/ui-foundation.ui.use-box.dropdown';\nimport { useLanes as defaultUseLanes } from '@teambit/lanes.hooks.use-lanes';\nimport { LanesModel } from '@teambit/lanes.ui.models.lanes-model';\nimport { Menu as ConsumeMethodsMenu } from '@teambit/ui-foundation.ui.use-box.menu';\nimport { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport { useComponent as useComponentQuery, UseComponentType, Filters } from '../use-component';\nimport { CollapsibleMenuNav } from './menu-nav';\nimport { OrderedNavigationSlot, ConsumeMethodSlot, ConsumePluginProps } from './nav-plugin';\nimport { useIdFromLocation } from '../use-component-from-location';\nimport { ComponentID } from '../..';\nimport styles from './menu.module.scss';\n\nexport type MenuProps = {\n  className?: string;\n  /**\n   * skip the right side.\n   */\n  skipRightSide?: boolean;\n  /**\n   * custom render the right side\n   */\n  RightNode?: React.ReactNode;\n  /**\n   * slot for top bar menu nav items\n   */\n  navigationSlot: OrderedNavigationSlot;\n  /**\n   * right side menu item slot\n   */\n  widgetSlot: OrderedNavigationSlot;\n  /**\n   * workspace or scope\n   */\n  host: string;\n  /**\n   * main dropdown item slot\n   */\n  menuItemSlot: MenuItemSlot;\n\n  consumeMethodSlot: ConsumeMethodSlot;\n\n  componentIdStr?: string | (() => string | undefined);\n\n  useComponent?: UseComponentType;\n\n  useComponentFilters?: () => Filters;\n\n  useLanes?: () => {\n    loading?: boolean;\n    lanesModel?: LanesModel;\n  };\n\n  path?: string;\n};\nfunction getComponentIdStr(componentIdStr?: string | (() => string | undefined)): string | undefined {\n  if (isFunction(componentIdStr)) return componentIdStr();\n  return componentIdStr;\n}\n/**\n * top bar menu.\n */\nexport function ComponentMenu({\n  navigationSlot,\n  widgetSlot,\n  className,\n  host,\n  menuItemSlot,\n  consumeMethodSlot,\n  componentIdStr,\n  skipRightSide,\n  RightNode,\n  useComponent,\n  path,\n  useComponentFilters,\n}: MenuProps) {\n  const idFromLocation = useIdFromLocation();\n  const _componentIdStr = getComponentIdStr(componentIdStr);\n  const componentId = _componentIdStr ? ComponentID.fromString(_componentIdStr) : undefined;\n  const resolvedComponentIdStr = path || idFromLocation;\n  const mainMenuItems = useMemo(() => groupBy(flatten(menuItemSlot.values()), 'category'), [menuItemSlot]);\n  const componentFilters = useComponentFilters?.() || {};\n  const useComponentVersions = defaultLoadVersions(\n    host,\n    componentId?.toString() || idFromLocation,\n    componentFilters,\n    useComponent\n  );\n\n  const RightSide = (\n    <div className={styles.rightSide}>\n      {RightNode || (\n        <>\n          <VersionRelatedDropdowns\n            host={host}\n            consumeMethods={consumeMethodSlot}\n            componentId={componentId?.toString() || idFromLocation}\n            useComponent={useComponentVersions}\n            componentFilters={componentFilters}\n            // loading={loading}\n          />\n          <MainDropdown className={styles.hideOnMobile} menuItems={mainMenuItems} />\n        </>\n      )}\n    </div>\n  );\n\n  return (\n    <Routes>\n      <Route\n        path={`${resolvedComponentIdStr}/*`}\n        element={\n          <div className={classnames(styles.topBar, className)}>\n            <div className={styles.leftSide}>\n              <CollapsibleMenuNav navigationSlot={navigationSlot} widgetSlot={widgetSlot} />\n            </div>\n            {!skipRightSide && <div className={styles.rightSide}>{RightSide}</div>}\n          </div>\n        }\n      />\n    </Routes>\n  );\n}\n\nexport type VersionRelatedDropdownsProps = {\n  componentId?: string;\n  consumeMethods?: ConsumeMethodSlot;\n  componentFilters?: Filters;\n  useComponent?: UseComponentVersions;\n  className?: string;\n  loading?: boolean;\n  host: string;\n  useLanes?: () => {\n    loading?: boolean;\n    lanesModel?: LanesModel;\n  };\n  dropdownOptions?: {\n    showVersionDetails?: boolean;\n    getActiveTabIndex?: GetActiveTabIndex;\n  };\n};\nexport type UseComponentVersionsProps = {\n  skip?: boolean;\n  id?: string;\n  initialLoad?: boolean;\n};\nexport type UseComponentVersionProps = {\n  skip?: boolean;\n  version?: string;\n};\nexport type UseComponentVersions = (props?: UseComponentVersionsProps) => UseComponentVersionsResult;\nexport type UseComponentVersion = (props?: UseComponentVersionProps) => DropdownComponentVersion | undefined;\nexport type UseComponentVersionsResult = {\n  tags?: DropdownComponentVersion[];\n  snaps?: DropdownComponentVersion[];\n  id?: ComponentID;\n  packageName?: string;\n  latest?: string;\n  currentVersion?: string;\n  loading?: boolean;\n};\n\nexport function defaultLoadVersions(\n  host: string,\n  componentId?: string,\n  componentFilters: Filters = {},\n  useComponent?: UseComponentType,\n  loadingFromProps?: boolean\n): UseComponentVersions {\n  return React.useCallback(\n    (_props) => {\n      const { skip, initialLoad } = _props || {};\n      const fetchOptions = {\n        logFilters: {\n          ...componentFilters,\n          log: {\n            ...componentFilters.log,\n            limit: initialLoad ? 3 : undefined,\n          },\n        },\n        skip: loadingFromProps || skip,\n        customUseComponent: useComponent,\n      };\n      const {\n        component,\n        loading: loadingComponent,\n        componentLogs = {},\n      } = useComponentQuery(host, componentId, fetchOptions);\n      const logs = componentLogs?.logs;\n      const loading = React.useMemo(\n        () => loadingComponent || loadingFromProps || componentLogs.loading,\n        [loadingComponent, loadingFromProps, componentLogs.loading]\n      );\n\n      const snaps = useMemo(() => {\n        return (logs || []).filter((log) => !log.tag).map((snap) => ({ ...snap, version: snap.hash }));\n      }, [logs]);\n\n      const tags = useMemo(() => {\n        const tagLookup = new Map<string, LegacyComponentLog>();\n        (logs || [])\n          .filter((log) => log.tag)\n          .forEach((tag) => {\n            tagLookup.set(tag?.tag as string, tag);\n          });\n        return compact(\n          (component?.tags?.toArray() || []).reverse().map((tag) => tagLookup.get(tag.version.version))\n        ).map((tag) => ({ ...tag, version: tag.tag as string }));\n      }, [logs]);\n\n      return {\n        loading,\n        id: component?.id,\n        packageName: component?.packageName,\n        latestVersion: component?.latest,\n        currentVersion: component?.version,\n        snaps,\n        tags,\n        buildStatus: component?.buildStatus,\n      };\n    },\n    [componentId, loadingFromProps, componentFilters]\n  );\n}\n\nexport const defaultLoadCurrentVersion: (props: VersionRelatedDropdownsProps) => UseComponentVersion = (props) => {\n  return (_props) => {\n    const { skip, version: _version } = _props || {};\n    const { snaps, tags, currentVersion, loading } = props.useComponent?.({ skip, id: props.componentId }) ?? {};\n    const version = _version ?? currentVersion;\n    const isTag = React.useMemo(() => semver.valid(version), [loading, version]);\n    if (isTag) {\n      return React.useMemo(() => tags?.find((tag) => tag.tag === version), [loading, tags?.length, version]);\n    }\n    return React.useMemo(() => snaps?.find((snap) => snap.version === version), [loading, snaps?.length, version]);\n  };\n};\n\nexport function VersionRelatedDropdowns(props: VersionRelatedDropdownsProps) {\n  const updatedPropsWithDefaults = {\n    ...props,\n    useLanes: props.useLanes ?? defaultUseLanes,\n    dropdownOptions: {\n      ...props.dropdownOptions,\n      showVersionDetails: props?.dropdownOptions?.showVersionDetails ?? true,\n    },\n  };\n\n  const loadVersion = defaultLoadCurrentVersion(updatedPropsWithDefaults);\n\n  const { useLanes, consumeMethods, className, dropdownOptions, host } = updatedPropsWithDefaults;\n  const {\n    loading,\n    id,\n    tags,\n    snaps,\n    latest,\n    packageName,\n    currentVersion: _currentVersion,\n  } = props.useComponent?.({ initialLoad: true }) || {};\n  const location = useLocation();\n  const { lanesModel } = useLanes();\n  const lanes = id ? lanesModel?.getLanesByComponentId(id)?.filter((lane) => !lane.id.isDefault()) || [] : [];\n  const viewedLane =\n    lanesModel?.viewedLane?.id && !lanesModel?.viewedLane?.id.isDefault() ? lanesModel.viewedLane : undefined;\n\n  const isWorkspace = host === 'teambit.workspace/workspace';\n\n  const isNew = tags?.length === 0 && snaps?.length === 0;\n\n  const localVersion = isWorkspace && !isNew && (!viewedLane || lanesModel?.isViewingCurrentLane());\n\n  const currentVersion =\n    isWorkspace && !isNew && !location?.search.includes('version') ? 'workspace' : _currentVersion ?? '';\n\n  const consumeMethodProps: ConsumePluginProps | undefined = React.useMemo(() => {\n    return id\n      ? {\n          id,\n          packageName: packageName ?? '',\n          latest,\n          options: { viewedLane, disableInstall: !packageName },\n        }\n      : undefined;\n  }, [id, packageName, latest, viewedLane]);\n\n  const methods = useConsumeMethods(consumeMethods, consumeMethodProps);\n  const hasMethods = methods?.length > 0;\n\n  return (\n    <>\n      {consumeMethods && id && hasMethods && (\n        <UseBoxDropdown\n          position=\"bottom-end\"\n          className={classnames(styles.useBox, styles.hideOnMobile)}\n          Menu={<ConsumeMethodsMenu methods={methods} componentName={id.name} />}\n        />\n      )}\n      <VersionDropdown\n        lanes={lanes}\n        loading={loading}\n        useComponentVersions={props.useComponent}\n        hasMoreVersions={!isNew}\n        useCurrentVersionLog={loadVersion}\n        localVersion={localVersion}\n        currentVersion={currentVersion}\n        latestVersion={latest}\n        currentLane={viewedLane}\n        className={className}\n        menuClassName={styles.componentVersionMenu}\n        getActiveTabIndex={dropdownOptions?.getActiveTabIndex}\n        showVersionDetails={dropdownOptions?.showVersionDetails}\n      />\n    </>\n  );\n}\n\nfunction useConsumeMethods(\n  consumeMethods?: ConsumeMethodSlot,\n  consumePluginProps?: ConsumePluginProps\n): ConsumeMethod[] {\n  return useMemo(\n    () =>\n      flatten(consumeMethods?.values())\n        .map((method) => {\n          if (!consumePluginProps) return undefined;\n          return method?.(consumePluginProps);\n        })\n        .filter((x) => !!x && x.Component && x.Title) as ConsumeMethod[],\n    [consumeMethods, consumePluginProps]\n  );\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_reactRouterDom","_classnames","_interopRequireDefault","_lodash","semver","_componentUi","_uiFoundationUi","_baseReactNavigation","_uiFoundationUiUseBox","_lanesHooks","_uiFoundationUiUseBox2","_useComponent","_menuNav","_useComponentFromLocation","_","_menuModule","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","getComponentIdStr","componentIdStr","isFunction","ComponentMenu","navigationSlot","widgetSlot","className","host","menuItemSlot","consumeMethodSlot","skipRightSide","RightNode","useComponent","path","useComponentFilters","idFromLocation","useIdFromLocation","_componentIdStr","componentId","ComponentID","fromString","resolvedComponentIdStr","mainMenuItems","useMemo","groupBy","flatten","values","componentFilters","useComponentVersions","defaultLoadVersions","toString","RightSide","createElement","styles","rightSide","Fragment","VersionRelatedDropdowns","consumeMethods","MainDropdown","hideOnMobile","menuItems","Routes","Route","element","classnames","topBar","leftSide","CollapsibleMenuNav","loadingFromProps","React","useCallback","_props","skip","initialLoad","fetchOptions","logFilters","log","limit","customUseComponent","component","loading","loadingComponent","componentLogs","useComponentQuery","logs","snaps","tag","map","snap","version","hash","tags","_component$tags","tagLookup","Map","compact","toArray","reverse","id","packageName","latestVersion","latest","currentVersion","buildStatus","defaultLoadCurrentVersion","props","_props$useComponent","_version","isTag","valid","find","exports","_props$dropdownOption","_props$useComponent2","_lanesModel$getLanesB","_lanesModel$viewedLan","_lanesModel$viewedLan2","updatedPropsWithDefaults","useLanes","defaultUseLanes","dropdownOptions","showVersionDetails","loadVersion","_currentVersion","location","useLocation","lanesModel","lanes","getLanesByComponentId","lane","isDefault","viewedLane","isWorkspace","isNew","localVersion","isViewingCurrentLane","search","includes","consumeMethodProps","options","disableInstall","methods","useConsumeMethods","hasMethods","UseBoxDropdown","position","useBox","Menu","componentName","name","VersionDropdown","hasMoreVersions","useCurrentVersionLog","currentLane","menuClassName","componentVersionMenu","getActiveTabIndex","consumePluginProps","method","x","Component","Title"],"sources":["menu.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Routes, Route } from 'react-router-dom';\nimport classnames from 'classnames';\nimport { compact, flatten, groupBy, isFunction } from 'lodash';\nimport * as semver from 'semver';\nimport { DropdownComponentVersion, GetActiveTabIndex, VersionDropdown } from '@teambit/component.ui.version-dropdown';\nimport { MainDropdown, MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';\nimport type { ConsumeMethod } from '@teambit/ui-foundation.ui.use-box.menu';\nimport { useLocation } from '@teambit/base-react.navigation.link';\nimport { UseBoxDropdown } from '@teambit/ui-foundation.ui.use-box.dropdown';\nimport { useLanes as defaultUseLanes } from '@teambit/lanes.hooks.use-lanes';\nimport { LanesModel } from '@teambit/lanes.ui.models.lanes-model';\nimport { Menu as ConsumeMethodsMenu } from '@teambit/ui-foundation.ui.use-box.menu';\nimport { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport { useComponent as useComponentQuery, UseComponentType, Filters } from '../use-component';\nimport { CollapsibleMenuNav } from './menu-nav';\nimport { OrderedNavigationSlot, ConsumeMethodSlot, ConsumePluginProps } from './nav-plugin';\nimport { useIdFromLocation } from '../use-component-from-location';\nimport { ComponentID } from '../..';\nimport styles from './menu.module.scss';\n\nexport type MenuProps = {\n  className?: string;\n  /**\n   * skip the right side.\n   */\n  skipRightSide?: boolean;\n  /**\n   * custom render the right side\n   */\n  RightNode?: React.ReactNode;\n  /**\n   * slot for top bar menu nav items\n   */\n  navigationSlot: OrderedNavigationSlot;\n  /**\n   * right side menu item slot\n   */\n  widgetSlot: OrderedNavigationSlot;\n  /**\n   * workspace or scope\n   */\n  host: string;\n  /**\n   * main dropdown item slot\n   */\n  menuItemSlot: MenuItemSlot;\n\n  consumeMethodSlot: ConsumeMethodSlot;\n\n  componentIdStr?: string | (() => string | undefined);\n\n  useComponent?: UseComponentType;\n\n  useComponentFilters?: () => Filters;\n\n  useLanes?: () => {\n    loading?: boolean;\n    lanesModel?: LanesModel;\n  };\n\n  path?: string;\n};\nfunction getComponentIdStr(componentIdStr?: string | (() => string | undefined)): string | undefined {\n  if (isFunction(componentIdStr)) return componentIdStr();\n  return componentIdStr;\n}\n/**\n * top bar menu.\n */\nexport function ComponentMenu({\n  navigationSlot,\n  widgetSlot,\n  className,\n  host,\n  menuItemSlot,\n  consumeMethodSlot,\n  componentIdStr,\n  skipRightSide,\n  RightNode,\n  useComponent,\n  path,\n  useComponentFilters,\n}: MenuProps) {\n  const idFromLocation = useIdFromLocation();\n  const _componentIdStr = getComponentIdStr(componentIdStr);\n  const componentId = _componentIdStr ? ComponentID.fromString(_componentIdStr) : undefined;\n  const resolvedComponentIdStr = path || idFromLocation;\n  const mainMenuItems = useMemo(() => groupBy(flatten(menuItemSlot.values()), 'category'), [menuItemSlot]);\n  const componentFilters = useComponentFilters?.() || {};\n  const useComponentVersions = defaultLoadVersions(\n    host,\n    componentId?.toString() || idFromLocation,\n    componentFilters,\n    useComponent\n  );\n\n  const RightSide = (\n    <div className={styles.rightSide}>\n      {RightNode || (\n        <>\n          <VersionRelatedDropdowns\n            host={host}\n            consumeMethods={consumeMethodSlot}\n            componentId={componentId?.toString() || idFromLocation}\n            useComponent={useComponentVersions}\n            componentFilters={componentFilters}\n            // loading={loading}\n          />\n          <MainDropdown className={styles.hideOnMobile} menuItems={mainMenuItems} />\n        </>\n      )}\n    </div>\n  );\n\n  return (\n    <Routes>\n      <Route\n        path={`${resolvedComponentIdStr}/*`}\n        element={\n          <div className={classnames(styles.topBar, className)}>\n            <div className={styles.leftSide}>\n              <CollapsibleMenuNav navigationSlot={navigationSlot} widgetSlot={widgetSlot} />\n            </div>\n            {!skipRightSide && <div className={styles.rightSide}>{RightSide}</div>}\n          </div>\n        }\n      />\n    </Routes>\n  );\n}\n\nexport type VersionRelatedDropdownsProps = {\n  componentId?: string;\n  consumeMethods?: ConsumeMethodSlot;\n  componentFilters?: Filters;\n  useComponent?: UseComponentVersions;\n  className?: string;\n  loading?: boolean;\n  host: string;\n  useLanes?: () => {\n    loading?: boolean;\n    lanesModel?: LanesModel;\n  };\n  dropdownOptions?: {\n    showVersionDetails?: boolean;\n    getActiveTabIndex?: GetActiveTabIndex;\n  };\n};\nexport type UseComponentVersionsProps = {\n  skip?: boolean;\n  id?: string;\n  initialLoad?: boolean;\n};\nexport type UseComponentVersionProps = {\n  skip?: boolean;\n  version?: string;\n};\nexport type UseComponentVersions = (props?: UseComponentVersionsProps) => UseComponentVersionsResult;\nexport type UseComponentVersion = (props?: UseComponentVersionProps) => DropdownComponentVersion | undefined;\nexport type UseComponentVersionsResult = {\n  tags?: DropdownComponentVersion[];\n  snaps?: DropdownComponentVersion[];\n  id?: ComponentID;\n  packageName?: string;\n  latest?: string;\n  currentVersion?: string;\n  loading?: boolean;\n};\n\nexport function defaultLoadVersions(\n  host: string,\n  componentId?: string,\n  componentFilters: Filters = {},\n  useComponent?: UseComponentType,\n  loadingFromProps?: boolean\n): UseComponentVersions {\n  return React.useCallback(\n    (_props) => {\n      const { skip, initialLoad } = _props || {};\n      const fetchOptions = {\n        logFilters: {\n          ...componentFilters,\n          log: {\n            ...componentFilters.log,\n            limit: initialLoad ? 3 : undefined,\n          },\n        },\n        skip: loadingFromProps || skip,\n        customUseComponent: useComponent,\n      };\n      const {\n        component,\n        loading: loadingComponent,\n        componentLogs = {},\n      } = useComponentQuery(host, componentId, fetchOptions);\n      const logs = componentLogs?.logs;\n      const loading = React.useMemo(\n        () => loadingComponent || loadingFromProps || componentLogs.loading,\n        [loadingComponent, loadingFromProps, componentLogs.loading]\n      );\n\n      const snaps = useMemo(() => {\n        return (logs || []).filter((log) => !log.tag).map((snap) => ({ ...snap, version: snap.hash }));\n      }, [logs]);\n\n      const tags = useMemo(() => {\n        const tagLookup = new Map<string, LegacyComponentLog>();\n        (logs || [])\n          .filter((log) => log.tag)\n          .forEach((tag) => {\n            tagLookup.set(tag?.tag as string, tag);\n          });\n        return compact(\n          (component?.tags?.toArray() || []).reverse().map((tag) => tagLookup.get(tag.version.version))\n        ).map((tag) => ({ ...tag, version: tag.tag as string }));\n      }, [logs]);\n\n      return {\n        loading,\n        id: component?.id,\n        packageName: component?.packageName,\n        latestVersion: component?.latest,\n        currentVersion: component?.version,\n        snaps,\n        tags,\n        buildStatus: component?.buildStatus,\n      };\n    },\n    [componentId, loadingFromProps, componentFilters]\n  );\n}\n\nexport const defaultLoadCurrentVersion: (props: VersionRelatedDropdownsProps) => UseComponentVersion = (props) => {\n  return (_props) => {\n    const { skip, version: _version } = _props || {};\n    const { snaps, tags, currentVersion, loading } = props.useComponent?.({ skip, id: props.componentId }) ?? {};\n    const version = _version ?? currentVersion;\n    const isTag = React.useMemo(() => semver.valid(version), [loading, version]);\n    if (isTag) {\n      return React.useMemo(() => tags?.find((tag) => tag.tag === version), [loading, tags?.length, version]);\n    }\n    return React.useMemo(() => snaps?.find((snap) => snap.version === version), [loading, snaps?.length, version]);\n  };\n};\n\nexport function VersionRelatedDropdowns(props: VersionRelatedDropdownsProps) {\n  const updatedPropsWithDefaults = {\n    ...props,\n    useLanes: props.useLanes ?? defaultUseLanes,\n    dropdownOptions: {\n      ...props.dropdownOptions,\n      showVersionDetails: props?.dropdownOptions?.showVersionDetails ?? true,\n    },\n  };\n\n  const loadVersion = defaultLoadCurrentVersion(updatedPropsWithDefaults);\n\n  const { useLanes, consumeMethods, className, dropdownOptions, host } = updatedPropsWithDefaults;\n  const {\n    loading,\n    id,\n    tags,\n    snaps,\n    latest,\n    packageName,\n    currentVersion: _currentVersion,\n  } = props.useComponent?.({ initialLoad: true }) || {};\n  const location = useLocation();\n  const { lanesModel } = useLanes();\n  const lanes = id ? lanesModel?.getLanesByComponentId(id)?.filter((lane) => !lane.id.isDefault()) || [] : [];\n  const viewedLane =\n    lanesModel?.viewedLane?.id && !lanesModel?.viewedLane?.id.isDefault() ? lanesModel.viewedLane : undefined;\n\n  const isWorkspace = host === 'teambit.workspace/workspace';\n\n  const isNew = tags?.length === 0 && snaps?.length === 0;\n\n  const localVersion = isWorkspace && !isNew && (!viewedLane || lanesModel?.isViewingCurrentLane());\n\n  const currentVersion =\n    isWorkspace && !isNew && !location?.search.includes('version') ? 'workspace' : _currentVersion ?? '';\n\n  const consumeMethodProps: ConsumePluginProps | undefined = React.useMemo(() => {\n    return id\n      ? {\n          id,\n          packageName: packageName ?? '',\n          latest,\n          options: { viewedLane, disableInstall: !packageName },\n        }\n      : undefined;\n  }, [id, packageName, latest, viewedLane]);\n\n  const methods = useConsumeMethods(consumeMethods, consumeMethodProps);\n  const hasMethods = methods?.length > 0;\n\n  return (\n    <>\n      {consumeMethods && id && hasMethods && (\n        <UseBoxDropdown\n          position=\"bottom-end\"\n          className={classnames(styles.useBox, styles.hideOnMobile)}\n          Menu={<ConsumeMethodsMenu methods={methods} componentName={id.name} />}\n        />\n      )}\n      <VersionDropdown\n        lanes={lanes}\n        loading={loading}\n        useComponentVersions={props.useComponent}\n        hasMoreVersions={!isNew}\n        useCurrentVersionLog={loadVersion}\n        localVersion={localVersion}\n        currentVersion={currentVersion}\n        latestVersion={latest}\n        currentLane={viewedLane}\n        className={className}\n        menuClassName={styles.componentVersionMenu}\n        getActiveTabIndex={dropdownOptions?.getActiveTabIndex}\n        showVersionDetails={dropdownOptions?.showVersionDetails}\n      />\n    </>\n  );\n}\n\nfunction useConsumeMethods(\n  consumeMethods?: ConsumeMethodSlot,\n  consumePluginProps?: ConsumePluginProps\n): ConsumeMethod[] {\n  return useMemo(\n    () =>\n      flatten(consumeMethods?.values())\n        .map((method) => {\n          if (!consumePluginProps) return undefined;\n          return method?.(consumePluginProps);\n        })\n        .filter((x) => !!x && x.Component && x.Title) as ConsumeMethod[],\n    [consumeMethods, consumePluginProps]\n  );\n}\n"],"mappings":"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"}

package/dist/ui/use-component-logs.js

@@ -62,10 +62,10 @@ function useComponentLogs(componentId, host, filters, skipFromProps) {
     skip,
     errorPolicy: 'all'
   });
-  const rawComponent = data === null || data === void 0 ? void 0 : (_data$getHost = data.getHost) === null || _data$getHost === void 0 ? void 0 : _data$getHost.get;
+  const rawComponent = data === null || data === void 0 || (_data$getHost = data.getHost) === null || _data$getHost === void 0 ? void 0 : _data$getHost.get;
   const rawCompLogs = rawComponent === null || rawComponent === void 0 ? void 0 : rawComponent.logs;
   const componentError = error && !data ? new (_componentError().ComponentError)(500, error.message) : !rawComponent && !loading && new (_componentError().ComponentError)(404) || undefined;
-  const idDepKey = rawComponent !== null && rawComponent !== void 0 && rawComponent.id ? `${rawComponent === null || rawComponent === void 0 ? void 0 : (_rawComponent$id = rawComponent.id) === null || _rawComponent$id === void 0 ? void 0 : _rawComponent$id.scope}/${rawComponent === null || rawComponent === void 0 ? void 0 : (_rawComponent$id2 = rawComponent.id) === null || _rawComponent$id2 === void 0 ? void 0 : _rawComponent$id2.name}@${rawComponent === null || rawComponent === void 0 ? void 0 : (_rawComponent$id3 = rawComponent.id) === null || _rawComponent$id3 === void 0 ? void 0 : _rawComponent$id3.version}}` : undefined;
+  const idDepKey = rawComponent !== null && rawComponent !== void 0 && rawComponent.id ? `${rawComponent === null || rawComponent === void 0 || (_rawComponent$id = rawComponent.id) === null || _rawComponent$id === void 0 ? void 0 : _rawComponent$id.scope}/${rawComponent === null || rawComponent === void 0 || (_rawComponent$id2 = rawComponent.id) === null || _rawComponent$id2 === void 0 ? void 0 : _rawComponent$id2.name}@${rawComponent === null || rawComponent === void 0 || (_rawComponent$id3 = rawComponent.id) === null || _rawComponent$id3 === void 0 ? void 0 : _rawComponent$id3.version}}` : undefined;
   const id = (0, _react().useMemo)(() => rawComponent ? _().ComponentID.fromObject(rawComponent.id) : undefined, [idDepKey]);
   return {
     loading,

package/dist/ui/use-component-logs.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","require","_uiFoundationUiHooks","_useComponent","_componentError","_useComponent2","_","useComponentLogs","componentId","host","filters","skipFromProps","_data$getHost","_rawComponent$id","_rawComponent$id2","_rawComponent$id3","variables","skip","useComponentLogsInit","error","loading","useDataQuery","GET_COMPONENT_WITH_LOGS","errorPolicy","rawComponent","getHost","get","rawCompLogs","logs","componentError","ComponentError","message","undefined","idDepKey","id","scope","name","version","useMemo","ComponentID","fromObject","packageName","latest","componentLogs","log","head","logHead","offset","logOffset","sort","logSort","limit","logLimit","type","logType","takeHeadFromComponent","logTakeHeadFromComponent","extensionId","getOffsetValue"],"sources":["use-component-logs.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentLogsResult, Filters } from './use-component.model';\nimport { GET_COMPONENT_WITH_LOGS } from './use-component.fragments';\nimport { ComponentError } from './component-error';\nimport { getOffsetValue } from './use-component.utils';\nimport { ComponentID } from '..';\n\nexport function useComponentLogs(\n  componentId: string,\n  host: string,\n  filters?: Filters,\n  skipFromProps?: boolean\n): ComponentLogsResult {\n  const { variables, skip } = useComponentLogsInit(componentId, host, filters, skipFromProps);\n\n  const { data, error, loading } = useDataQuery(GET_COMPONENT_WITH_LOGS, {\n    variables,\n    skip,\n    errorPolicy: 'all',\n  });\n\n  const rawComponent = data?.getHost?.get;\n  const rawCompLogs: Array<LegacyComponentLog> = rawComponent?.logs;\n\n  const componentError =\n    error && !data\n      ? new ComponentError(500, error.message)\n      : (!rawComponent && !loading && new ComponentError(404)) || undefined;\n\n  const idDepKey = rawComponent?.id\n    ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`\n    : undefined;\n\n  const id: ComponentID | undefined = useMemo(\n    () => (rawComponent ? ComponentID.fromObject(rawComponent.id) : undefined),\n    [idDepKey]\n  );\n\n  return {\n    loading,\n    id,\n    packageName: rawComponent?.packageName,\n    latest: rawComponent?.latest,\n    error: componentError,\n    componentLogs: {\n      logs: rawCompLogs,\n      loading,\n    },\n  };\n}\n\nexport function useComponentLogsInit(componentId: string, host: string, filters?: Filters, skip?: boolean) {\n  const { log } = filters || {};\n  const {\n    head: logHead,\n    offset: logOffset,\n    sort: logSort,\n    limit: logLimit,\n    type: logType,\n    takeHeadFromComponent: logTakeHeadFromComponent,\n  } = log || {};\n  const variables = {\n    id: componentId,\n    extensionId: host,\n    logOffset: getOffsetValue(logOffset, logLimit),\n    logLimit,\n    logType,\n    logHead,\n    logSort,\n    logTakeHeadFromComponent,\n  };\n  return {\n    logOffset,\n    variables,\n    skip,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","require","_uiFoundationUiHooks","_useComponent","_componentError","_useComponent2","_","useComponentLogs","componentId","host","filters","skipFromProps","_data$getHost","_rawComponent$id","_rawComponent$id2","_rawComponent$id3","variables","skip","useComponentLogsInit","error","loading","useDataQuery","GET_COMPONENT_WITH_LOGS","errorPolicy","rawComponent","getHost","get","rawCompLogs","logs","componentError","ComponentError","message","undefined","idDepKey","id","scope","name","version","useMemo","ComponentID","fromObject","packageName","latest","componentLogs","log","head","logHead","offset","logOffset","sort","logSort","limit","logLimit","type","logType","takeHeadFromComponent","logTakeHeadFromComponent","extensionId","getOffsetValue"],"sources":["use-component-logs.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentLogsResult, Filters } from './use-component.model';\nimport { GET_COMPONENT_WITH_LOGS } from './use-component.fragments';\nimport { ComponentError } from './component-error';\nimport { getOffsetValue } from './use-component.utils';\nimport { ComponentID } from '..';\n\nexport function useComponentLogs(\n  componentId: string,\n  host: string,\n  filters?: Filters,\n  skipFromProps?: boolean\n): ComponentLogsResult {\n  const { variables, skip } = useComponentLogsInit(componentId, host, filters, skipFromProps);\n\n  const { data, error, loading } = useDataQuery(GET_COMPONENT_WITH_LOGS, {\n    variables,\n    skip,\n    errorPolicy: 'all',\n  });\n\n  const rawComponent = data?.getHost?.get;\n  const rawCompLogs: Array<LegacyComponentLog> = rawComponent?.logs;\n\n  const componentError =\n    error && !data\n      ? new ComponentError(500, error.message)\n      : (!rawComponent && !loading && new ComponentError(404)) || undefined;\n\n  const idDepKey = rawComponent?.id\n    ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`\n    : undefined;\n\n  const id: ComponentID | undefined = useMemo(\n    () => (rawComponent ? ComponentID.fromObject(rawComponent.id) : undefined),\n    [idDepKey]\n  );\n\n  return {\n    loading,\n    id,\n    packageName: rawComponent?.packageName,\n    latest: rawComponent?.latest,\n    error: componentError,\n    componentLogs: {\n      logs: rawCompLogs,\n      loading,\n    },\n  };\n}\n\nexport function useComponentLogsInit(componentId: string, host: string, filters?: Filters, skip?: boolean) {\n  const { log } = filters || {};\n  const {\n    head: logHead,\n    offset: logOffset,\n    sort: logSort,\n    limit: logLimit,\n    type: logType,\n    takeHeadFromComponent: logTakeHeadFromComponent,\n  } = log || {};\n  const variables = {\n    id: componentId,\n    extensionId: host,\n    logOffset: getOffsetValue(logOffset, logLimit),\n    logLimit,\n    logType,\n    logHead,\n    logSort,\n    logTakeHeadFromComponent,\n  };\n  return {\n    logOffset,\n    variables,\n    skip,\n  };\n}\n"],"mappings":"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"}

package/dist/ui/use-component-query.js

@@ -90,7 +90,7 @@ function useComponentQuery(componentId, host, filters, skip) {
       logs
     } = {}
   } = (0, _useComponentLogs().useComponentLogs)(componentId, host, filters, skip);
-  const rawComponent = data === null || data === void 0 ? void 0 : (_data$getHost = data.getHost) === null || _data$getHost === void 0 ? void 0 : _data$getHost.get;
+  const rawComponent = data === null || data === void 0 || (_data$getHost = data.getHost) === null || _data$getHost === void 0 ? void 0 : _data$getHost.get;
   (0, _react().useEffect)(() => {
     // @TODO @Kutner fix subscription for scope
     if (host !== 'teambit.workspace/workspace') {
@@ -101,9 +101,9 @@ function useComponentQuery(componentId, host, filters, skip) {
       updateQuery: (prev, {
         subscriptionData
       }) => {
-        var _prev$getHost, _subscriptionData$dat, _subscriptionData$dat2;
-        const prevComponent = prev === null || prev === void 0 ? void 0 : (_prev$getHost = prev.getHost) === null || _prev$getHost === void 0 ? void 0 : _prev$getHost.get;
-        const addedComponent = subscriptionData === null || subscriptionData === void 0 ? void 0 : (_subscriptionData$dat = subscriptionData.data) === null || _subscriptionData$dat === void 0 ? void 0 : (_subscriptionData$dat2 = _subscriptionData$dat.componentAdded) === null || _subscriptionData$dat2 === void 0 ? void 0 : _subscriptionData$dat2.component;
+        var _prev$getHost, _subscriptionData$dat;
+        const prevComponent = prev === null || prev === void 0 || (_prev$getHost = prev.getHost) === null || _prev$getHost === void 0 ? void 0 : _prev$getHost.get;
+        const addedComponent = subscriptionData === null || subscriptionData === void 0 || (_subscriptionData$dat = subscriptionData.data) === null || _subscriptionData$dat === void 0 || (_subscriptionData$dat = _subscriptionData$dat.componentAdded) === null || _subscriptionData$dat === void 0 ? void 0 : _subscriptionData$dat.component;
         if (!addedComponent || prevComponent) return prev;
         if (idRef.current === addedComponent.id.name) {
           return _objectSpread(_objectSpread({}, prev), {}, {
@@ -120,10 +120,10 @@ function useComponentQuery(componentId, host, filters, skip) {
       updateQuery: (prev, {
         subscriptionData
       }) => {
-        var _prev$getHost2, _subscriptionData$dat3, _subscriptionData$dat4;
+        var _prev$getHost2, _subscriptionData$dat2;
         if (!subscriptionData.data) return prev;
-        const prevComponent = prev === null || prev === void 0 ? void 0 : (_prev$getHost2 = prev.getHost) === null || _prev$getHost2 === void 0 ? void 0 : _prev$getHost2.get;
-        const updatedComponent = subscriptionData === null || subscriptionData === void 0 ? void 0 : (_subscriptionData$dat3 = subscriptionData.data) === null || _subscriptionData$dat3 === void 0 ? void 0 : (_subscriptionData$dat4 = _subscriptionData$dat3.componentChanged) === null || _subscriptionData$dat4 === void 0 ? void 0 : _subscriptionData$dat4.component;
+        const prevComponent = prev === null || prev === void 0 || (_prev$getHost2 = prev.getHost) === null || _prev$getHost2 === void 0 ? void 0 : _prev$getHost2.get;
+        const updatedComponent = subscriptionData === null || subscriptionData === void 0 || (_subscriptionData$dat2 = subscriptionData.data) === null || _subscriptionData$dat2 === void 0 || (_subscriptionData$dat2 = _subscriptionData$dat2.componentChanged) === null || _subscriptionData$dat2 === void 0 ? void 0 : _subscriptionData$dat2.component;
         const isUpdated = updatedComponent && _componentId().ComponentID.isEqualObj(prevComponent === null || prevComponent === void 0 ? void 0 : prevComponent.id, updatedComponent === null || updatedComponent === void 0 ? void 0 : updatedComponent.id);
         if (isUpdated) {
           return _objectSpread(_objectSpread({}, prev), {}, {
@@ -140,10 +140,10 @@ function useComponentQuery(componentId, host, filters, skip) {
       updateQuery: (prev, {
         subscriptionData
       }) => {
-        var _prev$getHost3, _subscriptionData$dat5, _subscriptionData$dat6;
+        var _prev$getHost3, _subscriptionData$dat3;
         if (!subscriptionData.data) return prev;
-        const prevComponent = prev === null || prev === void 0 ? void 0 : (_prev$getHost3 = prev.getHost) === null || _prev$getHost3 === void 0 ? void 0 : _prev$getHost3.get;
-        const removedIds = subscriptionData === null || subscriptionData === void 0 ? void 0 : (_subscriptionData$dat5 = subscriptionData.data) === null || _subscriptionData$dat5 === void 0 ? void 0 : (_subscriptionData$dat6 = _subscriptionData$dat5.componentRemoved) === null || _subscriptionData$dat6 === void 0 ? void 0 : _subscriptionData$dat6.componentIds;
+        const prevComponent = prev === null || prev === void 0 || (_prev$getHost3 = prev.getHost) === null || _prev$getHost3 === void 0 ? void 0 : _prev$getHost3.get;
+        const removedIds = subscriptionData === null || subscriptionData === void 0 || (_subscriptionData$dat3 = subscriptionData.data) === null || _subscriptionData$dat3 === void 0 || (_subscriptionData$dat3 = _subscriptionData$dat3.componentRemoved) === null || _subscriptionData$dat3 === void 0 ? void 0 : _subscriptionData$dat3.componentIds;
         if (!prevComponent || !(removedIds !== null && removedIds !== void 0 && removedIds.length)) return prev;
         const isRemoved = removedIds.some(removedId => _componentId().ComponentID.isEqualObj(removedId, prevComponent.id));
         if (isRemoved) {
@@ -162,7 +162,7 @@ function useComponentQuery(componentId, host, filters, skip) {
       unsubRemoval();
     };
   }, []);
-  const idDepKey = rawComponent !== null && rawComponent !== void 0 && rawComponent.id ? `${rawComponent === null || rawComponent === void 0 ? void 0 : (_rawComponent$id = rawComponent.id) === null || _rawComponent$id === void 0 ? void 0 : _rawComponent$id.scope}/${rawComponent === null || rawComponent === void 0 ? void 0 : (_rawComponent$id2 = rawComponent.id) === null || _rawComponent$id2 === void 0 ? void 0 : _rawComponent$id2.name}@${rawComponent === null || rawComponent === void 0 ? void 0 : (_rawComponent$id3 = rawComponent.id) === null || _rawComponent$id3 === void 0 ? void 0 : _rawComponent$id3.version}}` : undefined;
+  const idDepKey = rawComponent !== null && rawComponent !== void 0 && rawComponent.id ? `${rawComponent === null || rawComponent === void 0 || (_rawComponent$id = rawComponent.id) === null || _rawComponent$id === void 0 ? void 0 : _rawComponent$id.scope}/${rawComponent === null || rawComponent === void 0 || (_rawComponent$id2 = rawComponent.id) === null || _rawComponent$id2 === void 0 ? void 0 : _rawComponent$id2.name}@${rawComponent === null || rawComponent === void 0 || (_rawComponent$id3 = rawComponent.id) === null || _rawComponent$id3 === void 0 ? void 0 : _rawComponent$id3.version}}` : undefined;
   const id = (0, _react().useMemo)(() => rawComponent ? _componentId().ComponentID.fromObject(rawComponent.id) : undefined, [idDepKey]);
   const componentError = error && !data ? new (_componentError().ComponentError)(500, error.message) : !rawComponent && !loading && new (_componentError().ComponentError)(404) || undefined;
   const component = (0, _react().useMemo)(() => rawComponent ? _componentModel().ComponentModel.from(_objectSpread(_objectSpread({}, rawComponent), {}, {

package/dist/ui/use-component-query.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","require","_uiFoundationUiHooks","_componentId","_componentDescriptor","_componentModel","_useComponent","_useComponentLogs","_componentError","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","useComponentQuery","componentId","host","filters","skip","_data$getHost","_rawComponent$id","_rawComponent$id2","_rawComponent$id3","idRef","useRef","current","variables","id","extensionId","error","loading","subscribeToMore","useDataQuery","GET_COMPONENT","errorPolicy","loadingLogs","componentLogs","logs","useComponentLogs","rawComponent","getHost","get","useEffect","unsubAddition","document","SUB_SUBSCRIPTION_ADDED","updateQuery","prev","subscriptionData","_prev$getHost","_subscriptionData$dat","_subscriptionData$dat2","prevComponent","addedComponent","componentAdded","component","name","unsubChanges","SUB_COMPONENT_CHANGED","_prev$getHost2","_subscriptionData$dat3","_subscriptionData$dat4","updatedComponent","componentChanged","isUpdated","ComponentID","isEqualObj","unsubRemoval","SUB_COMPONENT_REMOVED","_prev$getHost3","_subscriptionData$dat5","_subscriptionData$dat6","removedIds","componentRemoved","componentIds","isRemoved","some","removedId","idDepKey","scope","version","useMemo","fromObject","componentError","ComponentError","message","ComponentModel","from","toString","componentDescriptor","aspectList","entries","aspects","map","aspectObject","aspectId","aspectData","ComponentDescriptor"],"sources":["use-component-query.ts"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentID, ComponentIdObj } from '@teambit/component-id';\nimport { ComponentDescriptor } from '@teambit/component-descriptor';\nimport { ComponentModel } from './component-model';\nimport { ComponentQueryResult, Filters } from './use-component.model';\nimport {\n  GET_COMPONENT,\n  SUB_COMPONENT_CHANGED,\n  SUB_COMPONENT_REMOVED,\n  SUB_SUBSCRIPTION_ADDED,\n} from './use-component.fragments';\nimport { useComponentLogs } from './use-component-logs';\nimport { ComponentError } from './component-error';\n\n/** provides data to component ui page, making sure both variables and return value are safely typed and memoized */\nexport function useComponentQuery(\n  componentId: string,\n  host: string,\n  filters?: Filters,\n  skip?: boolean\n): ComponentQueryResult {\n  const idRef = useRef(componentId);\n  idRef.current = componentId;\n  const variables = {\n    id: componentId,\n    extensionId: host,\n  };\n\n  const { data, error, loading, subscribeToMore } = useDataQuery(GET_COMPONENT, {\n    variables,\n    skip,\n    errorPolicy: 'all',\n  });\n\n  const { loading: loadingLogs, componentLogs: { logs } = {} } = useComponentLogs(componentId, host, filters, skip);\n\n  const rawComponent = data?.getHost?.get;\n\n  useEffect(() => {\n    // @TODO @Kutner fix subscription for scope\n    if (host !== 'teambit.workspace/workspace') {\n      return () => {};\n    }\n\n    const unsubAddition = subscribeToMore({\n      document: SUB_SUBSCRIPTION_ADDED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const prevComponent = prev?.getHost?.get;\n        const addedComponent = subscriptionData?.data?.componentAdded?.component;\n\n        if (!addedComponent || prevComponent) return prev;\n\n        if (idRef.current === addedComponent.id.name) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: addedComponent,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    const unsubChanges = subscribeToMore({\n      document: SUB_COMPONENT_CHANGED,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n\n        const prevComponent = prev?.getHost?.get;\n        const updatedComponent = subscriptionData?.data?.componentChanged?.component;\n\n        const isUpdated = updatedComponent && ComponentID.isEqualObj(prevComponent?.id, updatedComponent?.id);\n\n        if (isUpdated) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: updatedComponent,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    const unsubRemoval = subscribeToMore({\n      document: SUB_COMPONENT_REMOVED,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n\n        const prevComponent = prev?.getHost?.get;\n        const removedIds: ComponentIdObj[] | undefined = subscriptionData?.data?.componentRemoved?.componentIds;\n        if (!prevComponent || !removedIds?.length) return prev;\n\n        const isRemoved = removedIds.some((removedId) => ComponentID.isEqualObj(removedId, prevComponent.id));\n\n        if (isRemoved) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: null,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    return () => {\n      unsubChanges();\n      unsubAddition();\n      unsubRemoval();\n    };\n  }, []);\n\n  const idDepKey = rawComponent?.id\n    ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`\n    : undefined;\n\n  const id: ComponentID | undefined = useMemo(\n    () => (rawComponent ? ComponentID.fromObject(rawComponent.id) : undefined),\n    [idDepKey]\n  );\n\n  const componentError =\n    error && !data\n      ? new ComponentError(500, error.message)\n      : (!rawComponent && !loading && new ComponentError(404)) || undefined;\n\n  const component = useMemo(\n    () => (rawComponent ? ComponentModel.from({ ...rawComponent, host, logs }) : undefined),\n    [id?.toString(), logs]\n  );\n\n  const componentDescriptor = useMemo(() => {\n    const aspectList = {\n      entries: rawComponent?.aspects.map((aspectObject) => {\n        return {\n          ...aspectObject,\n          aspectId: aspectObject.id,\n          aspectData: aspectObject.data,\n        };\n      }),\n    };\n\n    return id ? ComponentDescriptor.fromObject({ id: id.toString(), aspectList }) : undefined;\n  }, [id?.toString()]);\n\n  return useMemo(() => {\n    return {\n      componentDescriptor,\n      component,\n      componentLogs: {\n        loading: loadingLogs,\n        logs,\n      },\n      error: componentError || undefined,\n      loading,\n    };\n  }, [host, component, componentDescriptor, componentError]);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","require","_uiFoundationUiHooks","_componentId","_componentDescriptor","_componentModel","_useComponent","_useComponentLogs","_componentError","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","useComponentQuery","componentId","host","filters","skip","_data$getHost","_rawComponent$id","_rawComponent$id2","_rawComponent$id3","idRef","useRef","current","variables","id","extensionId","error","loading","subscribeToMore","useDataQuery","GET_COMPONENT","errorPolicy","loadingLogs","componentLogs","logs","useComponentLogs","rawComponent","getHost","get","useEffect","unsubAddition","document","SUB_SUBSCRIPTION_ADDED","updateQuery","prev","subscriptionData","_prev$getHost","_subscriptionData$dat","prevComponent","addedComponent","componentAdded","component","name","unsubChanges","SUB_COMPONENT_CHANGED","_prev$getHost2","_subscriptionData$dat2","updatedComponent","componentChanged","isUpdated","ComponentID","isEqualObj","unsubRemoval","SUB_COMPONENT_REMOVED","_prev$getHost3","_subscriptionData$dat3","removedIds","componentRemoved","componentIds","isRemoved","some","removedId","idDepKey","scope","version","useMemo","fromObject","componentError","ComponentError","message","ComponentModel","from","toString","componentDescriptor","aspectList","entries","aspects","map","aspectObject","aspectId","aspectData","ComponentDescriptor"],"sources":["use-component-query.ts"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { ComponentID, ComponentIdObj } from '@teambit/component-id';\nimport { ComponentDescriptor } from '@teambit/component-descriptor';\nimport { ComponentModel } from './component-model';\nimport { ComponentQueryResult, Filters } from './use-component.model';\nimport {\n  GET_COMPONENT,\n  SUB_COMPONENT_CHANGED,\n  SUB_COMPONENT_REMOVED,\n  SUB_SUBSCRIPTION_ADDED,\n} from './use-component.fragments';\nimport { useComponentLogs } from './use-component-logs';\nimport { ComponentError } from './component-error';\n\n/** provides data to component ui page, making sure both variables and return value are safely typed and memoized */\nexport function useComponentQuery(\n  componentId: string,\n  host: string,\n  filters?: Filters,\n  skip?: boolean\n): ComponentQueryResult {\n  const idRef = useRef(componentId);\n  idRef.current = componentId;\n  const variables = {\n    id: componentId,\n    extensionId: host,\n  };\n\n  const { data, error, loading, subscribeToMore } = useDataQuery(GET_COMPONENT, {\n    variables,\n    skip,\n    errorPolicy: 'all',\n  });\n\n  const { loading: loadingLogs, componentLogs: { logs } = {} } = useComponentLogs(componentId, host, filters, skip);\n\n  const rawComponent = data?.getHost?.get;\n\n  useEffect(() => {\n    // @TODO @Kutner fix subscription for scope\n    if (host !== 'teambit.workspace/workspace') {\n      return () => {};\n    }\n\n    const unsubAddition = subscribeToMore({\n      document: SUB_SUBSCRIPTION_ADDED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const prevComponent = prev?.getHost?.get;\n        const addedComponent = subscriptionData?.data?.componentAdded?.component;\n\n        if (!addedComponent || prevComponent) return prev;\n\n        if (idRef.current === addedComponent.id.name) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: addedComponent,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    const unsubChanges = subscribeToMore({\n      document: SUB_COMPONENT_CHANGED,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n\n        const prevComponent = prev?.getHost?.get;\n        const updatedComponent = subscriptionData?.data?.componentChanged?.component;\n\n        const isUpdated = updatedComponent && ComponentID.isEqualObj(prevComponent?.id, updatedComponent?.id);\n\n        if (isUpdated) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: updatedComponent,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    const unsubRemoval = subscribeToMore({\n      document: SUB_COMPONENT_REMOVED,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n\n        const prevComponent = prev?.getHost?.get;\n        const removedIds: ComponentIdObj[] | undefined = subscriptionData?.data?.componentRemoved?.componentIds;\n        if (!prevComponent || !removedIds?.length) return prev;\n\n        const isRemoved = removedIds.some((removedId) => ComponentID.isEqualObj(removedId, prevComponent.id));\n\n        if (isRemoved) {\n          return {\n            ...prev,\n            getHost: {\n              ...prev.getHost,\n              get: null,\n            },\n          };\n        }\n\n        return prev;\n      },\n    });\n\n    return () => {\n      unsubChanges();\n      unsubAddition();\n      unsubRemoval();\n    };\n  }, []);\n\n  const idDepKey = rawComponent?.id\n    ? `${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`\n    : undefined;\n\n  const id: ComponentID | undefined = useMemo(\n    () => (rawComponent ? ComponentID.fromObject(rawComponent.id) : undefined),\n    [idDepKey]\n  );\n\n  const componentError =\n    error && !data\n      ? new ComponentError(500, error.message)\n      : (!rawComponent && !loading && new ComponentError(404)) || undefined;\n\n  const component = useMemo(\n    () => (rawComponent ? ComponentModel.from({ ...rawComponent, host, logs }) : undefined),\n    [id?.toString(), logs]\n  );\n\n  const componentDescriptor = useMemo(() => {\n    const aspectList = {\n      entries: rawComponent?.aspects.map((aspectObject) => {\n        return {\n          ...aspectObject,\n          aspectId: aspectObject.id,\n          aspectData: aspectObject.data,\n        };\n      }),\n    };\n\n    return id ? ComponentDescriptor.fromObject({ id: id.toString(), aspectList }) : undefined;\n  }, [id?.toString()]);\n\n  return useMemo(() => {\n    return {\n      componentDescriptor,\n      component,\n      componentLogs: {\n        loading: loadingLogs,\n        logs,\n      },\n      error: componentError || undefined,\n      loading,\n    };\n  }, [host, component, componentDescriptor, componentError]);\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,qBAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,oBAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,aAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,YAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,qBAAA;EAAA,MAAAJ,IAAA,GAAAC,OAAA;EAAAG,oBAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,gBAAA;EAAA,MAAAL,IAAA,GAAAC,OAAA;EAAAI,eAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAM,cAAA;EAAA,MAAAN,IAAA,GAAAC,OAAA;EAAAK,aAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAMA,SAAAO,kBAAA;EAAA,MAAAP,IAAA,GAAAC,OAAA;EAAAM,iBAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAQ,gBAAA;EAAA,MAAAR,IAAA,GAAAC,OAAA;EAAAO,eAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAmD,SAAAS,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAO,gBAAAI,GAAA,EAAAL,GAAA,EAAAM,KAAA,IAAAN,GAAA,GAAAO,cAAA,CAAAP,GAAA,OAAAA,GAAA,IAAAK,GAAA,IAAArB,MAAA,CAAAoB,cAAA,CAAAC,GAAA,EAAAL,GAAA,IAAAM,KAAA,EAAAA,KAAA,EAAAhB,UAAA,QAAAkB,YAAA,QAAAC,QAAA,oBAAAJ,GAAA,CAAAL,GAAA,IAAAM,KAAA,WAAAD,GAAA;AAAA,SAAAE,eAAAG,GAAA,QAAAV,GAAA,GAAAW,YAAA,CAAAD,GAAA,2BAAAV,GAAA,gBAAAA,GAAA,GAAAY,MAAA,CAAAZ,GAAA;AAAA,SAAAW,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAEnD;AACO,SAASU,iBAAiBA,CAC/BC,WAAmB,EACnBC,IAAY,EACZC,OAAiB,EACjBC,IAAc,EACQ;EAAA,IAAAC,aAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA;EACtB,MAAMC,KAAK,GAAG,IAAAC,eAAM,EAACT,WAAW,CAAC;EACjCQ,KAAK,CAACE,OAAO,GAAGV,WAAW;EAC3B,MAAMW,SAAS,GAAG;IAChBC,EAAE,EAAEZ,WAAW;IACfa,WAAW,EAAEZ;EACf,CAAC;EAED,MAAM;IAAEtD,IAAI;IAAEmE,KAAK;IAAEC,OAAO;IAAEC;EAAgB,CAAC,GAAG,IAAAC,mCAAY,EAACC,6BAAa,EAAE;IAC5EP,SAAS;IACTR,IAAI;IACJgB,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAM;IAAEJ,OAAO,EAAEK,WAAW;IAAEC,aAAa,EAAE;MAAEC;IAAK,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAC,oCAAgB,EAACvB,WAAW,EAAEC,IAAI,EAAEC,OAAO,EAAEC,IAAI,CAAC;EAEjH,MAAMqB,YAAY,GAAG7E,IAAI,aAAJA,IAAI,gBAAAyD,aAAA,GAAJzD,IAAI,CAAE8E,OAAO,cAAArB,aAAA,uBAAbA,aAAA,CAAesB,GAAG;EAEvC,IAAAC,kBAAS,EAAC,MAAM;IACd;IACA,IAAI1B,IAAI,KAAK,6BAA6B,EAAE;MAC1C,OAAO,MAAM,CAAC,CAAC;IACjB;IAEA,MAAM2B,aAAa,GAAGZ,eAAe,CAAC;MACpCa,QAAQ,EAAEC,sCAAsB;MAChCC,WAAW,EAAEA,CAACC,IAAI,EAAE;QAAEC;MAAiB,CAAC,KAAK;QAAA,IAAAC,aAAA,EAAAC,qBAAA;QAC3C,MAAMC,aAAa,GAAGJ,IAAI,aAAJA,IAAI,gBAAAE,aAAA,GAAJF,IAAI,CAAEP,OAAO,cAAAS,aAAA,uBAAbA,aAAA,CAAeR,GAAG;QACxC,MAAMW,cAAc,GAAGJ,gBAAgB,aAAhBA,gBAAgB,gBAAAE,qBAAA,GAAhBF,gBAAgB,CAAEtF,IAAI,cAAAwF,qBAAA,gBAAAA,qBAAA,GAAtBA,qBAAA,CAAwBG,cAAc,cAAAH,qBAAA,uBAAtCA,qBAAA,CAAwCI,SAAS;QAExE,IAAI,CAACF,cAAc,IAAID,aAAa,EAAE,OAAOJ,IAAI;QAEjD,IAAIxB,KAAK,CAACE,OAAO,KAAK2B,cAAc,CAACzB,EAAE,CAAC4B,IAAI,EAAE;UAC5C,OAAAvE,aAAA,CAAAA,aAAA,KACK+D,IAAI;YACPP,OAAO,EAAAxD,aAAA,CAAAA,aAAA,KACF+D,IAAI,CAACP,OAAO;cACfC,GAAG,EAAEW;YAAc;UACpB;QAEL;QAEA,OAAOL,IAAI;MACb;IACF,CAAC,CAAC;IAEF,MAAMS,YAAY,GAAGzB,eAAe,CAAC;MACnCa,QAAQ,EAAEa,qCAAqB;MAC/BX,WAAW,EAAEA,CAACC,IAAI,EAAE;QAAEC;MAAiB,CAAC,KAAK;QAAA,IAAAU,cAAA,EAAAC,sBAAA;QAC3C,IAAI,CAACX,gBAAgB,CAACtF,IAAI,EAAE,OAAOqF,IAAI;QAEvC,MAAMI,aAAa,GAAGJ,IAAI,aAAJA,IAAI,gBAAAW,cAAA,GAAJX,IAAI,CAAEP,OAAO,cAAAkB,cAAA,uBAAbA,cAAA,CAAejB,GAAG;QACxC,MAAMmB,gBAAgB,GAAGZ,gBAAgB,aAAhBA,gBAAgB,gBAAAW,sBAAA,GAAhBX,gBAAgB,CAAEtF,IAAI,cAAAiG,sBAAA,gBAAAA,sBAAA,GAAtBA,sBAAA,CAAwBE,gBAAgB,cAAAF,sBAAA,uBAAxCA,sBAAA,CAA0CL,SAAS;QAE5E,MAAMQ,SAAS,GAAGF,gBAAgB,IAAIG,0BAAW,CAACC,UAAU,CAACb,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAExB,EAAE,EAAEiC,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEjC,EAAE,CAAC;QAErG,IAAImC,SAAS,EAAE;UACb,OAAA9E,aAAA,CAAAA,aAAA,KACK+D,IAAI;YACPP,OAAO,EAAAxD,aAAA,CAAAA,aAAA,KACF+D,IAAI,CAACP,OAAO;cACfC,GAAG,EAAEmB;YAAgB;UACtB;QAEL;QAEA,OAAOb,IAAI;MACb;IACF,CAAC,CAAC;IAEF,MAAMkB,YAAY,GAAGlC,eAAe,CAAC;MACnCa,QAAQ,EAAEsB,qCAAqB;MAC/BpB,WAAW,EAAEA,CAACC,IAAI,EAAE;QAAEC;MAAiB,CAAC,KAAK;QAAA,IAAAmB,cAAA,EAAAC,sBAAA;QAC3C,IAAI,CAACpB,gBAAgB,CAACtF,IAAI,EAAE,OAAOqF,IAAI;QAEvC,MAAMI,aAAa,GAAGJ,IAAI,aAAJA,IAAI,gBAAAoB,cAAA,GAAJpB,IAAI,CAAEP,OAAO,cAAA2B,cAAA,uBAAbA,cAAA,CAAe1B,GAAG;QACxC,MAAM4B,UAAwC,GAAGrB,gBAAgB,aAAhBA,gBAAgB,gBAAAoB,sBAAA,GAAhBpB,gBAAgB,CAAEtF,IAAI,cAAA0G,sBAAA,gBAAAA,sBAAA,GAAtBA,sBAAA,CAAwBE,gBAAgB,cAAAF,sBAAA,uBAAxCA,sBAAA,CAA0CG,YAAY;QACvG,IAAI,CAACpB,aAAa,IAAI,EAACkB,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEjF,MAAM,GAAE,OAAO2D,IAAI;QAEtD,MAAMyB,SAAS,GAAGH,UAAU,CAACI,IAAI,CAAEC,SAAS,IAAKX,0BAAW,CAACC,UAAU,CAACU,SAAS,EAAEvB,aAAa,CAACxB,EAAE,CAAC,CAAC;QAErG,IAAI6C,SAAS,EAAE;UACb,OAAAxF,aAAA,CAAAA,aAAA,KACK+D,IAAI;YACPP,OAAO,EAAAxD,aAAA,CAAAA,aAAA,KACF+D,IAAI,CAACP,OAAO;cACfC,GAAG,EAAE;YAAI;UACV;QAEL;QAEA,OAAOM,IAAI;MACb;IACF,CAAC,CAAC;IAEF,OAAO,MAAM;MACXS,YAAY,CAAC,CAAC;MACdb,aAAa,CAAC,CAAC;MACfsB,YAAY,CAAC,CAAC;IAChB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,QAAQ,GAAGpC,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAEZ,EAAE,GAC5B,GAAEY,YAAY,aAAZA,YAAY,gBAAAnB,gBAAA,GAAZmB,YAAY,CAAEZ,EAAE,cAAAP,gBAAA,uBAAhBA,gBAAA,CAAkBwD,KAAM,IAAGrC,YAAY,aAAZA,YAAY,gBAAAlB,iBAAA,GAAZkB,YAAY,CAAEZ,EAAE,cAAAN,iBAAA,uBAAhBA,iBAAA,CAAkBkC,IAAK,IAAGhB,YAAY,aAAZA,YAAY,gBAAAjB,iBAAA,GAAZiB,YAAY,CAAEZ,EAAE,cAAAL,iBAAA,uBAAhBA,iBAAA,CAAkBuD,OAAQ,GAAE,GACpFpE,SAAS;EAEb,MAAMkB,EAA2B,GAAG,IAAAmD,gBAAO,EACzC,MAAOvC,YAAY,GAAGwB,0BAAW,CAACgB,UAAU,CAACxC,YAAY,CAACZ,EAAE,CAAC,GAAGlB,SAAU,EAC1E,CAACkE,QAAQ,CACX,CAAC;EAED,MAAMK,cAAc,GAClBnD,KAAK,IAAI,CAACnE,IAAI,GACV,KAAIuH,gCAAc,EAAC,GAAG,EAAEpD,KAAK,CAACqD,OAAO,CAAC,GACrC,CAAC3C,YAAY,IAAI,CAACT,OAAO,IAAI,KAAImD,gCAAc,EAAC,GAAG,CAAC,IAAKxE,SAAS;EAEzE,MAAM6C,SAAS,GAAG,IAAAwB,gBAAO,EACvB,MAAOvC,YAAY,GAAG4C,gCAAc,CAACC,IAAI,CAAApG,aAAA,CAAAA,aAAA,KAAMuD,YAAY;IAAEvB,IAAI;IAAEqB;EAAI,EAAE,CAAC,GAAG5B,SAAU,EACvF,CAACkB,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAE0D,QAAQ,CAAC,CAAC,EAAEhD,IAAI,CACvB,CAAC;EAED,MAAMiD,mBAAmB,GAAG,IAAAR,gBAAO,EAAC,MAAM;IACxC,MAAMS,UAAU,GAAG;MACjBC,OAAO,EAAEjD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEkD,OAAO,CAACC,GAAG,CAAEC,YAAY,IAAK;QACnD,OAAA3G,aAAA,CAAAA,aAAA,KACK2G,YAAY;UACfC,QAAQ,EAAED,YAAY,CAAChE,EAAE;UACzBkE,UAAU,EAAEF,YAAY,CAACjI;QAAI;MAEjC,CAAC;IACH,CAAC;IAED,OAAOiE,EAAE,GAAGmE,0CAAmB,CAACf,UAAU,CAAC;MAAEpD,EAAE,EAAEA,EAAE,CAAC0D,QAAQ,CAAC,CAAC;MAAEE;IAAW,CAAC,CAAC,GAAG9E,SAAS;EAC3F,CAAC,EAAE,CAACkB,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAE0D,QAAQ,CAAC,CAAC,CAAC,CAAC;EAEpB,OAAO,IAAAP,gBAAO,EAAC,MAAM;IACnB,OAAO;MACLQ,mBAAmB;MACnBhC,SAAS;MACTlB,aAAa,EAAE;QACbN,OAAO,EAAEK,WAAW;QACpBE;MACF,CAAC;MACDR,KAAK,EAAEmD,cAAc,IAAIvE,SAAS;MAClCqB;IACF,CAAC;EACH,CAAC,EAAE,CAACd,IAAI,EAAEsC,SAAS,EAAEgC,mBAAmB,EAAEN,cAAc,CAAC,CAAC;AAC5D"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component",
-  "version": "0.0.1168",
+  "version": "1.0.0",
   "homepage": "https://bit.cloud/teambit/component/component",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component",
-    "version": "0.0.1168"
+    "version": "1.0.0"
   },
   "dependencies": {
     "@teambit/any-fs": "0.0.5",
@@ -19,6 +19,8 @@
     "lodash.flatten": "4.4.0",
     "classnames": "2.2.6",
     "lodash.compact": "3.0.1",
+    "core-js": "^3.0.0",
+    "@babel/runtime": "7.20.0",
     "@teambit/component-id": "0.0.427",
     "@teambit/graph.cleargraph": "0.0.1",
     "@teambit/legacy-bit-id": "1.0.0",
@@ -32,42 +34,42 @@
     "@teambit/design.ui.styles.ellipsis": "0.0.357",
     "@teambit/design.navigation.responsive-navbar": "0.0.5",
     "@teambit/base-ui.layout.breakpoints": "1.0.0",
-    "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.498",
-    "@teambit/aspect-loader": "0.0.1168",
-    "@teambit/graph": "0.0.1168",
-    "@teambit/toolbox.path.match-patterns": "0.0.9",
-    "@teambit/toolbox.string.capitalize": "0.0.490",
-    "@teambit/cli": "0.0.779",
-    "@teambit/express": "0.0.878",
-    "@teambit/graphql": "0.0.1168",
-    "@teambit/bit-error": "0.0.402",
-    "@teambit/command-bar": "0.0.1168",
-    "@teambit/component-package-version": "0.0.425",
-    "@teambit/component.ui.deprecation-icon": "0.0.505",
-    "@teambit/preview": "0.0.1168",
-    "@teambit/pubsub": "0.0.1168",
-    "@teambit/react-router": "0.0.1168",
-    "@teambit/ui-foundation.ui.is-browser": "0.0.496",
-    "@teambit/ui-foundation.ui.main-dropdown": "0.0.498",
-    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.502",
-    "@teambit/ui-foundation.ui.use-box.menu": "0.0.137",
-    "@teambit/ui": "0.0.1168",
-    "@teambit/component-issues": "0.0.95",
-    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.501",
-    "@teambit/cli-table": "0.0.41",
-    "@teambit/legacy-component-log": "0.0.400",
-    "@teambit/component-descriptor": "0.0.346",
-    "@teambit/ui-foundation.ui.react-router.use-query": "0.0.497",
-    "@teambit/harmony.ui.aspect-box": "0.0.498",
-    "@teambit/envs.ui.env-icon": "0.0.496",
-    "@teambit/explorer.ui.command-bar": "2.0.7",
-    "@teambit/compositions": "0.0.1168",
-    "@teambit/deprecation": "0.0.1168",
-    "@teambit/envs": "0.0.1168",
-    "@teambit/component.ui.version-dropdown": "0.0.839",
-    "@teambit/lanes.hooks.use-lanes": "0.0.241",
-    "@teambit/lanes.ui.models.lanes-model": "0.0.194",
-    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.134"
+    "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.500",
+    "@teambit/aspect-loader": "1.0.0",
+    "@teambit/graph": "1.0.0",
+    "@teambit/toolbox.path.match-patterns": "0.0.11",
+    "@teambit/toolbox.string.capitalize": "0.0.492",
+    "@teambit/cli": "0.0.782",
+    "@teambit/express": "0.0.881",
+    "@teambit/graphql": "1.0.0",
+    "@teambit/bit-error": "0.0.404",
+    "@teambit/command-bar": "1.0.0",
+    "@teambit/component-package-version": "0.0.427",
+    "@teambit/component.ui.deprecation-icon": "0.0.507",
+    "@teambit/preview": "1.0.0",
+    "@teambit/pubsub": "1.0.0",
+    "@teambit/react-router": "1.0.0",
+    "@teambit/ui-foundation.ui.is-browser": "0.0.498",
+    "@teambit/ui-foundation.ui.main-dropdown": "0.0.500",
+    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.504",
+    "@teambit/ui-foundation.ui.use-box.menu": "1.0.0",
+    "@teambit/ui": "1.0.0",
+    "@teambit/component-issues": "0.0.97",
+    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.503",
+    "@teambit/cli-table": "0.0.43",
+    "@teambit/legacy-component-log": "0.0.402",
+    "@teambit/component-descriptor": "0.0.349",
+    "@teambit/ui-foundation.ui.react-router.use-query": "0.0.499",
+    "@teambit/harmony.ui.aspect-box": "0.0.500",
+    "@teambit/compositions": "1.0.0",
+    "@teambit/deprecation": "1.0.0",
+    "@teambit/envs": "1.0.0",
+    "@teambit/envs.ui.env-icon": "0.0.498",
+    "@teambit/explorer.ui.command-bar": "2.0.9",
+    "@teambit/component.ui.version-dropdown": "0.0.842",
+    "@teambit/lanes.hooks.use-lanes": "0.0.244",
+    "@teambit/lanes.ui.models.lanes-model": "0.0.197",
+    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.136"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -86,7 +88,7 @@
   "peerDependencies": {
     "@apollo/client": "^3.6.0",
     "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.564",
+    "@teambit/legacy": "1.0.566",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },