@teambit/compositions 0.0.881 → 0.0.883

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

@@ -1 +1 @@
-{"version":3,"names":["CompositionsPreview","constructor","preview","render","componentId","modules","otherPreviewDefs","context","componentMap","fullName","compositions","selectPreviewModel","metadata","getMetadata","active","getActiveComposition","mainModule","default","componentFullName","previewModule","files","combined","Object","assign","componentMapMetadata","undefined","module","firstQueryParam","window","location","hash","split","query","getQuery","compositionId","getParam","first","head","firstId","identifier","values","provider","compPreview","registerPreview","name","bind","PreviewRuntime","PreviewAspect","CompositionsAspect","addRuntime"],"sources":["compositions.preview.runtime.ts"],"sourcesContent":["import { ComponentID } from '@teambit/component-id';\nimport {\n  PreviewAspect,\n  PreviewPreview,\n  RenderingContext,\n  PreviewRuntime,\n  PreviewModule,\n  ModuleFile,\n} from '@teambit/preview';\nimport head from 'lodash.head';\nimport { CompositionBrowserMetadataObject } from './composition';\n\nimport { CompositionsAspect } from './compositions.aspect';\n\nexport class CompositionsPreview {\n  constructor(\n    /**\n     * preview extension.\n     */\n    private preview: PreviewPreview\n  ) {}\n\n  render(componentId: ComponentID, modules: PreviewModule, otherPreviewDefs, context: RenderingContext) {\n    if (!modules.componentMap[componentId.fullName]) return;\n\n    const compositions = this.selectPreviewModel(componentId.fullName, modules);\n    const metadata = this.getMetadata(componentId.fullName, modules);\n    const active = this.getActiveComposition(compositions, metadata);\n\n    modules.mainModule.default(active, context);\n  }\n\n  /** gets relevant information for this preview to render */\n  selectPreviewModel(componentFullName: string, previewModule: PreviewModule) {\n    const files = previewModule.componentMap[componentFullName] || [];\n\n    // allow compositions to come from many files. It is assumed they will have unique named\n    const combined = Object.assign({}, ...files);\n    return combined;\n  }\n\n  getMetadata(componentFullName: string, previewModule: PreviewModule): CompositionBrowserMetadataObject | undefined {\n    const metadata = previewModule?.componentMapMetadata\n      ? previewModule.componentMapMetadata[componentFullName]\n      : undefined;\n    if (metadata) {\n      return metadata as CompositionBrowserMetadataObject;\n    }\n    return undefined;\n  }\n\n  private getActiveComposition(module: ModuleFile, metadata?: CompositionBrowserMetadataObject) {\n    const firstQueryParam = window.location.hash.split('&')[1];\n    const query = this.preview.getQuery();\n    const compositionId = this.preview.getParam(query, 'name') || firstQueryParam;\n\n    if (compositionId && module[compositionId]) {\n      return module[compositionId];\n    }\n\n    if (metadata && metadata.compositions) {\n      const first = head(metadata.compositions);\n      const firstId = first?.identifier;\n      if (firstId && module[firstId]) {\n        return module[firstId];\n      }\n    }\n\n    const first = head(Object.values(module));\n    return first;\n  }\n\n  static runtime = PreviewRuntime;\n\n  static dependencies = [PreviewAspect];\n\n  static async provider([preview]: [PreviewPreview]) {\n    const compPreview = new CompositionsPreview(preview);\n    preview.registerPreview({\n      name: 'compositions',\n      render: compPreview.render.bind(compPreview),\n      selectPreviewModel: compPreview.selectPreviewModel.bind(compPreview),\n      default: true,\n    });\n\n    return compPreview;\n  }\n}\n\nCompositionsAspect.addRuntime(CompositionsPreview);\n"],"mappings":"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"}
+{"version":3,"names":["CompositionsPreview","constructor","preview","render","componentId","modules","otherPreviewDefs","context","componentMap","fullName","compositions","selectPreviewModel","metadata","getMetadata","active","getActiveComposition","mainModule","default","componentFullName","previewModule","files","combined","Object","assign","componentMapMetadata","undefined","module","firstQueryParam","window","location","hash","split","query","getQuery","compositionId","getParam","first","head","firstId","identifier","values","provider","compPreview","registerPreview","name","bind","PreviewRuntime","PreviewAspect","CompositionsAspect","addRuntime"],"sources":["compositions.preview.runtime.ts"],"sourcesContent":["import { ComponentID } from '@teambit/component-id';\nimport {\n  PreviewAspect,\n  PreviewPreview,\n  RenderingContext,\n  PreviewRuntime,\n  PreviewModule,\n  ModuleFile,\n} from '@teambit/preview';\nimport head from 'lodash.head';\nimport { CompositionBrowserMetadataObject } from './composition';\n\nimport { CompositionsAspect } from './compositions.aspect';\n\nexport class CompositionsPreview {\n  constructor(\n    /**\n     * preview extension.\n     */\n    private preview: PreviewPreview\n  ) {}\n\n  render(componentId: ComponentID, modules: PreviewModule, otherPreviewDefs, context: RenderingContext) {\n    if (!modules.componentMap[componentId.fullName]) return;\n\n    const compositions = this.selectPreviewModel(componentId.fullName, modules);\n    const metadata = this.getMetadata(componentId.fullName, modules);\n    const active = this.getActiveComposition(compositions, metadata);\n\n    modules.mainModule.default(active, context);\n  }\n\n  /** gets relevant information for this preview to render */\n  selectPreviewModel(componentFullName: string, previewModule: PreviewModule) {\n    const files = previewModule.componentMap[componentFullName] || [];\n\n    // allow compositions to come from many files. It is assumed they will have unique named\n    const combined = Object.assign({}, ...files);\n    return combined;\n  }\n\n  getMetadata(componentFullName: string, previewModule: PreviewModule): CompositionBrowserMetadataObject | undefined {\n    const metadata = previewModule?.componentMapMetadata\n      ? previewModule.componentMapMetadata[componentFullName]\n      : undefined;\n    if (metadata) {\n      return metadata as CompositionBrowserMetadataObject;\n    }\n    return undefined;\n  }\n\n  private getActiveComposition(module: ModuleFile, metadata?: CompositionBrowserMetadataObject) {\n    const firstQueryParam = window.location.hash.split('&')[1];\n    const query = this.preview.getQuery();\n    const compositionId = this.preview.getParam(query, 'name') || firstQueryParam;\n\n    if (compositionId && module[compositionId]) {\n      return module[compositionId];\n    }\n\n    if (metadata && metadata.compositions) {\n      const first = head(metadata.compositions);\n      const firstId = first?.identifier;\n      if (firstId && module[firstId]) {\n        return module[firstId];\n      }\n    }\n\n    const first = head(Object.values(module));\n    return first;\n  }\n\n  static runtime = PreviewRuntime;\n\n  static dependencies = [PreviewAspect];\n\n  static async provider([preview]: [PreviewPreview]) {\n    const compPreview = new CompositionsPreview(preview);\n    preview.registerPreview({\n      name: 'compositions',\n      render: compPreview.render.bind(compPreview),\n      selectPreviewModel: compPreview.selectPreviewModel.bind(compPreview),\n      default: true,\n    });\n\n    return compPreview;\n  }\n}\n\nCompositionsAspect.addRuntime(CompositionsPreview);\n"],"mappings":"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"}

package/dist/compositions.ui.runtime.js

@@ -1,115 +1,84 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.promise.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CompositionsUI = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _harmony() {
   const data = require("@teambit/harmony");
-
   _harmony = function () {
     return data;
   };
-
   return data;
 }
-
 function _component() {
   const data = require("@teambit/component");
-
   _component = function () {
     return data;
   };
-
   return data;
 }
-
 function _ui() {
   const data = require("@teambit/ui");
-
   _ui = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentCompare() {
   const data = require("@teambit/component-compare");
-
   _componentCompare = function () {
     return data;
   };
-
   return data;
 }
-
 function _composition() {
   const data = require("./composition.section");
-
   _composition = function () {
     return data;
   };
-
   return data;
 }
-
 function _compositions() {
   const data = require("./compositions.aspect");
-
   _compositions = function () {
     return data;
   };
-
   return data;
 }
-
 function _compositionCompare() {
   const data = require("./composition.compare.section");
-
   _compositionCompare = function () {
     return data;
   };
-
   return data;
 }
-
 class CompositionsUI {
   constructor(menuBarWidgetSlot, emptyStateSlot) {
     this.menuBarWidgetSlot = menuBarWidgetSlot;
     this.emptyStateSlot = emptyStateSlot;
   }
+
   /**
    * register a new tester empty state. this allows to register a different empty state from each environment for example.
    */
-
-
   registerEmptyState(emptyStateComponent) {
     this.emptyStateSlot.register(emptyStateComponent);
     return this;
   }
-
   registerMenuWidget(...widget) {
     this.menuBarWidgetSlot.register(widget);
   }
-
   static async provider([component, componentCompare], config, [compositionMenuSlot, emptyStateSlot]) {
     const compositions = new CompositionsUI(compositionMenuSlot, emptyStateSlot);
     const section = new (_composition().CompositionsSection)(compositions, {
@@ -125,16 +94,13 @@ class CompositionsUI {
     componentCompare.registerRoutes([compositionCompare.route]);
     return compositions;
   }
-
 }
-
 exports.CompositionsUI = CompositionsUI;
 (0, _defineProperty2().default)(CompositionsUI, "dependencies", [_component().ComponentAspect, _componentCompare().ComponentCompareAspect]);
 (0, _defineProperty2().default)(CompositionsUI, "runtime", _ui().UIRuntime);
 (0, _defineProperty2().default)(CompositionsUI, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType()]);
 var _default = CompositionsUI;
 exports.default = _default;
-
 _compositions().CompositionsAspect.addRuntime(CompositionsUI);
 
 //# sourceMappingURL=compositions.ui.runtime.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["CompositionsUI","constructor","menuBarWidgetSlot","emptyStateSlot","registerEmptyState","emptyStateComponent","register","registerMenuWidget","widget","provider","component","componentCompare","config","compositionMenuSlot","compositions","section","CompositionsSection","compositionCompare","CompositionCompareSection","registerRoute","route","registerNavigation","navigationLink","order","props","registerRoutes","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","CompositionsAspect","addRuntime"],"sources":["compositions.ui.runtime.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ComponentType } from 'react';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentAspect, ComponentUI } from '@teambit/component';\nimport { UIRuntime } from '@teambit/ui';\nimport { ComponentCompareUI, ComponentCompareAspect } from '@teambit/component-compare';\nimport { CompositionsSection } from './composition.section';\nimport { CompositionsAspect } from './compositions.aspect';\nimport { MenuBarWidget } from './compositions';\nimport { CompositionCompareSection } from './composition.compare.section';\n\nexport type CompositionsMenuSlot = SlotRegistry<MenuBarWidget[]>;\nexport type EmptyStateSlot = SlotRegistry<ComponentType>;\n\nexport class CompositionsUI {\n  constructor(private menuBarWidgetSlot: CompositionsMenuSlot, private emptyStateSlot: EmptyStateSlot) {}\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  static dependencies = [ComponentAspect, ComponentCompareAspect];\n  static runtime = UIRuntime;\n  static slots = [Slot.withType<ReactNode>(), Slot.withType<ComponentType>()];\n\n  static async provider(\n    [component, componentCompare]: [ComponentUI, ComponentCompareUI],\n    config: {},\n    [compositionMenuSlot, emptyStateSlot]: [CompositionsMenuSlot, EmptyStateSlot]\n  ) {\n    const compositions = new CompositionsUI(compositionMenuSlot, emptyStateSlot);\n    const section = new CompositionsSection(\n      compositions,\n      { menuBarWidgetSlot: compositions.menuBarWidgetSlot },\n      emptyStateSlot\n    );\n    const compositionCompare = new CompositionCompareSection(emptyStateSlot);\n\n    component.registerRoute(section.route);\n    component.registerNavigation(section.navigationLink, section.order);\n    componentCompare.registerNavigation({\n      props: compositionCompare.navigationLink,\n      order: compositionCompare.navigationLink.order,\n    });\n    componentCompare.registerRoutes([compositionCompare.route]);\n    return compositions;\n  }\n}\n\nexport default CompositionsUI;\n\nCompositionsAspect.addRuntime(CompositionsUI);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAKO,MAAMA,cAAN,CAAqB;EAC1BC,WAAW,CAASC,iBAAT,EAA0DC,cAA1D,EAA0F;IAAA,KAAjFD,iBAAiF,GAAjFA,iBAAiF;IAAA,KAAhCC,cAAgC,GAAhCA,cAAgC;EAAE;EAEvG;AACF;AACA;;;EACEC,kBAAkB,CAACC,mBAAD,EAAqC;IACrD,KAAKF,cAAL,CAAoBG,QAApB,CAA6BD,mBAA7B;IACA,OAAO,IAAP;EACD;;EAEDE,kBAAkB,CAAC,GAAGC,MAAJ,EAA6B;IAC7C,KAAKN,iBAAL,CAAuBI,QAAvB,CAAgCE,MAAhC;EACD;;EAMoB,aAARC,QAAQ,CACnB,CAACC,SAAD,EAAYC,gBAAZ,CADmB,EAEnBC,MAFmB,EAGnB,CAACC,mBAAD,EAAsBV,cAAtB,CAHmB,EAInB;IACA,MAAMW,YAAY,GAAG,IAAId,cAAJ,CAAmBa,mBAAnB,EAAwCV,cAAxC,CAArB;IACA,MAAMY,OAAO,GAAG,KAAIC,kCAAJ,EACdF,YADc,EAEd;MAAEZ,iBAAiB,EAAEY,YAAY,CAACZ;IAAlC,CAFc,EAGdC,cAHc,CAAhB;IAKA,MAAMc,kBAAkB,GAAG,KAAIC,+CAAJ,EAA8Bf,cAA9B,CAA3B;IAEAO,SAAS,CAACS,aAAV,CAAwBJ,OAAO,CAACK,KAAhC;IACAV,SAAS,CAACW,kBAAV,CAA6BN,OAAO,CAACO,cAArC,EAAqDP,OAAO,CAACQ,KAA7D;IACAZ,gBAAgB,CAACU,kBAAjB,CAAoC;MAClCG,KAAK,EAAEP,kBAAkB,CAACK,cADQ;MAElCC,KAAK,EAAEN,kBAAkB,CAACK,cAAnB,CAAkCC;IAFP,CAApC;IAIAZ,gBAAgB,CAACc,cAAjB,CAAgC,CAACR,kBAAkB,CAACG,KAApB,CAAhC;IACA,OAAON,YAAP;EACD;;AAxCyB;;;gCAAfd,c,kBAeW,CAAC0B,4BAAD,EAAkBC,0CAAlB,C;gCAfX3B,c,aAgBM4B,e;gCAhBN5B,c,WAiBI,CAAC6B,eAAA,CAAKC,QAAL,EAAD,EAA6BD,eAAA,CAAKC,QAAL,EAA7B,C;eA0BF9B,c;;;AAEf+B,kCAAA,CAAmBC,UAAnB,CAA8BhC,cAA9B"}
+{"version":3,"names":["CompositionsUI","constructor","menuBarWidgetSlot","emptyStateSlot","registerEmptyState","emptyStateComponent","register","registerMenuWidget","widget","provider","component","componentCompare","config","compositionMenuSlot","compositions","section","CompositionsSection","compositionCompare","CompositionCompareSection","registerRoute","route","registerNavigation","navigationLink","order","props","registerRoutes","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","CompositionsAspect","addRuntime"],"sources":["compositions.ui.runtime.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ComponentType } from 'react';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentAspect, ComponentUI } from '@teambit/component';\nimport { UIRuntime } from '@teambit/ui';\nimport { ComponentCompareUI, ComponentCompareAspect } from '@teambit/component-compare';\nimport { CompositionsSection } from './composition.section';\nimport { CompositionsAspect } from './compositions.aspect';\nimport { MenuBarWidget } from './compositions';\nimport { CompositionCompareSection } from './composition.compare.section';\n\nexport type CompositionsMenuSlot = SlotRegistry<MenuBarWidget[]>;\nexport type EmptyStateSlot = SlotRegistry<ComponentType>;\n\nexport class CompositionsUI {\n  constructor(private menuBarWidgetSlot: CompositionsMenuSlot, private emptyStateSlot: EmptyStateSlot) {}\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  static dependencies = [ComponentAspect, ComponentCompareAspect];\n  static runtime = UIRuntime;\n  static slots = [Slot.withType<ReactNode>(), Slot.withType<ComponentType>()];\n\n  static async provider(\n    [component, componentCompare]: [ComponentUI, ComponentCompareUI],\n    config: {},\n    [compositionMenuSlot, emptyStateSlot]: [CompositionsMenuSlot, EmptyStateSlot]\n  ) {\n    const compositions = new CompositionsUI(compositionMenuSlot, emptyStateSlot);\n    const section = new CompositionsSection(\n      compositions,\n      { menuBarWidgetSlot: compositions.menuBarWidgetSlot },\n      emptyStateSlot\n    );\n    const compositionCompare = new CompositionCompareSection(emptyStateSlot);\n\n    component.registerRoute(section.route);\n    component.registerNavigation(section.navigationLink, section.order);\n    componentCompare.registerNavigation({\n      props: compositionCompare.navigationLink,\n      order: compositionCompare.navigationLink.order,\n    });\n    componentCompare.registerRoutes([compositionCompare.route]);\n    return compositions;\n  }\n}\n\nexport default CompositionsUI;\n\nCompositionsAspect.addRuntime(CompositionsUI);\n"],"mappings":";;;;;;;;;;;;;;;;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAKO,MAAMA,cAAc,CAAC;EAC1BC,WAAW,CAASC,iBAAuC,EAAUC,cAA8B,EAAE;IAAA,KAAjFD,iBAAuC,GAAvCA,iBAAuC;IAAA,KAAUC,cAA8B,GAA9BA,cAA8B;EAAG;;EAEtG;AACF;AACA;EACEC,kBAAkB,CAACC,mBAAkC,EAAE;IACrD,IAAI,CAACF,cAAc,CAACG,QAAQ,CAACD,mBAAmB,CAAC;IACjD,OAAO,IAAI;EACb;EAEAE,kBAAkB,CAAC,GAAGC,MAAuB,EAAE;IAC7C,IAAI,CAACN,iBAAiB,CAACI,QAAQ,CAACE,MAAM,CAAC;EACzC;EAMA,aAAaC,QAAQ,CACnB,CAACC,SAAS,EAAEC,gBAAgB,CAAoC,EAChEC,MAAU,EACV,CAACC,mBAAmB,EAAEV,cAAc,CAAyC,EAC7E;IACA,MAAMW,YAAY,GAAG,IAAId,cAAc,CAACa,mBAAmB,EAAEV,cAAc,CAAC;IAC5E,MAAMY,OAAO,GAAG,KAAIC,kCAAmB,EACrCF,YAAY,EACZ;MAAEZ,iBAAiB,EAAEY,YAAY,CAACZ;IAAkB,CAAC,EACrDC,cAAc,CACf;IACD,MAAMc,kBAAkB,GAAG,KAAIC,+CAAyB,EAACf,cAAc,CAAC;IAExEO,SAAS,CAACS,aAAa,CAACJ,OAAO,CAACK,KAAK,CAAC;IACtCV,SAAS,CAACW,kBAAkB,CAACN,OAAO,CAACO,cAAc,EAAEP,OAAO,CAACQ,KAAK,CAAC;IACnEZ,gBAAgB,CAACU,kBAAkB,CAAC;MAClCG,KAAK,EAAEP,kBAAkB,CAACK,cAAc;MACxCC,KAAK,EAAEN,kBAAkB,CAACK,cAAc,CAACC;IAC3C,CAAC,CAAC;IACFZ,gBAAgB,CAACc,cAAc,CAAC,CAACR,kBAAkB,CAACG,KAAK,CAAC,CAAC;IAC3D,OAAON,YAAY;EACrB;AACF;AAAC;AAAA,gCAzCYd,cAAc,kBAeH,CAAC0B,4BAAe,EAAEC,0CAAsB,CAAC;AAAA,gCAfpD3B,cAAc,aAgBR4B,eAAS;AAAA,gCAhBf5B,cAAc,WAiBV,CAAC6B,eAAI,CAACC,QAAQ,EAAa,EAAED,eAAI,CAACC,QAAQ,EAAiB,CAAC;AAAA,eA0B9D9B,cAAc;AAAA;AAE7B+B,kCAAkB,CAACC,UAAU,CAAChC,cAAc,CAAC"}

package/dist/index.d.ts

@@ -5,6 +5,5 @@ export type { CompositionsUI, CompositionsMenuSlot, EmptyStateSlot } from './com
 export { Composition, CompositionProps } from './composition';
 export { CompositionContent, CompositionContentProps } from './compositions';
 export type { CompositionsPreview } from './compositions.preview.runtime';
-export { CompositionsOverview } from './ui/compositions-overview';
 export { ComponentComposition } from './ui';
 export default CompositionsAspect;

package/dist/index.js

@@ -39,66 +39,36 @@ Object.defineProperty(exports, "CompositionsAspect", {
     return _compositions().CompositionsAspect;
   }
 });
-Object.defineProperty(exports, "CompositionsOverview", {
-  enumerable: true,
-  get: function () {
-    return _compositionsOverview().CompositionsOverview;
-  }
-});
 exports.default = void 0;
-
 function _compositions() {
   const data = require("./compositions.aspect");
-
   _compositions = function () {
     return data;
   };
-
   return data;
 }
-
 function _composition() {
   const data = require("./composition");
-
   _composition = function () {
     return data;
   };
-
   return data;
 }
-
 function _compositions2() {
   const data = require("./compositions");
-
   _compositions2 = function () {
     return data;
   };
-
   return data;
 }
-
-function _compositionsOverview() {
-  const data = require("./ui/compositions-overview");
-
-  _compositionsOverview = function () {
-    return data;
-  };
-
-  return data;
-}
-
 function _ui() {
   const data = require("./ui");
-
   _ui = function () {
     return data;
   };
-
   return data;
 }
-
 var _default = _compositions().CompositionsAspect;
-
 exports.default = _default;
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["CompositionsAspect"],"sources":["index.ts"],"sourcesContent":["import { CompositionsAspect } from './compositions.aspect';\n\nexport { CompositionsAspect };\nexport type { CompositionsMain } from './compositions.main.runtime';\nexport type { CompositionsUI, CompositionsMenuSlot, EmptyStateSlot } from './compositions.ui.runtime';\nexport { Composition, CompositionProps } from './composition';\nexport { CompositionContent, CompositionContentProps } from './compositions';\nexport type { CompositionsPreview } from './compositions.preview.runtime';\nexport { CompositionsOverview } from './ui/compositions-overview';\nexport { ComponentComposition } from './ui';\nexport default CompositionsAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAKA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;eACeA,kC"}
+{"version":3,"names":["CompositionsAspect"],"sources":["index.ts"],"sourcesContent":["import { CompositionsAspect } from './compositions.aspect';\n\nexport { CompositionsAspect };\nexport type { CompositionsMain } from './compositions.main.runtime';\nexport type { CompositionsUI, CompositionsMenuSlot, EmptyStateSlot } from './compositions.ui.runtime';\nexport { Composition, CompositionProps } from './composition';\nexport { CompositionContent, CompositionContentProps } from './compositions';\nexport type { CompositionsPreview } from './compositions.preview.runtime';\nexport { ComponentComposition } from './ui';\nexport default CompositionsAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAKA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAA4C,eAC7BA,kCAAkB;AAAA"}

package/dist/ui/composition-preview.js

@@ -1,66 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ComponentComposition = ComponentComposition;
-
 function _extends2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
   _extends2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _objectWithoutProperties2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
   _objectWithoutProperties2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireWildcard(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _previewUi() {
   const data = require("@teambit/preview.ui.component-preview");
-
   _previewUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ComponentComposition(_ref) {
   let {
-    composition,
-    component,
-    queryParams = []
-  } = _ref,
-      rest = (0, _objectWithoutProperties2().default)(_ref, ["composition", "component", "queryParams"]);
+      composition,
+      component,
+      queryParams = []
+    } = _ref,
+    rest = (0, _objectWithoutProperties2().default)(_ref, ["composition", "component", "queryParams"]);
   const compositionParams = (0, _react().useMemo)(() => {
     var _component$preview;
-
     return (composition ? [(_component$preview = component.preview) !== null && _component$preview !== void 0 && _component$preview.isScaling ? `name=${composition.identifier}` : composition.identifier] : []).concat(queryParams);
   }, [composition === null || composition === void 0 ? void 0 : composition.identifier, queryParams]);
   return /*#__PURE__*/_react().default.createElement(_previewUi().ComponentPreview, (0, _extends2().default)({}, rest, {

package/dist/ui/composition-preview.js.map

@@ -1 +1 @@
-{"version":3,"names":["ComponentComposition","composition","component","queryParams","rest","compositionParams","useMemo","preview","isScaling","identifier","concat","width","height"],"sources":["composition-preview.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ComponentPreview, ComponentPreviewProps } from '@teambit/preview.ui.component-preview';\n\nimport { Composition } from '../composition';\n\nexport type ComponentCompositionProps = {\n  /**\n   * composition to use for component rendering.\n   */\n  composition?: Composition;\n} & ComponentPreviewProps;\n\nexport function ComponentComposition({ composition, component, queryParams = [], ...rest }: ComponentCompositionProps) {\n  const compositionParams = useMemo(\n    () =>\n      (composition\n        ? [component.preview?.isScaling ? `name=${composition.identifier}` : composition.identifier]\n        : []\n      ).concat(queryParams),\n    [composition?.identifier, queryParams]\n  );\n\n  return (\n    <ComponentPreview\n      {...rest}\n      component={component}\n      style={{ width: '100%', height: '100%' }}\n      previewName=\"compositions\"\n      queryParams={compositionParams}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAWO,SAASA,oBAAT,OAAgH;EAAA,IAAlF;IAAEC,WAAF;IAAeC,SAAf;IAA0BC,WAAW,GAAG;EAAxC,CAAkF;EAAA,IAAnCC,IAAmC;EACrH,MAAMC,iBAAiB,GAAG,IAAAC,gBAAA,EACxB;IAAA;;IAAA,OACE,CAACL,WAAW,GACR,CAAC,sBAAAC,SAAS,CAACK,OAAV,kEAAmBC,SAAnB,GAAgC,QAAOP,WAAW,CAACQ,UAAW,EAA9D,GAAkER,WAAW,CAACQ,UAA/E,CADQ,GAER,EAFJ,EAGEC,MAHF,CAGSP,WAHT,CADF;EAAA,CADwB,EAMxB,CAACF,WAAD,aAACA,WAAD,uBAACA,WAAW,CAAEQ,UAAd,EAA0BN,WAA1B,CANwB,CAA1B;EASA,oBACE,+BAAC,6BAAD,+BACMC,IADN;IAEE,SAAS,EAAEF,SAFb;IAGE,KAAK,EAAE;MAAES,KAAK,EAAE,MAAT;MAAiBC,MAAM,EAAE;IAAzB,CAHT;IAIE,WAAW,EAAC,cAJd;IAKE,WAAW,EAAEP;EALf,GADF;AASD"}
+{"version":3,"names":["ComponentComposition","composition","component","queryParams","rest","compositionParams","useMemo","preview","isScaling","identifier","concat","width","height"],"sources":["composition-preview.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ComponentPreview, ComponentPreviewProps } from '@teambit/preview.ui.component-preview';\n\nimport { Composition } from '../composition';\n\nexport type ComponentCompositionProps = {\n  /**\n   * composition to use for component rendering.\n   */\n  composition?: Composition;\n} & ComponentPreviewProps;\n\nexport function ComponentComposition({ composition, component, queryParams = [], ...rest }: ComponentCompositionProps) {\n  const compositionParams = useMemo(\n    () =>\n      (composition\n        ? [component.preview?.isScaling ? `name=${composition.identifier}` : composition.identifier]\n        : []\n      ).concat(queryParams),\n    [composition?.identifier, queryParams]\n  );\n\n  return (\n    <ComponentPreview\n      {...rest}\n      component={component}\n      style={{ width: '100%', height: '100%' }}\n      previewName=\"compositions\"\n      queryParams={compositionParams}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAAgG;AAAA;AAWzF,SAASA,oBAAoB,OAAmF;EAAA,IAAlF;MAAEC,WAAW;MAAEC,SAAS;MAAEC,WAAW,GAAG;IAAuC,CAAC;IAAjCC,IAAI;EACtF,MAAMC,iBAAiB,GAAG,IAAAC,gBAAO,EAC/B;IAAA;IAAA,OACE,CAACL,WAAW,GACR,CAAC,sBAAAC,SAAS,CAACK,OAAO,+CAAjB,mBAAmBC,SAAS,GAAI,QAAOP,WAAW,CAACQ,UAAW,EAAC,GAAGR,WAAW,CAACQ,UAAU,CAAC,GAC1F,EAAE,EACJC,MAAM,CAACP,WAAW,CAAC;EAAA,GACvB,CAACF,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEQ,UAAU,EAAEN,WAAW,CAAC,CACvC;EAED,oBACE,+BAAC,6BAAgB,+BACXC,IAAI;IACR,SAAS,EAAEF,SAAU;IACrB,KAAK,EAAE;MAAES,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAO,CAAE;IACzC,WAAW,EAAC,cAAc;IAC1B,WAAW,EAAEP;EAAkB,GAC/B;AAEN"}

package/dist/ui/compositions-panel/compositions-panel.js

@@ -1,94 +1,73 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompositionsPanel = CompositionsPanel;
-
 function _extends2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
   _extends2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _objectWithoutProperties2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
   _objectWithoutProperties2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _evangelistElements() {
   const data = require("@teambit/evangelist.elements.icon");
-
   _evangelistElements = function () {
     return data;
   };
-
   return data;
 }
-
 function _classnames() {
   const data = _interopRequireDefault(require("classnames"));
-
   _classnames = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireWildcard(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _compositionsPanelModule() {
   const data = _interopRequireDefault(require("./compositions-panel.module.scss"));
-
   _compositionsPanelModule = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function CompositionsPanel(_ref) {
   let {
-    url,
-    compositions,
-    isScaling,
-    onSelectComposition: onSelect,
-    active,
-    className
-  } = _ref,
-      rest = (0, _objectWithoutProperties2().default)(_ref, ["url", "compositions", "isScaling", "onSelectComposition", "active", "className"]);
+      url,
+      compositions,
+      isScaling,
+      onSelectComposition: onSelect,
+      active,
+      className
+    } = _ref,
+    rest = (0, _objectWithoutProperties2().default)(_ref, ["url", "compositions", "isScaling", "onSelectComposition", "active", "className"]);
   const handleSelect = (0, _react().useCallback)(selected => {
     onSelect && onSelect(selected);
   }, [onSelect]);
   return /*#__PURE__*/_react().default.createElement("ul", (0, _extends2().default)({}, rest, {
     className: (0, _classnames().default)(className)
   }), compositions.map(composition => {
-    const href = isScaling ? `${url}&name=${composition.identifier}` : `${url}&${composition.identifier}`; // TODO - move to composition panel node
+    const href = isScaling ? `${url}&name=${composition.identifier}` : `${url}&${composition.identifier}`;
 
+    // TODO - move to composition panel node
     return /*#__PURE__*/_react().default.createElement("li", {
       key: composition.identifier,
       className: (0, _classnames().default)(_compositionsPanelModule().default.linkWrapper, composition === active && _compositionsPanelModule().default.active)

package/dist/ui/compositions-panel/compositions-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["CompositionsPanel","url","compositions","isScaling","onSelectComposition","onSelect","active","className","rest","handleSelect","useCallback","selected","classNames","map","composition","href","identifier","styles","linkWrapper","panelLink","box","name","displayName","right","icon"],"sources":["compositions-panel.tsx"],"sourcesContent":["import { Icon } from '@teambit/evangelist.elements.icon';\nimport classNames from 'classnames';\nimport React, { useCallback } from 'react';\n\nimport { Composition } from '../../composition';\nimport styles from './compositions-panel.module.scss';\n\nexport type CompositionsPanelProps = {\n  /**\n   * list of compositions\n   */\n  compositions: Composition[];\n  /**\n   * select composition to display\n   */\n  onSelectComposition: (composition: Composition) => void;\n  /**\n   * the currently active composition\n   */\n  active?: Composition;\n  /**\n   * the url to the base composition. doesntc contain the current composition params\n   */\n  url: string;\n  /**\n   * checks if a component is using the new preview api. if false, doesnt scale to support new preview\n   */\n  isScaling?: boolean;\n} & React.HTMLAttributes<HTMLUListElement>;\n\nexport function CompositionsPanel({\n  url,\n  compositions,\n  isScaling,\n  onSelectComposition: onSelect,\n  active,\n  className,\n  ...rest\n}: CompositionsPanelProps) {\n  const handleSelect = useCallback(\n    (selected: Composition) => {\n      onSelect && onSelect(selected);\n    },\n    [onSelect]\n  );\n\n  return (\n    <ul {...rest} className={classNames(className)}>\n      {compositions.map((composition) => {\n        const href = isScaling ? `${url}&name=${composition.identifier}` : `${url}&${composition.identifier}`;\n\n        // TODO - move to composition panel node\n        return (\n          <li\n            key={composition.identifier}\n            className={classNames(styles.linkWrapper, composition === active && styles.active)}\n          >\n            <a className={styles.panelLink} onClick={() => handleSelect(composition)}>\n              <span className={styles.box}></span>\n              <span className={styles.name}>{composition.displayName}</span>\n            </a>\n            <div className={styles.right}>\n              <a className={styles.panelLink} target=\"_blank\" rel=\"noopener noreferrer\" href={href}>\n                <Icon className={styles.icon} of=\"open-tab\" />\n              </a>\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAyBO,SAASA,iBAAT,OAQoB;EAAA,IARO;IAChCC,GADgC;IAEhCC,YAFgC;IAGhCC,SAHgC;IAIhCC,mBAAmB,EAAEC,QAJW;IAKhCC,MALgC;IAMhCC;EANgC,CAQP;EAAA,IADtBC,IACsB;EACzB,MAAMC,YAAY,GAAG,IAAAC,oBAAA,EAClBC,QAAD,IAA2B;IACzBN,QAAQ,IAAIA,QAAQ,CAACM,QAAD,CAApB;EACD,CAHkB,EAInB,CAACN,QAAD,CAJmB,CAArB;EAOA,oBACE,kEAAQG,IAAR;IAAc,SAAS,EAAE,IAAAI,qBAAA,EAAWL,SAAX;EAAzB,IACGL,YAAY,CAACW,GAAb,CAAkBC,WAAD,IAAiB;IACjC,MAAMC,IAAI,GAAGZ,SAAS,GAAI,GAAEF,GAAI,SAAQa,WAAW,CAACE,UAAW,EAAzC,GAA8C,GAAEf,GAAI,IAAGa,WAAW,CAACE,UAAW,EAApG,CADiC,CAGjC;;IACA,oBACE;MACE,GAAG,EAAEF,WAAW,CAACE,UADnB;MAEE,SAAS,EAAE,IAAAJ,qBAAA,EAAWK,kCAAA,CAAOC,WAAlB,EAA+BJ,WAAW,KAAKR,MAAhB,IAA0BW,kCAAA,CAAOX,MAAhE;IAFb,gBAIE;MAAG,SAAS,EAAEW,kCAAA,CAAOE,SAArB;MAAgC,OAAO,EAAE,MAAMV,YAAY,CAACK,WAAD;IAA3D,gBACE;MAAM,SAAS,EAAEG,kCAAA,CAAOG;IAAxB,EADF,eAEE;MAAM,SAAS,EAAEH,kCAAA,CAAOI;IAAxB,GAA+BP,WAAW,CAACQ,WAA3C,CAFF,CAJF,eAQE;MAAK,SAAS,EAAEL,kCAAA,CAAOM;IAAvB,gBACE;MAAG,SAAS,EAAEN,kCAAA,CAAOE,SAArB;MAAgC,MAAM,EAAC,QAAvC;MAAgD,GAAG,EAAC,qBAApD;MAA0E,IAAI,EAAEJ;IAAhF,gBACE,+BAAC,0BAAD;MAAM,SAAS,EAAEE,kCAAA,CAAOO,IAAxB;MAA8B,EAAE,EAAC;IAAjC,EADF,CADF,CARF,CADF;EAgBD,CApBA,CADH,CADF;AAyBD"}
+{"version":3,"names":["CompositionsPanel","url","compositions","isScaling","onSelectComposition","onSelect","active","className","rest","handleSelect","useCallback","selected","classNames","map","composition","href","identifier","styles","linkWrapper","panelLink","box","name","displayName","right","icon"],"sources":["compositions-panel.tsx"],"sourcesContent":["import { Icon } from '@teambit/evangelist.elements.icon';\nimport classNames from 'classnames';\nimport React, { useCallback } from 'react';\n\nimport { Composition } from '../../composition';\nimport styles from './compositions-panel.module.scss';\n\nexport type CompositionsPanelProps = {\n  /**\n   * list of compositions\n   */\n  compositions: Composition[];\n  /**\n   * select composition to display\n   */\n  onSelectComposition: (composition: Composition) => void;\n  /**\n   * the currently active composition\n   */\n  active?: Composition;\n  /**\n   * the url to the base composition. doesntc contain the current composition params\n   */\n  url: string;\n  /**\n   * checks if a component is using the new preview api. if false, doesnt scale to support new preview\n   */\n  isScaling?: boolean;\n} & React.HTMLAttributes<HTMLUListElement>;\n\nexport function CompositionsPanel({\n  url,\n  compositions,\n  isScaling,\n  onSelectComposition: onSelect,\n  active,\n  className,\n  ...rest\n}: CompositionsPanelProps) {\n  const handleSelect = useCallback(\n    (selected: Composition) => {\n      onSelect && onSelect(selected);\n    },\n    [onSelect]\n  );\n\n  return (\n    <ul {...rest} className={classNames(className)}>\n      {compositions.map((composition) => {\n        const href = isScaling ? `${url}&name=${composition.identifier}` : `${url}&${composition.identifier}`;\n\n        // TODO - move to composition panel node\n        return (\n          <li\n            key={composition.identifier}\n            className={classNames(styles.linkWrapper, composition === active && styles.active)}\n          >\n            <a className={styles.panelLink} onClick={() => handleSelect(composition)}>\n              <span className={styles.box}></span>\n              <span className={styles.name}>{composition.displayName}</span>\n            </a>\n            <div className={styles.right}>\n              <a className={styles.panelLink} target=\"_blank\" rel=\"noopener noreferrer\" href={href}>\n                <Icon className={styles.icon} of=\"open-tab\" />\n              </a>\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAGA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAAsD;AAAA;AAyB/C,SAASA,iBAAiB,OAQN;EAAA,IARO;MAChCC,GAAG;MACHC,YAAY;MACZC,SAAS;MACTC,mBAAmB,EAAEC,QAAQ;MAC7BC,MAAM;MACNC;IAEsB,CAAC;IADpBC,IAAI;EAEP,MAAMC,YAAY,GAAG,IAAAC,oBAAW,EAC7BC,QAAqB,IAAK;IACzBN,QAAQ,IAAIA,QAAQ,CAACM,QAAQ,CAAC;EAChC,CAAC,EACD,CAACN,QAAQ,CAAC,CACX;EAED,oBACE,kEAAQG,IAAI;IAAE,SAAS,EAAE,IAAAI,qBAAU,EAACL,SAAS;EAAE,IAC5CL,YAAY,CAACW,GAAG,CAAEC,WAAW,IAAK;IACjC,MAAMC,IAAI,GAAGZ,SAAS,GAAI,GAAEF,GAAI,SAAQa,WAAW,CAACE,UAAW,EAAC,GAAI,GAAEf,GAAI,IAAGa,WAAW,CAACE,UAAW,EAAC;;IAErG;IACA,oBACE;MACE,GAAG,EAAEF,WAAW,CAACE,UAAW;MAC5B,SAAS,EAAE,IAAAJ,qBAAU,EAACK,kCAAM,CAACC,WAAW,EAAEJ,WAAW,KAAKR,MAAM,IAAIW,kCAAM,CAACX,MAAM;IAAE,gBAEnF;MAAG,SAAS,EAAEW,kCAAM,CAACE,SAAU;MAAC,OAAO,EAAE,MAAMV,YAAY,CAACK,WAAW;IAAE,gBACvE;MAAM,SAAS,EAAEG,kCAAM,CAACG;IAAI,EAAQ,eACpC;MAAM,SAAS,EAAEH,kCAAM,CAACI;IAAK,GAAEP,WAAW,CAACQ,WAAW,CAAQ,CAC5D,eACJ;MAAK,SAAS,EAAEL,kCAAM,CAACM;IAAM,gBAC3B;MAAG,SAAS,EAAEN,kCAAM,CAACE,SAAU;MAAC,MAAM,EAAC,QAAQ;MAAC,GAAG,EAAC,qBAAqB;MAAC,IAAI,EAAEJ;IAAK,gBACnF,+BAAC,0BAAI;MAAC,SAAS,EAAEE,kCAAM,CAACO,IAAK;MAAC,EAAE,EAAC;IAAU,EAAG,CAC5C,CACA,CACH;EAET,CAAC,CAAC,CACC;AAET"}

package/dist/ui/compositions-panel-node/compositions-panel-node.js

@@ -1,59 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompositionsPanelNode = CompositionsPanelNode;
-
 function _objectWithoutProperties2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
   _objectWithoutProperties2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _classnames() {
   const data = _interopRequireDefault(require("classnames"));
-
   _classnames = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _compositionsPanelNodeModule() {
   const data = _interopRequireDefault(require("./compositions-panel-node.module.scss"));
-
   _compositionsPanelNodeModule = function () {
     return data;
   };
-
   return data;
 }
-
 function CompositionsPanelNode(_ref) {
   let {
-    name,
-    onClick,
-    isActive
-  } = _ref,
-      rest = (0, _objectWithoutProperties2().default)(_ref, ["name", "onClick", "isActive"]);
+      name,
+      onClick,
+      isActive
+    } = _ref,
+    rest = (0, _objectWithoutProperties2().default)(_ref, ["name", "onClick", "isActive"]);
   return /*#__PURE__*/_react().default.createElement("li", rest, /*#__PURE__*/_react().default.createElement("div", {
     className: (0, _classnames().default)(_compositionsPanelNodeModule().default.linkWrapper, {
       [_compositionsPanelNodeModule().default.active]: isActive

package/dist/ui/compositions-panel-node/compositions-panel-node.js.map

@@ -1 +1 @@
-{"version":3,"names":["CompositionsPanelNode","name","onClick","isActive","rest","classNames","styles","linkWrapper","active","panelLink"],"sources":["compositions-panel-node.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nimport styles from './compositions-panel-node.module.scss';\n\nexport type CompositionsPanelNodeProps = {\n  name: string;\n  onClick: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n  isActive: boolean;\n} & React.HTMLAttributes<HTMLLIElement>;\n\nexport function CompositionsPanelNode({ name, onClick, isActive, ...rest }: CompositionsPanelNodeProps) {\n  return (\n    <li {...rest}>\n      <div className={classNames(styles.linkWrapper, { [styles.active]: isActive })}>\n        <a className={styles.panelLink} onClick={onClick}>\n          {name}\n        </a>\n      </div>\n    </li>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAQO,SAASA,qBAAT,OAAiG;EAAA,IAAlE;IAAEC,IAAF;IAAQC,OAAR;IAAiBC;EAAjB,CAAkE;EAAA,IAApCC,IAAoC;EACtG,oBACE,qCAAQA,IAAR,eACE;IAAK,SAAS,EAAE,IAAAC,qBAAA,EAAWC,sCAAA,CAAOC,WAAlB,EAA+B;MAAE,CAACD,sCAAA,CAAOE,MAAR,GAAiBL;IAAnB,CAA/B;EAAhB,gBACE;IAAG,SAAS,EAAEG,sCAAA,CAAOG,SAArB;IAAgC,OAAO,EAAEP;EAAzC,GACGD,IADH,CADF,CADF,CADF;AASD"}
+{"version":3,"names":["CompositionsPanelNode","name","onClick","isActive","rest","classNames","styles","linkWrapper","active","panelLink"],"sources":["compositions-panel-node.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nimport styles from './compositions-panel-node.module.scss';\n\nexport type CompositionsPanelNodeProps = {\n  name: string;\n  onClick: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n  isActive: boolean;\n} & React.HTMLAttributes<HTMLLIElement>;\n\nexport function CompositionsPanelNode({ name, onClick, isActive, ...rest }: CompositionsPanelNodeProps) {\n  return (\n    <li {...rest}>\n      <div className={classNames(styles.linkWrapper, { [styles.active]: isActive })}>\n        <a className={styles.panelLink} onClick={onClick}>\n          {name}\n        </a>\n      </div>\n    </li>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAQO,SAASA,qBAAqB,OAAmE;EAAA,IAAlE;MAAEC,IAAI;MAAEC,OAAO;MAAEC;IAA8C,CAAC;IAAlCC,IAAI;EACtE,oBACE,qCAAQA,IAAI,eACV;IAAK,SAAS,EAAE,IAAAC,qBAAU,EAACC,sCAAM,CAACC,WAAW,EAAE;MAAE,CAACD,sCAAM,CAACE,MAAM,GAAGL;IAAS,CAAC;EAAE,gBAC5E;IAAG,SAAS,EAAEG,sCAAM,CAACG,SAAU;IAAC,OAAO,EAAEP;EAAQ,GAC9CD,IAAI,CACH,CACA,CACH;AAET"}

package/dist/ui/compositions-panel-node/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _compositionsPanelNode = require("./compositions-panel-node");
-
 Object.keys(_compositionsPanelNode).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _compositionsPanelNode[key]) return;

package/dist/ui/compositions-panel-node/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './compositions-panel-node';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './compositions-panel-node';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/ui/index.js

@@ -9,14 +9,11 @@ Object.defineProperty(exports, "ComponentComposition", {
     return _compositionPreview().ComponentComposition;
   }
 });
-
 function _compositionPreview() {
   const data = require("./composition-preview");
-
   _compositionPreview = function () {
     return data;
   };
-
   return data;
 }
 

package/dist/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { ComponentComposition } from './composition-preview';\n"],"mappings":";;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { ComponentComposition } from './composition-preview';\n"],"mappings":";;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA"}

package/dist/ui/use-compositions.js

@@ -2,10 +2,13 @@
 // import { ComponentModel } from '../../component';
 // import { Composition } from '../composition';
 // import { useDataQuery } from '../../ui';
+
 // const GET_COMPOSITIONS = gql`
 //   compositions: {
+
 //   }
 // `;
+
 // export function useCompositions(component: ComponentModel): Composition[] | [] {
 //   useDataQuery();
 // }