@teambit/docs 1.0.62 → 1.0.64

package/dist/overview/overview.js

@@ -142,7 +142,7 @@ function Overview({
   }), !buildFailed && /*#__PURE__*/_react().default.createElement("div", {
     className: _overviewModule().default.readme
   }, isLoading && /*#__PURE__*/_react().default.createElement(_readmeSkeleton().ReadmeSkeleton, null, /*#__PURE__*/_react().default.createElement(_compositionsPanels().CompositionGallerySkeleton, {
-    compositionsLength: component.compositions.length
+    compositionsLength: Math.min(component.compositions.length, 3)
   })), /*#__PURE__*/_react().default.createElement(_previewUi().ComponentPreview, _extends({
     onLoad: onPreviewLoad,
     previewName: "overview",

package/dist/overview/overview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_lodash","_reactUiDocs","_component","_previewUi","_componentUi","_compositionsPanels","_readmeSkeleton","_overviewModule","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","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","EmptyState","buildFailed","buildStatus","toLowerCase","host","isScaling","Boolean","isLoading","setLoading","useState","iframeQueryParams","skipIncludes","overviewPropsValues","_ref","onLoad","style","rest","onPreviewLoad","React","useCallback","props","useEffect","id","toString","createElement","className","styles","overviewWrapper","ComponentOverview","classNames","componentOverviewBlock","legacyPreview","displayName","version","abstract","description","labels","packageName","readme","ReadmeSkeleton","CompositionGallerySkeleton","compositionsLength","compositions","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, CompositionGallerySkeleton } from '@teambit/compositions.panels.composition-gallery';\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};\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 EmptyState = getEmptyState && getEmptyState();\n  const buildFailed = component.buildStatus?.toLowerCase() !== 'succeed' && component?.host === 'teambit.scope/scope';\n  const isScaling = Boolean(component.preview?.isScaling);\n\n  const [isLoading, setLoading] = useState(() => 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  // reset the loading flag when components are swiched or turn it off if the component is not scaling\n  React.useEffect(() => {\n    if (!isLoading && isScaling) setLoading(true);\n    if (isLoading && !isScaling) setLoading(false);\n  }, [component.id.toString(), isScaling]);\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      {!buildFailed && (\n        <div className={styles.readme}>\n          {isLoading && (\n            <ReadmeSkeleton>\n              <CompositionGallerySkeleton compositionsLength={component.compositions.length} />\n            </ReadmeSkeleton>\n          )}\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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"}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_lodash","_reactUiDocs","_component","_previewUi","_componentUi","_compositionsPanels","_readmeSkeleton","_overviewModule","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","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","EmptyState","buildFailed","buildStatus","toLowerCase","host","isScaling","Boolean","isLoading","setLoading","useState","iframeQueryParams","skipIncludes","overviewPropsValues","_ref","onLoad","style","rest","onPreviewLoad","React","useCallback","props","useEffect","id","toString","createElement","className","styles","overviewWrapper","ComponentOverview","classNames","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","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, CompositionGallerySkeleton } from '@teambit/compositions.panels.composition-gallery';\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};\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 EmptyState = getEmptyState && getEmptyState();\n  const buildFailed = component.buildStatus?.toLowerCase() !== 'succeed' && component?.host === 'teambit.scope/scope';\n  const isScaling = Boolean(component.preview?.isScaling);\n\n  const [isLoading, setLoading] = useState(() => 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  // reset the loading flag when components are swiched or turn it off if the component is not scaling\n  React.useEffect(() => {\n    if (!isLoading && isScaling) setLoading(true);\n    if (isLoading && !isScaling) setLoading(false);\n  }, [component.id.toString(), isScaling]);\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      {!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, 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-1700709510910.js → preview-1700991709206.js}

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

package/overview/overview.tsx

@@ -90,7 +90,7 @@ export function Overview({ titleBadges, overviewOptions, previewProps, getEmptyS
         <div className={styles.readme}>
           {isLoading && (
             <ReadmeSkeleton>
-              <CompositionGallerySkeleton compositionsLength={component.compositions.length} />
+              <CompositionGallerySkeleton compositionsLength={Math.min(component.compositions.length, 3)} />
             </ReadmeSkeleton>
           )}
           <ComponentPreview

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/docs",
-  "version": "1.0.62",
+  "version": "1.0.64",
   "homepage": "https://bit.cloud/teambit/docs/docs",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.docs",
     "name": "docs",
-    "version": "1.0.62"
+    "version": "1.0.64"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
@@ -19,21 +19,21 @@
     "@teambit/component-id": "1.2.0",
     "@teambit/docs.ui.overview-compare-section": "0.0.100",
     "@teambit/docs.ui.overview-compare": "1.0.10",
-    "@teambit/component.ui.component-meta": "0.0.357",
+    "@teambit/component.ui.component-meta": "0.0.358",
     "@teambit/base-ui.loaders.skeleton": "1.0.1",
-    "@teambit/compiler": "1.0.62",
-    "@teambit/component": "1.0.62",
-    "@teambit/pkg": "1.0.62",
-    "@teambit/workspace": "1.0.62",
+    "@teambit/compiler": "1.0.64",
+    "@teambit/component": "1.0.64",
+    "@teambit/pkg": "1.0.64",
+    "@teambit/workspace": "1.0.64",
     "@teambit/cli": "0.0.822",
-    "@teambit/dev-files": "1.0.62",
-    "@teambit/envs": "1.0.62",
-    "@teambit/graphql": "1.0.62",
+    "@teambit/dev-files": "1.0.64",
+    "@teambit/envs": "1.0.64",
+    "@teambit/graphql": "1.0.64",
     "@teambit/logger": "0.0.915",
-    "@teambit/preview": "1.0.62",
-    "@teambit/component-compare": "1.0.62",
-    "@teambit/ui": "1.0.62",
-    "@teambit/pubsub": "1.0.62",
+    "@teambit/preview": "1.0.64",
+    "@teambit/component-compare": "1.0.64",
+    "@teambit/ui": "1.0.64",
+    "@teambit/pubsub": "1.0.64",
     "@teambit/compositions.panels.composition-gallery": "0.0.183",
     "@teambit/preview.ui.component-preview": "1.0.3",
     "@teambit/react.ui.docs.properties-table": "0.0.21"
@@ -55,6 +55,13 @@
     "react-dom": "^16.8.0 || ^17.0.0"
   },
   "license": "Apache-2.0",
+  "exports": {
+    "node": {
+      "require": "./dist/index.js",
+      "import": "./dist/esm.mjs"
+    },
+    "default": "./dist/index.js"
+  },
   "private": false,
   "engines": {
     "node": ">=12.22.0"