@teambit/react 0.0.667 → 0.0.670

package/{__compositions-1646623282945.js → compositions-1646882648682.js}

@@ -1,7 +1,14 @@
 
 import { linkModules } from '/home/circleci/bit/bit/node_modules/@teambit/preview/dist/preview.preview.runtime.js';
 import harmony from '/home/circleci/bit/bit/node_modules/@teambit/harmony/dist/index.js';
-const defaultModule = require('/home/circleci/bit/bit/node_modules/@teambit/react/dist/mount.js');
-linkModules('compositions', defaultModule, true, {
-  
+import * as mainModule from '/home/circleci/bit/bit/node_modules/@teambit/react/dist/mount.js';
+
+
+
+linkModules('compositions', {
+  mainModule,
+  isSplitComponentBundle: true,
+  componentMap: {
+
+  }
 });

package/compositions-app.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ComponentType } from 'react';
 import { Composer } from '@teambit/base-ui.utils.composer';
 import { StandaloneNotFoundPage } from '@teambit/design.ui.pages.standalone-not-found-page';
 import { RenderingContext } from '@teambit/preview';
@@ -14,11 +14,10 @@ export function CompositionsApp({
   Composition,
   previewContext,
 }: {
-  Composition?: React.ComponentType;
+  Composition?: ComponentType;
   previewContext: RenderingContext;
 }) {
-  const reactContext = previewContext.get(ReactAspect.id);
-  const providers = reactContext?.providers || [];
+  const { providers = [] } = previewContext.get(ReactAspect.id) || {};
 
   const safeComposition = useFallback(Composition && <Composition />, <StandaloneNotFoundPage />);
 

package/dist/compositions-app.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import { ComponentType } from 'react';
 import { RenderingContext } from '@teambit/preview';
 export declare function CompositionsApp({ Composition, previewContext, }: {
-    Composition?: React.ComponentType;
+    Composition?: ComponentType;
     previewContext: RenderingContext;
 }): JSX.Element;

package/dist/compositions-app.js

@@ -84,8 +84,9 @@ function CompositionsApp({
   Composition,
   previewContext
 }) {
-  const reactContext = previewContext.get(_react2().ReactAspect.id);
-  const providers = (reactContext === null || reactContext === void 0 ? void 0 : reactContext.providers) || [];
+  const {
+    providers = []
+  } = previewContext.get(_react2().ReactAspect.id) || {};
   const safeComposition = (0, _reactUi2().useFallback)(Composition && /*#__PURE__*/_react().default.createElement(Composition, null), /*#__PURE__*/_react().default.createElement(_designUiPages().StandaloneNotFoundPage, null));
   return /*#__PURE__*/_react().default.createElement(_reactErrorBoundary().ErrorBoundary, {
     FallbackComponent: _reactUi().ErrorFallback,

package/dist/compositions-app.js.map

@@ -1 +1 @@
-{"version":3,"sources":["compositions-app.tsx"],"names":["hideScrollbars","CompositionsApp","Composition","previewContext","reactContext","get","ReactAspect","id","providers","safeComposition","ErrorFallback"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AACA,MAAMA,cAAc,GAAG,0CAAvB;;AAEO,SAASC,eAAT,CAAyB;AAC9BC,EAAAA,WAD8B;AAE9BC,EAAAA;AAF8B,CAAzB,EAMJ;AACD,QAAMC,YAAY,GAAGD,cAAc,CAACE,GAAf,CAAmBC,sBAAYC,EAA/B,CAArB;AACA,QAAMC,SAAS,GAAG,CAAAJ,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAEI,SAAd,KAA2B,EAA7C;AAEA,QAAMC,eAAe,GAAG,6BAAYP,WAAW,iBAAI,+BAAC,WAAD,OAA3B,eAA4C,+BAAC,uCAAD,OAA5C,CAAxB;AAEA,sBACE,+BAAC,mCAAD;AAAe,IAAA,iBAAiB,EAAEQ,wBAAlC;AAAiD,IAAA,SAAS,EAAE,CAACR,WAAD;AAA5D,kBACE,+BAAC,uBAAD;AAAU,IAAA,UAAU,EAAEM;AAAtB,kBACE,8CAAQR,cAAR,CADF,EAEGS,eAFH,CADF,CADF;AAQD","sourcesContent":["import React from 'react';\nimport { Composer } from '@teambit/base-ui.utils.composer';\nimport { StandaloneNotFoundPage } from '@teambit/design.ui.pages.standalone-not-found-page';\nimport { RenderingContext } from '@teambit/preview';\nimport { ErrorFallback } from '@teambit/react.ui.error-fallback';\nimport { useFallback } from '@teambit/react.ui.loader-fallback';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { ReactAspect } from './react.aspect';\n\n// hide scrollbars so they won't be visible in the preview at the component card (and it's ok not to show them in the compositions page)\nconst hideScrollbars = 'body::-webkit-scrollbar {display: none;}';\n\nexport function CompositionsApp({\n  Composition,\n  previewContext,\n}: {\n  Composition?: React.ComponentType;\n  previewContext: RenderingContext;\n}) {\n  const reactContext = previewContext.get(ReactAspect.id);\n  const providers = reactContext?.providers || [];\n\n  const safeComposition = useFallback(Composition && <Composition />, <StandaloneNotFoundPage />);\n\n  return (\n    <ErrorBoundary FallbackComponent={ErrorFallback} resetKeys={[Composition]}>\n      <Composer components={providers}>\n        <style>{hideScrollbars}</style>\n        {safeComposition}\n      </Composer>\n    </ErrorBoundary>\n  );\n}\n"]}
+{"version":3,"sources":["compositions-app.tsx"],"names":["hideScrollbars","CompositionsApp","Composition","previewContext","providers","get","ReactAspect","id","safeComposition","ErrorFallback"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AACA,MAAMA,cAAc,GAAG,0CAAvB;;AAEO,SAASC,eAAT,CAAyB;AAC9BC,EAAAA,WAD8B;AAE9BC,EAAAA;AAF8B,CAAzB,EAMJ;AACD,QAAM;AAAEC,IAAAA,SAAS,GAAG;AAAd,MAAqBD,cAAc,CAACE,GAAf,CAAmBC,sBAAYC,EAA/B,KAAsC,EAAjE;AAEA,QAAMC,eAAe,GAAG,6BAAYN,WAAW,iBAAI,+BAAC,WAAD,OAA3B,eAA4C,+BAAC,uCAAD,OAA5C,CAAxB;AAEA,sBACE,+BAAC,mCAAD;AAAe,IAAA,iBAAiB,EAAEO,wBAAlC;AAAiD,IAAA,SAAS,EAAE,CAACP,WAAD;AAA5D,kBACE,+BAAC,uBAAD;AAAU,IAAA,UAAU,EAAEE;AAAtB,kBACE,8CAAQJ,cAAR,CADF,EAEGQ,eAFH,CADF,CADF;AAQD","sourcesContent":["import React, { ComponentType } from 'react';\nimport { Composer } from '@teambit/base-ui.utils.composer';\nimport { StandaloneNotFoundPage } from '@teambit/design.ui.pages.standalone-not-found-page';\nimport { RenderingContext } from '@teambit/preview';\nimport { ErrorFallback } from '@teambit/react.ui.error-fallback';\nimport { useFallback } from '@teambit/react.ui.loader-fallback';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { ReactAspect } from './react.aspect';\n\n// hide scrollbars so they won't be visible in the preview at the component card (and it's ok not to show them in the compositions page)\nconst hideScrollbars = 'body::-webkit-scrollbar {display: none;}';\n\nexport function CompositionsApp({\n  Composition,\n  previewContext,\n}: {\n  Composition?: ComponentType;\n  previewContext: RenderingContext;\n}) {\n  const { providers = [] } = previewContext.get(ReactAspect.id) || {};\n\n  const safeComposition = useFallback(Composition && <Composition />, <StandaloneNotFoundPage />);\n\n  return (\n    <ErrorBoundary FallbackComponent={ErrorFallback} resetKeys={[Composition]}>\n      <Composer components={providers}>\n        <style>{hideScrollbars}</style>\n        {safeComposition}\n      </Composer>\n    </ErrorBoundary>\n  );\n}\n"]}

package/dist/react.preview.runtime.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType } from 'react';
 import { SlotRegistry } from '@teambit/harmony';
-import { PreviewPreview } from '@teambit/preview';
+import { PreviewPreview, RenderingContextProvider } from '@teambit/preview';
 export declare type Provider = ComponentType<{}>;
 export declare type ProviderSlot = SlotRegistry<Provider[]>;
 export declare class ReactPreview {
@@ -8,9 +8,7 @@ export declare class ReactPreview {
     private providerSlot;
     constructor(preview: PreviewPreview, providerSlot: ProviderSlot);
     registerProvider(provider: Provider[]): void;
-    getRenderingContext(): {
-        providers: Provider[];
-    };
+    getRenderingContext: RenderingContextProvider;
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static slots: ((registerFn: () => string) => SlotRegistry<Provider>)[];
     static dependencies: import("@teambit/harmony").Aspect[];

package/dist/react.preview.runtime.js

@@ -79,24 +79,32 @@ class ReactPreview {
   constructor(preview, providerSlot) {
     this.preview = preview;
     this.providerSlot = providerSlot;
+    (0, _defineProperty2().default)(this, "getRenderingContext", ({
+      aspectsFilter
+    }) => {
+      let entries = this.providerSlot.toArray();
+
+      if (aspectsFilter) {
+        const allowedAspects = new Set(aspectsFilter);
+        allowedAspects.add(_react().ReactAspect.id);
+        entries = entries.filter(([aspectId]) => allowedAspects.has(aspectId));
+      }
+
+      const providers = (0, _lodash().default)(entries.map(([, provider]) => provider));
+      return {
+        providers
+      };
+    });
   }
 
   registerProvider(provider) {
     this.providerSlot.register(provider);
   }
 
-  getRenderingContext() {
-    return {
-      providers: (0, _lodash().default)(this.providerSlot.values())
-    };
-  }
-
   static async provider([preview], config, [providerSlot]) {
     const reactPreview = new ReactPreview(preview, providerSlot);
     reactPreview.registerProvider([_reactUi().HighlighterProvider]);
-    preview.registerRenderContext(() => {
-      return reactPreview.getRenderingContext();
-    });
+    preview.registerRenderContext(reactPreview.getRenderingContext);
     return reactPreview;
   }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["react.preview.runtime.ts"],"names":["ReactPreview","constructor","preview","providerSlot","registerProvider","provider","register","getRenderingContext","providers","values","config","reactPreview","HighlighterProvider","registerRenderContext","PreviewRuntime","Slot","withType","PreviewAspect","ReactAspect","addRuntime"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAKO,MAAMA,YAAN,CAAmB;AACxBC,EAAAA,WAAW,CAASC,OAAT,EAA0CC,YAA1C,EAAsE;AAAA,SAA7DD,OAA6D,GAA7DA,OAA6D;AAAA,SAA5BC,YAA4B,GAA5BA,YAA4B;AAAE;;AAEnFC,EAAAA,gBAAgB,CAACC,QAAD,EAAuB;AACrC,SAAKF,YAAL,CAAkBG,QAAlB,CAA2BD,QAA3B;AACD;;AAEDE,EAAAA,mBAAmB,GAAG;AACpB,WAAO;AACLC,MAAAA,SAAS,EAAE,uBAAQ,KAAKL,YAAL,CAAkBM,MAAlB,EAAR;AADN,KAAP;AAGD;;AAQoB,eAARJ,QAAQ,CAAC,CAACH,OAAD,CAAD,EAA8BQ,MAA9B,EAAsC,CAACP,YAAD,CAAtC,EAAsE;AACzF,UAAMQ,YAAY,GAAG,IAAIX,YAAJ,CAAiBE,OAAjB,EAA0BC,YAA1B,CAArB;AAEAQ,IAAAA,YAAY,CAACP,gBAAb,CAA8B,CAACQ,8BAAD,CAA9B;AAEAV,IAAAA,OAAO,CAACW,qBAAR,CAA8B,MAAM;AAClC,aAAOF,YAAY,CAACJ,mBAAb,EAAP;AACD,KAFD;AAGA,WAAOI,YAAP;AACD;;AA5BuB;;;gCAAbX,Y,aAaMc,yB;gCAbNd,Y,WAeI,CAACe,gBAAKC,QAAL,EAAD,C;gCAfJhB,Y,kBAiBW,CAACiB,kBAAD,C;;AAcxBC,qBAAYC,UAAZ,CAAuBnB,YAAvB;;eAEeA,Y","sourcesContent":["import { ComponentType } from 'react';\nimport flatten from 'lodash.flatten';\nimport { SlotRegistry, Slot } from '@teambit/harmony';\nimport PreviewAspect, { PreviewPreview, PreviewRuntime } from '@teambit/preview';\nimport { HighlighterProvider } from '@teambit/react.ui.highlighter-provider';\nimport { ReactAspect } from './react.aspect';\n\nexport type Provider = ComponentType<{}>;\nexport type ProviderSlot = SlotRegistry<Provider[]>;\n\nexport class ReactPreview {\n  constructor(private preview: PreviewPreview, private providerSlot: ProviderSlot) {}\n\n  registerProvider(provider: Provider[]) {\n    this.providerSlot.register(provider);\n  }\n\n  getRenderingContext() {\n    return {\n      providers: flatten(this.providerSlot.values()),\n    };\n  }\n\n  static runtime = PreviewRuntime;\n\n  static slots = [Slot.withType<Provider>()];\n\n  static dependencies = [PreviewAspect];\n\n  static async provider([preview]: [PreviewPreview], config, [providerSlot]: [ProviderSlot]) {\n    const reactPreview = new ReactPreview(preview, providerSlot);\n\n    reactPreview.registerProvider([HighlighterProvider]);\n\n    preview.registerRenderContext(() => {\n      return reactPreview.getRenderingContext();\n    });\n    return reactPreview;\n  }\n}\n\nReactAspect.addRuntime(ReactPreview);\n\nexport default ReactPreview;\n"]}
+{"version":3,"sources":["react.preview.runtime.ts"],"names":["ReactPreview","constructor","preview","providerSlot","aspectsFilter","entries","toArray","allowedAspects","Set","add","ReactAspect","id","filter","aspectId","has","providers","map","provider","registerProvider","register","config","reactPreview","HighlighterProvider","registerRenderContext","getRenderingContext","PreviewRuntime","Slot","withType","PreviewAspect","addRuntime"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAKO,MAAMA,YAAN,CAAmB;AACxBC,EAAAA,WAAW,CAASC,OAAT,EAA0CC,YAA1C,EAAsE;AAAA,SAA7DD,OAA6D,GAA7DA,OAA6D;AAAA,SAA5BC,YAA4B,GAA5BA,YAA4B;AAAA,iEAMjC,CAAC;AAAEC,MAAAA;AAAF,KAAD,KAAuB;AACrE,UAAIC,OAAO,GAAG,KAAKF,YAAL,CAAkBG,OAAlB,EAAd;;AAEA,UAAIF,aAAJ,EAAmB;AACjB,cAAMG,cAAc,GAAG,IAAIC,GAAJ,CAAQJ,aAAR,CAAvB;AACAG,QAAAA,cAAc,CAACE,GAAf,CAAmBC,qBAAYC,EAA/B;AAEAN,QAAAA,OAAO,GAAGA,OAAO,CAACO,MAAR,CAAe,CAAC,CAACC,QAAD,CAAD,KAAgBN,cAAc,CAACO,GAAf,CAAmBD,QAAnB,CAA/B,CAAV;AACD;;AAED,YAAME,SAAS,GAAG,uBAAQV,OAAO,CAACW,GAAR,CAAY,CAAC,GAAGC,QAAH,CAAD,KAAkBA,QAA9B,CAAR,CAAlB;AAEA,aAAO;AACLF,QAAAA;AADK,OAAP;AAGD,KArBgF;AAAE;;AAEnFG,EAAAA,gBAAgB,CAACD,QAAD,EAAuB;AACrC,SAAKd,YAAL,CAAkBgB,QAAlB,CAA2BF,QAA3B;AACD;;AAyBoB,eAARA,QAAQ,CAAC,CAACf,OAAD,CAAD,EAA8BkB,MAA9B,EAAsC,CAACjB,YAAD,CAAtC,EAAsE;AACzF,UAAMkB,YAAY,GAAG,IAAIrB,YAAJ,CAAiBE,OAAjB,EAA0BC,YAA1B,CAArB;AAEAkB,IAAAA,YAAY,CAACH,gBAAb,CAA8B,CAACI,8BAAD,CAA9B;AAEApB,IAAAA,OAAO,CAACqB,qBAAR,CAA8BF,YAAY,CAACG,mBAA3C;AAEA,WAAOH,YAAP;AACD;;AAtCuB;;;gCAAbrB,Y,aAwBMyB,yB;gCAxBNzB,Y,WA0BI,CAAC0B,gBAAKC,QAAL,EAAD,C;gCA1BJ3B,Y,kBA4BW,CAAC4B,kBAAD,C;;AAaxBlB,qBAAYmB,UAAZ,CAAuB7B,YAAvB;;eAEeA,Y","sourcesContent":["import { ComponentType } from 'react';\nimport flatten from 'lodash.flatten';\nimport { SlotRegistry, Slot } from '@teambit/harmony';\nimport PreviewAspect, { PreviewPreview, PreviewRuntime, RenderingContextProvider } from '@teambit/preview';\nimport { HighlighterProvider } from '@teambit/react.ui.highlighter-provider';\nimport { ReactAspect } from './react.aspect';\n\nexport type Provider = ComponentType<{}>;\nexport type ProviderSlot = SlotRegistry<Provider[]>;\n\nexport class ReactPreview {\n  constructor(private preview: PreviewPreview, private providerSlot: ProviderSlot) {}\n\n  registerProvider(provider: Provider[]) {\n    this.providerSlot.register(provider);\n  }\n\n  getRenderingContext: RenderingContextProvider = ({ aspectsFilter }) => {\n    let entries = this.providerSlot.toArray();\n\n    if (aspectsFilter) {\n      const allowedAspects = new Set(aspectsFilter);\n      allowedAspects.add(ReactAspect.id);\n\n      entries = entries.filter(([aspectId]) => allowedAspects.has(aspectId));\n    }\n\n    const providers = flatten(entries.map(([, provider]) => provider));\n\n    return {\n      providers,\n    };\n  };\n\n  static runtime = PreviewRuntime;\n\n  static slots = [Slot.withType<Provider>()];\n\n  static dependencies = [PreviewAspect];\n\n  static async provider([preview]: [PreviewPreview], config, [providerSlot]: [ProviderSlot]) {\n    const reactPreview = new ReactPreview(preview, providerSlot);\n\n    reactPreview.registerProvider([HighlighterProvider]);\n\n    preview.registerRenderContext(reactPreview.getRenderingContext);\n\n    return reactPreview;\n  }\n}\n\nReactAspect.addRuntime(ReactPreview);\n\nexport default ReactPreview;\n"]}

package/dist/templates/react-component/files/index-file.d.ts

@@ -0,0 +1,5 @@
+import { ComponentContext } from '@teambit/generator';
+export declare const indexFile: (context: ComponentContext) => {
+    relativePath: string;
+    content: string;
+};

package/dist/templates/react-component/files/index-file.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.indexFile = void 0;
+
+const indexFile = context => {
+  const {
+    name,
+    namePascalCase: Name
+  } = context;
+  return {
+    relativePath: 'index.ts',
+    content: `export { ${Name} } from './${name}';
+export type { ${Name}Props } from './${name}';
+`
+  };
+};
+
+exports.indexFile = indexFile;
+
+//# sourceMappingURL=index-file.js.map

package/dist/templates/react-component/files/index-file.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index-file.ts"],"names":["indexFile","context","name","namePascalCase","Name","relativePath","content"],"mappings":";;;;;;;AAEO,MAAMA,SAAS,GAAIC,OAAD,IAA+B;AACtD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,cAAc,EAAEC;AAAxB,MAAiCH,OAAvC;AAEA,SAAO;AACLI,IAAAA,YAAY,EAAE,UADT;AAELC,IAAAA,OAAO,EAAG,YAAWF,IAAK,cAAaF,IAAK;AAChD,gBAAgBE,IAAK,mBAAkBF,IAAK;AAC5C;AAJS,GAAP;AAMD,CATM","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const indexFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: 'index.ts',\n    content: `export { ${Name} } from './${name}';\nexport type { ${Name}Props } from './${name}';\n`,\n  };\n}\n"]}

package/dist/templates/react-component/index.js

@@ -1,10 +1,22 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactComponent = exports.deprecatedReactComponent = void 0;
 
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _component() {
   const data = require("./files/component");
 
@@ -45,42 +57,39 @@ function _test() {
   return data;
 }
 
+function _indexFile() {
+  const data = require("./files/index-file");
+
+  _indexFile = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2().default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 const reactComponent = {
   name: 'react',
   description: 'a basic react component',
   generateFiles: context => {
-    const {
-      name,
-      namePascalCase: Name
-    } = context;
-    const indexFile = {
-      relativePath: 'index.ts',
-      content: `export { ${Name} } from './${name}';
-export type { ${Name}Props } from './${name}';
-`
-    };
-    return [indexFile, (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
+    return [(0, _indexFile().indexFile)(context), (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
+  },
+  config: {
+    'teambit.envs/envs': {
+      env: 'teambit.react/react'
+    }
   }
 };
 exports.reactComponent = reactComponent;
-const deprecatedReactComponent = {
+
+const deprecatedReactComponent = _objectSpread(_objectSpread({}, reactComponent), {}, {
   name: 'react-component',
-  description: 'a basic react component',
-  hidden: true,
-  generateFiles: context => {
-    const {
-      name,
-      namePascalCase: Name
-    } = context;
-    const indexFile = {
-      relativePath: 'index.ts',
-      content: `export { ${Name} } from './${name}';
-export type { ${Name}Props } from './${name}';
-`
-    };
-    return [indexFile, (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
-  }
-};
+  hidden: true
+});
+
 exports.deprecatedReactComponent = deprecatedReactComponent;
 
 //# sourceMappingURL=index.js.map

package/dist/templates/react-component/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactComponent","name","description","generateFiles","context","namePascalCase","Name","indexFile","relativePath","content","deprecatedReactComponent","hidden"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,cAAiC,GAAG;AAC/CC,EAAAA,IAAI,EAAE,OADyC;AAE/CC,EAAAA,WAAW,EAAE,yBAFkC;AAG/CC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,cAAc,EAAEC;AAAxB,QAAiCF,OAAvC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD,gBAAgBK,IAAK,mBAAkBL,IAAK;AAC5C;AAJsB,KAAlB;AAOA,WAAO,CAACM,SAAD,EAAY,gCAAcH,OAAd,CAAZ,EAAoC,oCAAgBA,OAAhB,CAApC,EAA8D,sBAASA,OAAT,CAA9D,EAAiF,sBAASA,OAAT,CAAjF,CAAP;AACD;AAb8C,CAA1C;;AAgBA,MAAMM,wBAA2C,GAAG;AACzDT,EAAAA,IAAI,EAAE,iBADmD;AAEzDC,EAAAA,WAAW,EAAE,yBAF4C;AAGzDS,EAAAA,MAAM,EAAE,IAHiD;AAKzDR,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,cAAc,EAAEC;AAAxB,QAAiCF,OAAvC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD,gBAAgBK,IAAK,mBAAkBL,IAAK;AAC5C;AAJsB,KAAlB;AAOA,WAAO,CAACM,SAAD,EAAY,gCAAcH,OAAd,CAAZ,EAAoC,oCAAgBA,OAAhB,CAApC,EAA8D,sBAASA,OAAT,CAA9D,EAAiF,sBAASA,OAAT,CAAjF,CAAP;AACD;AAfwD,CAApD","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\n\nexport const reactComponent: ComponentTemplate = {\n  name: 'react',\n  description: 'a basic react component',\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.ts',\n      content: `export { ${Name} } from './${name}';\nexport type { ${Name}Props } from './${name}';\n`,\n    };\n\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n};\n\nexport const deprecatedReactComponent: ComponentTemplate = {\n  name: 'react-component',\n  description: 'a basic react component',\n  hidden: true,\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.ts',\n      content: `export { ${Name} } from './${name}';\nexport type { ${Name}Props } from './${name}';\n`,\n    };\n\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactComponent","name","description","generateFiles","context","config","env","deprecatedReactComponent","hidden"],"mappings":";;;;;;;;;;;;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAEO,MAAMA,cAAiC,GAAG;AAC/CC,EAAAA,IAAI,EAAE,OADyC;AAE/CC,EAAAA,WAAW,EAAE,yBAFkC;AAG/CC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,WAAO,CAAC,4BAAUA,OAAV,CAAD,EAAqB,gCAAcA,OAAd,CAArB,EAA6C,oCAAgBA,OAAhB,CAA7C,EAAuE,sBAASA,OAAT,CAAvE,EAA0F,sBAASA,OAAT,CAA1F,CAAP;AACD,GAL8C;AAM/CC,EAAAA,MAAM,EAAE;AACN,yBAAqB;AACnBC,MAAAA,GAAG,EAAE;AADc;AADf;AANuC,CAA1C;;;AAaA,MAAMC,wBAA2C,mCACnDP,cADmD;AAEtDC,EAAAA,IAAI,EAAE,iBAFgD;AAGtDO,EAAAA,MAAM,EAAE;AAH8C,EAAjD","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\nimport { indexFile } from './files/index-file';\n\nexport const reactComponent: ComponentTemplate = {\n  name: 'react',\n  description: 'a basic react component',\n  generateFiles: (context: ComponentContext) => {\n    return [indexFile(context), componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n  config: {\n    'teambit.envs/envs': {\n      env: 'teambit.react/react',\n    },\n  }\n};\n\nexport const deprecatedReactComponent: ComponentTemplate = {\n  ...reactComponent,\n  name: 'react-component',\n  hidden: true\n};\n"]}

package/dist/templates/react-component-js/index.js

@@ -1,10 +1,22 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactComponentJS = exports.deprecatedReactComponentJS = void 0;
 
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _component() {
   const data = require("./files/component");
 
@@ -45,6 +57,10 @@ function _test() {
   return data;
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2().default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 const reactComponentJS = {
   name: 'react-js',
   description: 'a basic react component in js',
@@ -59,26 +75,20 @@ const reactComponentJS = {
 `
     };
     return [indexFile, (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
+  },
+  config: {
+    'teambit.envs/envs': {
+      env: 'teambit.react/react'
+    }
   }
 };
 exports.reactComponentJS = reactComponentJS;
-const deprecatedReactComponentJS = {
+
+const deprecatedReactComponentJS = _objectSpread(_objectSpread({}, reactComponentJS), {}, {
   name: 'react-component-js',
-  description: 'a basic react component in js',
-  hidden: true,
-  generateFiles: context => {
-    const {
-      name,
-      namePascalCase: Name
-    } = context;
-    const indexFile = {
-      relativePath: 'index.js',
-      content: `export { ${Name} } from './${name}';
-`
-    };
-    return [indexFile, (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
-  }
-};
+  hidden: true
+});
+
 exports.deprecatedReactComponentJS = deprecatedReactComponentJS;
 
 //# sourceMappingURL=index.js.map

package/dist/templates/react-component-js/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactComponentJS","name","description","generateFiles","context","namePascalCase","Name","indexFile","relativePath","content","deprecatedReactComponentJS","hidden"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,gBAAmC,GAAG;AACjDC,EAAAA,IAAI,EAAE,UAD2C;AAEjDC,EAAAA,WAAW,EAAE,+BAFoC;AAIjDC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,cAAc,EAAEC;AAAxB,QAAiCF,OAAvC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD;AAHsB,KAAlB;AAMA,WAAO,CAACM,SAAD,EAAY,gCAAcH,OAAd,CAAZ,EAAoC,oCAAgBA,OAAhB,CAApC,EAA8D,sBAASA,OAAT,CAA9D,EAAiF,sBAASA,OAAT,CAAjF,CAAP;AACD;AAbgD,CAA5C;;AAgBA,MAAMM,0BAA6C,GAAG;AAC3DT,EAAAA,IAAI,EAAE,oBADqD;AAE3DC,EAAAA,WAAW,EAAE,+BAF8C;AAG3DS,EAAAA,MAAM,EAAE,IAHmD;AAK3DR,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,cAAc,EAAEC;AAAxB,QAAiCF,OAAvC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD;AAHsB,KAAlB;AAMA,WAAO,CAACM,SAAD,EAAY,gCAAcH,OAAd,CAAZ,EAAoC,oCAAgBA,OAAhB,CAApC,EAA8D,sBAASA,OAAT,CAA9D,EAAiF,sBAASA,OAAT,CAAjF,CAAP;AACD;AAd0D,CAAtD","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\n\nexport const reactComponentJS: ComponentTemplate = {\n  name: 'react-js',\n  description: 'a basic react component in js',\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.js',\n      content: `export { ${Name} } from './${name}';\n`,\n    };\n\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n};\n\nexport const deprecatedReactComponentJS: ComponentTemplate = {\n  name: 'react-component-js',\n  description: 'a basic react component in js',\n  hidden: true,\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.js',\n      content: `export { ${Name} } from './${name}';\n`,\n    };\n\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactComponentJS","name","description","generateFiles","context","namePascalCase","Name","indexFile","relativePath","content","config","env","deprecatedReactComponentJS","hidden"],"mappings":";;;;;;;;;;;;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAEO,MAAMA,gBAAmC,GAAG;AACjDC,EAAAA,IAAI,EAAE,UAD2C;AAEjDC,EAAAA,WAAW,EAAE,+BAFoC;AAIjDC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,cAAc,EAAEC;AAAxB,QAAiCF,OAAvC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD;AAHsB,KAAlB;AAKA,WAAO,CAACM,SAAD,EAAY,gCAAcH,OAAd,CAAZ,EAAoC,oCAAgBA,OAAhB,CAApC,EAA8D,sBAASA,OAAT,CAA9D,EAAiF,sBAASA,OAAT,CAAjF,CAAP;AACD,GAZgD;AAajDM,EAAAA,MAAM,EAAE;AACN,yBAAqB;AACnBC,MAAAA,GAAG,EAAE;AADc;AADf;AAbyC,CAA5C;;;AAoBA,MAAMC,0BAA6C,mCACrDZ,gBADqD;AAExDC,EAAAA,IAAI,EAAE,oBAFkD;AAGxDY,EAAAA,MAAM,EAAE;AAHgD,EAAnD","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\n\nexport const reactComponentJS: ComponentTemplate = {\n  name: 'react-js',\n  description: 'a basic react component in js',\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.js',\n      content: `export { ${Name} } from './${name}';\n`,\n    };\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n  config: {\n    'teambit.envs/envs': {\n      env: 'teambit.react/react',\n    },\n  }\n};\n\nexport const deprecatedReactComponentJS: ComponentTemplate = {\n  ...reactComponentJS,\n  name: 'react-component-js',\n  hidden: true,\n};\n"]}

package/dist/templates/react-context/files/index-file.d.ts

@@ -0,0 +1,5 @@
+import { ComponentContext } from '@teambit/generator';
+export declare const indexFile: (context: ComponentContext) => {
+    relativePath: string;
+    content: string;
+};

package/dist/templates/react-context/files/index-file.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.indexFile = void 0;
+
+const indexFile = context => {
+  const {
+    name,
+    namePascalCase: Name
+  } = context;
+  return {
+    relativePath: 'index.ts',
+    content: `export { ${Name}Context } from './${name}-context';
+export type { ${Name}ContextType } from './${name}-context';
+export { ${Name}Provider } from './${name}-context-provider';
+export type { ${Name}ProviderProps } from './${name}-context-provider';
+`
+  };
+};
+
+exports.indexFile = indexFile;
+
+//# sourceMappingURL=index-file.js.map

package/dist/templates/react-context/files/index-file.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index-file.ts"],"names":["indexFile","context","name","namePascalCase","Name","relativePath","content"],"mappings":";;;;;;;AAEO,MAAMA,SAAS,GAAIC,OAAD,IAA+B;AACtD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,cAAc,EAAEC;AAAxB,MAAiCH,OAAvC;AAEA,SAAO;AACLI,IAAAA,YAAY,EAAE,UADT;AAELC,IAAAA,OAAO,EAAG,YAAWF,IAAK,qBAAoBF,IAAK;AACvD,gBAAgBE,IAAK,yBAAwBF,IAAK;AAClD,WAAWE,IAAK,sBAAqBF,IAAK;AAC1C,gBAAgBE,IAAK,2BAA0BF,IAAK;AACpD;AANS,GAAP;AAQD,CAXM","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const indexFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: 'index.ts',\n    content: `export { ${Name}Context } from './${name}-context';\nexport type { ${Name}ContextType } from './${name}-context';\nexport { ${Name}Provider } from './${name}-context-provider';\nexport type { ${Name}ProviderProps } from './${name}-context-provider';\n`,\n  };\n}\n"]}

package/dist/templates/react-context/index.js

@@ -55,23 +55,26 @@ function _test() {
   return data;
 }
 
+function _indexFile() {
+  const data = require("./files/index-file");
+
+  _indexFile = function () {
+    return data;
+  };
+
+  return data;
+}
+
 const reactContext = {
   name: 'react-context',
   description: 'a react context component',
   generateFiles: context => {
-    const {
-      name,
-      namePascalCase: Name
-    } = context;
-    const indexFile = {
-      relativePath: 'index.ts',
-      content: `export { ${Name}Context } from './${name}-context';
-export type { ${Name}ContextType } from './${name}-context';
-export { ${Name}Provider } from './${name}-context-provider';
-export type { ${Name}ProviderProps } from './${name}-context-provider';
-`
-    };
-    return [indexFile, (0, _context().contextFile)(context), (0, _contextProvider().contextProviderFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
+    return [(0, _indexFile().indexFile)(context), (0, _context().contextFile)(context), (0, _contextProvider().contextProviderFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
+  },
+  config: {
+    'teambit.envs/envs': {
+      env: 'teambit.react/react'
+    }
   }
 };
 exports.reactContext = reactContext;

package/dist/templates/react-context/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactContext","name","description","generateFiles","context","namePascalCase","Name","indexFile","relativePath","content"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,YAA+B,GAAG;AAC7CC,EAAAA,IAAI,EAAE,eADuC;AAE7CC,EAAAA,WAAW,EAAE,2BAFgC;AAI7CC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,cAAc,EAAEC;AAAxB,QAAiCF,OAAvC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,qBAAoBL,IAAK;AACzD,gBAAgBK,IAAK,yBAAwBL,IAAK;AAClD,WAAWK,IAAK,sBAAqBL,IAAK;AAC1C,gBAAgBK,IAAK,2BAA0BL,IAAK;AACpD;AANsB,KAAlB;AASA,WAAO,CACLM,SADK,EAEL,4BAAYH,OAAZ,CAFK,EAGL,4CAAoBA,OAApB,CAHK,EAIL,oCAAgBA,OAAhB,CAJK,EAKL,sBAASA,OAAT,CALK,EAML,sBAASA,OAAT,CANK,CAAP;AAQD;AAvB4C,CAAxC","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { contextFile } from './files/context';\nimport { contextProviderFile } from './files/context-provider';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\n\nexport const reactContext: ComponentTemplate = {\n  name: 'react-context',\n  description: 'a react context component',\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.ts',\n      content: `export { ${Name}Context } from './${name}-context';\nexport type { ${Name}ContextType } from './${name}-context';\nexport { ${Name}Provider } from './${name}-context-provider';\nexport type { ${Name}ProviderProps } from './${name}-context-provider';\n`,\n    };\n\n    return [\n      indexFile,\n      contextFile(context),\n      contextProviderFile(context),\n      compositionFile(context),\n      docsFile(context),\n      testFile(context),\n    ];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactContext","name","description","generateFiles","context","config","env"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,YAA+B,GAAG;AAC7CC,EAAAA,IAAI,EAAE,eADuC;AAE7CC,EAAAA,WAAW,EAAE,2BAFgC;AAI7CC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,WAAO,CACL,4BAAUA,OAAV,CADK,EAEL,4BAAYA,OAAZ,CAFK,EAGL,4CAAoBA,OAApB,CAHK,EAIL,oCAAgBA,OAAhB,CAJK,EAKL,sBAASA,OAAT,CALK,EAML,sBAASA,OAAT,CANK,CAAP;AAQD,GAb4C;AAc7CC,EAAAA,MAAM,EAAE;AACN,yBAAqB;AACnBC,MAAAA,GAAG,EAAE;AADc;AADf;AAdqC,CAAxC","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { contextFile } from './files/context';\nimport { contextProviderFile } from './files/context-provider';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\nimport { indexFile } from './files/index-file';\n\nexport const reactContext: ComponentTemplate = {\n  name: 'react-context',\n  description: 'a react context component',\n\n  generateFiles: (context: ComponentContext) => {\n    return [\n      indexFile(context),\n      contextFile(context),\n      contextProviderFile(context),\n      compositionFile(context),\n      docsFile(context),\n      testFile(context),\n    ];\n  },\n  config: {\n    'teambit.envs/envs': {\n      env: 'teambit.react/react',\n    },\n  }\n};\n"]}

package/dist/templates/react-env/index.js

@@ -115,6 +115,11 @@ const reactEnvTemplate = {
       relativePath: `jest/jest.config.js`,
       content: (0, _jest().jestConfigFile)()
     }];
+  },
+  config: {
+    'teambit.envs/envs': {
+      env: 'teambit.envs/env'
+    }
   }
 };
 exports.reactEnvTemplate = reactEnvTemplate;

package/dist/templates/react-env/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactEnvTemplate","name","description","generateFiles","context","relativePath","content","isMain"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,gBAAmC,GAAG;AACjDC,EAAAA,IAAI,EAAE,WAD2C;AAEjDC,EAAAA,WAAW,EAAE,0DAFoC;AAGjDC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,WAAO,CACL;AACEC,MAAAA,YAAY,EAAE,UADhB;AAEEC,MAAAA,OAAO,EAAE,wBAAUF,OAAV,CAFX;AAGEG,MAAAA,MAAM,EAAE;AAHV,KADK,EAML;AACEF,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,WADhC;AAEEK,MAAAA,OAAO,EAAE,oBAAQF,OAAR;AAFX,KANK,EAUL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,kBADhC;AAEEK,MAAAA,OAAO,EAAE,6BAAgBF,OAAhB;AAFX,KAVK,EAcL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,qBADhC;AAEEK,MAAAA,OAAO,EAAE,mCAAmBF,OAAnB;AAFX,KAdK,EAkBL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,YADhC;AAEEK,MAAAA,OAAO,EAAE,0BAAWF,OAAX;AAFX,KAlBK,EAsBL;AACEC,MAAAA,YAAY,EAAG,iCADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KAtBK,EA0BL;AACED,MAAAA,YAAY,EAAG,0BADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KA1BK,EA8BL;AACED,MAAAA,YAAY,EAAG,qBADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KA9BK,CAAP;AAmCD;AAvCgD,CAA5C","sourcesContent":["import { ComponentContext, ComponentTemplate } from '@teambit/generator';\nimport { indexFile } from './files/index';\nimport { docFile } from './files/doc';\nimport { mainRuntimeFile } from './files/main.runtime';\nimport { previewRuntimeFile } from './files/preview.runtime';\nimport { aspectFile } from './files/aspect';\nimport { webpackConfigFile } from './files/webpack.config';\nimport { typescriptConfigFile } from './files/typescript.config';\nimport { jestConfigFile } from './files/jest.config';\n\nexport const reactEnvTemplate: ComponentTemplate = {\n  name: 'react-env',\n  description: 'customize the base React env with your configs and tools',\n  generateFiles: (context: ComponentContext) => {\n    return [\n      {\n        relativePath: 'index.ts',\n        content: indexFile(context),\n        isMain: true,\n      },\n      {\n        relativePath: `${context.name}.docs.mdx`,\n        content: docFile(context),\n      },\n      {\n        relativePath: `${context.name}.main.runtime.ts`,\n        content: mainRuntimeFile(context),\n      },\n      {\n        relativePath: `${context.name}.preview.runtime.ts`,\n        content: previewRuntimeFile(context),\n      },\n      {\n        relativePath: `${context.name}.aspect.ts`,\n        content: aspectFile(context),\n      },\n      {\n        relativePath: `webpack/webpack-transformers.ts`,\n        content: webpackConfigFile(),\n      },\n      {\n        relativePath: `typescript/tsconfig.json`,\n        content: typescriptConfigFile(),\n      },\n      {\n        relativePath: `jest/jest.config.js`,\n        content: jestConfigFile(),\n      },\n    ];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactEnvTemplate","name","description","generateFiles","context","relativePath","content","isMain","config","env"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,gBAAmC,GAAG;AACjDC,EAAAA,IAAI,EAAE,WAD2C;AAEjDC,EAAAA,WAAW,EAAE,0DAFoC;AAGjDC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,WAAO,CACL;AACEC,MAAAA,YAAY,EAAE,UADhB;AAEEC,MAAAA,OAAO,EAAE,wBAAUF,OAAV,CAFX;AAGEG,MAAAA,MAAM,EAAE;AAHV,KADK,EAML;AACEF,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,WADhC;AAEEK,MAAAA,OAAO,EAAE,oBAAQF,OAAR;AAFX,KANK,EAUL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,kBADhC;AAEEK,MAAAA,OAAO,EAAE,6BAAgBF,OAAhB;AAFX,KAVK,EAcL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,qBADhC;AAEEK,MAAAA,OAAO,EAAE,mCAAmBF,OAAnB;AAFX,KAdK,EAkBL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,YADhC;AAEEK,MAAAA,OAAO,EAAE,0BAAWF,OAAX;AAFX,KAlBK,EAsBL;AACEC,MAAAA,YAAY,EAAG,iCADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KAtBK,EA0BL;AACED,MAAAA,YAAY,EAAG,0BADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KA1BK,EA8BL;AACED,MAAAA,YAAY,EAAG,qBADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KA9BK,CAAP;AAmCD,GAvCgD;AAwCjDE,EAAAA,MAAM,EAAE;AACN,yBAAqB;AACnBC,MAAAA,GAAG,EAAE;AADc;AADf;AAxCyC,CAA5C","sourcesContent":["import { ComponentContext, ComponentTemplate } from '@teambit/generator';\nimport { indexFile } from './files/index';\nimport { docFile } from './files/doc';\nimport { mainRuntimeFile } from './files/main.runtime';\nimport { previewRuntimeFile } from './files/preview.runtime';\nimport { aspectFile } from './files/aspect';\nimport { webpackConfigFile } from './files/webpack.config';\nimport { typescriptConfigFile } from './files/typescript.config';\nimport { jestConfigFile } from './files/jest.config';\n\nexport const reactEnvTemplate: ComponentTemplate = {\n  name: 'react-env',\n  description: 'customize the base React env with your configs and tools',\n  generateFiles: (context: ComponentContext) => {\n    return [\n      {\n        relativePath: 'index.ts',\n        content: indexFile(context),\n        isMain: true,\n      },\n      {\n        relativePath: `${context.name}.docs.mdx`,\n        content: docFile(context),\n      },\n      {\n        relativePath: `${context.name}.main.runtime.ts`,\n        content: mainRuntimeFile(context),\n      },\n      {\n        relativePath: `${context.name}.preview.runtime.ts`,\n        content: previewRuntimeFile(context),\n      },\n      {\n        relativePath: `${context.name}.aspect.ts`,\n        content: aspectFile(context),\n      },\n      {\n        relativePath: `webpack/webpack-transformers.ts`,\n        content: webpackConfigFile(),\n      },\n      {\n        relativePath: `typescript/tsconfig.json`,\n        content: typescriptConfigFile(),\n      },\n      {\n        relativePath: `jest/jest.config.js`,\n        content: jestConfigFile(),\n      },\n    ];\n  },\n  config: {\n    'teambit.envs/envs': {\n      env: 'teambit.envs/env',\n    },\n  }\n};\n"]}

package/dist/templates/react-hook/files/index-file.d.ts

@@ -0,0 +1,5 @@
+import { ComponentContext } from '@teambit/generator';
+export declare const indexFile: (context: ComponentContext) => {
+    relativePath: string;
+    content: string;
+};

package/dist/templates/react-hook/files/index-file.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.indexFile = void 0;
+
+const indexFile = context => {
+  const {
+    name,
+    namePascalCase: Name
+  } = context;
+  return {
+    relativePath: 'index.ts',
+    content: `export { ${Name} } from './${name}';
+`
+  };
+};
+
+exports.indexFile = indexFile;
+
+//# sourceMappingURL=index-file.js.map

package/dist/templates/react-hook/files/index-file.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index-file.ts"],"names":["indexFile","context","name","namePascalCase","Name","relativePath","content"],"mappings":";;;;;;;AAEO,MAAMA,SAAS,GAAIC,OAAD,IAA+B;AACtD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,cAAc,EAAEC;AAAxB,MAAiCH,OAAvC;AAEA,SAAO;AACLI,IAAAA,YAAY,EAAE,UADT;AAELC,IAAAA,OAAO,EAAG,YAAWF,IAAK,cAAaF,IAAK;AAChD;AAHS,GAAP;AAKD,CARM","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const indexFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: 'index.ts',\n    content: `export { ${Name} } from './${name}';\n`,\n  };\n}\n"]}

package/dist/templates/react-hook/index.js

@@ -45,20 +45,26 @@ function _test() {
   return data;
 }
 
+function _indexFile() {
+  const data = require("./files/index-file");
+
+  _indexFile = function () {
+    return data;
+  };
+
+  return data;
+}
+
 const reactHook = {
   name: 'react-hook',
   description: 'a react hook component',
   generateFiles: context => {
-    const {
-      name,
-      nameCamelCase: Name
-    } = context;
-    const indexFile = {
-      relativePath: 'index.ts',
-      content: `export { ${Name} } from './${name}';
-`
-    };
-    return [indexFile, (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
+    return [(0, _indexFile().indexFile)(context), (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context), (0, _test().testFile)(context)];
+  },
+  config: {
+    'teambit.envs/envs': {
+      env: 'teambit.react/react'
+    }
   }
 };
 exports.reactHook = reactHook;

package/dist/templates/react-hook/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactHook","name","description","generateFiles","context","nameCamelCase","Name","indexFile","relativePath","content"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,SAA4B,GAAG;AAC1CC,EAAAA,IAAI,EAAE,YADoC;AAE1CC,EAAAA,WAAW,EAAE,wBAF6B;AAI1CC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,UAAM;AAAEH,MAAAA,IAAF;AAAQI,MAAAA,aAAa,EAAEC;AAAvB,QAAgCF,OAAtC;AACA,UAAMG,SAAS,GAAG;AAChBC,MAAAA,YAAY,EAAE,UADE;AAEhBC,MAAAA,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD;AAHsB,KAAlB;AAMA,WAAO,CAACM,SAAD,EAAY,gCAAcH,OAAd,CAAZ,EAAoC,oCAAgBA,OAAhB,CAApC,EAA8D,sBAASA,OAAT,CAA9D,EAAiF,sBAASA,OAAT,CAAjF,CAAP;AACD;AAbyC,CAArC","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\n\nexport const reactHook: ComponentTemplate = {\n  name: 'react-hook',\n  description: 'a react hook component',\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, nameCamelCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.ts',\n      content: `export { ${Name} } from './${name}';\n`,\n    };\n\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactHook","name","description","generateFiles","context","config","env"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,SAA4B,GAAG;AAC1CC,EAAAA,IAAI,EAAE,YADoC;AAE1CC,EAAAA,WAAW,EAAE,wBAF6B;AAI1CC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,WAAO,CAAC,4BAAUA,OAAV,CAAD,EAAqB,gCAAcA,OAAd,CAArB,EAA6C,oCAAgBA,OAAhB,CAA7C,EAAuE,sBAASA,OAAT,CAAvE,EAA0F,sBAASA,OAAT,CAA1F,CAAP;AACD,GANyC;AAO1CC,EAAAA,MAAM,EAAE;AACN,yBAAqB;AACnBC,MAAAA,GAAG,EAAE;AADc;AADf;AAPkC,CAArC","sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\nimport { testFile } from './files/test';\nimport { indexFile } from './files/index-file';\n\nexport const reactHook: ComponentTemplate = {\n  name: 'react-hook',\n  description: 'a react hook component',\n\n  generateFiles: (context: ComponentContext) => {\n    return [indexFile(context), componentFile(context), compositionFile(context), docsFile(context), testFile(context)];\n  },\n  config: {\n    'teambit.envs/envs': {\n      env: 'teambit.react/react',\n    },\n  }\n};\n"]}