@teambit/compositions 1.0.1126 → 1.0.1128

package/composition.section.tsx

@@ -1,5 +1,6 @@
 import type { Section } from '@teambit/component';
 import React from 'react';
+import { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';
 import { Compositions } from './compositions';
 import type {
   CompositionsUI,
@@ -20,12 +21,15 @@ export class CompositionsSection implements Section {
     private options: Options,
     private emptyStateSlot: EmptyStateSlot,
     private usePreviewSandboxSlot: UsePreviewSandboxSlot,
-    private usePreviewPropsSlot: UsePreviewPropsSlot
+    private usePreviewPropsSlot: UsePreviewPropsSlot,
+    private pinned = false
   ) {}
 
   navigationLink = {
     href: '~compositions',
-    children: 'Preview',
+    children: this.pinned ? <MenuWidgetIcon icon="preview" tooltipContent="Preview" /> : 'Preview',
+    displayName: 'Preview',
+    hideInMinimalMode: !this.pinned,
   };
 
   route = {
@@ -41,5 +45,5 @@ export class CompositionsSection implements Section {
     ),
   };
 
-  order = 20;
+  order = this.pinned ? 10 : 20;
 }

package/compositions.ui.runtime.tsx

@@ -99,9 +99,18 @@ export class CompositionsUI {
       usePreviewSandboxSlot,
       usePreviewPropsSlot
     );
+    const pinnedSection = new CompositionsSection(
+      compositions,
+      { menuBarWidgetSlot: compositions.menuBarWidgetSlot },
+      emptyStateSlot,
+      usePreviewSandboxSlot,
+      usePreviewPropsSlot,
+      true
+    );
     const compositionCompare = new CompositionCompareSection(compositions);
     component.registerRoute(section.route);
     component.registerNavigation(section.navigationLink, section.order);
+    component.registerPinnedWidget(pinnedSection.navigationLink, pinnedSection.order);
     componentCompare.registerNavigation(compositionCompare);
     componentCompare.registerRoutes([compositionCompare.route]);
     // Inline preview tab for the redesigned ComponentComparePage / lane-compare. Owned by the

package/dist/composition.section.d.ts

@@ -13,14 +13,17 @@ export declare class CompositionsSection implements Section {
     private emptyStateSlot;
     private usePreviewSandboxSlot;
     private usePreviewPropsSlot;
+    private pinned;
     constructor(
     /**
      * simulations ui extension.
      */
-    compositions: CompositionsUI, options: Options, emptyStateSlot: EmptyStateSlot, usePreviewSandboxSlot: UsePreviewSandboxSlot, usePreviewPropsSlot: UsePreviewPropsSlot);
+    compositions: CompositionsUI, options: Options, emptyStateSlot: EmptyStateSlot, usePreviewSandboxSlot: UsePreviewSandboxSlot, usePreviewPropsSlot: UsePreviewPropsSlot, pinned?: boolean);
     navigationLink: {
         href: string;
-        children: string;
+        children: string | React.JSX.Element;
+        displayName: string;
+        hideInMinimalMode: boolean;
     };
     route: {
         path: string;

package/dist/composition.section.js

@@ -11,6 +11,13 @@ function _react() {
   };
   return data;
 }
+function _uiFoundationUi() {
+  const data = require("@teambit/ui-foundation.ui.menu-widget-icon");
+  _uiFoundationUi = function () {
+    return data;
+  };
+  return data;
+}
 function _compositions() {
   const data = require("./compositions");
   _compositions = function () {
@@ -27,15 +34,21 @@ class CompositionsSection {
   /**
    * simulations ui extension.
    */
-  compositions, options, emptyStateSlot, usePreviewSandboxSlot, usePreviewPropsSlot) {
+  compositions, options, emptyStateSlot, usePreviewSandboxSlot, usePreviewPropsSlot, pinned = false) {
     this.compositions = compositions;
     this.options = options;
     this.emptyStateSlot = emptyStateSlot;
     this.usePreviewSandboxSlot = usePreviewSandboxSlot;
     this.usePreviewPropsSlot = usePreviewPropsSlot;
+    this.pinned = pinned;
     _defineProperty(this, "navigationLink", {
       href: '~compositions',
-      children: 'Preview'
+      children: this.pinned ? /*#__PURE__*/_react().default.createElement(_uiFoundationUi().MenuWidgetIcon, {
+        icon: "preview",
+        tooltipContent: "Preview"
+      }) : 'Preview',
+      displayName: 'Preview',
+      hideInMinimalMode: !this.pinned
     });
     _defineProperty(this, "route", {
       path: '~compositions/*',
@@ -47,7 +60,7 @@ class CompositionsSection {
         enableLiveControls: true
       })
     });
-    _defineProperty(this, "order", 20);
+    _defineProperty(this, "order", this.pinned ? 10 : 20);
   }
 }
 exports.CompositionsSection = CompositionsSection;

package/dist/composition.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_compositions","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","CompositionsSection","constructor","compositions","options","emptyStateSlot","usePreviewSandboxSlot","usePreviewPropsSlot","href","children","path","element","createElement","Compositions","menuBarWidgets","menuBarWidgetSlot","emptyState","enableLiveControls","exports"],"sources":["composition.section.tsx"],"sourcesContent":["import type { Section } from '@teambit/component';\nimport React from 'react';\nimport { Compositions } from './compositions';\nimport type {\n  CompositionsUI,\n  CompositionsMenuSlot,\n  EmptyStateSlot,\n  UsePreviewSandboxSlot,\n  UsePreviewPropsSlot,\n} from './compositions.ui.runtime';\n\ntype Options = { menuBarWidgetSlot: CompositionsMenuSlot };\n\nexport class CompositionsSection implements Section {\n  constructor(\n    /**\n     * simulations ui extension.\n     */\n    private compositions: CompositionsUI,\n    private options: Options,\n    private emptyStateSlot: EmptyStateSlot,\n    private usePreviewSandboxSlot: UsePreviewSandboxSlot,\n    private usePreviewPropsSlot: UsePreviewPropsSlot\n  ) {}\n\n  navigationLink = {\n    href: '~compositions',\n    children: 'Preview',\n  };\n\n  route = {\n    path: '~compositions/*',\n    element: (\n      <Compositions\n        menuBarWidgets={this.options.menuBarWidgetSlot}\n        emptyState={this.emptyStateSlot}\n        usePreviewSandboxSlot={this.usePreviewSandboxSlot}\n        usePreviewPropsSlot={this.usePreviewPropsSlot}\n        enableLiveControls\n      />\n    ),\n  };\n\n  order = 20;\n}\n"],"mappings":";;;;;;AACA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,cAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,aAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA8C,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;AAWvC,MAAMgB,mBAAmB,CAAoB;EAClDC,WAAWA;EACT;AACJ;AACA;EACYC,YAA4B,EAC5BC,OAAgB,EAChBC,cAA8B,EAC9BC,qBAA4C,EAC5CC,mBAAwC,EAChD;IAAA,KALQJ,YAA4B,GAA5BA,YAA4B;IAAA,KAC5BC,OAAgB,GAAhBA,OAAgB;IAAA,KAChBC,cAA8B,GAA9BA,cAA8B;IAAA,KAC9BC,qBAA4C,GAA5CA,qBAA4C;IAAA,KAC5CC,mBAAwC,GAAxCA,mBAAwC;IAAAxB,eAAA,yBAGjC;MACfyB,IAAI,EAAE,eAAe;MACrBC,QAAQ,EAAE;IACZ,CAAC;IAAA1B,eAAA,gBAEO;MACN2B,IAAI,EAAE,iBAAiB;MACvBC,OAAO,eACLpC,MAAA,GAAAO,OAAA,CAAA8B,aAAA,CAACjC,aAAA,GAAAkC,YAAY;QACXC,cAAc,EAAE,IAAI,CAACV,OAAO,CAACW,iBAAkB;QAC/CC,UAAU,EAAE,IAAI,CAACX,cAAe;QAChCC,qBAAqB,EAAE,IAAI,CAACA,qBAAsB;QAClDC,mBAAmB,EAAE,IAAI,CAACA,mBAAoB;QAC9CU,kBAAkB;MAAA,CACnB;IAEL,CAAC;IAAAlC,eAAA,gBAEO,EAAE;EApBP;AAqBL;AAACmC,OAAA,CAAAjB,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_uiFoundationUi","_compositions","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","CompositionsSection","constructor","compositions","options","emptyStateSlot","usePreviewSandboxSlot","usePreviewPropsSlot","pinned","href","children","createElement","MenuWidgetIcon","icon","tooltipContent","displayName","hideInMinimalMode","path","element","Compositions","menuBarWidgets","menuBarWidgetSlot","emptyState","enableLiveControls","exports"],"sources":["composition.section.tsx"],"sourcesContent":["import type { Section } from '@teambit/component';\nimport React from 'react';\nimport { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';\nimport { Compositions } from './compositions';\nimport type {\n  CompositionsUI,\n  CompositionsMenuSlot,\n  EmptyStateSlot,\n  UsePreviewSandboxSlot,\n  UsePreviewPropsSlot,\n} from './compositions.ui.runtime';\n\ntype Options = { menuBarWidgetSlot: CompositionsMenuSlot };\n\nexport class CompositionsSection implements Section {\n  constructor(\n    /**\n     * simulations ui extension.\n     */\n    private compositions: CompositionsUI,\n    private options: Options,\n    private emptyStateSlot: EmptyStateSlot,\n    private usePreviewSandboxSlot: UsePreviewSandboxSlot,\n    private usePreviewPropsSlot: UsePreviewPropsSlot,\n    private pinned = false\n  ) {}\n\n  navigationLink = {\n    href: '~compositions',\n    children: this.pinned ? <MenuWidgetIcon icon=\"preview\" tooltipContent=\"Preview\" /> : 'Preview',\n    displayName: 'Preview',\n    hideInMinimalMode: !this.pinned,\n  };\n\n  route = {\n    path: '~compositions/*',\n    element: (\n      <Compositions\n        menuBarWidgets={this.options.menuBarWidgetSlot}\n        emptyState={this.emptyStateSlot}\n        usePreviewSandboxSlot={this.usePreviewSandboxSlot}\n        usePreviewPropsSlot={this.usePreviewPropsSlot}\n        enableLiveControls\n      />\n    ),\n  };\n\n  order = this.pinned ? 10 : 20;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/compositions.ui.runtime.js

@@ -134,9 +134,13 @@ class CompositionsUI {
     const section = new (_composition().CompositionsSection)(compositions, {
       menuBarWidgetSlot: compositions.menuBarWidgetSlot
     }, emptyStateSlot, usePreviewSandboxSlot, usePreviewPropsSlot);
+    const pinnedSection = new (_composition().CompositionsSection)(compositions, {
+      menuBarWidgetSlot: compositions.menuBarWidgetSlot
+    }, emptyStateSlot, usePreviewSandboxSlot, usePreviewPropsSlot, true);
     const compositionCompare = new (_compositionsUi().CompositionCompareSection)(compositions);
     component.registerRoute(section.route);
     component.registerNavigation(section.navigationLink, section.order);
+    component.registerPinnedWidget(pinnedSection.navigationLink, pinnedSection.order);
     componentCompare.registerNavigation(compositionCompare);
     componentCompare.registerRoutes([compositionCompare.route]);
     // Inline preview tab for the redesigned ComponentComparePage / lane-compare. Owned by the

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_harmony","_component","_ui","_compositionsUi","_compositionsUi2","_previewUi","_componentCompare","_composition","_compositions","_compositions2","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_defineProperty","_toPropertyKey","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","CompositionsUI","constructor","menuBarWidgetSlot","emptyStateSlot","usePreviewSandboxSlot","usePreviewPropsSlot","createElement","CompositionCompare","emptyState","PreviewView","compositionProps","CompositionContent","fullContentHeight","forceHeight","registerEmptyState","emptyStateComponent","register","registerMenuWidget","widget","registerPreviewSandbox","useSandboxPermission","registerPreviewProps","usePreviewProps","provider","component","componentCompare","config","compositionMenuSlot","compositions","section","CompositionsSection","compositionCompare","CompositionCompareSection","registerRoute","route","registerNavigation","navigationLink","order","registerRoutes","registerCompareTab","id","displayName","element","InlinePreviewCompare","lazy","manager","componentModel","host","add","set","exports","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","_default","CompositionsAspect","addRuntime"],"sources":["compositions.ui.runtime.tsx"],"sourcesContent":["import type { ReactNode, ComponentType } from 'react';\nimport React from 'react';\nimport type { SlotRegistry } from '@teambit/harmony';\nimport { Slot } from '@teambit/harmony';\nimport type { ComponentUI } from '@teambit/component';\nimport { ComponentAspect } from '@teambit/component';\nimport { UIRuntime } from '@teambit/ui';\nimport { CompositionCompareSection } from '@teambit/compositions.ui.composition-compare-section';\nimport { CompositionCompare } from '@teambit/compositions.ui.composition-compare';\nimport { InlinePreviewCompare } from '@teambit/preview.ui.inline-preview-compare';\nimport type { ComponentCompareUI } from '@teambit/component-compare';\nimport { ComponentCompareAspect } from '@teambit/component-compare';\nimport type { UsePreviewProps, UseSandboxPermission } from '@teambit/preview.ui.component-preview';\nimport { CompositionsSection } from './composition.section';\nimport { CompositionsAspect } from './compositions.aspect';\nimport type { MenuBarWidget } from './compositions';\nimport { CompositionContent } from './compositions';\n\nexport type CompositionsMenuSlot = SlotRegistry<MenuBarWidget[]>;\nexport type EmptyStateSlot = SlotRegistry<ComponentType>;\nexport type UsePreviewSandboxSlot = SlotRegistry<UseSandboxPermission>;\nexport type UsePreviewPropsSlot = SlotRegistry<UsePreviewProps>;\n\nexport class CompositionsUI {\n  constructor(\n    private menuBarWidgetSlot: CompositionsMenuSlot,\n    private emptyStateSlot: EmptyStateSlot,\n    private usePreviewSandboxSlot: UsePreviewSandboxSlot,\n    private usePreviewPropsSlot: UsePreviewPropsSlot\n  ) {}\n  /**\n   * register a new tester empty state. this allows to register a different empty state from each environment for example.\n   */\n  registerEmptyState(emptyStateComponent: ComponentType) {\n    this.emptyStateSlot.register(emptyStateComponent);\n    return this;\n  }\n\n  registerMenuWidget(...widget: MenuBarWidget[]) {\n    this.menuBarWidgetSlot.register(widget);\n  }\n\n  registerPreviewSandbox(useSandboxPermission: UseSandboxPermission) {\n    this.usePreviewSandboxSlot.register(useSandboxPermission);\n  }\n\n  /**\n   * register a per-component resolver for iframe attributes on the composition preview\n   * (`allow`, `referrerPolicy`, ...). The resolver runs at render time with the current\n   * `ComponentModel`; results from multiple resolvers merge with later keys winning. Use\n   * this to grant a specific subset of components extra Permissions Policy capabilities\n   * (e.g. `fullscreen` for chart/video components) without loosening the default for all\n   * components.\n   */\n  registerPreviewProps(usePreviewProps: UsePreviewProps) {\n    this.usePreviewPropsSlot.register(usePreviewProps);\n  }\n\n  getCompositionsCompare = () => {\n    return (\n      <CompositionCompare\n        emptyState={this.emptyStateSlot}\n        PreviewView={(compositionProps) => {\n          return <CompositionContent {...compositionProps} fullContentHeight forceHeight={'100%'} />;\n        }}\n      />\n    );\n  };\n\n  static dependencies = [ComponentAspect, ComponentCompareAspect];\n  static runtime = UIRuntime;\n  static slots = [\n    Slot.withType<ReactNode>(),\n    Slot.withType<ComponentType>(),\n    Slot.withType<UseSandboxPermission>(),\n    Slot.withType<UsePreviewProps>(),\n  ];\n\n  static async provider(\n    [component, componentCompare]: [ComponentUI, ComponentCompareUI],\n    config: {},\n    [compositionMenuSlot, emptyStateSlot, usePreviewSandboxSlot, usePreviewPropsSlot]: [\n      CompositionsMenuSlot,\n      EmptyStateSlot,\n      UsePreviewSandboxSlot,\n      UsePreviewPropsSlot,\n    ]\n  ) {\n    const compositions = new CompositionsUI(\n      compositionMenuSlot,\n      emptyStateSlot,\n      usePreviewSandboxSlot,\n      usePreviewPropsSlot\n    );\n    const section = new CompositionsSection(\n      compositions,\n      { menuBarWidgetSlot: compositions.menuBarWidgetSlot },\n      emptyStateSlot,\n      usePreviewSandboxSlot,\n      usePreviewPropsSlot\n    );\n    const compositionCompare = new CompositionCompareSection(compositions);\n    component.registerRoute(section.route);\n    component.registerNavigation(section.navigationLink, section.order);\n    componentCompare.registerNavigation(compositionCompare);\n    componentCompare.registerRoutes([compositionCompare.route]);\n    // Inline preview tab for the redesigned ComponentComparePage / lane-compare. Owned by the\n    // compositions aspect (owner of the preview/composition compare integration) instead of being\n    // hardcoded in component-compare, so component-compare stays decoupled from preview UI.\n    // lazy: the preview panel mounts base+compare composition iframes, each pulling the full env\n    // preview bundle on mount (even under `display: none`) — in a large lane compare that's hundreds\n    // of MB of hidden-iframe traffic starving the visible view.\n    componentCompare.registerCompareTab({\n      id: 'inline-preview',\n      order: 2,\n      displayName: 'Preview',\n      element: <InlinePreviewCompare />,\n      lazy: true,\n    });\n    compositions.registerPreviewSandbox((manager, componentModel) => {\n      if (componentModel?.host === 'teambit.scope/scope') {\n        manager.add('allow-scripts');\n        manager.add('allow-same-origin');\n      }\n    });\n    // Default Permissions Policy: allow clipboard writes so copy-to-clipboard buttons in\n    // compositions work. Clipboard-read, camera, mic, geolocation, etc. remain denied. Other\n    // aspects may layer on (e.g. `fullscreen` for chart/video components).\n    compositions.registerPreviewProps((manager) => {\n      manager.set('allow', 'clipboard-write');\n    });\n    return compositions;\n  }\n}\n\nexport default CompositionsUI;\n\nCompositionsAspect.addRuntime(CompositionsUI);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_harmony","_component","_ui","_compositionsUi","_compositionsUi2","_previewUi","_componentCompare","_composition","_compositions","_compositions2","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_defineProperty","_toPropertyKey","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","CompositionsUI","constructor","menuBarWidgetSlot","emptyStateSlot","usePreviewSandboxSlot","usePreviewPropsSlot","createElement","CompositionCompare","emptyState","PreviewView","compositionProps","CompositionContent","fullContentHeight","forceHeight","registerEmptyState","emptyStateComponent","register","registerMenuWidget","widget","registerPreviewSandbox","useSandboxPermission","registerPreviewProps","usePreviewProps","provider","component","componentCompare","config","compositionMenuSlot","compositions","section","CompositionsSection","pinnedSection","compositionCompare","CompositionCompareSection","registerRoute","route","registerNavigation","navigationLink","order","registerPinnedWidget","registerRoutes","registerCompareTab","id","displayName","element","InlinePreviewCompare","lazy","manager","componentModel","host","add","set","exports","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","_default","CompositionsAspect","addRuntime"],"sources":["compositions.ui.runtime.tsx"],"sourcesContent":["import type { ReactNode, ComponentType } from 'react';\nimport React from 'react';\nimport type { SlotRegistry } from '@teambit/harmony';\nimport { Slot } from '@teambit/harmony';\nimport type { ComponentUI } from '@teambit/component';\nimport { ComponentAspect } from '@teambit/component';\nimport { UIRuntime } from '@teambit/ui';\nimport { CompositionCompareSection } from '@teambit/compositions.ui.composition-compare-section';\nimport { CompositionCompare } from '@teambit/compositions.ui.composition-compare';\nimport { InlinePreviewCompare } from '@teambit/preview.ui.inline-preview-compare';\nimport type { ComponentCompareUI } from '@teambit/component-compare';\nimport { ComponentCompareAspect } from '@teambit/component-compare';\nimport type { UsePreviewProps, UseSandboxPermission } from '@teambit/preview.ui.component-preview';\nimport { CompositionsSection } from './composition.section';\nimport { CompositionsAspect } from './compositions.aspect';\nimport type { MenuBarWidget } from './compositions';\nimport { CompositionContent } from './compositions';\n\nexport type CompositionsMenuSlot = SlotRegistry<MenuBarWidget[]>;\nexport type EmptyStateSlot = SlotRegistry<ComponentType>;\nexport type UsePreviewSandboxSlot = SlotRegistry<UseSandboxPermission>;\nexport type UsePreviewPropsSlot = SlotRegistry<UsePreviewProps>;\n\nexport class CompositionsUI {\n  constructor(\n    private menuBarWidgetSlot: CompositionsMenuSlot,\n    private emptyStateSlot: EmptyStateSlot,\n    private usePreviewSandboxSlot: UsePreviewSandboxSlot,\n    private usePreviewPropsSlot: UsePreviewPropsSlot\n  ) {}\n  /**\n   * register a new tester empty state. this allows to register a different empty state from each environment for example.\n   */\n  registerEmptyState(emptyStateComponent: ComponentType) {\n    this.emptyStateSlot.register(emptyStateComponent);\n    return this;\n  }\n\n  registerMenuWidget(...widget: MenuBarWidget[]) {\n    this.menuBarWidgetSlot.register(widget);\n  }\n\n  registerPreviewSandbox(useSandboxPermission: UseSandboxPermission) {\n    this.usePreviewSandboxSlot.register(useSandboxPermission);\n  }\n\n  /**\n   * register a per-component resolver for iframe attributes on the composition preview\n   * (`allow`, `referrerPolicy`, ...). The resolver runs at render time with the current\n   * `ComponentModel`; results from multiple resolvers merge with later keys winning. Use\n   * this to grant a specific subset of components extra Permissions Policy capabilities\n   * (e.g. `fullscreen` for chart/video components) without loosening the default for all\n   * components.\n   */\n  registerPreviewProps(usePreviewProps: UsePreviewProps) {\n    this.usePreviewPropsSlot.register(usePreviewProps);\n  }\n\n  getCompositionsCompare = () => {\n    return (\n      <CompositionCompare\n        emptyState={this.emptyStateSlot}\n        PreviewView={(compositionProps) => {\n          return <CompositionContent {...compositionProps} fullContentHeight forceHeight={'100%'} />;\n        }}\n      />\n    );\n  };\n\n  static dependencies = [ComponentAspect, ComponentCompareAspect];\n  static runtime = UIRuntime;\n  static slots = [\n    Slot.withType<ReactNode>(),\n    Slot.withType<ComponentType>(),\n    Slot.withType<UseSandboxPermission>(),\n    Slot.withType<UsePreviewProps>(),\n  ];\n\n  static async provider(\n    [component, componentCompare]: [ComponentUI, ComponentCompareUI],\n    config: {},\n    [compositionMenuSlot, emptyStateSlot, usePreviewSandboxSlot, usePreviewPropsSlot]: [\n      CompositionsMenuSlot,\n      EmptyStateSlot,\n      UsePreviewSandboxSlot,\n      UsePreviewPropsSlot,\n    ]\n  ) {\n    const compositions = new CompositionsUI(\n      compositionMenuSlot,\n      emptyStateSlot,\n      usePreviewSandboxSlot,\n      usePreviewPropsSlot\n    );\n    const section = new CompositionsSection(\n      compositions,\n      { menuBarWidgetSlot: compositions.menuBarWidgetSlot },\n      emptyStateSlot,\n      usePreviewSandboxSlot,\n      usePreviewPropsSlot\n    );\n    const pinnedSection = new CompositionsSection(\n      compositions,\n      { menuBarWidgetSlot: compositions.menuBarWidgetSlot },\n      emptyStateSlot,\n      usePreviewSandboxSlot,\n      usePreviewPropsSlot,\n      true\n    );\n    const compositionCompare = new CompositionCompareSection(compositions);\n    component.registerRoute(section.route);\n    component.registerNavigation(section.navigationLink, section.order);\n    component.registerPinnedWidget(pinnedSection.navigationLink, pinnedSection.order);\n    componentCompare.registerNavigation(compositionCompare);\n    componentCompare.registerRoutes([compositionCompare.route]);\n    // Inline preview tab for the redesigned ComponentComparePage / lane-compare. Owned by the\n    // compositions aspect (owner of the preview/composition compare integration) instead of being\n    // hardcoded in component-compare, so component-compare stays decoupled from preview UI.\n    // lazy: the preview panel mounts base+compare composition iframes, each pulling the full env\n    // preview bundle on mount (even under `display: none`) — in a large lane compare that's hundreds\n    // of MB of hidden-iframe traffic starving the visible view.\n    componentCompare.registerCompareTab({\n      id: 'inline-preview',\n      order: 2,\n      displayName: 'Preview',\n      element: <InlinePreviewCompare />,\n      lazy: true,\n    });\n    compositions.registerPreviewSandbox((manager, componentModel) => {\n      if (componentModel?.host === 'teambit.scope/scope') {\n        manager.add('allow-scripts');\n        manager.add('allow-same-origin');\n      }\n    });\n    // Default Permissions Policy: allow clipboard writes so copy-to-clipboard buttons in\n    // compositions work. Clipboard-read, camera, mic, geolocation, etc. remain denied. Other\n    // aspects may layer on (e.g. `fullscreen` for chart/video components).\n    compositions.registerPreviewProps((manager) => {\n      manager.set('allow', 'clipboard-write');\n    });\n    return compositions;\n  }\n}\n\nexport default CompositionsUI;\n\nCompositionsAspect.addRuntime(CompositionsUI);\n"],"mappings":"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","ignoreList":[]}

package/dist/{preview-1787239815569.js → preview-1787260228106.js}

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

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/compositions",
-  "version": "1.0.1126",
+  "version": "1.0.1128",
   "homepage": "https://bit.cloud/teambit/compositions/compositions",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.compositions",
     "name": "compositions",
-    "version": "1.0.1126"
+    "version": "1.0.1128"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
@@ -14,6 +14,7 @@
     "classnames": "^2.5.1",
     "lodash.head": "4.0.1",
     "query-string": "7.0.0",
+    "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
     "@teambit/compositions.model.composition-id": "0.0.507",
     "@teambit/harmony": "0.4.12",
     "@teambit/cli": "0.0.1375",
@@ -42,12 +43,11 @@
     "@teambit/preview.ui.component-preview": "1.0.36",
     "@teambit/ui-foundation.ui.buttons.collapser": "0.0.235",
     "@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.200",
-    "@teambit/compositions.ui.composition-compare-section": "0.0.110",
-    "@teambit/compositions.ui.composition-compare": "0.0.268",
-    "@teambit/preview.ui.inline-preview-compare": "0.0.3",
+    "@teambit/compositions.ui.composition-compare-section": "0.0.111",
+    "@teambit/compositions.ui.composition-compare": "0.0.269",
+    "@teambit/preview.ui.inline-preview-compare": "0.0.4",
     "@teambit/api-reference.hooks.use-api": "0.0.57",
     "@teambit/workspace.ui.use-workspace-mode": "0.0.3",
-    "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
     "@teambit/design.inputs.date-picker": "0.0.3",
     "@teambit/design.inputs.dropdown": "1.3.3",
     "@teambit/design.inputs.input-text": "1.1.6",
@@ -56,16 +56,16 @@
     "@teambit/design.inputs.toggle-switch": "0.0.9",
     "@teambit/design.ui.input.color-picker": "0.0.56",
     "@teambit/base-ui.loaders.skeleton": "1.0.2",
-    "@teambit/component": "1.0.1126",
-    "@teambit/graphql": "1.0.1126",
-    "@teambit/dev-files": "1.0.1126",
-    "@teambit/envs": "1.0.1126",
-    "@teambit/preview": "1.0.1126",
-    "@teambit/schema": "1.0.1126",
-    "@teambit/scope": "1.0.1126",
-    "@teambit/workspace": "1.0.1126",
-    "@teambit/component-compare": "1.0.1126",
-    "@teambit/ui": "1.0.1126"
+    "@teambit/component": "1.0.1128",
+    "@teambit/graphql": "1.0.1128",
+    "@teambit/dev-files": "1.0.1128",
+    "@teambit/envs": "1.0.1128",
+    "@teambit/preview": "1.0.1128",
+    "@teambit/schema": "1.0.1128",
+    "@teambit/scope": "1.0.1128",
+    "@teambit/workspace": "1.0.1128",
+    "@teambit/component-compare": "1.0.1128",
+    "@teambit/ui": "1.0.1128"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",