@teambit/compositions 0.0.880 → 0.0.882

package/dist/composition.compare.section.js

@@ -1,42 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompositionCompareSection = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _compositionsUi() {
   const data = require("@teambit/compositions.ui.composition-compare");
-
   _compositionsUi = function () {
     return data;
   };
-
   return data;
 }
-
 class CompositionCompareSection {
   constructor(emptyStateSlot) {
     this.emptyStateSlot = emptyStateSlot;
@@ -52,9 +41,7 @@ class CompositionCompareSection {
       })
     });
   }
-
 }
-
 exports.CompositionCompareSection = CompositionCompareSection;
 
 //# sourceMappingURL=composition.compare.section.js.map

package/dist/composition.compare.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["CompositionCompareSection","constructor","emptyStateSlot","href","children","order","path","element"],"sources":["composition.compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport { EmptyStateSlot } from '@teambit/compositions';\nimport { Section } from '@teambit/component';\nimport { CompositionCompare } from '@teambit/compositions.ui.composition-compare';\n\nexport class CompositionCompareSection implements Section {\n  constructor(private emptyStateSlot: EmptyStateSlot) {}\n\n  navigationLink = {\n    href: 'compositions',\n    children: 'Compositions',\n    order: 1,\n  };\n\n  route = {\n    path: 'compositions/*',\n    element: <CompositionCompare emptyState={this.emptyStateSlot} />,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,yBAAN,CAAmD;EACxDC,WAAW,CAASC,cAAT,EAAyC;IAAA,KAAhCA,cAAgC,GAAhCA,cAAgC;IAAA,wDAEnC;MACfC,IAAI,EAAE,cADS;MAEfC,QAAQ,EAAE,cAFK;MAGfC,KAAK,EAAE;IAHQ,CAFmC;IAAA,+CAQ5C;MACNC,IAAI,EAAE,gBADA;MAENC,OAAO,eAAE,+BAAC,oCAAD;QAAoB,UAAU,EAAE,KAAKL;MAArC;IAFH,CAR4C;EAAE;;AADE"}
+{"version":3,"names":["CompositionCompareSection","constructor","emptyStateSlot","href","children","order","path","element"],"sources":["composition.compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport { EmptyStateSlot } from '@teambit/compositions';\nimport { Section } from '@teambit/component';\nimport { CompositionCompare } from '@teambit/compositions.ui.composition-compare';\n\nexport class CompositionCompareSection implements Section {\n  constructor(private emptyStateSlot: EmptyStateSlot) {}\n\n  navigationLink = {\n    href: 'compositions',\n    children: 'Compositions',\n    order: 1,\n  };\n\n  route = {\n    path: 'compositions/*',\n    element: <CompositionCompare emptyState={this.emptyStateSlot} />,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAGA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,yBAAyB,CAAoB;EACxDC,WAAW,CAASC,cAA8B,EAAE;IAAA,KAAhCA,cAA8B,GAA9BA,cAA8B;IAAA,wDAEjC;MACfC,IAAI,EAAE,cAAc;MACpBC,QAAQ,EAAE,cAAc;MACxBC,KAAK,EAAE;IACT,CAAC;IAAA,+CAEO;MACNC,IAAI,EAAE,gBAAgB;MACtBC,OAAO,eAAE,+BAAC,oCAAkB;QAAC,UAAU,EAAE,IAAI,CAACL;MAAe;IAC/D,CAAC;EAXoD;AAYvD;AAAC"}

package/dist/composition.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Composition = void 0;
-
 function _compositionsModel() {
   const data = require("@teambit/compositions.model.composition-id");
-
   _compositionsModel = function () {
     return data;
   };
-
   return data;
 }
-
 class Composition {
   constructor(
   /**
@@ -33,11 +29,9 @@ class Composition {
     this.filepath = filepath;
     this._displayName = _displayName;
   }
-
   get displayName() {
     return this._displayName || (0, _compositionsModel().humanizeCompositionId)(this.identifier);
   }
-
   toObject() {
     return {
       identifier: this.identifier,
@@ -45,22 +39,18 @@ class Composition {
       displayName: this._displayName
     };
   }
-
   toBrowserMetaDataObject() {
     return {
       identifier: this.identifier,
       displayName: this._displayName
     };
   }
-
   static fromArray(compositions) {
     return compositions.map(composition => {
       return new Composition(composition.identifier, composition.filepath, composition.displayName);
     });
   }
-
 }
-
 exports.Composition = Composition;
 
 //# sourceMappingURL=composition.js.map

package/dist/composition.js.map

@@ -1 +1 @@
-{"version":3,"names":["Composition","constructor","identifier","filepath","_displayName","displayName","humanizeCompositionId","toObject","toBrowserMetaDataObject","fromArray","compositions","map","composition"],"sources":["composition.ts"],"sourcesContent":["import { humanizeCompositionId } from '@teambit/compositions.model.composition-id';\n\nexport type CompositionProps = {\n  identifier: string;\n  filepath?: string;\n  displayName?: string;\n};\n\nexport type CompositionBrowserMetadata = {\n  displayName?: string;\n  identifier: string;\n};\n\nexport type CompositionBrowserMetadataObject = {\n  compositions: CompositionBrowserMetadata[];\n};\n\nexport class Composition {\n  constructor(\n    /**\n     * identifier of the composition\n     */\n    readonly identifier: string,\n\n    /**\n     * file path in which the composition is contained.\n     */\n    readonly filepath?: string,\n\n    /**\n     * set explicit display name\n     */\n    private _displayName?: string\n  ) {}\n\n  get displayName() {\n    return this._displayName || humanizeCompositionId(this.identifier);\n  }\n\n  toObject() {\n    return {\n      identifier: this.identifier,\n      filepath: this.filepath,\n      displayName: this._displayName,\n    };\n  }\n\n  toBrowserMetaDataObject(): CompositionBrowserMetadata {\n    return {\n      identifier: this.identifier,\n      displayName: this._displayName,\n    };\n  }\n\n  static fromArray(compositions: CompositionProps[]): Composition[] {\n    return compositions.map((composition) => {\n      return new Composition(composition.identifier, composition.filepath, composition.displayName);\n    });\n  }\n}\n"],"mappings":";;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAiBO,MAAMA,WAAN,CAAkB;EACvBC,WAAW;EACT;AACJ;AACA;EACaC,UAJA;EAMT;AACJ;AACA;EACaC,QATA;EAWT;AACJ;AACA;EACYC,YAdC,EAeT;IAAA,KAXSF,UAWT,GAXSA,UAWT;IAAA,KANSC,QAMT,GANSA,QAMT;IAAA,KADQC,YACR,GADQA,YACR;EAAE;;EAEW,IAAXC,WAAW,GAAG;IAChB,OAAO,KAAKD,YAAL,IAAqB,IAAAE,0CAAA,EAAsB,KAAKJ,UAA3B,CAA5B;EACD;;EAEDK,QAAQ,GAAG;IACT,OAAO;MACLL,UAAU,EAAE,KAAKA,UADZ;MAELC,QAAQ,EAAE,KAAKA,QAFV;MAGLE,WAAW,EAAE,KAAKD;IAHb,CAAP;EAKD;;EAEDI,uBAAuB,GAA+B;IACpD,OAAO;MACLN,UAAU,EAAE,KAAKA,UADZ;MAELG,WAAW,EAAE,KAAKD;IAFb,CAAP;EAID;;EAEe,OAATK,SAAS,CAACC,YAAD,EAAkD;IAChE,OAAOA,YAAY,CAACC,GAAb,CAAkBC,WAAD,IAAiB;MACvC,OAAO,IAAIZ,WAAJ,CAAgBY,WAAW,CAACV,UAA5B,EAAwCU,WAAW,CAACT,QAApD,EAA8DS,WAAW,CAACP,WAA1E,CAAP;IACD,CAFM,CAAP;EAGD;;AAzCsB"}
+{"version":3,"names":["Composition","constructor","identifier","filepath","_displayName","displayName","humanizeCompositionId","toObject","toBrowserMetaDataObject","fromArray","compositions","map","composition"],"sources":["composition.ts"],"sourcesContent":["import { humanizeCompositionId } from '@teambit/compositions.model.composition-id';\n\nexport type CompositionProps = {\n  identifier: string;\n  filepath?: string;\n  displayName?: string;\n};\n\nexport type CompositionBrowserMetadata = {\n  displayName?: string;\n  identifier: string;\n};\n\nexport type CompositionBrowserMetadataObject = {\n  compositions: CompositionBrowserMetadata[];\n};\n\nexport class Composition {\n  constructor(\n    /**\n     * identifier of the composition\n     */\n    readonly identifier: string,\n\n    /**\n     * file path in which the composition is contained.\n     */\n    readonly filepath?: string,\n\n    /**\n     * set explicit display name\n     */\n    private _displayName?: string\n  ) {}\n\n  get displayName() {\n    return this._displayName || humanizeCompositionId(this.identifier);\n  }\n\n  toObject() {\n    return {\n      identifier: this.identifier,\n      filepath: this.filepath,\n      displayName: this._displayName,\n    };\n  }\n\n  toBrowserMetaDataObject(): CompositionBrowserMetadata {\n    return {\n      identifier: this.identifier,\n      displayName: this._displayName,\n    };\n  }\n\n  static fromArray(compositions: CompositionProps[]): Composition[] {\n    return compositions.map((composition) => {\n      return new Composition(composition.identifier, composition.filepath, composition.displayName);\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAiBO,MAAMA,WAAW,CAAC;EACvBC,WAAW;EACT;AACJ;AACA;EACaC,UAAkB;EAE3B;AACJ;AACA;EACaC,QAAiB;EAE1B;AACJ;AACA;EACYC,YAAqB,EAC7B;IAAA,KAXSF,UAAkB,GAAlBA,UAAkB;IAAA,KAKlBC,QAAiB,GAAjBA,QAAiB;IAAA,KAKlBC,YAAqB,GAArBA,YAAqB;EAC5B;EAEH,IAAIC,WAAW,GAAG;IAChB,OAAO,IAAI,CAACD,YAAY,IAAI,IAAAE,0CAAqB,EAAC,IAAI,CAACJ,UAAU,CAAC;EACpE;EAEAK,QAAQ,GAAG;IACT,OAAO;MACLL,UAAU,EAAE,IAAI,CAACA,UAAU;MAC3BC,QAAQ,EAAE,IAAI,CAACA,QAAQ;MACvBE,WAAW,EAAE,IAAI,CAACD;IACpB,CAAC;EACH;EAEAI,uBAAuB,GAA+B;IACpD,OAAO;MACLN,UAAU,EAAE,IAAI,CAACA,UAAU;MAC3BG,WAAW,EAAE,IAAI,CAACD;IACpB,CAAC;EACH;EAEA,OAAOK,SAAS,CAACC,YAAgC,EAAiB;IAChE,OAAOA,YAAY,CAACC,GAAG,CAAEC,WAAW,IAAK;MACvC,OAAO,IAAIZ,WAAW,CAACY,WAAW,CAACV,UAAU,EAAEU,WAAW,CAACT,QAAQ,EAAES,WAAW,CAACP,WAAW,CAAC;IAC/F,CAAC,CAAC;EACJ;AACF;AAAC"}

package/dist/composition.section.js

@@ -1,42 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompositionsSection = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _compositions() {
   const data = require("./compositions");
-
   _compositions = function () {
     return data;
   };
-
   return data;
 }
-
 class CompositionsSection {
   constructor(
   /**
@@ -59,9 +48,7 @@ class CompositionsSection {
     });
     (0, _defineProperty2().default)(this, "order", 20);
   }
-
 }
-
 exports.CompositionsSection = CompositionsSection;
 
 //# sourceMappingURL=composition.section.js.map

package/dist/composition.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["CompositionsSection","constructor","compositions","options","emptyStateSlot","href","children","path","element","menuBarWidgetSlot"],"sources":["composition.section.tsx"],"sourcesContent":["import { Section } from '@teambit/component';\nimport React from 'react';\nimport { Compositions } from './compositions';\nimport type { CompositionsUI, CompositionsMenuSlot, EmptyStateSlot } 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  ) {}\n\n  navigationLink = {\n    href: '~compositions',\n    children: 'Compositions',\n  };\n\n  route = {\n    path: '~compositions',\n    element: <Compositions menuBarWidgets={this.options.menuBarWidgetSlot} emptyState={this.emptyStateSlot} />,\n  };\n\n  order = 20;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAKO,MAAMA,mBAAN,CAA6C;EAClDC,WAAW;EACT;AACJ;AACA;EACYC,YAJC,EAKDC,OALC,EAMDC,cANC,EAOT;IAAA,KAHQF,YAGR,GAHQA,YAGR;IAAA,KAFQC,OAER,GAFQA,OAER;IAAA,KADQC,cACR,GADQA,cACR;IAAA,wDAEe;MACfC,IAAI,EAAE,eADS;MAEfC,QAAQ,EAAE;IAFK,CAFf;IAAA,+CAOM;MACNC,IAAI,EAAE,eADA;MAENC,OAAO,eAAE,+BAAC,4BAAD;QAAc,cAAc,EAAE,KAAKL,OAAL,CAAaM,iBAA3C;QAA8D,UAAU,EAAE,KAAKL;MAA/E;IAFH,CAPN;IAAA,+CAYM,EAZN;EAAE;;AAR8C"}
+{"version":3,"names":["CompositionsSection","constructor","compositions","options","emptyStateSlot","href","children","path","element","menuBarWidgetSlot"],"sources":["composition.section.tsx"],"sourcesContent":["import { Section } from '@teambit/component';\nimport React from 'react';\nimport { Compositions } from './compositions';\nimport type { CompositionsUI, CompositionsMenuSlot, EmptyStateSlot } 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  ) {}\n\n  navigationLink = {\n    href: '~compositions',\n    children: 'Compositions',\n  };\n\n  route = {\n    path: '~compositions',\n    element: <Compositions menuBarWidgets={this.options.menuBarWidgetSlot} emptyState={this.emptyStateSlot} />,\n  };\n\n  order = 20;\n}\n"],"mappings":";;;;;;;;;;;;;;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAKO,MAAMA,mBAAmB,CAAoB;EAClDC,WAAW;EACT;AACJ;AACA;EACYC,YAA4B,EAC5BC,OAAgB,EAChBC,cAA8B,EACtC;IAAA,KAHQF,YAA4B,GAA5BA,YAA4B;IAAA,KAC5BC,OAAgB,GAAhBA,OAAgB;IAAA,KAChBC,cAA8B,GAA9BA,cAA8B;IAAA,wDAGvB;MACfC,IAAI,EAAE,eAAe;MACrBC,QAAQ,EAAE;IACZ,CAAC;IAAA,+CAEO;MACNC,IAAI,EAAE,eAAe;MACrBC,OAAO,eAAE,+BAAC,4BAAY;QAAC,cAAc,EAAE,IAAI,CAACL,OAAO,CAACM,iBAAkB;QAAC,UAAU,EAAE,IAAI,CAACL;MAAe;IACzG,CAAC;IAAA,+CAEO,EAAE;EAZP;AAaL;AAAC"}

package/dist/compositions.aspect.js

@@ -4,23 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CompositionsAspect = void 0;
-
 function _harmony() {
   const data = require("@teambit/harmony");
-
   _harmony = function () {
     return data;
   };
-
   return data;
 }
-
 const CompositionsAspect = _harmony().Aspect.create({
   id: 'teambit.compositions/compositions',
   dependencies: [],
   defaultConfig: {}
 });
-
 exports.CompositionsAspect = CompositionsAspect;
 var _default = CompositionsAspect;
 exports.default = _default;

package/dist/compositions.aspect.js.map

@@ -1 +1 @@
-{"version":3,"names":["CompositionsAspect","Aspect","create","id","dependencies","defaultConfig"],"sources":["compositions.aspect.ts"],"sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const CompositionsAspect = Aspect.create({\n  id: 'teambit.compositions/compositions',\n  dependencies: [],\n  defaultConfig: {},\n});\n\nexport default CompositionsAspect;\n"],"mappings":";;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,kBAAkB,GAAGC,iBAAA,CAAOC,MAAP,CAAc;EAC9CC,EAAE,EAAE,mCAD0C;EAE9CC,YAAY,EAAE,EAFgC;EAG9CC,aAAa,EAAE;AAH+B,CAAd,CAA3B;;;eAMQL,kB"}
+{"version":3,"names":["CompositionsAspect","Aspect","create","id","dependencies","defaultConfig"],"sources":["compositions.aspect.ts"],"sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const CompositionsAspect = Aspect.create({\n  id: 'teambit.compositions/compositions',\n  dependencies: [],\n  defaultConfig: {},\n});\n\nexport default CompositionsAspect;\n"],"mappings":";;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,kBAAkB,GAAGC,iBAAM,CAACC,MAAM,CAAC;EAC9CC,EAAE,EAAE,mCAAmC;EACvCC,YAAY,EAAE,EAAE;EAChBC,aAAa,EAAE,CAAC;AAClB,CAAC,CAAC;AAAC;AAAA,eAEYL,kBAAkB;AAAA"}

package/dist/compositions.composition.js

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Logo = void 0;
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
   style: {
     height: '100%',
@@ -29,7 +24,6 @@ const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
   },
   src: "https://static.bit.dev/extensions-icons/compositions.svg"
 }));
-
 exports.Logo = Logo;
 
 //# sourceMappingURL=compositions.composition.js.map

package/dist/compositions.composition.js.map

@@ -1 +1 @@
-{"version":3,"names":["Logo","height","display","justifyContent","width"],"sources":["compositions.composition.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/compositions.svg\" />\n  </div>\n);\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,IAAI,GAAG,mBAClB;EAAK,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAV;IAAkBC,OAAO,EAAE,MAA3B;IAAmCC,cAAc,EAAE;EAAnD;AAAZ,gBACE;EAAK,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAT,CAAZ;EAA2B,GAAG,EAAC;AAA/B,EADF,CADK"}
+{"version":3,"names":["Logo","height","display","justifyContent","width"],"sources":["compositions.composition.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/compositions.svg\" />\n  </div>\n);\n"],"mappings":";;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,IAAI,GAAG,mBAClB;EAAK,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAM;IAAEC,OAAO,EAAE,MAAM;IAAEC,cAAc,EAAE;EAAS;AAAE,gBACxE;EAAK,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAG,CAAE;EAAC,GAAG,EAAC;AAA0D,EAAG,CAE/F;AAAC"}

package/dist/compositions.graphql.js

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.compositionsSchema = compositionsSchema;
-
 function _graphqlTag() {
   const data = _interopRequireDefault(require("graphql-tag"));
-
   _graphqlTag = function () {
     return data;
   };
-
   return data;
 }
-
 function compositionsSchema(compositions) {
   return {
     typeDefs: (0, _graphqlTag().default)`

package/dist/compositions.graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["compositionsSchema","compositions","typeDefs","gql","resolvers","Component","component","getCompositions"],"sources":["compositions.graphql.ts"],"sourcesContent":["import { Component } from '@teambit/component';\nimport { Schema } from '@teambit/graphql';\nimport gql from 'graphql-tag';\n\nimport { CompositionsMain } from './compositions.main.runtime';\n\nexport function compositionsSchema(compositions: CompositionsMain): Schema {\n  return {\n    typeDefs: gql`\n      extend type Component {\n        compositions: [Composition]\n      }\n\n      type Subscription {\n        compositionAdded: Composition\n      }\n\n      type Composition {\n        filepath: String\n        identifier: String\n        displayName: String\n      }\n    `,\n    resolvers: {\n      Component: {\n        compositions: (component: Component) => {\n          return compositions.getCompositions(component);\n        },\n      },\n    },\n  };\n}\n"],"mappings":";;;;;;;;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAIO,SAASA,kBAAT,CAA4BC,YAA5B,EAAoE;EACzE,OAAO;IACLC,QAAQ,EAAE,IAAAC,qBAAA,CAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAfS;IAgBLC,SAAS,EAAE;MACTC,SAAS,EAAE;QACTJ,YAAY,EAAGK,SAAD,IAA0B;UACtC,OAAOL,YAAY,CAACM,eAAb,CAA6BD,SAA7B,CAAP;QACD;MAHQ;IADF;EAhBN,CAAP;AAwBD"}
+{"version":3,"names":["compositionsSchema","compositions","typeDefs","gql","resolvers","Component","component","getCompositions"],"sources":["compositions.graphql.ts"],"sourcesContent":["import { Component } from '@teambit/component';\nimport { Schema } from '@teambit/graphql';\nimport gql from 'graphql-tag';\n\nimport { CompositionsMain } from './compositions.main.runtime';\n\nexport function compositionsSchema(compositions: CompositionsMain): Schema {\n  return {\n    typeDefs: gql`\n      extend type Component {\n        compositions: [Composition]\n      }\n\n      type Subscription {\n        compositionAdded: Composition\n      }\n\n      type Composition {\n        filepath: String\n        identifier: String\n        displayName: String\n      }\n    `,\n    resolvers: {\n      Component: {\n        compositions: (component: Component) => {\n          return compositions.getCompositions(component);\n        },\n      },\n    },\n  };\n}\n"],"mappings":";;;;;;;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAIO,SAASA,kBAAkB,CAACC,YAA8B,EAAU;EACzE,OAAO;IACLC,QAAQ,EAAE,IAAAC,qBAAG,CAAC;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;IACDC,SAAS,EAAE;MACTC,SAAS,EAAE;QACTJ,YAAY,EAAGK,SAAoB,IAAK;UACtC,OAAOL,YAAY,CAACM,eAAe,CAACD,SAAS,CAAC;QAChD;MACF;IACF;EACF,CAAC;AACH"}

package/dist/compositions.js

@@ -1,295 +1,211 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompositionContent = CompositionContent;
 exports.Compositions = Compositions;
-
 function _react() {
   const data = _interopRequireWildcard(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _lodash() {
   const data = _interopRequireDefault(require("lodash.head"));
-
   _lodash = function () {
     return data;
   };
-
   return data;
 }
-
 function _queryString() {
   const data = _interopRequireDefault(require("query-string"));
-
   _queryString = function () {
     return data;
   };
-
   return data;
 }
-
 function _documenterTheme() {
   const data = require("@teambit/documenter.theme.theme-context");
-
   _documenterTheme = function () {
     return data;
   };
-
   return data;
 }
-
 function _baseUiSurfacesSplitPane() {
   const data = require("@teambit/base-ui.surfaces.split-pane.split-pane");
-
   _baseUiSurfacesSplitPane = function () {
     return data;
   };
-
   return data;
 }
-
 function _baseUiSurfacesSplitPane2() {
   const data = require("@teambit/base-ui.surfaces.split-pane.hover-splitter");
-
   _baseUiSurfacesSplitPane2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _component() {
   const data = require("@teambit/component");
-
   _component = function () {
     return data;
   };
-
   return data;
 }
-
 function _documenterUi() {
   const data = require("@teambit/documenter.ui.property-table");
-
   _documenterUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _panels() {
   const data = require("@teambit/panels");
-
   _panels = function () {
     return data;
   };
-
   return data;
 }
-
 function _docsUiQueries() {
   const data = require("@teambit/docs.ui.queries.get-docs");
-
   _docsUiQueries = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUiButtons() {
   const data = require("@teambit/ui-foundation.ui.buttons.collapser");
-
   _uiFoundationUiButtons = function () {
     return data;
   };
-
   return data;
 }
-
 function _designUi() {
   const data = require("@teambit/design.ui.empty-box");
-
   _designUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _previewUi() {
   const data = require("@teambit/preview.ui.component-preview");
-
   _previewUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUiHooks() {
   const data = require("@teambit/ui-foundation.ui.hooks.use-is-mobile");
-
   _uiFoundationUiHooks = function () {
     return data;
   };
-
   return data;
 }
-
 function _compositionsUi() {
   const data = require("@teambit/compositions.ui.compositions-menu-bar");
-
   _compositionsUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _compositionsUiHooks() {
   const data = require("@teambit/compositions.ui.hooks.use-composition");
-
   _compositionsUiHooks = function () {
     return data;
   };
-
   return data;
 }
-
 function _mdxUi() {
   const data = require("@teambit/mdx.ui.mdx-layout");
-
   _mdxUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _designUi2() {
   const data = require("@teambit/design.ui.separator");
-
   _designUi2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _documenterUi2() {
   const data = require("@teambit/documenter.ui.heading");
-
   _documenterUi2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _designUi3() {
   const data = require("@teambit/design.ui.alert-card");
-
   _designUi3 = function () {
     return data;
   };
-
   return data;
 }
-
 function _baseReactNavigation() {
   const data = require("@teambit/base-react.navigation.link");
-
   _baseReactNavigation = function () {
     return data;
   };
-
   return data;
 }
-
 function _designUiInput() {
   const data = require("@teambit/design.ui.input.option-button");
-
   _designUiInput = function () {
     return data;
   };
-
   return data;
 }
-
 function _designUiSurfaces() {
   const data = require("@teambit/design.ui.surfaces.status-message-card");
-
   _designUiSurfaces = function () {
     return data;
   };
-
   return data;
 }
-
 function _compositionsModule() {
   const data = _interopRequireDefault(require("./compositions.module.scss"));
-
   _compositionsModule = function () {
     return data;
   };
-
   return data;
 }
-
 function _ui() {
   const data = require("./ui");
-
   _ui = function () {
     return data;
   };
-
   return data;
 }
-
 function _compositionsPanel() {
   const data = require("./ui/compositions-panel/compositions-panel");
-
   _compositionsPanel = 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 Compositions({
   menuBarWidgets,
   emptyState
 }) {
   var _component$preview;
-
   const component = (0, _react().useContext)(_component().ComponentContext);
   const [selected, selectComposition] = (0, _react().useState)((0, _lodash().default)(component.compositions));
   const selectedRef = (0, _react().useRef)(selected);
   selectedRef.current = selected;
-  const properties = (0, _docsUiQueries().useDocs)(component.id); // reset selected composition when component changes.
-  // this does trigger renderer, but perf seems to be ok
+  const properties = (0, _docsUiQueries().useDocs)(component.id);
 
+  // reset selected composition when component changes.
+  // this does trigger renderer, but perf seems to be ok
   (0, _react().useEffect)(() => {
     var _selectedRef$current;
-
     const prevId = (_selectedRef$current = selectedRef.current) === null || _selectedRef$current === void 0 ? void 0 : _selectedRef$current.identifier;
     const next = component.compositions.find(c => c.identifier === prevId) || component.compositions[0];
     selectComposition(next);
@@ -303,8 +219,9 @@ function Compositions({
   const compositionIdentifierParam = isScaling ? `name=${selected === null || selected === void 0 ? void 0 : selected.identifier}` : selected === null || selected === void 0 ? void 0 : selected.identifier;
   const currentCompositionFullUrl = (0, _previewUi().toPreviewUrl)(component, 'compositions', compositionIdentifierParam);
   const [compositionParams, setCompositionParams] = (0, _react().useState)({});
-  const queryParams = (0, _react().useMemo)(() => _queryString().default.stringify(compositionParams), [compositionParams]); // collapse sidebar when empty, reopen when not
+  const queryParams = (0, _react().useMemo)(() => _queryString().default.stringify(compositionParams), [compositionParams]);
 
+  // collapse sidebar when empty, reopen when not
   (0, _react().useEffect)(() => setSidebarOpenness(showSidebar), [showSidebar]);
   return /*#__PURE__*/_react().default.createElement(_compositionsUiHooks().CompositionContextProvider, {
     queryParams: compositionParams,
@@ -361,7 +278,6 @@ function Compositions({
     showListView: true
   }) : /*#__PURE__*/_react().default.createElement("div", null)))))));
 }
-
 function CompositionContent({
   component,
   selected,
@@ -369,7 +285,6 @@ function CompositionContent({
   emptyState
 }) {
   var _component$environmen;
-
   const env = (_component$environmen = component.environment) === null || _component$environmen === void 0 ? void 0 : _component$environmen.id;
   const EmptyStateTemplate = emptyState === null || emptyState === void 0 ? void 0 : emptyState.get(env || ''); // || defaultTemplate;
 
@@ -386,7 +301,6 @@ function CompositionContent({
       title: "There are no compositions for this Component. Learn how to add compositions:"
     }, /*#__PURE__*/_react().default.createElement(_mdxUi().MDXLayout, null, /*#__PURE__*/_react().default.createElement(EmptyStateTemplate, null)))));
   }
-
   if ((component === null || component === void 0 ? void 0 : component.buildStatus) === 'pending' && (component === null || component === void 0 ? void 0 : component.host) === 'teambit.scope/scope') return /*#__PURE__*/_react().default.createElement(_designUiSurfaces().StatusMessageCard, {
     className: _compositionsModule().default.buildStatusMessage,
     status: "PROCESSING",
@@ -396,8 +310,9 @@ function CompositionContent({
     className: _compositionsModule().default.buildStatusMessage,
     status: "FAILURE",
     title: "failed to get component preview "
-  }); // TODO: get the docs domain from the community aspect and pass it here as a prop
+  });
 
+  // TODO: get the docs domain from the community aspect and pass it here as a prop
   if (component.compositions.length === 0) {
     return /*#__PURE__*/_react().default.createElement(_designUi().EmptyBox, {
       title: "There are no compositions for this component.",
@@ -405,9 +320,9 @@ function CompositionContent({
       link: `https://bit.dev/docs/dev-services-overview/compositions/compositions-overview`
     });
   }
-
   return /*#__PURE__*/_react().default.createElement(_ui().ComponentComposition, {
-    className: _compositionsModule().default.compositionsIframe // TODO: Oded to add control for viewport.
+    className: _compositionsModule().default.compositionsIframe
+    // TODO: Oded to add control for viewport.
     ,
     viewport: null,
     component: component,