@teambit/docs 1.0.24 → 1.0.25

package/dist/overview/overview.js

@@ -92,7 +92,7 @@ function Overview({
   previewProps,
   getEmptyState
 }) {
-  var _component$preview, _component$preview2, _component$preview3, _component$preview4, _component$preview5;
+  var _component$preview, _component$buildStatu, _component$preview2, _component$preview3, _component$preview4, _component$preview5;
   const component = (0, _react().useContext)(_component().ComponentContext);
   const componentDescriptor = (0, _component().useComponentDescriptor)();
   const overviewProps = (0, _lodash().flatten)(overviewOptions.values())[0];
@@ -109,7 +109,7 @@ function Overview({
 
   // if (component?.buildStatus === 'failed' && component?.host === 'teambit.scope/scope')
   //   return <StatusMessageCard style={{ margin: 'auto' }} status="FAILURE" title="failed to get component preview " />;
-  const buildFailed = component.buildStatus !== 'Succeed' && (component === null || component === void 0 ? void 0 : component.host) === 'teambit.scope/scope';
+  const buildFailed = ((_component$buildStatu = component.buildStatus) === null || _component$buildStatu === void 0 ? void 0 : _component$buildStatu.toLowerCase()) !== 'succeed' && (component === null || component === void 0 ? void 0 : component.host) === 'teambit.scope/scope';
   const isScaling = (_component$preview2 = component.preview) === null || _component$preview2 === void 0 ? void 0 : _component$preview2.isScaling;
   const iframeQueryParams = `skipIncludes=${((_component$preview3 = component.preview) === null || _component$preview3 === void 0 ? void 0 : _component$preview3.skipIncludes) || 'false'}`;
   const overviewPropsValues = overviewProps && overviewProps();

package/dist/overview/overview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_lodash","_reactUiDocs","_component","_previewUi","_componentUi","_compositionsPanels","_overviewModule","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","BadgePosition","exports","Overview","titleBadges","overviewOptions","previewProps","getEmptyState","_component$preview","_component$preview2","_component$preview3","_component$preview4","_component$preview5","component","useContext","ComponentContext","componentDescriptor","useComponentDescriptor","overviewProps","flatten","values","showHeader","preview","legacyHeader","isLoading","setLoading","useState","EmptyState","buildFailed","buildStatus","host","isScaling","iframeQueryParams","skipIncludes","overviewPropsValues","_ref","onLoad","style","rest","onPreviewLoad","React","useCallback","e","props","createElement","className","styles","overviewWrapper","id","toString","ComponentOverview","classNames","componentOverviewBlock","legacyPreview","displayName","version","abstract","description","labels","packageName","readme","ComponentPreview","previewName","pubsub","queryParams","viewport","fullContentHeight","disableScroll","width","height","minHeight","undefined","CompositionGallery","PropertiesTable","overviewPropsTable","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';\nimport { PropertiesTable } from '@teambit/react.ui.docs.properties-table';\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 } from '@teambit/compositions.panels.composition-gallery';\n// import { 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};\n\nexport function Overview({ titleBadges, overviewOptions, previewProps, getEmptyState }: OverviewProps) {\n  const component = useContext(ComponentContext);\n  const componentDescriptor = useComponentDescriptor();\n  const overviewProps = flatten(overviewOptions.values())[0];\n  const showHeader = !component.preview?.legacyHeader;\n  const [isLoading, setLoading] = useState(true);\n  const EmptyState = getEmptyState && getEmptyState();\n\n  // if (component?.buildStatus === 'pending' && component?.host === 'teambit.scope/scope')\n  //   return (\n  //     <StatusMessageCard style={{ margin: 'auto' }} status=\"PROCESSING\" title=\"component preview pending\">\n  //       this might take some time\n  //     </StatusMessageCard>\n  //   );\n\n  // if (component?.buildStatus === 'failed' && component?.host === 'teambit.scope/scope')\n  //   return <StatusMessageCard style={{ margin: 'auto' }} status=\"FAILURE\" title=\"failed to get component preview \" />;\n  const buildFailed = component.buildStatus !== 'Succeed' && component?.host === 'teambit.scope/scope';\n\n  const isScaling = component.preview?.isScaling;\n\n  const iframeQueryParams = `skipIncludes=${component.preview?.skipIncludes || 'false'}`;\n\n  const overviewPropsValues = overviewProps && overviewProps();\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  return (\n    <div className={styles.overviewWrapper} key={`${component.id.toString()}`}>\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\n      {/* TODO - @oded replace with new panel card same for compositions. */}\n\n      {/* <LinkedHeading size=\"xs\" className={styles.title}>\n        <Icon of=\"text\" /> <span>README</span>\n      </LinkedHeading> */}\n      {!buildFailed && <div className={styles.readme}>\n        {/* {isLoading && <ReadmeSkeleton />} */}\n        <ComponentPreview\n          onLoad={onPreviewLoad}\n          previewName=\"overview\"\n          pubsub={true}\n          queryParams={[iframeQueryParams, 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?.skipIncludes && <CompositionGallery isLoading={isLoading} component={component} />}\n        {component.preview?.skipIncludes && (\n          <PropertiesTable className={styles.overviewPropsTable} componentId={component.id.toString()} />\n        )}\n      </div>}\n      {(buildFailed && EmptyState) && <EmptyState />}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_lodash","_reactUiDocs","_component","_previewUi","_componentUi","_compositionsPanels","_overviewModule","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","BadgePosition","exports","Overview","titleBadges","overviewOptions","previewProps","getEmptyState","_component$preview","_component$buildStatu","_component$preview2","_component$preview3","_component$preview4","_component$preview5","component","useContext","ComponentContext","componentDescriptor","useComponentDescriptor","overviewProps","flatten","values","showHeader","preview","legacyHeader","isLoading","setLoading","useState","EmptyState","buildFailed","buildStatus","toLowerCase","host","isScaling","iframeQueryParams","skipIncludes","overviewPropsValues","_ref","onLoad","style","rest","onPreviewLoad","React","useCallback","e","props","createElement","className","styles","overviewWrapper","id","toString","ComponentOverview","classNames","componentOverviewBlock","legacyPreview","displayName","version","abstract","description","labels","packageName","readme","ComponentPreview","previewName","pubsub","queryParams","viewport","fullContentHeight","disableScroll","width","height","minHeight","undefined","CompositionGallery","PropertiesTable","overviewPropsTable","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';\nimport { PropertiesTable } from '@teambit/react.ui.docs.properties-table';\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 } from '@teambit/compositions.panels.composition-gallery';\n// import { 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};\n\nexport function Overview({ titleBadges, overviewOptions, previewProps, getEmptyState }: OverviewProps) {\n  const component = useContext(ComponentContext);\n  const componentDescriptor = useComponentDescriptor();\n  const overviewProps = flatten(overviewOptions.values())[0];\n  const showHeader = !component.preview?.legacyHeader;\n  const [isLoading, setLoading] = useState(true);\n  const EmptyState = getEmptyState && getEmptyState();\n\n  // if (component?.buildStatus === 'pending' && component?.host === 'teambit.scope/scope')\n  //   return (\n  //     <StatusMessageCard style={{ margin: 'auto' }} status=\"PROCESSING\" title=\"component preview pending\">\n  //       this might take some time\n  //     </StatusMessageCard>\n  //   );\n\n  // if (component?.buildStatus === 'failed' && component?.host === 'teambit.scope/scope')\n  //   return <StatusMessageCard style={{ margin: 'auto' }} status=\"FAILURE\" title=\"failed to get component preview \" />;\n  const buildFailed = component.buildStatus?.toLowerCase() !== 'succeed' && component?.host === 'teambit.scope/scope';\n\n  const isScaling = component.preview?.isScaling;\n\n  const iframeQueryParams = `skipIncludes=${component.preview?.skipIncludes || 'false'}`;\n\n  const overviewPropsValues = overviewProps && overviewProps();\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  return (\n    <div className={styles.overviewWrapper} key={`${component.id.toString()}`}>\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\n      {/* TODO - @oded replace with new panel card same for compositions. */}\n\n      {/* <LinkedHeading size=\"xs\" className={styles.title}>\n        <Icon of=\"text\" /> <span>README</span>\n      </LinkedHeading> */}\n      {!buildFailed && (\n        <div className={styles.readme}>\n          {/* {isLoading && <ReadmeSkeleton />} */}\n          <ComponentPreview\n            onLoad={onPreviewLoad}\n            previewName=\"overview\"\n            pubsub={true}\n            queryParams={[iframeQueryParams, 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?.skipIncludes && <CompositionGallery isLoading={isLoading} component={component} />}\n          {component.preview?.skipIncludes && (\n            <PropertiesTable className={styles.overviewPropsTable} componentId={component.id.toString()} />\n          )}\n        </div>\n      )}\n      {buildFailed && EmptyState && <EmptyState />}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{preview-1697253377211.js → preview-1697512701410.js}

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

package/overview/overview.tsx

@@ -36,7 +36,7 @@ export type OverviewProps = {
   titleBadges: TitleBadgeSlot;
   overviewOptions: OverviewOptionsSlot;
   previewProps?: Partial<ComponentPreviewProps>;
-  getEmptyState?: () => ComponentType|undefined;
+  getEmptyState?: () => ComponentType | undefined;
 };
 
 export function Overview({ titleBadges, overviewOptions, previewProps, getEmptyState }: OverviewProps) {
@@ -56,7 +56,7 @@ export function Overview({ titleBadges, overviewOptions, previewProps, getEmptyS
 
   // if (component?.buildStatus === 'failed' && component?.host === 'teambit.scope/scope')
   //   return <StatusMessageCard style={{ margin: 'auto' }} status="FAILURE" title="failed to get component preview " />;
-  const buildFailed = component.buildStatus !== 'Succeed' && component?.host === 'teambit.scope/scope';
+  const buildFailed = component.buildStatus?.toLowerCase() !== 'succeed' && component?.host === 'teambit.scope/scope';
 
   const isScaling = component.preview?.isScaling;
 
@@ -96,26 +96,28 @@ export function Overview({ titleBadges, overviewOptions, previewProps, getEmptyS
       {/* <LinkedHeading size="xs" className={styles.title}>
         <Icon of="text" /> <span>README</span>
       </LinkedHeading> */}
-      {!buildFailed && <div className={styles.readme}>
-        {/* {isLoading && <ReadmeSkeleton />} */}
-        <ComponentPreview
-          onLoad={onPreviewLoad}
-          previewName="overview"
-          pubsub={true}
-          queryParams={[iframeQueryParams, overviewPropsValues?.queryParams || '']}
-          viewport={null}
-          fullContentHeight
-          disableScroll={true}
-          {...rest}
-          component={component}
-          style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}
-        />
-        {component.preview?.skipIncludes && <CompositionGallery isLoading={isLoading} component={component} />}
-        {component.preview?.skipIncludes && (
-          <PropertiesTable className={styles.overviewPropsTable} componentId={component.id.toString()} />
-        )}
-      </div>}
-      {(buildFailed && EmptyState) && <EmptyState />}
+      {!buildFailed && (
+        <div className={styles.readme}>
+          {/* {isLoading && <ReadmeSkeleton />} */}
+          <ComponentPreview
+            onLoad={onPreviewLoad}
+            previewName="overview"
+            pubsub={true}
+            queryParams={[iframeQueryParams, overviewPropsValues?.queryParams || '']}
+            viewport={null}
+            fullContentHeight
+            disableScroll={true}
+            {...rest}
+            component={component}
+            style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}
+          />
+          {component.preview?.skipIncludes && <CompositionGallery isLoading={isLoading} component={component} />}
+          {component.preview?.skipIncludes && (
+            <PropertiesTable className={styles.overviewPropsTable} componentId={component.id.toString()} />
+          )}
+        </div>
+      )}
+      {buildFailed && EmptyState && <EmptyState />}
     </div>
   );
 }

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/docs",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "homepage": "https://bit.cloud/teambit/docs/docs",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.docs",
     "name": "docs",
-    "version": "1.0.24"
+    "version": "1.0.25"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
@@ -20,21 +20,21 @@
     "@teambit/docs.ui.overview-compare": "1.0.10",
     "@teambit/component.ui.component-meta": "0.0.357",
     "@teambit/base-ui.loaders.skeleton": "1.0.1",
-    "@teambit/compiler": "1.0.24",
-    "@teambit/component": "1.0.24",
-    "@teambit/pkg": "1.0.24",
-    "@teambit/workspace": "1.0.24",
-    "@teambit/cli": "0.0.798",
-    "@teambit/dev-files": "1.0.24",
-    "@teambit/envs": "1.0.24",
-    "@teambit/graphql": "1.0.24",
-    "@teambit/logger": "0.0.891",
-    "@teambit/preview": "1.0.24",
-    "@teambit/component-id": "1.0.1",
-    "@teambit/component-compare": "1.0.24",
-    "@teambit/ui": "1.0.24",
-    "@teambit/pubsub": "1.0.24",
-    "@teambit/compositions.panels.composition-gallery": "0.0.157",
+    "@teambit/compiler": "1.0.25",
+    "@teambit/component": "1.0.25",
+    "@teambit/pkg": "1.0.25",
+    "@teambit/workspace": "1.0.25",
+    "@teambit/cli": "0.0.799",
+    "@teambit/dev-files": "1.0.25",
+    "@teambit/envs": "1.0.25",
+    "@teambit/graphql": "1.0.25",
+    "@teambit/logger": "0.0.892",
+    "@teambit/preview": "1.0.25",
+    "@teambit/component-id": "1.0.2",
+    "@teambit/component-compare": "1.0.25",
+    "@teambit/ui": "1.0.25",
+    "@teambit/pubsub": "1.0.25",
+    "@teambit/compositions.panels.composition-gallery": "0.0.158",
     "@teambit/preview.ui.component-preview": "1.0.0",
     "@teambit/react.ui.docs.properties-table": "0.0.18"
   },
@@ -50,7 +50,7 @@
     "@teambit/docs.content.docs-overview": "1.95.9"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.577",
+    "@teambit/legacy": "1.0.578",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },