@teambit/docs 1.0.516 → 1.0.518

package/dist/docs.ui.runtime.d.ts

@@ -1,12 +1,16 @@
 import React, { ComponentType } from 'react';
 import { ComponentUI } from '@teambit/component';
+import { SlotRegistry } from '@teambit/harmony';
 import { ComponentCompareUI } from '@teambit/component-compare';
+import { UseSandboxPermission } from '@teambit/preview.ui.component-preview';
 import { APIReferenceUI } from '@teambit/api-reference';
 import type { TitleBadgeSlot, TitleBadge, OverviewOptionsSlot, OverviewOptions } from './overview';
+export type UsePreviewSandboxSlot = SlotRegistry<UseSandboxPermission>;
 export declare class DocsUI {
     readonly titleBadgeSlot: TitleBadgeSlot;
     readonly overviewOptionsSlot: OverviewOptionsSlot;
-    constructor(titleBadgeSlot: TitleBadgeSlot, overviewOptionsSlot: OverviewOptionsSlot);
+    private usePreviewSandboxSlot;
+    constructor(titleBadgeSlot: TitleBadgeSlot, overviewOptionsSlot: OverviewOptionsSlot, usePreviewSandboxSlot: UsePreviewSandboxSlot);
     /**
      * register a new title badge into the overview section of a component.
      */
@@ -17,12 +21,17 @@ export declare class DocsUI {
     listTitleBadges(): TitleBadge[];
     private _emptyState?;
     registerEmptyState(emptyState: ComponentType): React.ComponentType;
+    registerPreviewSandbox(useSandboxPermission: UseSandboxPermission): void;
     getEmptyState(): React.ComponentType | undefined;
     getDocsCompare(): import("react/jsx-runtime").JSX.Element;
     registerOverviewOptions(options: OverviewOptions): void;
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
-    static slots: (((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<TitleBadge>) | ((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<OverviewOptions>))[];
-    static provider([component, componentCompare, apiRef]: [ComponentUI, ComponentCompareUI, APIReferenceUI], config: any, [titleBadgeSlot, overviewOptionsSlot]: [TitleBadgeSlot, OverviewOptionsSlot]): Promise<DocsUI>;
+    static slots: (((registerFn: () => string) => SlotRegistry<TitleBadge>) | ((registerFn: () => string) => SlotRegistry<UseSandboxPermission>))[];
+    static provider([component, componentCompare, apiRef]: [ComponentUI, ComponentCompareUI, APIReferenceUI], config: any, [titleBadgeSlot, overviewOptionsSlot, usePreviewSandboxSlot]: [
+        TitleBadgeSlot,
+        OverviewOptionsSlot,
+        UsePreviewSandboxSlot
+    ]): Promise<DocsUI>;
 }
 export default DocsUI;

package/dist/docs.ui.runtime.js

@@ -86,9 +86,10 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class DocsUI {
-  constructor(titleBadgeSlot, overviewOptionsSlot) {
+  constructor(titleBadgeSlot, overviewOptionsSlot, usePreviewSandboxSlot) {
     this.titleBadgeSlot = titleBadgeSlot;
     this.overviewOptionsSlot = overviewOptionsSlot;
+    this.usePreviewSandboxSlot = usePreviewSandboxSlot;
     _defineProperty(this, "_emptyState", void 0);
   }
 
@@ -110,6 +111,9 @@ class DocsUI {
   registerEmptyState(emptyState) {
     return this._emptyState = emptyState;
   }
+  registerPreviewSandbox(useSandboxPermission) {
+    this.usePreviewSandboxSlot.register(useSandboxPermission);
+  }
   getEmptyState() {
     return this._emptyState;
   }
@@ -122,21 +126,27 @@ class DocsUI {
   registerOverviewOptions(options) {
     this.overviewOptionsSlot.register(options);
   }
-  static async provider([component, componentCompare, apiRef], config, [titleBadgeSlot, overviewOptionsSlot]) {
-    const docs = new DocsUI(titleBadgeSlot, overviewOptionsSlot);
-    const section = new (_overview().OverviewSection)(titleBadgeSlot, overviewOptionsSlot, docs, apiRef);
+  static async provider([component, componentCompare, apiRef], config, [titleBadgeSlot, overviewOptionsSlot, usePreviewSandboxSlot]) {
+    const docs = new DocsUI(titleBadgeSlot, overviewOptionsSlot, usePreviewSandboxSlot);
+    const section = new (_overview().OverviewSection)(titleBadgeSlot, overviewOptionsSlot, docs, apiRef, usePreviewSandboxSlot);
     const compareSection = new (_docsUi2().OverviewCompareSection)(docs);
     component.registerRoute(section.route);
     component.registerNavigation(section.navigationLink, section.order);
     componentCompare.registerNavigation(compareSection);
     componentCompare.registerRoutes([compareSection.route]);
+    docs.registerPreviewSandbox((manager, componentModel) => {
+      if (componentModel?.host === 'teambit.scope/scope') {
+        manager.add('allow-scripts');
+        manager.add('allow-same-origin');
+      }
+    });
     return docs;
   }
 }
 exports.DocsUI = DocsUI;
 _defineProperty(DocsUI, "dependencies", [_component().ComponentAspect, _componentCompare().ComponentCompareAspect, _apiReference().APIReferenceAspect]);
 _defineProperty(DocsUI, "runtime", _ui().UIRuntime);
-_defineProperty(DocsUI, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType()]);
+_defineProperty(DocsUI, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType()]);
 var _default = exports.default = DocsUI;
 _docs().DocsAspect.addRuntime(DocsUI);
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_component","_harmony","_ui","_componentCompare","_docsUi","_docsUi2","_apiReference","_docs","_overview","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","DocsUI","constructor","titleBadgeSlot","overviewOptionsSlot","registerTitleBadge","titleBadges","badges","Array","isArray","register","listTitleBadges","flatten","values","registerEmptyState","emptyState","_emptyState","getEmptyState","getDocsCompare","createElement","OverviewCompare","overviewOptions","registerOverviewOptions","options","provider","component","componentCompare","apiRef","config","docs","section","OverviewSection","compareSection","OverviewCompareSection","registerRoute","route","registerNavigation","navigationLink","order","registerRoutes","exports","ComponentAspect","ComponentCompareAspect","APIReferenceAspect","UIRuntime","Slot","withType","_default","DocsAspect","addRuntime"],"sources":["docs.ui.runtime.tsx"],"sourcesContent":["import React, { ComponentType } from 'react';\nimport { flatten } from 'lodash';\nimport { ComponentAspect, ComponentUI } from '@teambit/component';\nimport { Slot } from '@teambit/harmony';\nimport { UIRuntime } from '@teambit/ui';\nimport { ComponentCompareAspect, ComponentCompareUI } from '@teambit/component-compare';\nimport { OverviewCompare } from '@teambit/docs.ui.overview-compare';\nimport { OverviewCompareSection } from '@teambit/docs.ui.overview-compare-section';\nimport { APIReferenceAspect, APIReferenceUI } from '@teambit/api-reference';\nimport { DocsAspect } from './docs.aspect';\nimport { OverviewSection } from './overview.section';\nimport type { TitleBadgeSlot, TitleBadge, OverviewOptionsSlot, OverviewOptions } from './overview';\n\nexport class DocsUI {\n  constructor(\n    readonly titleBadgeSlot: TitleBadgeSlot,\n    readonly overviewOptionsSlot: OverviewOptionsSlot\n  ) {}\n\n  /**\n   * register a new title badge into the overview section of a component.\n   */\n  registerTitleBadge(titleBadges: TitleBadge | TitleBadge[]) {\n    const badges = Array.isArray(titleBadges) ? titleBadges : [titleBadges];\n    this.titleBadgeSlot.register(badges);\n    return this;\n  }\n\n  /**\n   * list all title badges registered.\n   */\n  listTitleBadges() {\n    return flatten(this.titleBadgeSlot.values());\n  }\n\n  private _emptyState?: ComponentType;\n\n  registerEmptyState(emptyState: ComponentType) {\n    return (this._emptyState = emptyState);\n  }\n\n  getEmptyState() {\n    return this._emptyState;\n  }\n\n  getDocsCompare() {\n    return <OverviewCompare titleBadges={this.titleBadgeSlot} overviewOptions={this.overviewOptionsSlot} />;\n  }\n\n  registerOverviewOptions(options: OverviewOptions) {\n    this.overviewOptionsSlot.register(options);\n  }\n\n  static dependencies = [ComponentAspect, ComponentCompareAspect, APIReferenceAspect];\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<TitleBadge>(), Slot.withType<OverviewOptions>()];\n\n  static async provider(\n    [component, componentCompare, apiRef]: [ComponentUI, ComponentCompareUI, APIReferenceUI],\n    config,\n    [titleBadgeSlot, overviewOptionsSlot]: [TitleBadgeSlot, OverviewOptionsSlot]\n  ) {\n    const docs = new DocsUI(titleBadgeSlot, overviewOptionsSlot);\n    const section = new OverviewSection(titleBadgeSlot, overviewOptionsSlot, docs, apiRef);\n    const compareSection = new OverviewCompareSection(docs);\n\n    component.registerRoute(section.route);\n    component.registerNavigation(section.navigationLink, section.order);\n    componentCompare.registerNavigation(compareSection);\n    componentCompare.registerRoutes([compareSection.route]);\n    return docs;\n  }\n}\n\nexport default DocsUI;\n\nDocsAspect.addRuntime(DocsUI);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_component","_harmony","_ui","_componentCompare","_docsUi","_docsUi2","_apiReference","_docs","_overview","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","DocsUI","constructor","titleBadgeSlot","overviewOptionsSlot","usePreviewSandboxSlot","registerTitleBadge","titleBadges","badges","Array","isArray","register","listTitleBadges","flatten","values","registerEmptyState","emptyState","_emptyState","registerPreviewSandbox","useSandboxPermission","getEmptyState","getDocsCompare","createElement","OverviewCompare","overviewOptions","registerOverviewOptions","options","provider","component","componentCompare","apiRef","config","docs","section","OverviewSection","compareSection","OverviewCompareSection","registerRoute","route","registerNavigation","navigationLink","order","registerRoutes","manager","componentModel","host","add","exports","ComponentAspect","ComponentCompareAspect","APIReferenceAspect","UIRuntime","Slot","withType","_default","DocsAspect","addRuntime"],"sources":["docs.ui.runtime.tsx"],"sourcesContent":["import React, { ComponentType } from 'react';\nimport { flatten } from 'lodash';\nimport { ComponentAspect, ComponentUI } from '@teambit/component';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { UIRuntime } from '@teambit/ui';\nimport { ComponentCompareAspect, ComponentCompareUI } from '@teambit/component-compare';\nimport { OverviewCompare } from '@teambit/docs.ui.overview-compare';\nimport { OverviewCompareSection } from '@teambit/docs.ui.overview-compare-section';\nimport { UseSandboxPermission } from '@teambit/preview.ui.component-preview';\nimport { APIReferenceAspect, APIReferenceUI } from '@teambit/api-reference';\nimport { DocsAspect } from './docs.aspect';\nimport { OverviewSection } from './overview.section';\nimport type { TitleBadgeSlot, TitleBadge, OverviewOptionsSlot, OverviewOptions } from './overview';\n\nexport type UsePreviewSandboxSlot = SlotRegistry<UseSandboxPermission>;\n\nexport class DocsUI {\n  constructor(\n    readonly titleBadgeSlot: TitleBadgeSlot,\n    readonly overviewOptionsSlot: OverviewOptionsSlot,\n    private usePreviewSandboxSlot: UsePreviewSandboxSlot\n  ) {}\n\n  /**\n   * register a new title badge into the overview section of a component.\n   */\n  registerTitleBadge(titleBadges: TitleBadge | TitleBadge[]) {\n    const badges = Array.isArray(titleBadges) ? titleBadges : [titleBadges];\n    this.titleBadgeSlot.register(badges);\n    return this;\n  }\n\n  /**\n   * list all title badges registered.\n   */\n  listTitleBadges() {\n    return flatten(this.titleBadgeSlot.values());\n  }\n\n  private _emptyState?: ComponentType;\n\n  registerEmptyState(emptyState: ComponentType) {\n    return (this._emptyState = emptyState);\n  }\n\n  registerPreviewSandbox(useSandboxPermission: UseSandboxPermission) {\n    this.usePreviewSandboxSlot.register(useSandboxPermission);\n  }\n\n  getEmptyState() {\n    return this._emptyState;\n  }\n\n  getDocsCompare() {\n    return <OverviewCompare titleBadges={this.titleBadgeSlot} overviewOptions={this.overviewOptionsSlot} />;\n  }\n\n  registerOverviewOptions(options: OverviewOptions) {\n    this.overviewOptionsSlot.register(options);\n  }\n\n  static dependencies = [ComponentAspect, ComponentCompareAspect, APIReferenceAspect];\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<TitleBadge>(), Slot.withType<OverviewOptions>(), Slot.withType<UseSandboxPermission>()];\n\n  static async provider(\n    [component, componentCompare, apiRef]: [ComponentUI, ComponentCompareUI, APIReferenceUI],\n    config,\n    [titleBadgeSlot, overviewOptionsSlot, usePreviewSandboxSlot]: [\n      TitleBadgeSlot,\n      OverviewOptionsSlot,\n      UsePreviewSandboxSlot,\n    ]\n  ) {\n    const docs = new DocsUI(titleBadgeSlot, overviewOptionsSlot, usePreviewSandboxSlot);\n    const section = new OverviewSection(titleBadgeSlot, overviewOptionsSlot, docs, apiRef, usePreviewSandboxSlot);\n    const compareSection = new OverviewCompareSection(docs);\n    component.registerRoute(section.route);\n    component.registerNavigation(section.navigationLink, section.order);\n    componentCompare.registerNavigation(compareSection);\n    componentCompare.registerRoutes([compareSection.route]);\n    docs.registerPreviewSandbox((manager, componentModel) => {\n      if (componentModel?.host === 'teambit.scope/scope') {\n        manager.add('allow-scripts');\n        manager.add('allow-same-origin');\n      }\n    });\n    return docs;\n  }\n}\n\nexport default DocsUI;\n\nDocsAspect.addRuntime(DocsUI);\n"],"mappings":"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","ignoreList":[]}

package/dist/overview/overview.d.ts

@@ -1,6 +1,7 @@
 import React, { ComponentType } from 'react';
 import type { SlotRegistry } from '@teambit/harmony';
 import { ComponentPreviewProps } from '@teambit/preview.ui.component-preview';
+import { UsePreviewSandboxSlot } from '@teambit/compositions';
 export declare enum BadgePosition {
     Title = 0,
     SubTitle = 1,
@@ -25,5 +26,6 @@ export type OverviewProps = {
     TaggedAPI?: React.ComponentType<{
         componentId: string;
     }>;
+    usePreviewSandboxSlot?: UsePreviewSandboxSlot;
 };
-export declare function Overview({ titleBadges, overviewOptions, previewProps, getEmptyState, TaggedAPI }: 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,7 +105,8 @@ function Overview({
   overviewOptions,
   previewProps,
   getEmptyState,
-  TaggedAPI
+  TaggedAPI,
+  usePreviewSandboxSlot
 }) {
   const component = (0, _react().useContext)(_component().ComponentContext);
   const componentDescriptor = (0, _component().useComponentDescriptor)();
@@ -124,6 +125,8 @@ function Overview({
     isMinimal
   } = (0, _workspaceUi().useWorkspaceMode)();
   const [isLoading, setLoading] = (0, _react().useState)(defaultLoadingState);
+  const previewSandboxHooks = usePreviewSandboxSlot?.values() ?? [];
+  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 themeParams = currentTheme?.themeName ? `theme=${currentTheme?.themeName}` : '';
@@ -146,7 +149,11 @@ function Overview({
   return /*#__PURE__*/_react().default.createElement("div", {
     className: (0, _classnames().default)(_overviewModule().default.overviewWrapper, isLoading && _overviewModule().default.noOverflow),
     key: `${component.id.toString()}`
-  }, showHeader && /*#__PURE__*/_react().default.createElement(_componentUi().ComponentOverview, {
+  }, /*#__PURE__*/_react().default.createElement(_previewUi().SandboxPermissionsAggregator, {
+    hooks: previewSandboxHooks,
+    onSandboxChange: setSandboxValue,
+    component: component
+  }), showHeader && /*#__PURE__*/_react().default.createElement(_componentUi().ComponentOverview, {
     className: (0, _classnames().default)(_overviewModule().default.componentOverviewBlock, !isScaling && _overviewModule().default.legacyPreview),
     displayName: component.displayName,
     version: component.version,
@@ -167,7 +174,8 @@ function Overview({
     queryParams: [iframeQueryParams, themeParams, overviewPropsValues?.queryParams || ''],
     viewport: null,
     fullContentHeight: true,
-    disableScroll: true
+    disableScroll: true,
+    sandbox: sandboxValue
   }, rest, {
     component: component,
     style: {
@@ -186,7 +194,8 @@ function Overview({
     queryParams: [iframeQueryParams, themeParams, overviewPropsValues?.queryParams || ''],
     viewport: null,
     fullContentHeight: true,
-    disableScroll: true
+    disableScroll: true,
+    sandbox: sandboxValue
   }, rest, {
     component: component,
     style: {

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","_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":[]}
+{"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","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","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","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 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 {\n  ComponentPreview,\n  ComponentPreviewProps,\n  SandboxPermissionsAggregator,\n} 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 { 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};\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 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        />\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                sandbox={sandboxValue}\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                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/overview.section.d.ts

@@ -1,7 +1,7 @@
 import { Section } from '@teambit/component';
 import { APIReferenceUI } from '@teambit/api-reference';
 import { TitleBadgeSlot, OverviewOptionsSlot } from './overview';
-import { DocsUI } from './docs.ui.runtime';
+import { DocsUI, UsePreviewSandboxSlot } from './docs.ui.runtime';
 export declare class OverviewSection implements Section {
     /**
      * title badge slot.
@@ -10,11 +10,12 @@ export declare class OverviewSection implements Section {
     private overviewOptionsSlot;
     private docs;
     private apiRef;
+    private usePreviewSandboxSlot;
     constructor(
     /**
      * title badge slot.
      */
-    titleBadgeSlot: TitleBadgeSlot, overviewOptionsSlot: OverviewOptionsSlot, docs: DocsUI, apiRef: APIReferenceUI);
+    titleBadgeSlot: TitleBadgeSlot, overviewOptionsSlot: OverviewOptionsSlot, docs: DocsUI, apiRef: APIReferenceUI, usePreviewSandboxSlot: UsePreviewSandboxSlot);
     navigationLink: {
         href: string;
         exact: boolean;

package/dist/overview.section.js

@@ -27,11 +27,12 @@ class OverviewSection {
   /**
    * title badge slot.
    */
-  titleBadgeSlot, overviewOptionsSlot, docs, apiRef) {
+  titleBadgeSlot, overviewOptionsSlot, docs, apiRef, usePreviewSandboxSlot) {
     this.titleBadgeSlot = titleBadgeSlot;
     this.overviewOptionsSlot = overviewOptionsSlot;
     this.docs = docs;
     this.apiRef = apiRef;
+    this.usePreviewSandboxSlot = usePreviewSandboxSlot;
     _defineProperty(this, "navigationLink", {
       href: '.',
       exact: true,
@@ -43,7 +44,8 @@ class OverviewSection {
         titleBadges: this.titleBadgeSlot,
         overviewOptions: this.overviewOptionsSlot,
         getEmptyState: this.docs.getEmptyState.bind(this.docs),
-        TaggedAPI: this.apiRef.TaggedAPIPage
+        TaggedAPI: this.apiRef.TaggedAPIPage,
+        usePreviewSandboxSlot: this.usePreviewSandboxSlot
       })
     });
     _defineProperty(this, "order", 10);

package/dist/overview.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_overview","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","OverviewSection","constructor","titleBadgeSlot","overviewOptionsSlot","docs","apiRef","href","exact","children","index","element","createElement","Overview","titleBadges","overviewOptions","getEmptyState","bind","TaggedAPI","TaggedAPIPage","exports"],"sources":["overview.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { APIReferenceUI } from '@teambit/api-reference';\nimport { Overview, TitleBadgeSlot, OverviewOptionsSlot } from './overview';\nimport { DocsUI } from './docs.ui.runtime';\n\nexport class OverviewSection implements Section {\n  constructor(\n    /**\n     * title badge slot.\n     */\n    private titleBadgeSlot: TitleBadgeSlot,\n    private overviewOptionsSlot: OverviewOptionsSlot,\n    private docs: DocsUI,\n    private apiRef: APIReferenceUI\n  ) {}\n\n  navigationLink = {\n    href: '.',\n    exact: true,\n    children: 'Overview',\n  };\n\n  route = {\n    index: true,\n    element: (\n      <Overview\n        titleBadges={this.titleBadgeSlot}\n        overviewOptions={this.overviewOptionsSlot}\n        getEmptyState={this.docs.getEmptyState.bind(this.docs)}\n        TaggedAPI={this.apiRef.TaggedAPIPage}\n      />\n    ),\n  };\n\n  order = 10;\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGA,SAAAG,UAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,SAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA2E,SAAAC,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,gBAAAH,CAAA,EAAAI,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAJ,CAAA,GAAAO,MAAA,CAAAC,cAAA,CAAAR,CAAA,EAAAI,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAZ,CAAA,CAAAI,CAAA,IAAAC,CAAA,EAAAL,CAAA;AAAA,SAAAM,eAAAD,CAAA,QAAAQ,CAAA,GAAAC,YAAA,CAAAT,CAAA,uCAAAQ,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAT,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAL,CAAA,GAAAK,CAAA,CAAAU,MAAA,CAAAC,WAAA,kBAAAhB,CAAA,QAAAa,CAAA,GAAAb,CAAA,CAAAiB,IAAA,CAAAZ,CAAA,EAAAD,CAAA,uCAAAS,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAAd,CAAA,GAAAe,MAAA,GAAAC,MAAA,EAAAf,CAAA;AAGpE,MAAMgB,eAAe,CAAoB;EAC9CC,WAAWA;EACT;AACJ;AACA;EACYC,cAA8B,EAC9BC,mBAAwC,EACxCC,IAAY,EACZC,MAAsB,EAC9B;IAAA,KAJQH,cAA8B,GAA9BA,cAA8B;IAAA,KAC9BC,mBAAwC,GAAxCA,mBAAwC;IAAA,KACxCC,IAAY,GAAZA,IAAY;IAAA,KACZC,MAAsB,GAAtBA,MAAsB;IAAAvB,eAAA,yBAGf;MACfwB,IAAI,EAAE,GAAG;MACTC,KAAK,EAAE,IAAI;MACXC,QAAQ,EAAE;IACZ,CAAC;IAAA1B,eAAA,gBAEO;MACN2B,KAAK,EAAE,IAAI;MACXC,OAAO,eACLpC,MAAA,GAAAO,OAAA,CAAA8B,aAAA,CAACjC,SAAA,GAAAkC,QAAQ;QACPC,WAAW,EAAE,IAAI,CAACX,cAAe;QACjCY,eAAe,EAAE,IAAI,CAACX,mBAAoB;QAC1CY,aAAa,EAAE,IAAI,CAACX,IAAI,CAACW,aAAa,CAACC,IAAI,CAAC,IAAI,CAACZ,IAAI,CAAE;QACvDa,SAAS,EAAE,IAAI,CAACZ,MAAM,CAACa;MAAc,CACtC;IAEL,CAAC;IAAApC,eAAA,gBAEO,EAAE;EApBP;AAqBL;AAACqC,OAAA,CAAAnB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_overview","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","OverviewSection","constructor","titleBadgeSlot","overviewOptionsSlot","docs","apiRef","usePreviewSandboxSlot","href","exact","children","index","element","createElement","Overview","titleBadges","overviewOptions","getEmptyState","bind","TaggedAPI","TaggedAPIPage","exports"],"sources":["overview.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { APIReferenceUI } from '@teambit/api-reference';\nimport { Overview, TitleBadgeSlot, OverviewOptionsSlot } from './overview';\nimport { DocsUI, UsePreviewSandboxSlot } from './docs.ui.runtime';\n\nexport class OverviewSection implements Section {\n  constructor(\n    /**\n     * title badge slot.\n     */\n    private titleBadgeSlot: TitleBadgeSlot,\n    private overviewOptionsSlot: OverviewOptionsSlot,\n    private docs: DocsUI,\n    private apiRef: APIReferenceUI,\n    private usePreviewSandboxSlot: UsePreviewSandboxSlot\n  ) {}\n\n  navigationLink = {\n    href: '.',\n    exact: true,\n    children: 'Overview',\n  };\n\n  route = {\n    index: true,\n    element: (\n      <Overview\n        titleBadges={this.titleBadgeSlot}\n        overviewOptions={this.overviewOptionsSlot}\n        getEmptyState={this.docs.getEmptyState.bind(this.docs)}\n        TaggedAPI={this.apiRef.TaggedAPIPage}\n        usePreviewSandboxSlot={this.usePreviewSandboxSlot}\n      />\n    ),\n  };\n\n  order = 10;\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGA,SAAAG,UAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,SAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA2E,SAAAC,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,gBAAAH,CAAA,EAAAI,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAJ,CAAA,GAAAO,MAAA,CAAAC,cAAA,CAAAR,CAAA,EAAAI,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAZ,CAAA,CAAAI,CAAA,IAAAC,CAAA,EAAAL,CAAA;AAAA,SAAAM,eAAAD,CAAA,QAAAQ,CAAA,GAAAC,YAAA,CAAAT,CAAA,uCAAAQ,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAT,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAL,CAAA,GAAAK,CAAA,CAAAU,MAAA,CAAAC,WAAA,kBAAAhB,CAAA,QAAAa,CAAA,GAAAb,CAAA,CAAAiB,IAAA,CAAAZ,CAAA,EAAAD,CAAA,uCAAAS,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAAd,CAAA,GAAAe,MAAA,GAAAC,MAAA,EAAAf,CAAA;AAGpE,MAAMgB,eAAe,CAAoB;EAC9CC,WAAWA;EACT;AACJ;AACA;EACYC,cAA8B,EAC9BC,mBAAwC,EACxCC,IAAY,EACZC,MAAsB,EACtBC,qBAA4C,EACpD;IAAA,KALQJ,cAA8B,GAA9BA,cAA8B;IAAA,KAC9BC,mBAAwC,GAAxCA,mBAAwC;IAAA,KACxCC,IAAY,GAAZA,IAAY;IAAA,KACZC,MAAsB,GAAtBA,MAAsB;IAAA,KACtBC,qBAA4C,GAA5CA,qBAA4C;IAAAxB,eAAA,yBAGrC;MACfyB,IAAI,EAAE,GAAG;MACTC,KAAK,EAAE,IAAI;MACXC,QAAQ,EAAE;IACZ,CAAC;IAAA3B,eAAA,gBAEO;MACN4B,KAAK,EAAE,IAAI;MACXC,OAAO,eACLrC,MAAA,GAAAO,OAAA,CAAA+B,aAAA,CAAClC,SAAA,GAAAmC,QAAQ;QACPC,WAAW,EAAE,IAAI,CAACZ,cAAe;QACjCa,eAAe,EAAE,IAAI,CAACZ,mBAAoB;QAC1Ca,aAAa,EAAE,IAAI,CAACZ,IAAI,CAACY,aAAa,CAACC,IAAI,CAAC,IAAI,CAACb,IAAI,CAAE;QACvDc,SAAS,EAAE,IAAI,CAACb,MAAM,CAACc,aAAc;QACrCb,qBAAqB,EAAE,IAAI,CAACA;MAAsB,CACnD;IAEL,CAAC;IAAAxB,eAAA,gBAEO,EAAE;EArBP;AAsBL;AAACsC,OAAA,CAAApB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/{preview-1736997622391.js → preview-1737170420676.js}

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

package/docs.ui.runtime.tsx

@@ -1,20 +1,24 @@
 import React, { ComponentType } from 'react';
 import { flatten } from 'lodash';
 import { ComponentAspect, ComponentUI } from '@teambit/component';
-import { Slot } from '@teambit/harmony';
+import { Slot, SlotRegistry } from '@teambit/harmony';
 import { UIRuntime } from '@teambit/ui';
 import { ComponentCompareAspect, ComponentCompareUI } from '@teambit/component-compare';
 import { OverviewCompare } from '@teambit/docs.ui.overview-compare';
 import { OverviewCompareSection } from '@teambit/docs.ui.overview-compare-section';
+import { UseSandboxPermission } from '@teambit/preview.ui.component-preview';
 import { APIReferenceAspect, APIReferenceUI } from '@teambit/api-reference';
 import { DocsAspect } from './docs.aspect';
 import { OverviewSection } from './overview.section';
 import type { TitleBadgeSlot, TitleBadge, OverviewOptionsSlot, OverviewOptions } from './overview';
 
+export type UsePreviewSandboxSlot = SlotRegistry<UseSandboxPermission>;
+
 export class DocsUI {
   constructor(
     readonly titleBadgeSlot: TitleBadgeSlot,
-    readonly overviewOptionsSlot: OverviewOptionsSlot
+    readonly overviewOptionsSlot: OverviewOptionsSlot,
+    private usePreviewSandboxSlot: UsePreviewSandboxSlot
   ) {}
 
   /**
@@ -39,6 +43,10 @@ export class DocsUI {
     return (this._emptyState = emptyState);
   }
 
+  registerPreviewSandbox(useSandboxPermission: UseSandboxPermission) {
+    this.usePreviewSandboxSlot.register(useSandboxPermission);
+  }
+
   getEmptyState() {
     return this._emptyState;
   }
@@ -55,21 +63,30 @@ export class DocsUI {
 
   static runtime = UIRuntime;
 
-  static slots = [Slot.withType<TitleBadge>(), Slot.withType<OverviewOptions>()];
+  static slots = [Slot.withType<TitleBadge>(), Slot.withType<OverviewOptions>(), Slot.withType<UseSandboxPermission>()];
 
   static async provider(
     [component, componentCompare, apiRef]: [ComponentUI, ComponentCompareUI, APIReferenceUI],
     config,
-    [titleBadgeSlot, overviewOptionsSlot]: [TitleBadgeSlot, OverviewOptionsSlot]
+    [titleBadgeSlot, overviewOptionsSlot, usePreviewSandboxSlot]: [
+      TitleBadgeSlot,
+      OverviewOptionsSlot,
+      UsePreviewSandboxSlot,
+    ]
   ) {
-    const docs = new DocsUI(titleBadgeSlot, overviewOptionsSlot);
-    const section = new OverviewSection(titleBadgeSlot, overviewOptionsSlot, docs, apiRef);
+    const docs = new DocsUI(titleBadgeSlot, overviewOptionsSlot, usePreviewSandboxSlot);
+    const section = new OverviewSection(titleBadgeSlot, overviewOptionsSlot, docs, apiRef, usePreviewSandboxSlot);
     const compareSection = new OverviewCompareSection(docs);
-
     component.registerRoute(section.route);
     component.registerNavigation(section.navigationLink, section.order);
     componentCompare.registerNavigation(compareSection);
     componentCompare.registerRoutes([compareSection.route]);
+    docs.registerPreviewSandbox((manager, componentModel) => {
+      if (componentModel?.host === 'teambit.scope/scope') {
+        manager.add('allow-scripts');
+        manager.add('allow-same-origin');
+      }
+    });
     return docs;
   }
 }

package/overview/overview.tsx

@@ -6,12 +6,17 @@ import { flatten } from 'lodash';
 // import { LinkedHeading } from '@teambit/documenter.ui.linked-heading';
 import { ComponentContext, useComponentDescriptor } from '@teambit/component';
 import type { SlotRegistry } from '@teambit/harmony';
-import { ComponentPreview, ComponentPreviewProps } from '@teambit/preview.ui.component-preview';
+import {
+  ComponentPreview,
+  ComponentPreviewProps,
+  SandboxPermissionsAggregator,
+} from '@teambit/preview.ui.component-preview';
 // import { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';
 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 { UsePreviewSandboxSlot } from '@teambit/compositions';
 import { ReadmeSkeleton } from './readme-skeleton';
 import styles from './overview.module.scss';
 
@@ -40,9 +45,17 @@ export type OverviewProps = {
   previewProps?: Partial<ComponentPreviewProps>;
   getEmptyState?: () => ComponentType | undefined;
   TaggedAPI?: React.ComponentType<{ componentId: string }>;
+  usePreviewSandboxSlot?: UsePreviewSandboxSlot;
 };
 
-export function Overview({ titleBadges, overviewOptions, previewProps, getEmptyState, TaggedAPI }: OverviewProps) {
+export function Overview({
+  titleBadges,
+  overviewOptions,
+  previewProps,
+  getEmptyState,
+  TaggedAPI,
+  usePreviewSandboxSlot,
+}: OverviewProps) {
   const component = useContext(ComponentContext);
   const componentDescriptor = useComponentDescriptor();
   const theme = useThemePicker();
@@ -58,7 +71,8 @@ export function Overview({ titleBadges, overviewOptions, previewProps, getEmptyS
   }, [isScaling, includesEnvTemplate]);
   const { isMinimal } = useWorkspaceMode();
   const [isLoading, setLoading] = useState(defaultLoadingState);
-
+  const previewSandboxHooks = usePreviewSandboxSlot?.values() ?? [];
+  const [sandboxValue, setSandboxValue] = useState('');
   const iframeQueryParams = `onlyOverview=${component.preview?.onlyOverview || 'false'}&skipIncludes=${
     component.preview?.skipIncludes || component.preview?.onlyOverview
   }`;
@@ -88,6 +102,11 @@ export function Overview({ titleBadges, overviewOptions, previewProps, getEmptyS
       className={classNames(styles.overviewWrapper, isLoading && styles.noOverflow)}
       key={`${component.id.toString()}`}
     >
+      <SandboxPermissionsAggregator
+        hooks={previewSandboxHooks}
+        onSandboxChange={setSandboxValue}
+        component={component}
+      />
       {showHeader && (
         <ComponentOverview
           className={classNames(styles.componentOverviewBlock, !isScaling && styles.legacyPreview)}
@@ -118,6 +137,7 @@ export function Overview({ titleBadges, overviewOptions, previewProps, getEmptyS
                 viewport={null}
                 fullContentHeight
                 disableScroll={true}
+                sandbox={sandboxValue}
                 {...rest}
                 component={component}
                 style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}
@@ -135,6 +155,7 @@ export function Overview({ titleBadges, overviewOptions, previewProps, getEmptyS
                 viewport={null}
                 fullContentHeight
                 disableScroll={true}
+                sandbox={sandboxValue}
                 {...rest}
                 component={component}
                 style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}

package/overview.section.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Section } from '@teambit/component';
 import { APIReferenceUI } from '@teambit/api-reference';
 import { Overview, TitleBadgeSlot, OverviewOptionsSlot } from './overview';
-import { DocsUI } from './docs.ui.runtime';
+import { DocsUI, UsePreviewSandboxSlot } from './docs.ui.runtime';
 
 export class OverviewSection implements Section {
   constructor(
@@ -12,7 +12,8 @@ export class OverviewSection implements Section {
     private titleBadgeSlot: TitleBadgeSlot,
     private overviewOptionsSlot: OverviewOptionsSlot,
     private docs: DocsUI,
-    private apiRef: APIReferenceUI
+    private apiRef: APIReferenceUI,
+    private usePreviewSandboxSlot: UsePreviewSandboxSlot
   ) {}
 
   navigationLink = {
@@ -29,6 +30,7 @@ export class OverviewSection implements Section {
         overviewOptions={this.overviewOptionsSlot}
         getEmptyState={this.docs.getEmptyState.bind(this.docs)}
         TaggedAPI={this.apiRef.TaggedAPIPage}
+        usePreviewSandboxSlot={this.usePreviewSandboxSlot}
       />
     ),
   };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/docs",
-  "version": "1.0.516",
+  "version": "1.0.518",
   "homepage": "https://bit.cloud/teambit/docs/docs",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.docs",
     "name": "docs",
-    "version": "1.0.516"
+    "version": "1.0.518"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
@@ -19,26 +19,27 @@
     "@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.516",
-    "@teambit/component": "1.0.516",
-    "@teambit/pkg": "1.0.516",
-    "@teambit/workspace": "1.0.516",
-    "@teambit/cli": "0.0.1093",
+    "@teambit/compiler": "1.0.518",
+    "@teambit/component": "1.0.518",
+    "@teambit/pkg": "1.0.518",
+    "@teambit/workspace": "1.0.518",
+    "@teambit/cli": "0.0.1095",
     "@teambit/component.sources": "0.0.73",
-    "@teambit/dev-files": "1.0.516",
-    "@teambit/envs": "1.0.516",
-    "@teambit/graphql": "1.0.516",
+    "@teambit/dev-files": "1.0.518",
+    "@teambit/envs": "1.0.518",
+    "@teambit/graphql": "1.0.518",
     "@teambit/legacy.consumer-component": "0.0.22",
-    "@teambit/logger": "0.0.1186",
-    "@teambit/preview": "1.0.516",
-    "@teambit/scope": "1.0.516",
-    "@teambit/api-reference": "1.0.516",
-    "@teambit/component-compare": "1.0.516",
-    "@teambit/ui": "1.0.516",
-    "@teambit/pubsub": "1.0.516",
+    "@teambit/logger": "0.0.1188",
+    "@teambit/preview": "1.0.518",
+    "@teambit/scope": "1.0.518",
+    "@teambit/api-reference": "1.0.518",
+    "@teambit/component-compare": "1.0.518",
+    "@teambit/preview.ui.component-preview": "1.0.20",
+    "@teambit/ui": "1.0.518",
     "@teambit/compositions.panels.composition-gallery": "0.0.217",
-    "@teambit/preview.ui.component-preview": "1.0.19",
-    "@teambit/workspace.ui.use-workspace-mode": "0.0.2"
+    "@teambit/compositions": "1.0.518",
+    "@teambit/workspace.ui.use-workspace-mode": "0.0.2",
+    "@teambit/pubsub": "1.0.518"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",
@@ -46,7 +47,7 @@
     "@types/mocha": "9.1.0",
     "@teambit/docs.content.docs-overview": "1.95.9",
     "@teambit/component-id": "1.2.2",
-    "@teambit/harmony.envs.core-aspect-env": "0.0.68"
+    "@teambit/harmony.envs.core-aspect-env": "0.0.69"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",

package/artifacts/__bit_junit.xml

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<testsuites tests="0" failures="0" errors="0" skipped="0">
-  <testsuite name="teambit.docs/docs@1.0.516" tests="0" failures="0" errors="0" skipped="0"/>
-</testsuites>