@teambit/docs 1.0.498 → 1.0.500

package/dist/overview/overview.js

@@ -61,6 +61,13 @@ function _baseReactThemes() {
   };
   return data;
 }
+function _workspaceUi() {
+  const data = require("@teambit/workspace.ui.use-workspace-mode");
+  _workspaceUi = function () {
+    return data;
+  };
+  return data;
+}
 function _readmeSkeleton() {
   const data = require("./readme-skeleton");
   _readmeSkeleton = function () {
@@ -75,7 +82,9 @@ function _overviewModule() {
   };
   return data;
 }
-const _excluded = ["onLoad", "style"]; // import { Icon } from '@teambit/design.elements.icon';
+const _excluded = ["onLoad", "style"];
+/* eslint-disable complexity */
+// import { Icon } from '@teambit/design.elements.icon';
 // import { LinkedHeading } from '@teambit/documenter.ui.linked-heading';
 // import { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -111,6 +120,9 @@ function Overview({
   const defaultLoadingState = _react().default.useMemo(() => {
     return isScaling && !includesEnvTemplate;
   }, [isScaling, includesEnvTemplate]);
+  const {
+    isMinimal
+  } = (0, _workspaceUi().useWorkspaceMode)();
   const [isLoading, setLoading] = (0, _react().useState)(defaultLoadingState);
   const iframeQueryParams = `onlyOverview=${component.preview?.onlyOverview || 'false'}&skipIncludes=${component.preview?.skipIncludes || component.preview?.onlyOverview}`;
   const overviewPropsValues = overviewProps && overviewProps();
@@ -148,7 +160,7 @@ function Overview({
     className: _overviewModule().default.readme
   }, isLoading && /*#__PURE__*/_react().default.createElement(_readmeSkeleton().ReadmeSkeleton, null, /*#__PURE__*/_react().default.createElement(_compositionsPanels().CompositionGallerySkeleton, {
     compositionsLength: Math.min(component.compositions.length, 3)
-  })), /*#__PURE__*/_react().default.createElement(_previewUi().ComponentPreview, _extends({
+  })), !isMinimal ? /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, /*#__PURE__*/_react().default.createElement(_previewUi().ComponentPreview, _extends({
     onLoad: onPreviewLoad,
     previewName: "overview",
     pubsub: true,
@@ -165,7 +177,24 @@ function Overview({
     }
   })), component.preview?.onlyOverview && !isLoading && /*#__PURE__*/_react().default.createElement(_compositionsPanels().CompositionGallery, {
     component: component
-  }), component.preview?.onlyOverview && !isLoading && TaggedAPI && /*#__PURE__*/_react().default.createElement(TaggedAPI, {
+  })) : /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, component.preview?.onlyOverview && !isLoading && /*#__PURE__*/_react().default.createElement(_compositionsPanels().CompositionGallery, {
+    component: component
+  }), /*#__PURE__*/_react().default.createElement(_previewUi().ComponentPreview, _extends({
+    onLoad: onPreviewLoad,
+    previewName: "overview",
+    pubsub: true,
+    queryParams: [iframeQueryParams, themeParams, overviewPropsValues?.queryParams || ''],
+    viewport: null,
+    fullContentHeight: true,
+    disableScroll: true
+  }, rest, {
+    component: component,
+    style: {
+      width: '100%',
+      height: '100%',
+      minHeight: !isScaling ? 500 : undefined
+    }
+  }))), component.preview?.onlyOverview && !isLoading && TaggedAPI && /*#__PURE__*/_react().default.createElement(TaggedAPI, {
     componentId: component.id.toString()
   })), buildFailed && EmptyState && /*#__PURE__*/_react().default.createElement(EmptyState, null));
 }

package/dist/overview/overview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_lodash","_component","_previewUi","_componentUi","_compositionsPanels","_baseReactThemes","_readmeSkeleton","_overviewModule","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","BadgePosition","exports","Overview","titleBadges","overviewOptions","previewProps","getEmptyState","TaggedAPI","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","isLoading","setLoading","useState","iframeQueryParams","onlyOverview","skipIncludes","overviewPropsValues","themeParams","themeName","_ref","onLoad","style","rest","onPreviewLoad","useCallback","props","useEffect","id","toString","createElement","className","classNames","styles","overviewWrapper","noOverflow","key","ComponentOverview","componentOverviewBlock","legacyPreview","displayName","version","abstract","description","labels","packageName","readme","ReadmeSkeleton","CompositionGallerySkeleton","compositionsLength","Math","min","compositions","ComponentPreview","previewName","pubsub","queryParams","viewport","fullContentHeight","disableScroll","width","height","minHeight","undefined","CompositionGallery","componentId"],"sources":["overview.tsx"],"sourcesContent":["import React, { useContext, ComponentType, 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 { ComponentPreview, ComponentPreviewProps } 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 { 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};\n\nexport function Overview({ titleBadges, overviewOptions, previewProps, getEmptyState, TaggedAPI }: 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\n  const [isLoading, setLoading] = useState(defaultLoadingState);\n\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      {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        />\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          <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            {...rest}\n            component={component}\n            style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}\n          />\n          {component.preview?.onlyOverview && !isLoading && <CompositionGallery component={component} />}\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","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","BadgePosition","exports","Overview","titleBadges","overviewOptions","previewProps","getEmptyState","TaggedAPI","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","iframeQueryParams","onlyOverview","skipIncludes","overviewPropsValues","themeParams","themeName","_ref","onLoad","style","rest","onPreviewLoad","useCallback","props","useEffect","id","toString","createElement","className","classNames","styles","overviewWrapper","noOverflow","key","ComponentOverview","componentOverviewBlock","legacyPreview","displayName","version","abstract","description","labels","packageName","readme","ReadmeSkeleton","CompositionGallerySkeleton","compositionsLength","Math","min","compositions","Fragment","ComponentPreview","previewName","pubsub","queryParams","viewport","fullContentHeight","disableScroll","width","height","minHeight","undefined","CompositionGallery","componentId"],"sources":["overview.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useContext, ComponentType, 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 { ComponentPreview, ComponentPreviewProps } 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 { 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};\n\nexport function Overview({ titleBadges, overviewOptions, previewProps, getEmptyState, TaggedAPI }: 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\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      {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        />\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 ? (\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                {...rest}\n                component={component}\n                style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}\n              />\n              {component.preview?.onlyOverview && !isLoading && <CompositionGallery component={component} />}\n            </>\n          ) : (\n            <>\n              {component.preview?.onlyOverview && !isLoading && <CompositionGallery component={component} />}\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                {...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-1734578336546.js → preview-1734878977623.js}

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

package/overview/overview.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable complexity */
 import React, { useContext, ComponentType, useState } from 'react';
 import classNames from 'classnames';
 import { flatten } from 'lodash';
@@ -10,6 +11,7 @@ import { ComponentPreview, ComponentPreviewProps } from '@teambit/preview.ui.com
 import { ComponentOverview } from '@teambit/component.ui.component-meta';
 import { CompositionGallery, CompositionGallerySkeleton } from '@teambit/compositions.panels.composition-gallery';
 import { useThemePicker } from '@teambit/base-react.themes.theme-switcher';
+import { useWorkspaceMode } from '@teambit/workspace.ui.use-workspace-mode';
 import { ReadmeSkeleton } from './readme-skeleton';
 import styles from './overview.module.scss';
 
@@ -54,7 +56,7 @@ export function Overview({ titleBadges, overviewOptions, previewProps, getEmptyS
   const defaultLoadingState = React.useMemo(() => {
     return isScaling && !includesEnvTemplate;
   }, [isScaling, includesEnvTemplate]);
-
+  const { isMinimal } = useWorkspaceMode();
   const [isLoading, setLoading] = useState(defaultLoadingState);
 
   const iframeQueryParams = `onlyOverview=${component.preview?.onlyOverview || 'false'}&skipIncludes=${
@@ -106,19 +108,39 @@ export function Overview({ titleBadges, overviewOptions, previewProps, getEmptyS
               <CompositionGallerySkeleton compositionsLength={Math.min(component.compositions.length, 3)} />
             </ReadmeSkeleton>
           )}
-          <ComponentPreview
-            onLoad={onPreviewLoad}
-            previewName="overview"
-            pubsub={true}
-            queryParams={[iframeQueryParams, themeParams, overviewPropsValues?.queryParams || '']}
-            viewport={null}
-            fullContentHeight
-            disableScroll={true}
-            {...rest}
-            component={component}
-            style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}
-          />
-          {component.preview?.onlyOverview && !isLoading && <CompositionGallery component={component} />}
+          {!isMinimal ? (
+            <>
+              <ComponentPreview
+                onLoad={onPreviewLoad}
+                previewName="overview"
+                pubsub={true}
+                queryParams={[iframeQueryParams, themeParams, overviewPropsValues?.queryParams || '']}
+                viewport={null}
+                fullContentHeight
+                disableScroll={true}
+                {...rest}
+                component={component}
+                style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}
+              />
+              {component.preview?.onlyOverview && !isLoading && <CompositionGallery component={component} />}
+            </>
+          ) : (
+            <>
+              {component.preview?.onlyOverview && !isLoading && <CompositionGallery component={component} />}
+              <ComponentPreview
+                onLoad={onPreviewLoad}
+                previewName="overview"
+                pubsub={true}
+                queryParams={[iframeQueryParams, themeParams, overviewPropsValues?.queryParams || '']}
+                viewport={null}
+                fullContentHeight
+                disableScroll={true}
+                {...rest}
+                component={component}
+                style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}
+              />
+            </>
+          )}
           {component.preview?.onlyOverview && !isLoading && TaggedAPI && (
             <TaggedAPI componentId={component.id.toString()} />
           )}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/docs",
-  "version": "1.0.498",
+  "version": "1.0.500",
   "homepage": "https://bit.cloud/teambit/docs/docs",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.docs",
     "name": "docs",
-    "version": "1.0.498"
+    "version": "1.0.500"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
@@ -19,25 +19,26 @@
     "@teambit/base-react.themes.theme-switcher": "1.1.2",
     "@teambit/component.ui.component-meta": "0.0.364",
     "@teambit/base-ui.loaders.skeleton": "1.0.1",
-    "@teambit/compiler": "1.0.498",
-    "@teambit/component": "1.0.498",
-    "@teambit/pkg": "1.0.498",
-    "@teambit/workspace": "1.0.498",
-    "@teambit/cli": "0.0.1075",
-    "@teambit/component.sources": "0.0.61",
-    "@teambit/dev-files": "1.0.498",
-    "@teambit/envs": "1.0.498",
-    "@teambit/graphql": "1.0.498",
-    "@teambit/legacy.consumer-component": "0.0.10",
-    "@teambit/logger": "0.0.1168",
-    "@teambit/preview": "1.0.498",
-    "@teambit/scope": "1.0.498",
-    "@teambit/api-reference": "1.0.498",
-    "@teambit/component-compare": "1.0.498",
-    "@teambit/ui": "1.0.498",
+    "@teambit/compiler": "1.0.500",
+    "@teambit/component": "1.0.500",
+    "@teambit/pkg": "1.0.500",
+    "@teambit/workspace": "1.0.500",
+    "@teambit/cli": "0.0.1077",
+    "@teambit/component.sources": "0.0.62",
+    "@teambit/dev-files": "1.0.500",
+    "@teambit/envs": "1.0.500",
+    "@teambit/graphql": "1.0.500",
+    "@teambit/legacy.consumer-component": "0.0.11",
+    "@teambit/logger": "0.0.1170",
+    "@teambit/preview": "1.0.500",
+    "@teambit/scope": "1.0.500",
+    "@teambit/api-reference": "1.0.500",
+    "@teambit/component-compare": "1.0.500",
+    "@teambit/ui": "1.0.500",
     "@teambit/compositions.panels.composition-gallery": "0.0.216",
     "@teambit/preview.ui.component-preview": "1.0.19",
-    "@teambit/pubsub": "1.0.498"
+    "@teambit/workspace.ui.use-workspace-mode": "0.0.2",
+    "@teambit/pubsub": "1.0.500"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",