@teambit/docs 1.0.804 → 1.0.806

package/dist/overview/overview.d.ts

@@ -17,6 +17,8 @@ export type TitleBadge = {
 export type TitleBadgeSlot = SlotRegistry<TitleBadge[]>;
 export type OverviewOptions = () => {
     queryParams?: string;
+    renderCompositionsFirst?: boolean;
+    defaultPkgManager?: 'npm' | 'yarn' | 'pnpm' | 'bit';
 };
 export type OverviewOptionsSlot = SlotRegistry<OverviewOptions>;
 export type OverviewProps = {
@@ -28,7 +30,5 @@ export type OverviewProps = {
         componentId: string;
     }>;
     usePreviewSandboxSlot?: UsePreviewSandboxSlot;
-    renderCompositionsFirst?: boolean;
-    defaultPkgManager?: 'npm' | 'yarn' | 'pnpm' | 'bit';
 };
-export declare function Overview({ titleBadges, overviewOptions, previewProps, getEmptyState, TaggedAPI, usePreviewSandboxSlot, renderCompositionsFirst, defaultPkgManager, }: OverviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function Overview({ titleBadges, overviewOptions, previewProps, getEmptyState, TaggedAPI, usePreviewSandboxSlot, }: OverviewProps): import("react/jsx-runtime").JSX.Element;

package/dist/overview/overview.js

@@ -105,9 +105,7 @@ function Overview({
   previewProps,
   getEmptyState,
   TaggedAPI,
-  usePreviewSandboxSlot,
-  renderCompositionsFirst,
-  defaultPkgManager
+  usePreviewSandboxSlot
 }) {
   const component = (0, _react().useContext)(_component().ComponentContext);
   const componentDescriptor = (0, _component().useComponentDescriptor)();
@@ -130,6 +128,10 @@ function Overview({
   const [sandboxValue, setSandboxValue] = (0, _react().useState)('');
   const iframeQueryParams = `onlyOverview=${component.preview?.onlyOverview || 'false'}&skipIncludes=${component.preview?.skipIncludes || component.preview?.onlyOverview}`;
   const overviewPropsValues = overviewProps && overviewProps();
+  const {
+    renderCompositionsFirst,
+    defaultPkgManager
+  } = overviewPropsValues || {};
   const themeParams = currentTheme?.themeName ? `theme=${currentTheme?.themeName}` : '';
 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/dist/overview/overview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_lodash","_component","_previewUi","_componentUi","_compositionsPanels","_baseReactThemes","_workspaceUi","_readmeSkeleton","_overviewModule","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","BadgePosition","exports","Overview","titleBadges","overviewOptions","previewProps","getEmptyState","TaggedAPI","usePreviewSandboxSlot","renderCompositionsFirst","defaultPkgManager","component","useContext","ComponentContext","componentDescriptor","useComponentDescriptor","theme","useThemePicker","currentTheme","current","overviewProps","flatten","values","showHeader","preview","legacyHeader","EmptyState","buildFailed","buildStatus","toLowerCase","host","isScaling","Boolean","includesEnvTemplate","defaultLoadingState","React","useMemo","isMinimal","useWorkspaceMode","isLoading","setLoading","useState","previewSandboxHooks","sandboxValue","setSandboxValue","iframeQueryParams","onlyOverview","skipIncludes","overviewPropsValues","themeParams","themeName","_ref","onLoad","style","rest","onPreviewLoad","useCallback","props","useEffect","id","toString","createElement","className","classNames","styles","overviewWrapper","noOverflow","key","SandboxPermissionsAggregator","hooks","onSandboxChange","ComponentOverview","componentOverviewBlock","legacyPreview","displayName","version","abstract","description","labels","packageName","pkgManager","readme","ReadmeSkeleton","CompositionGallerySkeleton","compositionsLength","Math","min","compositions","Fragment","ComponentPreview","previewName","pubsub","queryParams","viewport","fullContentHeight","disableScroll","sandbox","width","height","minHeight","undefined","CompositionGallery","componentId"],"sources":["overview.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport type { ComponentType } from 'react';\nimport React, { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { flatten } from 'lodash';\n// import { Icon } from '@teambit/design.elements.icon';\n// import { LinkedHeading } from '@teambit/documenter.ui.linked-heading';\nimport { ComponentContext, useComponentDescriptor } from '@teambit/component';\nimport type { SlotRegistry } from '@teambit/harmony';\nimport type { ComponentPreviewProps } from '@teambit/preview.ui.component-preview';\nimport { ComponentPreview, SandboxPermissionsAggregator } from '@teambit/preview.ui.component-preview';\n// import { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';\nimport { ComponentOverview } from '@teambit/component.ui.component-meta';\nimport { CompositionGallery, CompositionGallerySkeleton } from '@teambit/compositions.panels.composition-gallery';\nimport { useThemePicker } from '@teambit/base-react.themes.theme-switcher';\nimport { useWorkspaceMode } from '@teambit/workspace.ui.use-workspace-mode';\nimport type { UsePreviewSandboxSlot } from '@teambit/compositions';\nimport { ReadmeSkeleton } from './readme-skeleton';\nimport styles from './overview.module.scss';\n\nexport enum BadgePosition {\n  Title,\n  SubTitle,\n  Labels,\n  Package,\n}\n\nexport type TitleBadge = {\n  component: ComponentType<any>;\n  weight?: number;\n  position?: BadgePosition;\n};\n\nexport type TitleBadgeSlot = SlotRegistry<TitleBadge[]>;\n\nexport type OverviewOptions = () => { queryParams?: string };\n\nexport type OverviewOptionsSlot = SlotRegistry<OverviewOptions>;\n\nexport type OverviewProps = {\n  titleBadges: TitleBadgeSlot;\n  overviewOptions: OverviewOptionsSlot;\n  previewProps?: Partial<ComponentPreviewProps>;\n  getEmptyState?: () => ComponentType | undefined;\n  TaggedAPI?: React.ComponentType<{ componentId: string }>;\n  usePreviewSandboxSlot?: UsePreviewSandboxSlot;\n  renderCompositionsFirst?: boolean;\n  defaultPkgManager?: 'npm' | 'yarn' | 'pnpm' | 'bit';\n};\n\nexport function Overview({\n  titleBadges,\n  overviewOptions,\n  previewProps,\n  getEmptyState,\n  TaggedAPI,\n  usePreviewSandboxSlot,\n  renderCompositionsFirst,\n  defaultPkgManager,\n}: OverviewProps) {\n  const component = useContext(ComponentContext);\n  const componentDescriptor = useComponentDescriptor();\n  const theme = useThemePicker();\n  const currentTheme = theme?.current;\n  const overviewProps = flatten(overviewOptions.values())[0];\n  const showHeader = !component.preview?.legacyHeader;\n  const EmptyState = getEmptyState && getEmptyState();\n  const buildFailed = component.buildStatus?.toLowerCase() !== 'succeed' && component?.host === 'teambit.scope/scope';\n  const isScaling = Boolean(component.preview?.isScaling);\n  const includesEnvTemplate = Boolean(component.preview?.includesEnvTemplate);\n  const defaultLoadingState = React.useMemo(() => {\n    return isScaling && !includesEnvTemplate;\n  }, [isScaling, includesEnvTemplate]);\n  const { isMinimal } = useWorkspaceMode();\n  const [isLoading, setLoading] = useState(defaultLoadingState);\n  const previewSandboxHooks = usePreviewSandboxSlot?.values() ?? [];\n  const [sandboxValue, setSandboxValue] = useState('');\n  const iframeQueryParams = `onlyOverview=${component.preview?.onlyOverview || 'false'}&skipIncludes=${\n    component.preview?.skipIncludes || component.preview?.onlyOverview\n  }`;\n\n  const overviewPropsValues = overviewProps && overviewProps();\n\n  const themeParams = currentTheme?.themeName ? `theme=${currentTheme?.themeName}` : '';\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { onLoad, style, ...rest } = previewProps || {};\n\n  const onPreviewLoad = React.useCallback(\n    (e, props) => {\n      setLoading(false);\n      onLoad?.(e, props);\n    },\n    [onLoad]\n  );\n\n  React.useEffect(() => {\n    if (!isLoading && defaultLoadingState) setLoading(true);\n    if (isLoading && !defaultLoadingState) setLoading(false);\n  }, [component.id.toString(), defaultLoadingState]);\n\n  return (\n    <div\n      className={classNames(styles.overviewWrapper, isLoading && styles.noOverflow)}\n      key={`${component.id.toString()}`}\n    >\n      <SandboxPermissionsAggregator\n        hooks={previewSandboxHooks}\n        onSandboxChange={setSandboxValue}\n        component={component}\n      />\n      {showHeader && (\n        <ComponentOverview\n          className={classNames(styles.componentOverviewBlock, !isScaling && styles.legacyPreview)}\n          displayName={component.displayName}\n          version={component.version}\n          abstract={component.description}\n          labels={component.labels}\n          packageName={component.packageName}\n          titleBadges={flatten(titleBadges.values())}\n          componentDescriptor={componentDescriptor}\n          component={component}\n          pkgManager={defaultPkgManager}\n        />\n      )}\n      {!buildFailed && (\n        <div className={styles.readme}>\n          {isLoading && (\n            <ReadmeSkeleton>\n              <CompositionGallerySkeleton compositionsLength={Math.min(component.compositions.length, 3)} />\n            </ReadmeSkeleton>\n          )}\n          {!isMinimal && !renderCompositionsFirst ? (\n            <>\n              <ComponentPreview\n                onLoad={onPreviewLoad}\n                previewName=\"overview\"\n                pubsub={true}\n                queryParams={[iframeQueryParams, themeParams, overviewPropsValues?.queryParams || '']}\n                viewport={null}\n                fullContentHeight\n                disableScroll={true}\n                sandbox={sandboxValue}\n                {...rest}\n                component={component}\n                style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}\n              />\n              {component.preview?.onlyOverview && !isLoading && (\n                <CompositionGallery component={component} sandbox={sandboxValue} />\n              )}\n            </>\n          ) : (\n            <>\n              {component.preview?.onlyOverview && !isLoading && (\n                <CompositionGallery component={component} sandbox={sandboxValue} />\n              )}\n              <ComponentPreview\n                onLoad={onPreviewLoad}\n                previewName=\"overview\"\n                pubsub={true}\n                queryParams={[iframeQueryParams, themeParams, overviewPropsValues?.queryParams || '']}\n                viewport={null}\n                fullContentHeight\n                disableScroll={true}\n                sandbox={sandboxValue}\n                {...rest}\n                component={component}\n                style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}\n              />\n            </>\n          )}\n          {component.preview?.onlyOverview && !isLoading && TaggedAPI && (\n            <TaggedAPI componentId={component.id.toString()} />\n          )}\n        </div>\n      )}\n      {buildFailed && EmptyState && <EmptyState />}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_lodash","_component","_previewUi","_componentUi","_compositionsPanels","_baseReactThemes","_workspaceUi","_readmeSkeleton","_overviewModule","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","BadgePosition","exports","Overview","titleBadges","overviewOptions","previewProps","getEmptyState","TaggedAPI","usePreviewSandboxSlot","component","useContext","ComponentContext","componentDescriptor","useComponentDescriptor","theme","useThemePicker","currentTheme","current","overviewProps","flatten","values","showHeader","preview","legacyHeader","EmptyState","buildFailed","buildStatus","toLowerCase","host","isScaling","Boolean","includesEnvTemplate","defaultLoadingState","React","useMemo","isMinimal","useWorkspaceMode","isLoading","setLoading","useState","previewSandboxHooks","sandboxValue","setSandboxValue","iframeQueryParams","onlyOverview","skipIncludes","overviewPropsValues","renderCompositionsFirst","defaultPkgManager","themeParams","themeName","_ref","onLoad","style","rest","onPreviewLoad","useCallback","props","useEffect","id","toString","createElement","className","classNames","styles","overviewWrapper","noOverflow","key","SandboxPermissionsAggregator","hooks","onSandboxChange","ComponentOverview","componentOverviewBlock","legacyPreview","displayName","version","abstract","description","labels","packageName","pkgManager","readme","ReadmeSkeleton","CompositionGallerySkeleton","compositionsLength","Math","min","compositions","Fragment","ComponentPreview","previewName","pubsub","queryParams","viewport","fullContentHeight","disableScroll","sandbox","width","height","minHeight","undefined","CompositionGallery","componentId"],"sources":["overview.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport type { ComponentType } from 'react';\nimport React, { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { flatten } from 'lodash';\n// import { Icon } from '@teambit/design.elements.icon';\n// import { LinkedHeading } from '@teambit/documenter.ui.linked-heading';\nimport { ComponentContext, useComponentDescriptor } from '@teambit/component';\nimport type { SlotRegistry } from '@teambit/harmony';\nimport type { ComponentPreviewProps } from '@teambit/preview.ui.component-preview';\nimport { ComponentPreview, SandboxPermissionsAggregator } from '@teambit/preview.ui.component-preview';\n// import { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';\nimport { ComponentOverview } from '@teambit/component.ui.component-meta';\nimport { CompositionGallery, CompositionGallerySkeleton } from '@teambit/compositions.panels.composition-gallery';\nimport { useThemePicker } from '@teambit/base-react.themes.theme-switcher';\nimport { useWorkspaceMode } from '@teambit/workspace.ui.use-workspace-mode';\nimport type { UsePreviewSandboxSlot } from '@teambit/compositions';\nimport { ReadmeSkeleton } from './readme-skeleton';\nimport styles from './overview.module.scss';\n\nexport enum BadgePosition {\n  Title,\n  SubTitle,\n  Labels,\n  Package,\n}\n\nexport type TitleBadge = {\n  component: ComponentType<any>;\n  weight?: number;\n  position?: BadgePosition;\n};\n\nexport type TitleBadgeSlot = SlotRegistry<TitleBadge[]>;\n\nexport type OverviewOptions = () => {\n  queryParams?: string;\n  renderCompositionsFirst?: boolean;\n  defaultPkgManager?: 'npm' | 'yarn' | 'pnpm' | 'bit';\n};\n\nexport type OverviewOptionsSlot = SlotRegistry<OverviewOptions>;\n\nexport type OverviewProps = {\n  titleBadges: TitleBadgeSlot;\n  overviewOptions: OverviewOptionsSlot;\n  previewProps?: Partial<ComponentPreviewProps>;\n  getEmptyState?: () => ComponentType | undefined;\n  TaggedAPI?: React.ComponentType<{ componentId: string }>;\n  usePreviewSandboxSlot?: UsePreviewSandboxSlot;\n};\n\nexport function Overview({\n  titleBadges,\n  overviewOptions,\n  previewProps,\n  getEmptyState,\n  TaggedAPI,\n  usePreviewSandboxSlot,\n}: OverviewProps) {\n  const component = useContext(ComponentContext);\n  const componentDescriptor = useComponentDescriptor();\n  const theme = useThemePicker();\n  const currentTheme = theme?.current;\n  const overviewProps = flatten(overviewOptions.values())[0];\n  const showHeader = !component.preview?.legacyHeader;\n  const EmptyState = getEmptyState && getEmptyState();\n  const buildFailed = component.buildStatus?.toLowerCase() !== 'succeed' && component?.host === 'teambit.scope/scope';\n  const isScaling = Boolean(component.preview?.isScaling);\n  const includesEnvTemplate = Boolean(component.preview?.includesEnvTemplate);\n  const defaultLoadingState = React.useMemo(() => {\n    return isScaling && !includesEnvTemplate;\n  }, [isScaling, includesEnvTemplate]);\n  const { isMinimal } = useWorkspaceMode();\n  const [isLoading, setLoading] = useState(defaultLoadingState);\n  const previewSandboxHooks = usePreviewSandboxSlot?.values() ?? [];\n  const [sandboxValue, setSandboxValue] = useState('');\n  const iframeQueryParams = `onlyOverview=${component.preview?.onlyOverview || 'false'}&skipIncludes=${\n    component.preview?.skipIncludes || component.preview?.onlyOverview\n  }`;\n\n  const overviewPropsValues = overviewProps && overviewProps();\n\n  const { renderCompositionsFirst, defaultPkgManager } = overviewPropsValues || {};\n\n  const themeParams = currentTheme?.themeName ? `theme=${currentTheme?.themeName}` : '';\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { onLoad, style, ...rest } = previewProps || {};\n\n  const onPreviewLoad = React.useCallback(\n    (e, props) => {\n      setLoading(false);\n      onLoad?.(e, props);\n    },\n    [onLoad]\n  );\n\n  React.useEffect(() => {\n    if (!isLoading && defaultLoadingState) setLoading(true);\n    if (isLoading && !defaultLoadingState) setLoading(false);\n  }, [component.id.toString(), defaultLoadingState]);\n\n  return (\n    <div\n      className={classNames(styles.overviewWrapper, isLoading && styles.noOverflow)}\n      key={`${component.id.toString()}`}\n    >\n      <SandboxPermissionsAggregator\n        hooks={previewSandboxHooks}\n        onSandboxChange={setSandboxValue}\n        component={component}\n      />\n      {showHeader && (\n        <ComponentOverview\n          className={classNames(styles.componentOverviewBlock, !isScaling && styles.legacyPreview)}\n          displayName={component.displayName}\n          version={component.version}\n          abstract={component.description}\n          labels={component.labels}\n          packageName={component.packageName}\n          titleBadges={flatten(titleBadges.values())}\n          componentDescriptor={componentDescriptor}\n          component={component}\n          pkgManager={defaultPkgManager}\n        />\n      )}\n      {!buildFailed && (\n        <div className={styles.readme}>\n          {isLoading && (\n            <ReadmeSkeleton>\n              <CompositionGallerySkeleton compositionsLength={Math.min(component.compositions.length, 3)} />\n            </ReadmeSkeleton>\n          )}\n          {!isMinimal && !renderCompositionsFirst ? (\n            <>\n              <ComponentPreview\n                onLoad={onPreviewLoad}\n                previewName=\"overview\"\n                pubsub={true}\n                queryParams={[iframeQueryParams, themeParams, overviewPropsValues?.queryParams || '']}\n                viewport={null}\n                fullContentHeight\n                disableScroll={true}\n                sandbox={sandboxValue}\n                {...rest}\n                component={component}\n                style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}\n              />\n              {component.preview?.onlyOverview && !isLoading && (\n                <CompositionGallery component={component} sandbox={sandboxValue} />\n              )}\n            </>\n          ) : (\n            <>\n              {component.preview?.onlyOverview && !isLoading && (\n                <CompositionGallery component={component} sandbox={sandboxValue} />\n              )}\n              <ComponentPreview\n                onLoad={onPreviewLoad}\n                previewName=\"overview\"\n                pubsub={true}\n                queryParams={[iframeQueryParams, themeParams, overviewPropsValues?.queryParams || '']}\n                viewport={null}\n                fullContentHeight\n                disableScroll={true}\n                sandbox={sandboxValue}\n                {...rest}\n                component={component}\n                style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}\n              />\n            </>\n          )}\n          {component.preview?.onlyOverview && !isLoading && TaggedAPI && (\n            <TaggedAPI componentId={component.id.toString()} />\n          )}\n        </div>\n      )}\n      {buildFailed && EmptyState && <EmptyState />}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/{preview-1762791698657.js → preview-1763058969356.js}

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

package/overview/overview.tsx

@@ -33,7 +33,11 @@ export type TitleBadge = {
 
 export type TitleBadgeSlot = SlotRegistry<TitleBadge[]>;
 
-export type OverviewOptions = () => { queryParams?: string };
+export type OverviewOptions = () => {
+  queryParams?: string;
+  renderCompositionsFirst?: boolean;
+  defaultPkgManager?: 'npm' | 'yarn' | 'pnpm' | 'bit';
+};
 
 export type OverviewOptionsSlot = SlotRegistry<OverviewOptions>;
 
@@ -44,8 +48,6 @@ export type OverviewProps = {
   getEmptyState?: () => ComponentType | undefined;
   TaggedAPI?: React.ComponentType<{ componentId: string }>;
   usePreviewSandboxSlot?: UsePreviewSandboxSlot;
-  renderCompositionsFirst?: boolean;
-  defaultPkgManager?: 'npm' | 'yarn' | 'pnpm' | 'bit';
 };
 
 export function Overview({
@@ -55,8 +57,6 @@ export function Overview({
   getEmptyState,
   TaggedAPI,
   usePreviewSandboxSlot,
-  renderCompositionsFirst,
-  defaultPkgManager,
 }: OverviewProps) {
   const component = useContext(ComponentContext);
   const componentDescriptor = useComponentDescriptor();
@@ -81,6 +81,8 @@ export function Overview({
 
   const overviewPropsValues = overviewProps && overviewProps();
 
+  const { renderCompositionsFirst, defaultPkgManager } = overviewPropsValues || {};
+
   const themeParams = currentTheme?.themeName ? `theme=${currentTheme?.themeName}` : '';
 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/docs",
-  "version": "1.0.804",
+  "version": "1.0.806",
   "homepage": "https://bit.cloud/teambit/docs/docs",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.docs",
     "name": "docs",
-    "version": "1.0.804"
+    "version": "1.0.806"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
@@ -14,6 +14,10 @@
     "classnames": "2.2.6",
     "@teambit/docs.entities.doc": "0.0.12",
     "@teambit/harmony": "0.4.7",
+    "@teambit/cli": "0.0.1285",
+    "@teambit/component.sources": "0.0.138",
+    "@teambit/legacy.consumer-component": "0.0.87",
+    "@teambit/logger": "0.0.1378",
     "@teambit/docs.ui.overview-compare-section": "0.0.102",
     "@teambit/docs.ui.overview-compare": "1.0.12",
     "@teambit/preview.ui.component-preview": "1.0.30",
@@ -22,24 +26,20 @@
     "@teambit/compositions.panels.composition-gallery": "0.0.223",
     "@teambit/workspace.ui.use-workspace-mode": "0.0.2",
     "@teambit/base-ui.loaders.skeleton": "1.0.1",
-    "@teambit/compiler": "1.0.804",
-    "@teambit/component": "1.0.804",
-    "@teambit/pkg": "1.0.804",
-    "@teambit/workspace": "1.0.804",
-    "@teambit/cli": "0.0.1285",
-    "@teambit/component.sources": "0.0.138",
-    "@teambit/dev-files": "1.0.804",
-    "@teambit/envs": "1.0.804",
-    "@teambit/graphql": "1.0.804",
-    "@teambit/legacy.consumer-component": "0.0.87",
-    "@teambit/logger": "0.0.1378",
-    "@teambit/preview": "1.0.804",
-    "@teambit/scope": "1.0.804",
-    "@teambit/api-reference": "1.0.804",
-    "@teambit/component-compare": "1.0.804",
-    "@teambit/ui": "1.0.804",
-    "@teambit/pubsub": "1.0.804",
-    "@teambit/compositions": "1.0.804"
+    "@teambit/compiler": "1.0.806",
+    "@teambit/component": "1.0.806",
+    "@teambit/pkg": "1.0.806",
+    "@teambit/workspace": "1.0.806",
+    "@teambit/dev-files": "1.0.806",
+    "@teambit/envs": "1.0.806",
+    "@teambit/graphql": "1.0.806",
+    "@teambit/preview": "1.0.806",
+    "@teambit/scope": "1.0.806",
+    "@teambit/api-reference": "1.0.806",
+    "@teambit/component-compare": "1.0.806",
+    "@teambit/ui": "1.0.806",
+    "@teambit/pubsub": "1.0.806",
+    "@teambit/compositions": "1.0.806"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",