@teambit/compositions 0.0.1157 → 0.0.1159

package/dist/composition.section.js

@@ -1,17 +1,9 @@
 "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 () {
@@ -26,6 +18,10 @@ function _compositions() {
   };
   return data;
 }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class CompositionsSection {
   constructor(
   /**
@@ -35,18 +31,18 @@ class CompositionsSection {
     this.compositions = compositions;
     this.options = options;
     this.emptyStateSlot = emptyStateSlot;
-    (0, _defineProperty2().default)(this, "navigationLink", {
+    _defineProperty(this, "navigationLink", {
       href: '~compositions',
       children: 'Preview'
     });
-    (0, _defineProperty2().default)(this, "route", {
+    _defineProperty(this, "route", {
       path: '~compositions/*',
       element: /*#__PURE__*/_react().default.createElement(_compositions().Compositions, {
         menuBarWidgets: this.options.menuBarWidgetSlot,
         emptyState: this.emptyStateSlot
       })
     });
-    (0, _defineProperty2().default)(this, "order", 20);
+    _defineProperty(this, "order", 20);
   }
 }
 exports.CompositionsSection = CompositionsSection;

package/dist/composition.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_compositions","CompositionsSection","constructor","compositions","options","emptyStateSlot","_defineProperty2","default","href","children","path","element","createElement","Compositions","menuBarWidgets","menuBarWidgetSlot","emptyState","exports"],"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: 'Preview',\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,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;AAKO,MAAMI,mBAAmB,CAAoB;EAClDC,WAAWA;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,IAAAC,gBAAA,GAAAC,OAAA,0BAGvB;MACfC,IAAI,EAAE,eAAe;MACrBC,QAAQ,EAAE;IACZ,CAAC;IAAA,IAAAH,gBAAA,GAAAC,OAAA,iBAEO;MACNG,IAAI,EAAE,iBAAiB;MACvBC,OAAO,eAAEf,MAAA,GAAAW,OAAA,CAAAK,aAAA,CAACZ,aAAA,GAAAa,YAAY;QAACC,cAAc,EAAE,IAAI,CAACV,OAAO,CAACW,iBAAkB;QAACC,UAAU,EAAE,IAAI,CAACX;MAAe,CAAE;IAC3G,CAAC;IAAA,IAAAC,gBAAA,GAAAC,OAAA,iBAEO,EAAE;EAZP;AAaL;AAACU,OAAA,CAAAhB,mBAAA,GAAAA,mBAAA"}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_compositions","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","CompositionsSection","constructor","compositions","options","emptyStateSlot","href","children","path","element","createElement","Compositions","menuBarWidgets","menuBarWidgetSlot","emptyState","exports"],"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: 'Preview',\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,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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,gBAAAH,GAAA,EAAAI,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAJ,GAAA,IAAAO,MAAA,CAAAC,cAAA,CAAAR,GAAA,EAAAI,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAX,GAAA,CAAAI,GAAA,IAAAC,KAAA,WAAAL,GAAA;AAAA,SAAAM,eAAAM,GAAA,QAAAR,GAAA,GAAAS,YAAA,CAAAD,GAAA,2BAAAR,GAAA,gBAAAA,GAAA,GAAAU,MAAA,CAAAV,GAAA;AAAA,SAAAS,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAKvC,MAAMU,mBAAmB,CAAoB;EAClDC,WAAWA;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;IAAA1B,eAAA,yBAGvB;MACf2B,IAAI,EAAE,eAAe;MACrBC,QAAQ,EAAE;IACZ,CAAC;IAAA5B,eAAA,gBAEO;MACN6B,IAAI,EAAE,iBAAiB;MACvBC,OAAO,eAAEtC,MAAA,GAAAO,OAAA,CAAAgC,aAAA,CAACnC,aAAA,GAAAoC,YAAY;QAACC,cAAc,EAAE,IAAI,CAACR,OAAO,CAACS,iBAAkB;QAACC,UAAU,EAAE,IAAI,CAACT;MAAe,CAAE;IAC3G,CAAC;IAAA1B,eAAA,gBAEO,EAAE;EAZP;AAaL;AAACoC,OAAA,CAAAd,mBAAA,GAAAA,mBAAA"}

package/dist/compositions.composition.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,6 +11,7 @@ function _react() {
   };
   return data;
 }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
   style: {
     height: '100%',

package/dist/compositions.composition.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","Logo","default","createElement","style","height","display","justifyContent","width","src","exports"],"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,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,MAAMG,IAAI,GAAGA,CAAA,kBAClBJ,MAAA,GAAAK,OAAA,CAAAC,aAAA;EAAKC,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAM;IAAEC,OAAO,EAAE,MAAM;IAAEC,cAAc,EAAE;EAAS;AAAE,gBACxEV,MAAA,GAAAK,OAAA,CAAAC,aAAA;EAAKC,KAAK,EAAE;IAAEI,KAAK,EAAE;EAAG,CAAE;EAACC,GAAG,EAAC;AAA0D,CAAE,CACxF,CACN;AAACC,OAAA,CAAAT,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","obj","__esModule","default","Logo","createElement","style","height","display","justifyContent","width","src","exports"],"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,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA0B,SAAAC,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnB,MAAMG,IAAI,GAAGA,CAAA,kBAClBP,MAAA,GAAAM,OAAA,CAAAE,aAAA;EAAKC,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAM;IAAEC,OAAO,EAAE,MAAM;IAAEC,cAAc,EAAE;EAAS;AAAE,gBACxEZ,MAAA,GAAAM,OAAA,CAAAE,aAAA;EAAKC,KAAK,EAAE;IAAEI,KAAK,EAAE;EAAG,CAAE;EAACC,GAAG,EAAC;AAA0D,CAAE,CACxF,CACN;AAACC,OAAA,CAAAR,IAAA,GAAAA,IAAA"}

package/dist/compositions.graphql.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,6 +11,7 @@ function _graphqlTag() {
   };
   return data;
 }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function compositionsSchema(compositions) {
   return {
     typeDefs: (0, _graphqlTag().default)`

package/dist/compositions.graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["_graphqlTag","data","_interopRequireDefault","require","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,SAAAA,YAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,WAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAIO,SAASG,kBAAkBA,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"}
+{"version":3,"names":["_graphqlTag","data","_interopRequireDefault","require","obj","__esModule","default","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,SAAAA,YAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,WAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA8B,SAAAC,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAIvB,SAASG,kBAAkBA,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,28 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.string.replace.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompositionContent = CompositionContent;
 exports.Compositions = Compositions;
-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 () {
@@ -212,8 +194,13 @@ function _compositionsPanel() {
   };
   return data;
 }
+const _excluded = ["component", "selected", "queryParams", "emptyState"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function Compositions({
   menuBarWidgets,
   emptyState
@@ -332,7 +319,7 @@ function CompositionContent(_ref) {
       queryParams,
       emptyState
     } = _ref,
-    componentCompositionProps = (0, _objectWithoutProperties2().default)(_ref, ["component", "selected", "queryParams", "emptyState"]);
+    componentCompositionProps = _objectWithoutProperties(_ref, _excluded);
   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;
 
@@ -368,7 +355,7 @@ function CompositionContent(_ref) {
       link: `https://bit.dev/reference/dev-services-overview/compositions/compositions-overview`
     });
   }
-  return /*#__PURE__*/_react().default.createElement(_ui().ComponentComposition, (0, _extends2().default)({
+  return /*#__PURE__*/_react().default.createElement(_ui().ComponentComposition, _extends({
     className: _compositionsModule().default.compositionsIframe
     // TODO: Oded to add control for viewport.
     ,

package/dist/compositions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_reactRouterDom","_lodash","_interopRequireDefault","_queryString","_documenterTheme","_baseUiSurfacesSplitPane","_baseUiSurfacesSplitPane2","_component","_documenterUi","_panels","_docsUiQueries","_uiFoundationUiButtons","_designUi","_previewUi","_uiFoundationUiHooks","_compositionsUi","_compositionsUiHooks","_mdxUi","_designUi2","_documenterUi2","_designUi3","_baseReactNavigation","_designUiInput","_designUiSurfaces","_compositionsModule","_ui","_compositionsPanel","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Compositions","menuBarWidgets","emptyState","_component$preview","_component$preview2","_component$preview3","component","useContext","ComponentContext","params","useParams","navigate","useNavigate","location","useLocation","currentCompositionName","currentComposition","compositions","find","composition","identifier","toLowerCase","head","selectedRef","useRef","current","properties","useDocs","id","isMobile","useIsMobile","showSidebar","length","isSidebarOpen","setSidebarOpenness","useState","sidebarOpenness","Layout","row","left","compositionUrl","toPreviewUrl","isScaling","preview","includesEnvTemplates","includesEnvTemplate","compositionIdentifierParam","currentCompositionFullUrl","compositionParams","setCompositionParams","queryParams","useMemo","queryString","stringify","useEffect","createElement","CompositionContextProvider","setQueryParams","SplitPane","layout","size","className","styles","compositionsPage","Pane","CompositionsMenuBar","menuBar","Link","external","href","openInNewTab","OptionButton","icon","CompositionContent","selected","HoverSplitter","splitter","Collapser","placement","isOpen","onMouseDown","e","stopPropagation","onClick","x","tooltipContent","collapser","right","ThemeContext","TabContainer","tabsContainer","TabList","tabs","Tab","TabPanel","tabContent","CompositionsPanel","onSelectComposition","pathname","includes","path","replace","nextPath","concat","url","active","compost","PropTable","rows","showListView","_ref","_component$environmen","componentCompositionProps","_objectWithoutProperties2","env","environment","EmptyStateTemplate","host","noCompositionsPage","H1","title","Separator","isPresentational","separator","AlertCard","level","MDXLayout","buildStatus","StatusMessageCard","buildStatusMessage","status","EmptyBox","linkText","link","ComponentComposition","_extends2","compositionsIframe","viewport","forceHeight","fullContentHeight","pubsub"],"sources":["compositions.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState, useMemo, useRef, ReactNode } from 'react';\nimport { useParams } from 'react-router-dom';\nimport head from 'lodash.head';\nimport queryString from 'query-string';\nimport { ThemeContext } from '@teambit/documenter.theme.theme-context';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\nimport { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { ComponentContext, ComponentModel } from '@teambit/component';\nimport { PropTable } from '@teambit/documenter.ui.property-table';\nimport { Tab, TabContainer, TabList, TabPanel } from '@teambit/panels';\nimport { useDocs } from '@teambit/docs.ui.queries.get-docs';\nimport { Collapser } from '@teambit/ui-foundation.ui.buttons.collapser';\nimport { EmptyBox } from '@teambit/design.ui.empty-box';\nimport { toPreviewUrl } from '@teambit/preview.ui.component-preview';\nimport { useIsMobile } from '@teambit/ui-foundation.ui.hooks.use-is-mobile';\nimport { CompositionsMenuBar } from '@teambit/compositions.ui.compositions-menu-bar';\nimport { CompositionContextProvider } from '@teambit/compositions.ui.hooks.use-composition';\nimport { MDXLayout } from '@teambit/mdx.ui.mdx-layout';\nimport { Separator } from '@teambit/design.ui.separator';\nimport { H1 } from '@teambit/documenter.ui.heading';\nimport { AlertCard } from '@teambit/design.ui.alert-card';\nimport { Link, useNavigate, useLocation } from '@teambit/base-react.navigation.link';\nimport { OptionButton } from '@teambit/design.ui.input.option-button';\nimport { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';\nimport { EmptyStateSlot } from './compositions.ui.runtime';\nimport { Composition } from './composition';\nimport styles from './compositions.module.scss';\nimport { ComponentComposition } from './ui';\nimport { CompositionsPanel } from './ui/compositions-panel/compositions-panel';\nimport type { CompositionsMenuSlot } from './compositions.ui.runtime';\nimport { ComponentCompositionProps } from './ui/composition-preview';\n\nexport type MenuBarWidget = {\n  location: 'start' | 'end';\n  content: ReactNode;\n};\nexport type CompositionsProp = { menuBarWidgets?: CompositionsMenuSlot; emptyState?: EmptyStateSlot };\n\nexport function Compositions({ menuBarWidgets, emptyState }: CompositionsProp) {\n  const component = useContext(ComponentContext);\n  // const [searchParams, setSearchParams] = useSearchParams();\n  const params = useParams();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const currentCompositionName = params['*'];\n  // console.log(routes);\n  const currentComposition =\n    component.compositions.find((composition) => composition.identifier.toLowerCase() === currentCompositionName) ||\n    head(component.compositions);\n  // const [selected, selectComposition] = useState(head(component.compositions));\n  const selectedRef = useRef(currentComposition);\n  selectedRef.current = currentComposition;\n\n  const properties = useDocs(component.id);\n\n  // reset selected composition when component changes.\n  // this does trigger renderer, but perf seems to be ok\n  // useEffect(() => {\n  //   const prevId = selectedRef.current?.identifier;\n  //   const next = component.compositions.find((c) => c.identifier === prevId) || component.compositions[0];\n\n  //   navigate(next.displayName.toLowerCase().replaceAll(' ', '-'));\n  // }, [component]);\n  const isMobile = useIsMobile();\n  const showSidebar = !isMobile && component.compositions.length > 0;\n  const [isSidebarOpen, setSidebarOpenness] = useState(showSidebar);\n\n  const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.left;\n\n  const compositionUrl = toPreviewUrl(component, 'compositions');\n  const isScaling = component?.preview?.isScaling;\n  const includesEnvTemplates = component?.preview?.includesEnvTemplate;\n  const compositionIdentifierParam =\n    isScaling && includesEnvTemplates === false\n      ? `name=${currentComposition?.identifier}`\n      : currentComposition?.identifier;\n  const currentCompositionFullUrl = toPreviewUrl(component, 'compositions', compositionIdentifierParam);\n\n  const [compositionParams, setCompositionParams] = useState<Record<string, any>>({});\n  const queryParams = useMemo(() => queryString.stringify(compositionParams), [compositionParams]);\n\n  // collapse sidebar when empty, reopen when not\n  useEffect(() => setSidebarOpenness(showSidebar), [showSidebar]);\n  return (\n    <CompositionContextProvider queryParams={compositionParams} setQueryParams={setCompositionParams}>\n      <SplitPane layout={sidebarOpenness} size=\"85%\" className={styles.compositionsPage}>\n        <Pane className={styles.left}>\n          <CompositionsMenuBar menuBarWidgets={menuBarWidgets} className={styles.menuBar}>\n            <Link external href={currentCompositionFullUrl} className={styles.openInNewTab}>\n              <OptionButton icon=\"open-tab\" />\n            </Link>\n          </CompositionsMenuBar>\n          <CompositionContent\n            emptyState={emptyState}\n            component={component}\n            selected={currentComposition}\n            queryParams={queryParams}\n          />\n        </Pane>\n        <HoverSplitter className={styles.splitter}>\n          <Collapser\n            placement=\"left\"\n            isOpen={isSidebarOpen}\n            onMouseDown={(e) => e.stopPropagation()} // avoid split-pane drag\n            onClick={() => setSidebarOpenness((x) => !x)}\n            tooltipContent={`${isSidebarOpen ? 'Hide' : 'Show'} side compositions`}\n            className={styles.collapser}\n          />\n        </HoverSplitter>\n        <Pane className={styles.right}>\n          <ThemeContext>\n            <TabContainer className={styles.tabsContainer}>\n              <TabList className={styles.tabs}>\n                <Tab>compositions</Tab>\n                <Tab>properties</Tab>\n              </TabList>\n              <TabPanel className={styles.tabContent}>\n                <CompositionsPanel\n                  isScaling={isScaling}\n                  includesEnvTemplate={component.preview?.includesEnvTemplate}\n                  onSelectComposition={(composition) => {\n                    if (!currentComposition || !location) return;\n                    if (location.pathname.includes(currentComposition.identifier.toLowerCase())) {\n                      navigate(composition.identifier.toLowerCase());\n                      return;\n                    }\n\n                    const path = location.pathname.replace(\n                      currentComposition.identifier.toLowerCase(),\n                      composition.identifier.toLowerCase()\n                    );\n\n                    if (!path) return;\n                    if (!path.includes(composition.identifier.toLowerCase())) {\n                      const nextPath = location.pathname.concat(`/${composition.identifier.toLowerCase()}`);\n                      navigate(nextPath);\n                      return;\n                    }\n                    navigate(path);\n                  }}\n                  url={compositionUrl}\n                  compositions={component.compositions}\n                  active={currentComposition}\n                  className={styles.compost}\n                />\n              </TabPanel>\n              <TabPanel className={styles.tabContent}>\n                {properties && properties.length > 0 ? <PropTable rows={properties} showListView /> : <div />}\n              </TabPanel>\n            </TabContainer>\n          </ThemeContext>\n        </Pane>\n      </SplitPane>\n    </CompositionContextProvider>\n  );\n}\n\nexport type CompositionContentProps = {\n  component: ComponentModel;\n  selected?: Composition;\n  queryParams?: string | string[];\n  emptyState?: EmptyStateSlot;\n} & ComponentCompositionProps;\n\nexport function CompositionContent({\n  component,\n  selected,\n  queryParams,\n  emptyState,\n  ...componentCompositionProps\n}: CompositionContentProps) {\n  const env = component.environment?.id;\n  const EmptyStateTemplate = emptyState?.get(env || ''); // || defaultTemplate;\n\n  if (component.compositions.length === 0 && component.host === 'teambit.workspace/workspace' && EmptyStateTemplate) {\n    return (\n      <div className={styles.noCompositionsPage}>\n        <div>\n          <H1 className={styles.title}>Compositions</H1>\n          <Separator isPresentational className={styles.separator} />\n          <AlertCard\n            level=\"info\"\n            title=\"There are no\n              compositions for this Component. Learn how to add compositions:\"\n          >\n            <MDXLayout>\n              <EmptyStateTemplate />\n            </MDXLayout>\n          </AlertCard>\n        </div>\n      </div>\n    );\n  }\n\n  if (component?.buildStatus === 'pending' && component?.host === 'teambit.scope/scope')\n    return (\n      <StatusMessageCard className={styles.buildStatusMessage} status=\"PROCESSING\" title=\"component preview pending\">\n        this might take some time\n      </StatusMessageCard>\n    );\n  if (component?.buildStatus === 'failed' && component?.host === 'teambit.scope/scope')\n    return (\n      <StatusMessageCard\n        className={styles.buildStatusMessage}\n        status=\"FAILURE\"\n        title=\"failed to get component preview \"\n      ></StatusMessageCard>\n    );\n\n  // TODO: get the docs domain from the community aspect and pass it here as a prop\n  if (component.compositions.length === 0) {\n    return (\n      <EmptyBox\n        title=\"There are no compositions for this component.\"\n        linkText=\"Learn how to create compositions\"\n        link={`https://bit.dev/reference/dev-services-overview/compositions/compositions-overview`}\n      />\n    );\n  }\n\n  return (\n    <ComponentComposition\n      className={styles.compositionsIframe}\n      // TODO: Oded to add control for viewport.\n      viewport={null}\n      component={component}\n      forceHeight=\"100%\"\n      composition={selected}\n      fullContentHeight\n      pubsub={true}\n      queryParams={queryParams}\n      {...componentCompositionProps}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_reactRouterDom","_lodash","_interopRequireDefault","_queryString","_documenterTheme","_baseUiSurfacesSplitPane","_baseUiSurfacesSplitPane2","_component","_documenterUi","_panels","_docsUiQueries","_uiFoundationUiButtons","_designUi","_previewUi","_uiFoundationUiHooks","_compositionsUi","_compositionsUiHooks","_mdxUi","_designUi2","_documenterUi2","_designUi3","_baseReactNavigation","_designUiInput","_designUiSurfaces","_compositionsModule","_ui","_compositionsPanel","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Compositions","menuBarWidgets","emptyState","_component$preview","_component$preview2","_component$preview3","component","useContext","ComponentContext","params","useParams","navigate","useNavigate","location","useLocation","currentCompositionName","currentComposition","compositions","find","composition","identifier","toLowerCase","head","selectedRef","useRef","current","properties","useDocs","id","isMobile","useIsMobile","showSidebar","isSidebarOpen","setSidebarOpenness","useState","sidebarOpenness","Layout","row","left","compositionUrl","toPreviewUrl","isScaling","preview","includesEnvTemplates","includesEnvTemplate","compositionIdentifierParam","currentCompositionFullUrl","compositionParams","setCompositionParams","queryParams","useMemo","queryString","stringify","useEffect","createElement","CompositionContextProvider","setQueryParams","SplitPane","layout","size","className","styles","compositionsPage","Pane","CompositionsMenuBar","menuBar","Link","external","href","openInNewTab","OptionButton","icon","CompositionContent","selected","HoverSplitter","splitter","Collapser","placement","isOpen","onMouseDown","e","stopPropagation","onClick","x","tooltipContent","collapser","right","ThemeContext","TabContainer","tabsContainer","TabList","tabs","Tab","TabPanel","tabContent","CompositionsPanel","onSelectComposition","pathname","includes","path","replace","nextPath","concat","url","active","compost","PropTable","rows","showListView","_ref","_component$environmen","componentCompositionProps","env","environment","EmptyStateTemplate","host","noCompositionsPage","H1","title","Separator","isPresentational","separator","AlertCard","level","MDXLayout","buildStatus","StatusMessageCard","buildStatusMessage","status","EmptyBox","linkText","link","ComponentComposition","compositionsIframe","viewport","forceHeight","fullContentHeight","pubsub"],"sources":["compositions.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState, useMemo, useRef, ReactNode } from 'react';\nimport { useParams } from 'react-router-dom';\nimport head from 'lodash.head';\nimport queryString from 'query-string';\nimport { ThemeContext } from '@teambit/documenter.theme.theme-context';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\nimport { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { ComponentContext, ComponentModel } from '@teambit/component';\nimport { PropTable } from '@teambit/documenter.ui.property-table';\nimport { Tab, TabContainer, TabList, TabPanel } from '@teambit/panels';\nimport { useDocs } from '@teambit/docs.ui.queries.get-docs';\nimport { Collapser } from '@teambit/ui-foundation.ui.buttons.collapser';\nimport { EmptyBox } from '@teambit/design.ui.empty-box';\nimport { toPreviewUrl } from '@teambit/preview.ui.component-preview';\nimport { useIsMobile } from '@teambit/ui-foundation.ui.hooks.use-is-mobile';\nimport { CompositionsMenuBar } from '@teambit/compositions.ui.compositions-menu-bar';\nimport { CompositionContextProvider } from '@teambit/compositions.ui.hooks.use-composition';\nimport { MDXLayout } from '@teambit/mdx.ui.mdx-layout';\nimport { Separator } from '@teambit/design.ui.separator';\nimport { H1 } from '@teambit/documenter.ui.heading';\nimport { AlertCard } from '@teambit/design.ui.alert-card';\nimport { Link, useNavigate, useLocation } from '@teambit/base-react.navigation.link';\nimport { OptionButton } from '@teambit/design.ui.input.option-button';\nimport { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';\nimport { EmptyStateSlot } from './compositions.ui.runtime';\nimport { Composition } from './composition';\nimport styles from './compositions.module.scss';\nimport { ComponentComposition } from './ui';\nimport { CompositionsPanel } from './ui/compositions-panel/compositions-panel';\nimport type { CompositionsMenuSlot } from './compositions.ui.runtime';\nimport { ComponentCompositionProps } from './ui/composition-preview';\n\nexport type MenuBarWidget = {\n  location: 'start' | 'end';\n  content: ReactNode;\n};\nexport type CompositionsProp = { menuBarWidgets?: CompositionsMenuSlot; emptyState?: EmptyStateSlot };\n\nexport function Compositions({ menuBarWidgets, emptyState }: CompositionsProp) {\n  const component = useContext(ComponentContext);\n  // const [searchParams, setSearchParams] = useSearchParams();\n  const params = useParams();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const currentCompositionName = params['*'];\n  // console.log(routes);\n  const currentComposition =\n    component.compositions.find((composition) => composition.identifier.toLowerCase() === currentCompositionName) ||\n    head(component.compositions);\n  // const [selected, selectComposition] = useState(head(component.compositions));\n  const selectedRef = useRef(currentComposition);\n  selectedRef.current = currentComposition;\n\n  const properties = useDocs(component.id);\n\n  // reset selected composition when component changes.\n  // this does trigger renderer, but perf seems to be ok\n  // useEffect(() => {\n  //   const prevId = selectedRef.current?.identifier;\n  //   const next = component.compositions.find((c) => c.identifier === prevId) || component.compositions[0];\n\n  //   navigate(next.displayName.toLowerCase().replaceAll(' ', '-'));\n  // }, [component]);\n  const isMobile = useIsMobile();\n  const showSidebar = !isMobile && component.compositions.length > 0;\n  const [isSidebarOpen, setSidebarOpenness] = useState(showSidebar);\n\n  const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.left;\n\n  const compositionUrl = toPreviewUrl(component, 'compositions');\n  const isScaling = component?.preview?.isScaling;\n  const includesEnvTemplates = component?.preview?.includesEnvTemplate;\n  const compositionIdentifierParam =\n    isScaling && includesEnvTemplates === false\n      ? `name=${currentComposition?.identifier}`\n      : currentComposition?.identifier;\n  const currentCompositionFullUrl = toPreviewUrl(component, 'compositions', compositionIdentifierParam);\n\n  const [compositionParams, setCompositionParams] = useState<Record<string, any>>({});\n  const queryParams = useMemo(() => queryString.stringify(compositionParams), [compositionParams]);\n\n  // collapse sidebar when empty, reopen when not\n  useEffect(() => setSidebarOpenness(showSidebar), [showSidebar]);\n  return (\n    <CompositionContextProvider queryParams={compositionParams} setQueryParams={setCompositionParams}>\n      <SplitPane layout={sidebarOpenness} size=\"85%\" className={styles.compositionsPage}>\n        <Pane className={styles.left}>\n          <CompositionsMenuBar menuBarWidgets={menuBarWidgets} className={styles.menuBar}>\n            <Link external href={currentCompositionFullUrl} className={styles.openInNewTab}>\n              <OptionButton icon=\"open-tab\" />\n            </Link>\n          </CompositionsMenuBar>\n          <CompositionContent\n            emptyState={emptyState}\n            component={component}\n            selected={currentComposition}\n            queryParams={queryParams}\n          />\n        </Pane>\n        <HoverSplitter className={styles.splitter}>\n          <Collapser\n            placement=\"left\"\n            isOpen={isSidebarOpen}\n            onMouseDown={(e) => e.stopPropagation()} // avoid split-pane drag\n            onClick={() => setSidebarOpenness((x) => !x)}\n            tooltipContent={`${isSidebarOpen ? 'Hide' : 'Show'} side compositions`}\n            className={styles.collapser}\n          />\n        </HoverSplitter>\n        <Pane className={styles.right}>\n          <ThemeContext>\n            <TabContainer className={styles.tabsContainer}>\n              <TabList className={styles.tabs}>\n                <Tab>compositions</Tab>\n                <Tab>properties</Tab>\n              </TabList>\n              <TabPanel className={styles.tabContent}>\n                <CompositionsPanel\n                  isScaling={isScaling}\n                  includesEnvTemplate={component.preview?.includesEnvTemplate}\n                  onSelectComposition={(composition) => {\n                    if (!currentComposition || !location) return;\n                    if (location.pathname.includes(currentComposition.identifier.toLowerCase())) {\n                      navigate(composition.identifier.toLowerCase());\n                      return;\n                    }\n\n                    const path = location.pathname.replace(\n                      currentComposition.identifier.toLowerCase(),\n                      composition.identifier.toLowerCase()\n                    );\n\n                    if (!path) return;\n                    if (!path.includes(composition.identifier.toLowerCase())) {\n                      const nextPath = location.pathname.concat(`/${composition.identifier.toLowerCase()}`);\n                      navigate(nextPath);\n                      return;\n                    }\n                    navigate(path);\n                  }}\n                  url={compositionUrl}\n                  compositions={component.compositions}\n                  active={currentComposition}\n                  className={styles.compost}\n                />\n              </TabPanel>\n              <TabPanel className={styles.tabContent}>\n                {properties && properties.length > 0 ? <PropTable rows={properties} showListView /> : <div />}\n              </TabPanel>\n            </TabContainer>\n          </ThemeContext>\n        </Pane>\n      </SplitPane>\n    </CompositionContextProvider>\n  );\n}\n\nexport type CompositionContentProps = {\n  component: ComponentModel;\n  selected?: Composition;\n  queryParams?: string | string[];\n  emptyState?: EmptyStateSlot;\n} & ComponentCompositionProps;\n\nexport function CompositionContent({\n  component,\n  selected,\n  queryParams,\n  emptyState,\n  ...componentCompositionProps\n}: CompositionContentProps) {\n  const env = component.environment?.id;\n  const EmptyStateTemplate = emptyState?.get(env || ''); // || defaultTemplate;\n\n  if (component.compositions.length === 0 && component.host === 'teambit.workspace/workspace' && EmptyStateTemplate) {\n    return (\n      <div className={styles.noCompositionsPage}>\n        <div>\n          <H1 className={styles.title}>Compositions</H1>\n          <Separator isPresentational className={styles.separator} />\n          <AlertCard\n            level=\"info\"\n            title=\"There are no\n              compositions for this Component. Learn how to add compositions:\"\n          >\n            <MDXLayout>\n              <EmptyStateTemplate />\n            </MDXLayout>\n          </AlertCard>\n        </div>\n      </div>\n    );\n  }\n\n  if (component?.buildStatus === 'pending' && component?.host === 'teambit.scope/scope')\n    return (\n      <StatusMessageCard className={styles.buildStatusMessage} status=\"PROCESSING\" title=\"component preview pending\">\n        this might take some time\n      </StatusMessageCard>\n    );\n  if (component?.buildStatus === 'failed' && component?.host === 'teambit.scope/scope')\n    return (\n      <StatusMessageCard\n        className={styles.buildStatusMessage}\n        status=\"FAILURE\"\n        title=\"failed to get component preview \"\n      ></StatusMessageCard>\n    );\n\n  // TODO: get the docs domain from the community aspect and pass it here as a prop\n  if (component.compositions.length === 0) {\n    return (\n      <EmptyBox\n        title=\"There are no compositions for this component.\"\n        linkText=\"Learn how to create compositions\"\n        link={`https://bit.dev/reference/dev-services-overview/compositions/compositions-overview`}\n      />\n    );\n  }\n\n  return (\n    <ComponentComposition\n      className={styles.compositionsIframe}\n      // TODO: Oded to add control for viewport.\n      viewport={null}\n      component={component}\n      forceHeight=\"100%\"\n      composition={selected}\n      fullContentHeight\n      pubsub={true}\n      queryParams={queryParams}\n      {...componentCompositionProps}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/compositions.main.runtime.js

@@ -1,22 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-require("core-js/modules/es.array.flat.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.array.unscopables.flat.js");
-require("core-js/modules/es.promise.js");
-require("core-js/modules/es.regexp.exec.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompositionsMain = void 0;
-function _defineProperty2() {
-  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-  _defineProperty2 = function () {
-    return data;
-  };
-  return data;
-}
 function _cli() {
   const data = require("@teambit/cli");
   _cli = function () {
@@ -115,6 +102,10 @@ function _compositions3() {
   };
   return data;
 }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * the component documentation extension.
  */
@@ -244,12 +235,12 @@ class CompositionsMain {
   }
 }
 exports.CompositionsMain = CompositionsMain;
-(0, _defineProperty2().default)(CompositionsMain, "defaultConfig", {
+_defineProperty(CompositionsMain, "defaultConfig", {
   compositionFilePattern: ['**/*.composition?(s).*'],
   compositionPreviewFilePattern: ['**/*.{t,j}s?(x)']
 });
-(0, _defineProperty2().default)(CompositionsMain, "runtime", _cli().MainRuntime);
-(0, _defineProperty2().default)(CompositionsMain, "dependencies", [_preview().PreviewAspect, _graphql().GraphqlAspect, _workspace().WorkspaceAspect, _schema().SchemaAspect, _devFiles().DevFilesAspect, _envs().default]);
+_defineProperty(CompositionsMain, "runtime", _cli().MainRuntime);
+_defineProperty(CompositionsMain, "dependencies", [_preview().PreviewAspect, _graphql().GraphqlAspect, _workspace().WorkspaceAspect, _schema().SchemaAspect, _devFiles().DevFilesAspect, _envs().default]);
 _compositions().CompositionsAspect.addRuntime(CompositionsMain);
 
 //# sourceMappingURL=compositions.main.runtime.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_cli","data","require","_component","_devFiles","_envs","_interopRequireDefault","_graphql","_preview","_schema","_toolboxPath","_workspace","_path","_composition","_compositions","_compositions2","_compositions3","CompositionsMain","constructor","compositionFilePattern","previewFilePattern","preview","workspace","schema","devFiles","envs","getPreviewFiles","components","ComponentMap","as","component","compositionFiles","state","filesystem","byGlob","previewFiles","Set","map","file","relative","files","filter","has","isCompositionFile","filePath","includePatterns","excludePatterns","splitPatterns","matchPatterns","getCompositions","entry","get","CompositionsAspect","id","compositions","Composition","fromArray","readCompositions","maybeFiles","byComponent","computeCompositions","flat","getCompositionFilePattern","getComponentDevPatterns","env","calculateEnv","skipWarnings","inInstallContext","componentEnvCompositionsDevPatterns","getCompositionsDevPatterns","componentPatterns","concat","name","pattern","getDevPatternToRegister","bind","onComponentLoad","loadOpts","loadCompositions","undefined","composition","toObject","pathArray","path","split","length","exports","parseModule","join","componentDir","exportModel","_exportModel$staticPr","displayName","staticProperties","identifier","provider","graphql","config","compositionPreviewFilePattern","registerDevPattern","register","compositionsSchema","registerDefinition","CompositionPreviewDefinition","_defineProperty2","default","MainRuntime","PreviewAspect","GraphqlAspect","WorkspaceAspect","SchemaAspect","DevFilesAspect","EnvsAspect","addRuntime"],"sources":["compositions.main.runtime.ts"],"sourcesContent":["import { MainRuntime } from '@teambit/cli';\nimport { AspectData, Component, ComponentMap, IComponent } from '@teambit/component';\nimport { DevFilesAspect, DevFilesMain } from '@teambit/dev-files';\nimport EnvsAspect, { EnvsMain } from '@teambit/envs';\nimport { GraphqlAspect, GraphqlMain } from '@teambit/graphql';\nimport { ComponentLoadOptions } from '@teambit/legacy/dist/consumer/component/component-loader';\nimport { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\nimport { PreviewAspect, PreviewMain } from '@teambit/preview';\nimport { SchemaAspect, SchemaMain } from '@teambit/schema';\nimport { matchPatterns, splitPatterns } from '@teambit/toolbox.path.match-patterns';\nimport { Workspace, WorkspaceAspect } from '@teambit/workspace';\nimport { join } from 'path';\nimport { Composition } from './composition';\nimport { CompositionsAspect } from './compositions.aspect';\nimport { compositionsSchema } from './compositions.graphql';\nimport { CompositionPreviewDefinition } from './compositions.preview-definition';\n\nexport type CompositionsConfig = {\n  /**\n   * glob pattern to detect composition files. This includes all related files, like styles and jsons.\n   * @example ['/*.composition?(s).*']\n   */\n  compositionFilePattern: string[];\n  /**\n   * glob pattern to select Preview files. this will only include files matched by compositionFilePattern.\n   * @example ['*.{t,j}s', '*.{t,j}sx']\n   */\n  compositionPreviewFilePattern: string[];\n};\n\n/**\n * the component documentation extension.\n */\nexport class CompositionsMain {\n  constructor(\n    /**\n     * Glob pattern to select all composition files\n     */\n    private compositionFilePattern: string[],\n\n    /**\n     * Glob pattern to select composition preview files\n     */\n    private previewFilePattern: string[],\n\n    /**\n     * envs extension.\n     */\n    private preview: PreviewMain,\n\n    /**\n     * workspace extension.\n     */\n    private workspace: Workspace,\n\n    /**\n     * schema extension.\n     */\n    private schema: SchemaMain,\n\n    private devFiles: DevFilesMain,\n\n    private envs: EnvsMain\n  ) {}\n\n  /**\n   * returns an array of doc file paths for a set of components.\n   */\n  getPreviewFiles(components: Component[]): ComponentMap<AbstractVinyl[]> {\n    return ComponentMap.as<AbstractVinyl[]>(components, (component) => {\n      // this includes non executables, like `button.compositions.module.scss` or `presets.compositions.json`\n      const compositionFiles = component.state.filesystem.byGlob(this.compositionFilePattern);\n\n      // select only relevant preview files (.tsx, etc)\n      const previewFiles = new Set(\n        component.state.filesystem.byGlob(this.previewFilePattern).map((file) => file.relative)\n      );\n      const files = compositionFiles.filter((file) => previewFiles.has(file.relative));\n\n      return files;\n    });\n  }\n\n  /**\n   * checks if a file matches the composition file pattern.\n   */\n  isCompositionFile(filePath: string): boolean {\n    const { includePatterns, excludePatterns } = splitPatterns(this.compositionFilePattern);\n    return matchPatterns(filePath, includePatterns, excludePatterns);\n  }\n\n  /**\n   * get component compositions.\n   */\n  getCompositions(component: IComponent): Composition[] {\n    const entry = component.get(CompositionsAspect.id);\n    if (!entry) return [];\n    const compositions = entry.data.compositions;\n    if (!compositions) return [];\n\n    return Composition.fromArray(compositions);\n  }\n\n  /**\n   * read composition from the component source code.\n   */\n  readCompositions(component: Component): Composition[] {\n    const maybeFiles = this.getPreviewFiles([component]).byComponent(component);\n\n    if (!maybeFiles) return [];\n    const [, files] = maybeFiles;\n    return files.map((file) => this.computeCompositions(component, file)).flat();\n  }\n\n  getCompositionFilePattern() {\n    return this.compositionFilePattern;\n  }\n\n  getComponentDevPatterns(component: Component) {\n    const env = this.envs.calculateEnv(component, { skipWarnings: !!this.workspace.inInstallContext }).env;\n    const componentEnvCompositionsDevPatterns: string[] = env.getCompositionsDevPatterns\n      ? env.getCompositionsDevPatterns(component)\n      : [];\n    const componentPatterns = componentEnvCompositionsDevPatterns.concat(this.getCompositionFilePattern());\n    return { name: 'compositions', pattern: componentPatterns };\n  }\n\n  getDevPatternToRegister() {\n    return this.getComponentDevPatterns.bind(this);\n  }\n\n  async onComponentLoad(component: Component, loadOpts?: ComponentLoadOptions): Promise<AspectData | undefined> {\n    if (loadOpts?.loadCompositions === false) return undefined;\n    const compositions = this.readCompositions(component);\n    return {\n      compositions: compositions.map((composition) => composition.toObject()),\n    };\n  }\n\n  private computeCompositions(component: Component, file: AbstractVinyl): Composition[] {\n    // :TODO hacked for a specific file extension now until david will take care in the compiler.\n    const pathArray = file.path.split('.');\n    pathArray[pathArray.length - 1] = 'js';\n\n    const exports = this.schema.parseModule(join(this.workspace.componentDir(component.id), file.relative));\n    return exports.map((exportModel) => {\n      const displayName = exportModel.staticProperties?.get('compositionName');\n\n      return new Composition(\n        exportModel.identifier,\n        file.relative,\n        typeof displayName === 'string' ? displayName : undefined\n      );\n    });\n  }\n\n  static defaultConfig: CompositionsConfig = {\n    compositionFilePattern: ['**/*.composition?(s).*'],\n    compositionPreviewFilePattern: ['**/*.{t,j}s?(x)'],\n  };\n\n  static runtime = MainRuntime;\n  static dependencies = [PreviewAspect, GraphqlAspect, WorkspaceAspect, SchemaAspect, DevFilesAspect, EnvsAspect];\n\n  static async provider(\n    [preview, graphql, workspace, schema, devFiles, envs]: [\n      PreviewMain,\n      GraphqlMain,\n      Workspace,\n      SchemaMain,\n      DevFilesMain,\n      EnvsMain\n    ],\n    config: CompositionsConfig\n  ) {\n    const compositions = new CompositionsMain(\n      config.compositionFilePattern,\n      config.compositionPreviewFilePattern,\n      preview,\n      workspace,\n      schema,\n      devFiles,\n      envs\n    );\n\n    // TODO: use the docs implementation to allow component specific pattern\n    devFiles.registerDevPattern(compositions.getDevPatternToRegister());\n\n    graphql.register(compositionsSchema(compositions));\n    preview.registerDefinition(new CompositionPreviewDefinition(compositions));\n\n    if (workspace) {\n      workspace.onComponentLoad(compositions.onComponentLoad.bind(compositions));\n    }\n\n    return compositions;\n  }\n}\n\nCompositionsAspect.addRuntime(CompositionsMain);\n"],"mappings":"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"}
+{"version":3,"names":["_cli","data","require","_component","_devFiles","_envs","_interopRequireDefault","_graphql","_preview","_schema","_toolboxPath","_workspace","_path","_composition","_compositions","_compositions2","_compositions3","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","CompositionsMain","constructor","compositionFilePattern","previewFilePattern","preview","workspace","schema","devFiles","envs","getPreviewFiles","components","ComponentMap","as","component","compositionFiles","state","filesystem","byGlob","previewFiles","Set","map","file","relative","files","filter","has","isCompositionFile","filePath","includePatterns","excludePatterns","splitPatterns","matchPatterns","getCompositions","entry","get","CompositionsAspect","id","compositions","Composition","fromArray","readCompositions","maybeFiles","byComponent","computeCompositions","flat","getCompositionFilePattern","getComponentDevPatterns","env","calculateEnv","skipWarnings","inInstallContext","componentEnvCompositionsDevPatterns","getCompositionsDevPatterns","componentPatterns","concat","name","pattern","getDevPatternToRegister","bind","onComponentLoad","loadOpts","loadCompositions","composition","toObject","pathArray","path","split","length","exports","parseModule","join","componentDir","exportModel","_exportModel$staticPr","displayName","staticProperties","identifier","provider","graphql","config","compositionPreviewFilePattern","registerDevPattern","register","compositionsSchema","registerDefinition","CompositionPreviewDefinition","MainRuntime","PreviewAspect","GraphqlAspect","WorkspaceAspect","SchemaAspect","DevFilesAspect","EnvsAspect","addRuntime"],"sources":["compositions.main.runtime.ts"],"sourcesContent":["import { MainRuntime } from '@teambit/cli';\nimport { AspectData, Component, ComponentMap, IComponent } from '@teambit/component';\nimport { DevFilesAspect, DevFilesMain } from '@teambit/dev-files';\nimport EnvsAspect, { EnvsMain } from '@teambit/envs';\nimport { GraphqlAspect, GraphqlMain } from '@teambit/graphql';\nimport { ComponentLoadOptions } from '@teambit/legacy/dist/consumer/component/component-loader';\nimport { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\nimport { PreviewAspect, PreviewMain } from '@teambit/preview';\nimport { SchemaAspect, SchemaMain } from '@teambit/schema';\nimport { matchPatterns, splitPatterns } from '@teambit/toolbox.path.match-patterns';\nimport { Workspace, WorkspaceAspect } from '@teambit/workspace';\nimport { join } from 'path';\nimport { Composition } from './composition';\nimport { CompositionsAspect } from './compositions.aspect';\nimport { compositionsSchema } from './compositions.graphql';\nimport { CompositionPreviewDefinition } from './compositions.preview-definition';\n\nexport type CompositionsConfig = {\n  /**\n   * glob pattern to detect composition files. This includes all related files, like styles and jsons.\n   * @example ['/*.composition?(s).*']\n   */\n  compositionFilePattern: string[];\n  /**\n   * glob pattern to select Preview files. this will only include files matched by compositionFilePattern.\n   * @example ['*.{t,j}s', '*.{t,j}sx']\n   */\n  compositionPreviewFilePattern: string[];\n};\n\n/**\n * the component documentation extension.\n */\nexport class CompositionsMain {\n  constructor(\n    /**\n     * Glob pattern to select all composition files\n     */\n    private compositionFilePattern: string[],\n\n    /**\n     * Glob pattern to select composition preview files\n     */\n    private previewFilePattern: string[],\n\n    /**\n     * envs extension.\n     */\n    private preview: PreviewMain,\n\n    /**\n     * workspace extension.\n     */\n    private workspace: Workspace,\n\n    /**\n     * schema extension.\n     */\n    private schema: SchemaMain,\n\n    private devFiles: DevFilesMain,\n\n    private envs: EnvsMain\n  ) {}\n\n  /**\n   * returns an array of doc file paths for a set of components.\n   */\n  getPreviewFiles(components: Component[]): ComponentMap<AbstractVinyl[]> {\n    return ComponentMap.as<AbstractVinyl[]>(components, (component) => {\n      // this includes non executables, like `button.compositions.module.scss` or `presets.compositions.json`\n      const compositionFiles = component.state.filesystem.byGlob(this.compositionFilePattern);\n\n      // select only relevant preview files (.tsx, etc)\n      const previewFiles = new Set(\n        component.state.filesystem.byGlob(this.previewFilePattern).map((file) => file.relative)\n      );\n      const files = compositionFiles.filter((file) => previewFiles.has(file.relative));\n\n      return files;\n    });\n  }\n\n  /**\n   * checks if a file matches the composition file pattern.\n   */\n  isCompositionFile(filePath: string): boolean {\n    const { includePatterns, excludePatterns } = splitPatterns(this.compositionFilePattern);\n    return matchPatterns(filePath, includePatterns, excludePatterns);\n  }\n\n  /**\n   * get component compositions.\n   */\n  getCompositions(component: IComponent): Composition[] {\n    const entry = component.get(CompositionsAspect.id);\n    if (!entry) return [];\n    const compositions = entry.data.compositions;\n    if (!compositions) return [];\n\n    return Composition.fromArray(compositions);\n  }\n\n  /**\n   * read composition from the component source code.\n   */\n  readCompositions(component: Component): Composition[] {\n    const maybeFiles = this.getPreviewFiles([component]).byComponent(component);\n\n    if (!maybeFiles) return [];\n    const [, files] = maybeFiles;\n    return files.map((file) => this.computeCompositions(component, file)).flat();\n  }\n\n  getCompositionFilePattern() {\n    return this.compositionFilePattern;\n  }\n\n  getComponentDevPatterns(component: Component) {\n    const env = this.envs.calculateEnv(component, { skipWarnings: !!this.workspace.inInstallContext }).env;\n    const componentEnvCompositionsDevPatterns: string[] = env.getCompositionsDevPatterns\n      ? env.getCompositionsDevPatterns(component)\n      : [];\n    const componentPatterns = componentEnvCompositionsDevPatterns.concat(this.getCompositionFilePattern());\n    return { name: 'compositions', pattern: componentPatterns };\n  }\n\n  getDevPatternToRegister() {\n    return this.getComponentDevPatterns.bind(this);\n  }\n\n  async onComponentLoad(component: Component, loadOpts?: ComponentLoadOptions): Promise<AspectData | undefined> {\n    if (loadOpts?.loadCompositions === false) return undefined;\n    const compositions = this.readCompositions(component);\n    return {\n      compositions: compositions.map((composition) => composition.toObject()),\n    };\n  }\n\n  private computeCompositions(component: Component, file: AbstractVinyl): Composition[] {\n    // :TODO hacked for a specific file extension now until david will take care in the compiler.\n    const pathArray = file.path.split('.');\n    pathArray[pathArray.length - 1] = 'js';\n\n    const exports = this.schema.parseModule(join(this.workspace.componentDir(component.id), file.relative));\n    return exports.map((exportModel) => {\n      const displayName = exportModel.staticProperties?.get('compositionName');\n\n      return new Composition(\n        exportModel.identifier,\n        file.relative,\n        typeof displayName === 'string' ? displayName : undefined\n      );\n    });\n  }\n\n  static defaultConfig: CompositionsConfig = {\n    compositionFilePattern: ['**/*.composition?(s).*'],\n    compositionPreviewFilePattern: ['**/*.{t,j}s?(x)'],\n  };\n\n  static runtime = MainRuntime;\n  static dependencies = [PreviewAspect, GraphqlAspect, WorkspaceAspect, SchemaAspect, DevFilesAspect, EnvsAspect];\n\n  static async provider(\n    [preview, graphql, workspace, schema, devFiles, envs]: [\n      PreviewMain,\n      GraphqlMain,\n      Workspace,\n      SchemaMain,\n      DevFilesMain,\n      EnvsMain\n    ],\n    config: CompositionsConfig\n  ) {\n    const compositions = new CompositionsMain(\n      config.compositionFilePattern,\n      config.compositionPreviewFilePattern,\n      preview,\n      workspace,\n      schema,\n      devFiles,\n      envs\n    );\n\n    // TODO: use the docs implementation to allow component specific pattern\n    devFiles.registerDevPattern(compositions.getDevPatternToRegister());\n\n    graphql.register(compositionsSchema(compositions));\n    preview.registerDefinition(new CompositionPreviewDefinition(compositions));\n\n    if (workspace) {\n      workspace.onComponentLoad(compositions.onComponentLoad.bind(compositions));\n    }\n\n    return compositions;\n  }\n}\n\nCompositionsAspect.addRuntime(CompositionsMain);\n"],"mappings":"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"}

package/dist/compositions.preview-definition.js

@@ -1,18 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-require("core-js/modules/es.promise.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompositionPreviewDefinition = void 0;
-function _defineProperty2() {
-  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-  _defineProperty2 = function () {
-    return data;
-  };
-  return data;
-}
 function _lodash() {
   const data = require("lodash");
   _lodash = function () {
@@ -20,11 +11,14 @@ function _lodash() {
   };
   return data;
 }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class CompositionPreviewDefinition {
   constructor(compositions) {
     this.compositions = compositions;
-    (0, _defineProperty2().default)(this, "prefix", 'compositions');
-    (0, _defineProperty2().default)(this, "includePeers", true);
+    _defineProperty(this, "prefix", 'compositions');
+    _defineProperty(this, "includePeers", true);
   }
   async renderTemplatePath(context) {
     return this.renderTemplatePathByEnv(context.env);

package/dist/compositions.preview-definition.js.map

@@ -1 +1 @@
-{"version":3,"names":["_lodash","data","require","CompositionPreviewDefinition","constructor","compositions","_defineProperty2","default","renderTemplatePath","context","renderTemplatePathByEnv","env","getMounter","isFunction","undefined","getModuleMap","components","map","getPreviewFiles","getMetadata","component","getCompositions","composition","displayName","identifier","exports"],"sources":["compositions.preview-definition.ts"],"sourcesContent":["import { Component, ComponentMap } from '@teambit/component';\nimport type { ExecutionContext, Environment } from '@teambit/envs';\nimport { PreviewDefinition } from '@teambit/preview';\nimport { isFunction } from 'lodash';\nimport { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\n\nimport { CompositionsMain } from './compositions.main.runtime';\nimport { CompositionBrowserMetadataObject } from './composition';\n\nexport class CompositionPreviewDefinition implements PreviewDefinition {\n  readonly prefix = 'compositions';\n  readonly includePeers = true;\n\n  constructor(private compositions: CompositionsMain) {}\n\n  async renderTemplatePath(context: ExecutionContext): Promise<string | undefined> {\n    return this.renderTemplatePathByEnv(context.env);\n  }\n\n  async renderTemplatePathByEnv(env: Environment): Promise<string | undefined> {\n    if (env.getMounter && isFunction(env.getMounter)) {\n      return env.getMounter();\n    }\n    return undefined;\n  }\n\n  async getModuleMap(components: Component[]): Promise<ComponentMap<AbstractVinyl[]>> {\n    const map = this.compositions.getPreviewFiles(components);\n    return map;\n  }\n\n  async getMetadata(component: Component): Promise<CompositionBrowserMetadataObject> {\n    const compositions = this.compositions\n      .getCompositions(component)\n      .map((composition) => ({ displayName: composition.displayName, identifier: composition.identifier }));\n    return {\n      compositions,\n    };\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAGA,SAAAA,QAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,OAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAMO,MAAME,4BAA4B,CAA8B;EAIrEC,WAAWA,CAASC,YAA8B,EAAE;IAAA,KAAhCA,YAA8B,GAA9BA,YAA8B;IAAA,IAAAC,gBAAA,GAAAC,OAAA,kBAHhC,cAAc;IAAA,IAAAD,gBAAA,GAAAC,OAAA,wBACR,IAAI;EAEyB;EAErD,MAAMC,kBAAkBA,CAACC,OAAyB,EAA+B;IAC/E,OAAO,IAAI,CAACC,uBAAuB,CAACD,OAAO,CAACE,GAAG,CAAC;EAClD;EAEA,MAAMD,uBAAuBA,CAACC,GAAgB,EAA+B;IAC3E,IAAIA,GAAG,CAACC,UAAU,IAAI,IAAAC,oBAAU,EAACF,GAAG,CAACC,UAAU,CAAC,EAAE;MAChD,OAAOD,GAAG,CAACC,UAAU,CAAC,CAAC;IACzB;IACA,OAAOE,SAAS;EAClB;EAEA,MAAMC,YAAYA,CAACC,UAAuB,EAA0C;IAClF,MAAMC,GAAG,GAAG,IAAI,CAACZ,YAAY,CAACa,eAAe,CAACF,UAAU,CAAC;IACzD,OAAOC,GAAG;EACZ;EAEA,MAAME,WAAWA,CAACC,SAAoB,EAA6C;IACjF,MAAMf,YAAY,GAAG,IAAI,CAACA,YAAY,CACnCgB,eAAe,CAACD,SAAS,CAAC,CAC1BH,GAAG,CAAEK,WAAW,KAAM;MAAEC,WAAW,EAAED,WAAW,CAACC,WAAW;MAAEC,UAAU,EAAEF,WAAW,CAACE;IAAW,CAAC,CAAC,CAAC;IACvG,OAAO;MACLnB;IACF,CAAC;EACH;AACF;AAACoB,OAAA,CAAAtB,4BAAA,GAAAA,4BAAA"}
+{"version":3,"names":["_lodash","data","require","_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","CompositionPreviewDefinition","constructor","compositions","renderTemplatePath","context","renderTemplatePathByEnv","env","getMounter","isFunction","getModuleMap","components","map","getPreviewFiles","getMetadata","component","getCompositions","composition","displayName","identifier","exports"],"sources":["compositions.preview-definition.ts"],"sourcesContent":["import { Component, ComponentMap } from '@teambit/component';\nimport type { ExecutionContext, Environment } from '@teambit/envs';\nimport { PreviewDefinition } from '@teambit/preview';\nimport { isFunction } from 'lodash';\nimport { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\n\nimport { CompositionsMain } from './compositions.main.runtime';\nimport { CompositionBrowserMetadataObject } from './composition';\n\nexport class CompositionPreviewDefinition implements PreviewDefinition {\n  readonly prefix = 'compositions';\n  readonly includePeers = true;\n\n  constructor(private compositions: CompositionsMain) {}\n\n  async renderTemplatePath(context: ExecutionContext): Promise<string | undefined> {\n    return this.renderTemplatePathByEnv(context.env);\n  }\n\n  async renderTemplatePathByEnv(env: Environment): Promise<string | undefined> {\n    if (env.getMounter && isFunction(env.getMounter)) {\n      return env.getMounter();\n    }\n    return undefined;\n  }\n\n  async getModuleMap(components: Component[]): Promise<ComponentMap<AbstractVinyl[]>> {\n    const map = this.compositions.getPreviewFiles(components);\n    return map;\n  }\n\n  async getMetadata(component: Component): Promise<CompositionBrowserMetadataObject> {\n    const compositions = this.compositions\n      .getCompositions(component)\n      .map((composition) => ({ displayName: composition.displayName, identifier: composition.identifier }));\n    return {\n      compositions,\n    };\n  }\n}\n"],"mappings":";;;;;;AAGA,SAAAA,QAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,OAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAoC,SAAAE,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,GAAA,QAAAR,GAAA,GAAAS,YAAA,CAAAD,GAAA,2BAAAR,GAAA,gBAAAA,GAAA,GAAAU,MAAA,CAAAV,GAAA;AAAA,SAAAS,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAM7B,MAAMU,4BAA4B,CAA8B;EAIrEC,WAAWA,CAASC,YAA8B,EAAE;IAAA,KAAhCA,YAA8B,GAA9BA,YAA8B;IAAAzB,eAAA,iBAHhC,cAAc;IAAAA,eAAA,uBACR,IAAI;EAEyB;EAErD,MAAM0B,kBAAkBA,CAACC,OAAyB,EAA+B;IAC/E,OAAO,IAAI,CAACC,uBAAuB,CAACD,OAAO,CAACE,GAAG,CAAC;EAClD;EAEA,MAAMD,uBAAuBA,CAACC,GAAgB,EAA+B;IAC3E,IAAIA,GAAG,CAACC,UAAU,IAAI,IAAAC,oBAAU,EAACF,GAAG,CAACC,UAAU,CAAC,EAAE;MAChD,OAAOD,GAAG,CAACC,UAAU,CAAC,CAAC;IACzB;IACA,OAAOZ,SAAS;EAClB;EAEA,MAAMc,YAAYA,CAACC,UAAuB,EAA0C;IAClF,MAAMC,GAAG,GAAG,IAAI,CAACT,YAAY,CAACU,eAAe,CAACF,UAAU,CAAC;IACzD,OAAOC,GAAG;EACZ;EAEA,MAAME,WAAWA,CAACC,SAAoB,EAA6C;IACjF,MAAMZ,YAAY,GAAG,IAAI,CAACA,YAAY,CACnCa,eAAe,CAACD,SAAS,CAAC,CAC1BH,GAAG,CAAEK,WAAW,KAAM;MAAEC,WAAW,EAAED,WAAW,CAACC,WAAW;MAAEC,UAAU,EAAEF,WAAW,CAACE;IAAW,CAAC,CAAC,CAAC;IACvG,OAAO;MACLhB;IACF,CAAC;EACH;AACF;AAACiB,OAAA,CAAAnB,4BAAA,GAAAA,4BAAA"}

package/dist/compositions.preview.runtime.js

@@ -1,20 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.promise.js");
-require("core-js/modules/es.regexp.exec.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompositionsPreview = void 0;
-function _defineProperty2() {
-  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-  _defineProperty2 = function () {
-    return data;
-  };
-  return data;
-}
 function _preview() {
   const data = require("@teambit/preview");
   _preview = function () {
@@ -36,6 +25,10 @@ function _compositions() {
   };
   return data;
 }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class CompositionsPreview {
   constructor(
   /**
@@ -98,8 +91,8 @@ class CompositionsPreview {
   }
 }
 exports.CompositionsPreview = CompositionsPreview;
-(0, _defineProperty2().default)(CompositionsPreview, "runtime", _preview().PreviewRuntime);
-(0, _defineProperty2().default)(CompositionsPreview, "dependencies", [_preview().PreviewAspect]);
+_defineProperty(CompositionsPreview, "runtime", _preview().PreviewRuntime);
+_defineProperty(CompositionsPreview, "dependencies", [_preview().PreviewAspect]);
 _compositions().CompositionsAspect.addRuntime(CompositionsPreview);
 
 //# sourceMappingURL=compositions.preview.runtime.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_preview","data","require","_lodash","_interopRequireDefault","_compositions","CompositionsPreview","constructor","preview","render","componentId","envId","modules","otherPreviewDefs","context","componentMap","fullName","compositions","selectPreviewModel","metadata","getMetadata","active","getActiveComposition","mainModule","modulesMap","default","defaultExports","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","exports","_defineProperty2","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, envId: string, 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    const mainModule = modules.modulesMap[envId] || modules.modulesMap.default;\n    const defaultExports = mainModule.default;\n\n    defaultExports(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":["_preview","data","require","_lodash","_interopRequireDefault","_compositions","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","CompositionsPreview","constructor","preview","render","componentId","envId","modules","otherPreviewDefs","context","componentMap","fullName","compositions","selectPreviewModel","metadata","getMetadata","active","getActiveComposition","mainModule","modulesMap","defaultExports","componentFullName","previewModule","files","combined","assign","componentMapMetadata","module","firstQueryParam","window","location","hash","split","query","getQuery","compositionId","getParam","first","head","firstId","identifier","values","provider","compPreview","registerPreview","name","bind","exports","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, envId: string, 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    const mainModule = modules.modulesMap[envId] || modules.modulesMap.default;\n    const defaultExports = mainModule.default;\n\n    defaultExports(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,19 +1,9 @@
 "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 _react() {
   const data = _interopRequireDefault(require("react"));
   _react = function () {
@@ -77,11 +67,15 @@ function _compositions() {
   };
   return data;
 }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class CompositionsUI {
   constructor(menuBarWidgetSlot, emptyStateSlot) {
     this.menuBarWidgetSlot = menuBarWidgetSlot;
     this.emptyStateSlot = emptyStateSlot;
-    (0, _defineProperty2().default)(this, "getCompositionsCompare", () => {
+    _defineProperty(this, "getCompositionsCompare", () => {
       return /*#__PURE__*/_react().default.createElement(_compositionsUi2().CompositionCompare, {
         emptyState: this.emptyStateSlot
       });
@@ -111,9 +105,9 @@ class CompositionsUI {
   }
 }
 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()]);
+_defineProperty(CompositionsUI, "dependencies", [_component().ComponentAspect, _componentCompare().ComponentCompareAspect]);
+_defineProperty(CompositionsUI, "runtime", _ui().UIRuntime);
+_defineProperty(CompositionsUI, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType()]);
 var _default = CompositionsUI;
 exports.default = _default;
 _compositions().CompositionsAspect.addRuntime(CompositionsUI);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_harmony","_component","_ui","_compositionsUi","_compositionsUi2","_componentCompare","_composition","_compositions","CompositionsUI","constructor","menuBarWidgetSlot","emptyStateSlot","_defineProperty2","default","createElement","CompositionCompare","emptyState","registerEmptyState","emptyStateComponent","register","registerMenuWidget","widget","provider","component","componentCompare","config","compositionMenuSlot","compositions","section","CompositionsSection","compositionCompare","CompositionCompareSection","registerRoute","route","registerNavigation","navigationLink","order","registerRoutes","exports","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","_default","CompositionsAspect","addRuntime"],"sources":["compositions.ui.runtime.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { ComponentType } from 'react';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentAspect, ComponentUI } 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 { ComponentCompareUI, ComponentCompareAspect } from '@teambit/component-compare';\nimport { CompositionsSection } from './composition.section';\nimport { CompositionsAspect } from './compositions.aspect';\nimport { MenuBarWidget } from './compositions';\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   * 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  getCompositionsCompare = () => {\n    return <CompositionCompare emptyState={this.emptyStateSlot} />;\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(compositions);\n    component.registerRoute(section.route);\n    component.registerNavigation(section.navigationLink, section.order);\n    componentCompare.registerNavigation(compositionCompare);\n    componentCompare.registerRoutes([compositionCompare.route]);\n    return compositions;\n  }\n}\n\nexport default CompositionsUI;\n\nCompositionsAspect.addRuntime(CompositionsUI);\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_harmony","_component","_ui","_compositionsUi","_compositionsUi2","_componentCompare","_composition","_compositions","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","CompositionsUI","constructor","menuBarWidgetSlot","emptyStateSlot","createElement","CompositionCompare","emptyState","registerEmptyState","emptyStateComponent","register","registerMenuWidget","widget","provider","component","componentCompare","config","compositionMenuSlot","compositions","section","CompositionsSection","compositionCompare","CompositionCompareSection","registerRoute","route","registerNavigation","navigationLink","order","registerRoutes","exports","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","_default","CompositionsAspect","addRuntime"],"sources":["compositions.ui.runtime.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { ComponentType } from 'react';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentAspect, ComponentUI } 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 { ComponentCompareUI, ComponentCompareAspect } from '@teambit/component-compare';\nimport { CompositionsSection } from './composition.section';\nimport { CompositionsAspect } from './compositions.aspect';\nimport { MenuBarWidget } from './compositions';\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   * 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  getCompositionsCompare = () => {\n    return <CompositionCompare emptyState={this.emptyStateSlot} />;\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(compositions);\n    component.registerRoute(section.route);\n    component.registerNavigation(section.navigationLink, section.order);\n    componentCompare.registerNavigation(compositionCompare);\n    componentCompare.registerRoutes([compositionCompare.route]);\n    return compositions;\n  }\n}\n\nexport default CompositionsUI;\n\nCompositionsAspect.addRuntime(CompositionsUI);\n"],"mappings":"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"}

package/dist/{preview-1694488626516.js → preview-1694624356552.js}

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

package/dist/ui/composition-preview.js

@@ -1,24 +1,9 @@
 "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 () {
@@ -33,8 +18,12 @@ function _previewUi() {
   };
   return data;
 }
+const _excluded = ["composition", "component", "queryParams"];
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function ComponentComposition(_ref) {
   var _component$preview, _component$preview2;
   let {
@@ -42,12 +31,12 @@ function ComponentComposition(_ref) {
       component,
       queryParams = []
     } = _ref,
-    rest = (0, _objectWithoutProperties2().default)(_ref, ["composition", "component", "queryParams"]);
+    rest = _objectWithoutProperties(_ref, _excluded);
   const includesEnvTemplate = (_component$preview = component.preview) === null || _component$preview === void 0 ? void 0 : _component$preview.includesEnvTemplate;
   const isScaling = (_component$preview2 = component.preview) === null || _component$preview2 === void 0 ? void 0 : _component$preview2.isScaling;
   const shouldAddNameParam = isScaling && includesEnvTemplate === false;
   const compositionParams = (0, _react().useMemo)(() => (composition ? [shouldAddNameParam ? `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, {
+  return /*#__PURE__*/_react().default.createElement(_previewUi().ComponentPreview, _extends({}, rest, {
     component: component,
     style: {
       width: '100%',

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_previewUi","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ComponentComposition","_ref","_component$preview","_component$preview2","composition","component","queryParams","rest","_objectWithoutProperties2","includesEnvTemplate","preview","isScaling","shouldAddNameParam","compositionParams","useMemo","identifier","concat","createElement","ComponentPreview","_extends2","style","width","height","previewName"],"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 includesEnvTemplate = component.preview?.includesEnvTemplate;\n  const isScaling = component.preview?.isScaling;\n  const shouldAddNameParam = isScaling && includesEnvTemplate === false;\n\n  const compositionParams = useMemo(\n    () =>\n      (composition ? [shouldAddNameParam ? `name=${composition.identifier}` : composition.identifier] : []).concat(\n        queryParams\n      ),\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":"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"}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_previewUi","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ComponentComposition","_ref","_component$preview","_component$preview2","composition","component","queryParams","rest","includesEnvTemplate","preview","isScaling","shouldAddNameParam","compositionParams","useMemo","identifier","concat","createElement","ComponentPreview","style","width","height","previewName"],"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 includesEnvTemplate = component.preview?.includesEnvTemplate;\n  const isScaling = component.preview?.isScaling;\n  const shouldAddNameParam = isScaling && includesEnvTemplate === false;\n\n  const compositionParams = useMemo(\n    () =>\n      (composition ? [shouldAddNameParam ? `name=${composition.identifier}` : composition.identifier] : []).concat(\n        queryParams\n      ),\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":"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"}

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

@@ -1,24 +1,9 @@
 "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 () {
@@ -47,8 +32,13 @@ function _compositionsPanelModule() {
   };
   return data;
 }
+const _excluded = ["url", "compositions", "isScaling", "onSelectComposition", "active", "includesEnvTemplate", "className"];
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function CompositionsPanel(_ref) {
   let {
       url,
@@ -59,12 +49,12 @@ function CompositionsPanel(_ref) {
       includesEnvTemplate,
       className
     } = _ref,
-    rest = (0, _objectWithoutProperties2().default)(_ref, ["url", "compositions", "isScaling", "onSelectComposition", "active", "includesEnvTemplate", "className"]);
+    rest = _objectWithoutProperties(_ref, _excluded);
   const shouldAddNameParam = isScaling && includesEnvTemplate === false;
   const handleSelect = (0, _react().useCallback)(selected => {
     onSelect && onSelect(selected);
   }, [onSelect]);
-  return /*#__PURE__*/_react().default.createElement("ul", (0, _extends2().default)({}, rest, {
+  return /*#__PURE__*/_react().default.createElement("ul", _extends({}, rest, {
     className: (0, _classnames().default)(className)
   }), compositions.map(composition => {
     const href = shouldAddNameParam ? `${url}&name=${composition.identifier}` : `${url}&${composition.identifier}`;

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

@@ -1 +1 @@
-{"version":3,"names":["_evangelistElements","data","require","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_compositionsPanelModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CompositionsPanel","_ref","url","compositions","isScaling","onSelectComposition","onSelect","active","includesEnvTemplate","className","rest","_objectWithoutProperties2","shouldAddNameParam","handleSelect","useCallback","selected","createElement","_extends2","classNames","map","composition","href","identifier","styles","linkWrapper","panelLink","onClick","box","name","displayName","right","target","rel","Icon","icon","of"],"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\n  includesEnvTemplate?: boolean;\n} & React.HTMLAttributes<HTMLUListElement>;\n\nexport function CompositionsPanel({\n  url,\n  compositions,\n  isScaling,\n  onSelectComposition: onSelect,\n  active,\n  includesEnvTemplate,\n  className,\n  ...rest\n}: CompositionsPanelProps) {\n  const shouldAddNameParam = isScaling && includesEnvTemplate === false;\n\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 = shouldAddNameParam ? `${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":"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"}
+{"version":3,"names":["_evangelistElements","data","require","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_compositionsPanelModule","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","CompositionsPanel","_ref","url","compositions","isScaling","onSelectComposition","onSelect","active","includesEnvTemplate","className","rest","shouldAddNameParam","handleSelect","useCallback","selected","createElement","classNames","map","composition","href","identifier","styles","linkWrapper","panelLink","onClick","box","name","displayName","right","rel","Icon","icon","of"],"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\n  includesEnvTemplate?: boolean;\n} & React.HTMLAttributes<HTMLUListElement>;\n\nexport function CompositionsPanel({\n  url,\n  compositions,\n  isScaling,\n  onSelectComposition: onSelect,\n  active,\n  includesEnvTemplate,\n  className,\n  ...rest\n}: CompositionsPanelProps) {\n  const shouldAddNameParam = isScaling && includesEnvTemplate === false;\n\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 = shouldAddNameParam ? `${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":"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"}

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

@@ -1,17 +1,9 @@
 "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 () {
@@ -33,13 +25,17 @@ function _compositionsPanelNodeModule() {
   };
   return data;
 }
+const _excluded = ["name", "onClick", "isActive"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function CompositionsPanelNode(_ref) {
   let {
       name,
       onClick,
       isActive
     } = _ref,
-    rest = (0, _objectWithoutProperties2().default)(_ref, ["name", "onClick", "isActive"]);
+    rest = _objectWithoutProperties(_ref, _excluded);
   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":["_classnames","data","_interopRequireDefault","require","_react","_compositionsPanelNodeModule","CompositionsPanelNode","_ref","name","onClick","isActive","rest","_objectWithoutProperties2","default","createElement","className","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,SAAAA,YAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,WAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,OAAA;EAAA,MAAAH,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAC,MAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAI,6BAAA;EAAA,MAAAJ,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAE,4BAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAQO,SAASK,qBAAqBA,CAAAC,IAAA,EAAmE;EAAA,IAAlE;MAAEC,IAAI;MAAEC,OAAO;MAAEC;IAA8C,CAAC,GAAAH,IAAA;IAAlCI,IAAI,OAAAC,yBAAA,GAAAC,OAAA,EAAAN,IAAA;EACtE,oBACEH,MAAA,GAAAS,OAAA,CAAAC,aAAA,OAAQH,IAAI,eACVP,MAAA,GAAAS,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAE,IAAAC,qBAAU,EAACC,sCAAM,CAACC,WAAW,EAAE;MAAE,CAACD,sCAAM,CAACE,MAAM,GAAGT;IAAS,CAAC;EAAE,gBAC5EN,MAAA,GAAAS,OAAA,CAAAC,aAAA;IAAGC,SAAS,EAAEE,sCAAM,CAACG,SAAU;IAACX,OAAO,EAAEA;EAAQ,GAC9CD,IACA,CACA,CACH,CAAC;AAET"}
+{"version":3,"names":["_classnames","data","_interopRequireDefault","require","_react","_compositionsPanelNodeModule","_excluded","obj","__esModule","default","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","CompositionsPanelNode","_ref","name","onClick","isActive","rest","createElement","className","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,SAAAA,YAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,WAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,OAAA;EAAA,MAAAH,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAC,MAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAI,6BAAA;EAAA,MAAAJ,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAE,4BAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA2D,MAAAK,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAG,GAAA,EAAAC,CAAA,MAAAC,MAAA,CAAAC,qBAAA,QAAAC,gBAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAP,MAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAG,gBAAA,CAAAC,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAI,gBAAA,CAAAH,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,uBAAAE,MAAA,CAAAK,SAAA,CAAAC,oBAAA,CAAAC,IAAA,CAAAb,MAAA,EAAAI,GAAA,aAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,cAAAF,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAY,UAAA,GAAAR,MAAA,CAAAS,IAAA,CAAAf,MAAA,OAAAI,GAAA,EAAAC,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAS,UAAA,CAAAL,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAU,UAAA,CAAAT,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,kBAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,YAAAF,MAAA;AAQpD,SAASc,qBAAqBA,CAAAC,IAAA,EAAmE;EAAA,IAAlE;MAAEC,IAAI;MAAEC,OAAO;MAAEC;IAA8C,CAAC,GAAAH,IAAA;IAAlCI,IAAI,GAAAtB,wBAAA,CAAAkB,IAAA,EAAAtB,SAAA;EACtE,oBACEF,MAAA,GAAAK,OAAA,CAAAwB,aAAA,OAAQD,IAAI,eACV5B,MAAA,GAAAK,OAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAE,IAAAC,qBAAU,EAACC,sCAAM,CAACC,WAAW,EAAE;MAAE,CAACD,sCAAM,CAACE,MAAM,GAAGP;IAAS,CAAC;EAAE,gBAC5E3B,MAAA,GAAAK,OAAA,CAAAwB,aAAA;IAAGC,SAAS,EAAEE,sCAAM,CAACG,SAAU;IAACT,OAAO,EAAEA;EAAQ,GAC9CD,IACA,CACA,CACH,CAAC;AAET"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/compositions",
-  "version": "0.0.1157",
+  "version": "0.0.1159",
   "homepage": "https://bit.cloud/teambit/compositions/compositions",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.compositions",
     "name": "compositions",
-    "version": "0.0.1157"
+    "version": "0.0.1159"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
@@ -14,8 +14,6 @@
     "lodash.head": "4.0.1",
     "query-string": "7.0.0",
     "classnames": "2.2.6",
-    "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
     "@teambit/harmony": "0.4.6",
     "@teambit/component-id": "0.0.427",
     "@teambit/base-react.navigation.link": "2.0.27",
@@ -30,29 +28,29 @@
     "@teambit/documenter.ui.heading": "4.1.1",
     "@teambit/documenter.ui.property-table": "4.1.10",
     "@teambit/evangelist.elements.icon": "1.0.2",
-    "@teambit/component": "0.0.1157",
+    "@teambit/component": "0.0.1159",
     "@teambit/compositions.model.composition-id": "0.0.496",
-    "@teambit/graphql": "0.0.1157",
-    "@teambit/cli": "0.0.771",
-    "@teambit/dev-files": "0.0.1157",
-    "@teambit/envs": "0.0.1157",
-    "@teambit/preview": "0.0.1157",
-    "@teambit/schema": "0.0.1157",
+    "@teambit/graphql": "0.0.1159",
+    "@teambit/cli": "0.0.773",
+    "@teambit/dev-files": "0.0.1159",
+    "@teambit/envs": "0.0.1159",
+    "@teambit/preview": "0.0.1159",
+    "@teambit/schema": "0.0.1159",
     "@teambit/toolbox.path.match-patterns": "0.0.9",
-    "@teambit/workspace": "0.0.1157",
-    "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.499",
-    "@teambit/compositions.ui.compositions-menu-bar": "0.0.172",
-    "@teambit/compositions.ui.hooks.use-composition": "0.0.172",
-    "@teambit/docs.ui.queries.get-docs": "0.0.498",
-    "@teambit/mdx.ui.mdx-layout": "1.0.1",
-    "@teambit/panels": "0.0.772",
-    "@teambit/preview.ui.component-preview": "0.0.519",
-    "@teambit/ui-foundation.ui.buttons.collapser": "0.0.207",
-    "@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.192",
-    "@teambit/component-compare": "0.0.405",
-    "@teambit/compositions.ui.composition-compare-section": "0.0.79",
-    "@teambit/compositions.ui.composition-compare": "0.0.234",
-    "@teambit/ui": "0.0.1157"
+    "@teambit/workspace": "0.0.1159",
+    "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.500",
+    "@teambit/compositions.ui.compositions-menu-bar": "0.0.173",
+    "@teambit/compositions.ui.hooks.use-composition": "0.0.173",
+    "@teambit/docs.ui.queries.get-docs": "0.0.499",
+    "@teambit/mdx.ui.mdx-layout": "1.0.2",
+    "@teambit/panels": "0.0.774",
+    "@teambit/preview.ui.component-preview": "0.0.520",
+    "@teambit/ui-foundation.ui.buttons.collapser": "0.0.208",
+    "@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.193",
+    "@teambit/component-compare": "0.0.407",
+    "@teambit/compositions.ui.composition-compare-section": "0.0.81",
+    "@teambit/compositions.ui.composition-compare": "0.0.236",
+    "@teambit/ui": "0.0.1159"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -64,11 +62,11 @@
     "@types/react-dom": "^17.0.5",
     "@types/jest": "^26.0.0",
     "@types/testing-library__jest-dom": "5.9.5",
-    "@teambit/compositions.aspect-docs.compositions": "0.0.156"
+    "@teambit/compositions.aspect-docs.compositions": "0.0.157"
   },
   "peerDependencies": {
     "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.556",
+    "@teambit/legacy": "1.0.558",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },