@teambit/react 0.0.881 → 0.0.883

package/dist/templates/react-app/files/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["appFile","namePascalCase","Name"],"sources":["app.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function appFile({ namePascalCase: Name }: ComponentContext) {\n  return `import React from 'react';\nimport { Routes, Route } from 'react-router-dom';\n\nexport function ${Name}App() {\n  return (\n    <>\n       {/* header component */}\n        <Routes>\n          <Route path=\"/\" element={<div>Hello World!!</div>}>\n             {/* home page component */}\n          </Route>\n\n          <Route path=\"/about\">\n             {/* about page component */}\n          </Route>\n\n        </Routes>\n        {/* footer component */}\n    </>\n  );\n}\n`;\n}\n"],"mappings":";;;;;;;AAEO,SAASA,OAAT,CAAiB;EAAEC,cAAc,EAAEC;AAAlB,CAAjB,EAA6D;EAClE,OAAQ;AACV;AACA;AACA,kBAAkBA,IAAK;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CArBE;AAsBD"}
+{"version":3,"names":["appFile","namePascalCase","Name"],"sources":["app.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function appFile({ namePascalCase: Name }: ComponentContext) {\n  return `import React from 'react';\nimport { Routes, Route } from 'react-router-dom';\n\nexport function ${Name}App() {\n  return (\n    <>\n       {/* header component */}\n        <Routes>\n          <Route path=\"/\" element={<div>Hello World!!</div>}>\n             {/* home page component */}\n          </Route>\n\n          <Route path=\"/about\">\n             {/* about page component */}\n          </Route>\n\n        </Routes>\n        {/* footer component */}\n    </>\n  );\n}\n`;\n}\n"],"mappings":";;;;;;AAEO,SAASA,OAAO,CAAC;EAAEC,cAAc,EAAEC;AAAuB,CAAC,EAAE;EAClE,OAAQ;AACV;AACA;AACA,kBAAkBA,IAAK;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD"}

package/dist/templates/react-app/files/compositions.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.compositionsFile = compositionsFile;
-
 function compositionsFile({
   namePascalCase: Name
 }) {

package/dist/templates/react-app/files/compositions.js.map

@@ -1 +1 @@
-{"version":3,"names":["compositionsFile","namePascalCase","Name"],"sources":["compositions.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function compositionsFile({ namePascalCase: Name }: ComponentContext) {\n  return `import React from 'react';\nimport { MemoryRouter } from 'react-router-dom';\nimport { ${Name}App } from './app';\n\nexport const ${Name}Basic = () => {\n  return (\n    <MemoryRouter>\n      <${Name}App />\n    </MemoryRouter>\n  );\n};\n`;\n}\n"],"mappings":";;;;;;;AAEO,SAASA,gBAAT,CAA0B;EAAEC,cAAc,EAAEC;AAAlB,CAA1B,EAAsE;EAC3E,OAAQ;AACV;AACA,WAAWA,IAAK;AAChB;AACA,eAAeA,IAAK;AACpB;AACA;AACA,SAASA,IAAK;AACd;AACA;AACA;AACA,CAXE;AAYD"}
+{"version":3,"names":["compositionsFile","namePascalCase","Name"],"sources":["compositions.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function compositionsFile({ namePascalCase: Name }: ComponentContext) {\n  return `import React from 'react';\nimport { MemoryRouter } from 'react-router-dom';\nimport { ${Name}App } from './app';\n\nexport const ${Name}Basic = () => {\n  return (\n    <MemoryRouter>\n      <${Name}App />\n    </MemoryRouter>\n  );\n};\n`;\n}\n"],"mappings":";;;;;;AAEO,SAASA,gBAAgB,CAAC;EAAEC,cAAc,EAAEC;AAAuB,CAAC,EAAE;EAC3E,OAAQ;AACV;AACA,WAAWA,IAAK;AAChB;AACA,eAAeA,IAAK;AACpB;AACA;AACA,SAASA,IAAK;AACd;AACA;AACA;AACA,CAAC;AACD"}

package/dist/templates/react-app/files/doc.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.docFile = docFile;
-
 function docFile({
   name,
   componentId,

package/dist/templates/react-app/files/doc.js.map

@@ -1 +1 @@
-{"version":3,"names":["docFile","name","componentId","nameCamelCase","toString"],"sources":["doc.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function docFile({ name, componentId, nameCamelCase }: ComponentContext) {\n  return `---\ndescription: ${nameCamelCase} application component.\nlabels: ['${name}', 'app']\n---\n\nConfigure the app plugin on your workspace:\n\n\\`\\`\\`json\n\"${componentId.toString()}\": {},\n\\`\\`\\`\n\n### Run the application\n\nYou can run your application on a separate port to see it outside of the Bit workspace\n\n\\`\\`\\`bash\nbit run ${name}\n\\`\\`\\`\n`;\n}\n"],"mappings":";;;;;;;AAEO,SAASA,OAAT,CAAiB;EAAEC,IAAF;EAAQC,WAAR;EAAqBC;AAArB,CAAjB,EAAyE;EAC9E,OAAQ;AACV,eAAeA,aAAc;AAC7B,YAAYF,IAAK;AACjB;AACA;AACA;AACA;AACA;AACA,GAAGC,WAAW,CAACE,QAAZ,EAAuB;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAUH,IAAK;AACf;AACA,CAlBE;AAmBD"}
+{"version":3,"names":["docFile","name","componentId","nameCamelCase","toString"],"sources":["doc.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function docFile({ name, componentId, nameCamelCase }: ComponentContext) {\n  return `---\ndescription: ${nameCamelCase} application component.\nlabels: ['${name}', 'app']\n---\n\nConfigure the app plugin on your workspace:\n\n\\`\\`\\`json\n\"${componentId.toString()}\": {},\n\\`\\`\\`\n\n### Run the application\n\nYou can run your application on a separate port to see it outside of the Bit workspace\n\n\\`\\`\\`bash\nbit run ${name}\n\\`\\`\\`\n`;\n}\n"],"mappings":";;;;;;AAEO,SAASA,OAAO,CAAC;EAAEC,IAAI;EAAEC,WAAW;EAAEC;AAAgC,CAAC,EAAE;EAC9E,OAAQ;AACV,eAAeA,aAAc;AAC7B,YAAYF,IAAK;AACjB;AACA;AACA;AACA;AACA;AACA,GAAGC,WAAW,CAACE,QAAQ,EAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAUH,IAAK;AACf;AACA,CAAC;AACD"}

package/dist/templates/react-app/files/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.indexFile = indexFile;
-
 function indexFile({
   namePascalCase: Name
 }) {

package/dist/templates/react-app/files/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["indexFile","namePascalCase","Name"],"sources":["index.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function indexFile({ namePascalCase: Name }: ComponentContext) {\n  return `export { ${Name}App } from './app';`;\n}\n"],"mappings":";;;;;;;AAEO,SAASA,SAAT,CAAmB;EAAEC,cAAc,EAAEC;AAAlB,CAAnB,EAA+D;EACpE,OAAQ,YAAWA,IAAK,qBAAxB;AACD"}
+{"version":3,"names":["indexFile","namePascalCase","Name"],"sources":["index.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function indexFile({ namePascalCase: Name }: ComponentContext) {\n  return `export { ${Name}App } from './app';`;\n}\n"],"mappings":";;;;;;AAEO,SAASA,SAAS,CAAC;EAAEC,cAAc,EAAEC;AAAuB,CAAC,EAAE;EACpE,OAAQ,YAAWA,IAAK,qBAAoB;AAC9C"}

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

@@ -4,67 +4,48 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactAppTemplate = void 0;
-
 function _appPlugin() {
   const data = require("./files/app-plugin");
-
   _appPlugin = function () {
     return data;
   };
-
   return data;
 }
-
 function _index() {
   const data = require("./files/index");
-
   _index = function () {
     return data;
   };
-
   return data;
 }
-
 function _doc() {
   const data = require("./files/doc");
-
   _doc = function () {
     return data;
   };
-
   return data;
 }
-
 function _compositions() {
   const data = require("./files/compositions");
-
   _compositions = function () {
     return data;
   };
-
   return data;
 }
-
 function _app() {
   const data = require("./files/app");
-
   _app = function () {
     return data;
   };
-
   return data;
 }
-
 function _appRoot() {
   const data = require("./files/app-root");
-
   _appRoot = function () {
     return data;
   };
-
   return data;
 }
-
 const reactAppTemplate = {
   name: 'react-app',
   hidden: true,

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

@@ -1 +1 @@
-{"version":3,"names":["reactAppTemplate","name","hidden","description","generateFiles","context","relativePath","content","indexFile","isMain","docFile","appPlugin","compositionsFile","appFile","appRootFile","config","env"],"sources":["index.ts"],"sourcesContent":["import { ComponentContext, ComponentTemplate } from '@teambit/generator';\nimport { appPlugin } from './files/app-plugin';\nimport { indexFile } from './files/index';\nimport { docFile } from './files/doc';\nimport { compositionsFile } from './files/compositions';\nimport { appFile } from './files/app';\nimport { appRootFile } from './files/app-root';\n\nexport const reactAppTemplate: ComponentTemplate = {\n  name: 'react-app',\n  hidden: true,\n  description: 'Creates a React app',\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}.react-app.ts`,\n        content: appPlugin(context),\n      },\n      {\n        relativePath: `${context.name}.compositions.tsx`,\n        content: compositionsFile(context),\n      },\n      {\n        relativePath: `app.tsx`,\n        content: appFile(context),\n      },\n      {\n        relativePath: `${context.name}.app-root.tsx`,\n        content: appRootFile(context),\n      },\n    ];\n  },\n  config: {\n    'teambit.harmony/aspect': {},\n    'teambit.envs/envs': {\n      env: 'teambit.harmony/aspect',\n    },\n  },\n};\n"],"mappings":";;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,gBAAmC,GAAG;EACjDC,IAAI,EAAE,WAD2C;EAEjDC,MAAM,EAAE,IAFyC;EAGjDC,WAAW,EAAE,qBAHoC;EAIjDC,aAAa,EAAGC,OAAD,IAA+B;IAC5C,OAAO,CACL;MACEC,YAAY,EAAE,UADhB;MAEEC,OAAO,EAAE,IAAAC,kBAAA,EAAUH,OAAV,CAFX;MAGEI,MAAM,EAAE;IAHV,CADK,EAML;MACEH,YAAY,EAAG,GAAED,OAAO,CAACJ,IAAK,WADhC;MAEEM,OAAO,EAAE,IAAAG,cAAA,EAAQL,OAAR;IAFX,CANK,EAUL;MACEC,YAAY,EAAG,GAAED,OAAO,CAACJ,IAAK,eADhC;MAEEM,OAAO,EAAE,IAAAI,sBAAA,EAAUN,OAAV;IAFX,CAVK,EAcL;MACEC,YAAY,EAAG,GAAED,OAAO,CAACJ,IAAK,mBADhC;MAEEM,OAAO,EAAE,IAAAK,gCAAA,EAAiBP,OAAjB;IAFX,CAdK,EAkBL;MACEC,YAAY,EAAG,SADjB;MAEEC,OAAO,EAAE,IAAAM,cAAA,EAAQR,OAAR;IAFX,CAlBK,EAsBL;MACEC,YAAY,EAAG,GAAED,OAAO,CAACJ,IAAK,eADhC;MAEEM,OAAO,EAAE,IAAAO,sBAAA,EAAYT,OAAZ;IAFX,CAtBK,CAAP;EA2BD,CAhCgD;EAiCjDU,MAAM,EAAE;IACN,0BAA0B,EADpB;IAEN,qBAAqB;MACnBC,GAAG,EAAE;IADc;EAFf;AAjCyC,CAA5C"}
+{"version":3,"names":["reactAppTemplate","name","hidden","description","generateFiles","context","relativePath","content","indexFile","isMain","docFile","appPlugin","compositionsFile","appFile","appRootFile","config","env"],"sources":["index.ts"],"sourcesContent":["import { ComponentContext, ComponentTemplate } from '@teambit/generator';\nimport { appPlugin } from './files/app-plugin';\nimport { indexFile } from './files/index';\nimport { docFile } from './files/doc';\nimport { compositionsFile } from './files/compositions';\nimport { appFile } from './files/app';\nimport { appRootFile } from './files/app-root';\n\nexport const reactAppTemplate: ComponentTemplate = {\n  name: 'react-app',\n  hidden: true,\n  description: 'Creates a React app',\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}.react-app.ts`,\n        content: appPlugin(context),\n      },\n      {\n        relativePath: `${context.name}.compositions.tsx`,\n        content: compositionsFile(context),\n      },\n      {\n        relativePath: `app.tsx`,\n        content: appFile(context),\n      },\n      {\n        relativePath: `${context.name}.app-root.tsx`,\n        content: appRootFile(context),\n      },\n    ];\n  },\n  config: {\n    'teambit.harmony/aspect': {},\n    'teambit.envs/envs': {\n      env: 'teambit.harmony/aspect',\n    },\n  },\n};\n"],"mappings":";;;;;;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,gBAAmC,GAAG;EACjDC,IAAI,EAAE,WAAW;EACjBC,MAAM,EAAE,IAAI;EACZC,WAAW,EAAE,qBAAqB;EAClCC,aAAa,EAAGC,OAAyB,IAAK;IAC5C,OAAO,CACL;MACEC,YAAY,EAAE,UAAU;MACxBC,OAAO,EAAE,IAAAC,kBAAS,EAACH,OAAO,CAAC;MAC3BI,MAAM,EAAE;IACV,CAAC,EACD;MACEH,YAAY,EAAG,GAAED,OAAO,CAACJ,IAAK,WAAU;MACxCM,OAAO,EAAE,IAAAG,cAAO,EAACL,OAAO;IAC1B,CAAC,EACD;MACEC,YAAY,EAAG,GAAED,OAAO,CAACJ,IAAK,eAAc;MAC5CM,OAAO,EAAE,IAAAI,sBAAS,EAACN,OAAO;IAC5B,CAAC,EACD;MACEC,YAAY,EAAG,GAAED,OAAO,CAACJ,IAAK,mBAAkB;MAChDM,OAAO,EAAE,IAAAK,gCAAgB,EAACP,OAAO;IACnC,CAAC,EACD;MACEC,YAAY,EAAG,SAAQ;MACvBC,OAAO,EAAE,IAAAM,cAAO,EAACR,OAAO;IAC1B,CAAC,EACD;MACEC,YAAY,EAAG,GAAED,OAAO,CAACJ,IAAK,eAAc;MAC5CM,OAAO,EAAE,IAAAO,sBAAW,EAACT,OAAO;IAC9B,CAAC,CACF;EACH,CAAC;EACDU,MAAM,EAAE;IACN,wBAAwB,EAAE,CAAC,CAAC;IAC5B,mBAAmB,EAAE;MACnBC,GAAG,EAAE;IACP;EACF;AACF,CAAC;AAAC"}

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.componentFile = void 0;
-
 const componentFile = context => {
   const {
     name,
@@ -31,7 +30,6 @@ export function ${Name}({ children }: ${Name}Props) {
 `
   };
 };
-
 exports.componentFile = componentFile;
 
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["componentFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["component.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const componentFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n  return {\n    relativePath: `${name}.tsx`,\n    content: `import React, { ReactNode } from 'react';\n\nexport type ${Name}Props = {\n  /**\n   * a node to be rendered in the special component.\n   */\n  children?: ReactNode;\n};\n\nexport function ${Name}({ children }: ${Name}Props) {\n  return (\n    <div>\n      {children}\n    </div>\n  );\n}\n`,\n  };\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,aAAa,GAAIC,OAAD,IAA+B;EAC1D,MAAM;IAAEC,IAAF;IAAQC,cAAc,EAAEC;EAAxB,IAAiCH,OAAvC;EACA,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,MADjB;IAELI,OAAO,EAAG;AACd;AACA,cAAcF,IAAK;AACnB;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBA,IAAK,kBAAiBA,IAAK;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;EAlBS,CAAP;AAoBD,CAtBM"}
+{"version":3,"names":["componentFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["component.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const componentFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n  return {\n    relativePath: `${name}.tsx`,\n    content: `import React, { ReactNode } from 'react';\n\nexport type ${Name}Props = {\n  /**\n   * a node to be rendered in the special component.\n   */\n  children?: ReactNode;\n};\n\nexport function ${Name}({ children }: ${Name}Props) {\n  return (\n    <div>\n      {children}\n    </div>\n  );\n}\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,aAAa,GAAIC,OAAyB,IAAK;EAC1D,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAC9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,MAAK;IAC3BI,OAAO,EAAG;AACd;AACA,cAAcF,IAAK;AACnB;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBA,IAAK,kBAAiBA,IAAK;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;EACE,CAAC;AACH,CAAC;AAAC"}

package/dist/templates/react-component/files/composition.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.compositionFile = void 0;
-
 const compositionFile = context => {
   const {
     name,
@@ -23,7 +22,6 @@ export const Basic${Name} = () => {
 `
   };
 };
-
 exports.compositionFile = compositionFile;
 
 //# sourceMappingURL=composition.js.map

package/dist/templates/react-component/files/composition.js.map

@@ -1 +1 @@
-{"version":3,"names":["compositionFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["composition.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const compositionFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.composition.tsx`,\n    content: `import React from 'react';\nimport { ${Name} } from './${name}';\n\nexport const Basic${Name} = () => {\n  return (\n    <${Name}>hello world!</${Name}>\n  );\n}\n`,\n  };\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,eAAe,GAAIC,OAAD,IAA+B;EAC5D,MAAM;IAAEC,IAAF;IAAQC,cAAc,EAAEC;EAAxB,IAAiCH,OAAvC;EAEA,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,kBADjB;IAELI,OAAO,EAAG;AACd,WAAWF,IAAK,cAAaF,IAAK;AAClC;AACA,oBAAoBE,IAAK;AACzB;AACA,OAAOA,IAAK,kBAAiBA,IAAK;AAClC;AACA;AACA;EAVS,CAAP;AAYD,CAfM"}
+{"version":3,"names":["compositionFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["composition.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const compositionFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.composition.tsx`,\n    content: `import React from 'react';\nimport { ${Name} } from './${name}';\n\nexport const Basic${Name} = () => {\n  return (\n    <${Name}>hello world!</${Name}>\n  );\n}\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,eAAe,GAAIC,OAAyB,IAAK;EAC5D,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAE9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,kBAAiB;IACvCI,OAAO,EAAG;AACd,WAAWF,IAAK,cAAaF,IAAK;AAClC;AACA,oBAAoBE,IAAK;AACzB;AACA,OAAOA,IAAK,kBAAiBA,IAAK;AAClC;AACA;AACA;EACE,CAAC;AACH,CAAC;AAAC"}

package/dist/templates/react-component/files/docs.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.docsFile = void 0;
-
 const docsFile = context => {
   const {
     name,
@@ -33,7 +32,6 @@ A component that does something special and renders text in a div.
 `
   };
 };
-
 exports.docsFile = docsFile;
 
 //# sourceMappingURL=docs.js.map

package/dist/templates/react-component/files/docs.js.map

@@ -1 +1 @@
-{"version":3,"names":["docsFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["docs.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const docsFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.docs.mdx`,\n    content: `---\ndescription: A ${Name} component.\n---\n\nimport { ${Name} } from './${name}';\n\nA component that does something special and renders text in a div.\n\n### Component usage\n\\`\\`\\`js\n<${Name}>Hello world!</${Name}>\n\\`\\`\\`\n\n### Render hello world!\n\n\\`\\`\\`js live\n<${Name}>Hello world!</${Name}>\n\\`\\`\\`\n`,\n  };\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,QAAQ,GAAIC,OAAD,IAA+B;EACrD,MAAM;IAAEC,IAAF;IAAQC,cAAc,EAAEC;EAAxB,IAAiCH,OAAvC;EAEA,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,WADjB;IAELI,OAAO,EAAG;AACd,iBAAiBF,IAAK;AACtB;AACA;AACA,WAAWA,IAAK,cAAaF,IAAK;AAClC;AACA;AACA;AACA;AACA;AACA,GAAGE,IAAK,kBAAiBA,IAAK;AAC9B;AACA;AACA;AACA;AACA;AACA,GAAGA,IAAK,kBAAiBA,IAAK;AAC9B;AACA;EApBS,CAAP;AAsBD,CAzBM"}
+{"version":3,"names":["docsFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["docs.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const docsFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.docs.mdx`,\n    content: `---\ndescription: A ${Name} component.\n---\n\nimport { ${Name} } from './${name}';\n\nA component that does something special and renders text in a div.\n\n### Component usage\n\\`\\`\\`js\n<${Name}>Hello world!</${Name}>\n\\`\\`\\`\n\n### Render hello world!\n\n\\`\\`\\`js live\n<${Name}>Hello world!</${Name}>\n\\`\\`\\`\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,QAAQ,GAAIC,OAAyB,IAAK;EACrD,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAE9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,WAAU;IAChCI,OAAO,EAAG;AACd,iBAAiBF,IAAK;AACtB;AACA;AACA,WAAWA,IAAK,cAAaF,IAAK;AAClC;AACA;AACA;AACA;AACA;AACA,GAAGE,IAAK,kBAAiBA,IAAK;AAC9B;AACA;AACA;AACA;AACA;AACA,GAAGA,IAAK,kBAAiBA,IAAK;AAC9B;AACA;EACE,CAAC;AACH,CAAC;AAAC"}

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.indexFile = void 0;
-
 const indexFile = context => {
   const {
     name,
@@ -17,7 +16,6 @@ export type { ${Name}Props } from './${name}';
 `
   };
 };
-
 exports.indexFile = indexFile;
 
 //# sourceMappingURL=index-file.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["indexFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["index-file.ts"],"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"],"mappings":";;;;;;;AAEO,MAAMA,SAAS,GAAIC,OAAD,IAA+B;EACtD,MAAM;IAAEC,IAAF;IAAQC,cAAc,EAAEC;EAAxB,IAAiCH,OAAvC;EAEA,OAAO;IACLI,YAAY,EAAE,UADT;IAELC,OAAO,EAAG,YAAWF,IAAK,cAAaF,IAAK;AAChD,gBAAgBE,IAAK,mBAAkBF,IAAK;AAC5C;EAJS,CAAP;AAMD,CATM"}
+{"version":3,"names":["indexFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["index-file.ts"],"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"],"mappings":";;;;;;AAEO,MAAMA,SAAS,GAAIC,OAAyB,IAAK;EACtD,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAE9C,OAAO;IACLI,YAAY,EAAE,UAAU;IACxBC,OAAO,EAAG,YAAWF,IAAK,cAAaF,IAAK;AAChD,gBAAgBE,IAAK,mBAAkBF,IAAK;AAC5C;EACE,CAAC;AACH,CAAC;AAAC"}

package/dist/templates/react-component/files/test.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.testFile = void 0;
-
 const testFile = context => {
   const {
     name,
@@ -24,7 +23,6 @@ it('should render with the correct text', () => {
 `
   };
 };
-
 exports.testFile = testFile;
 
 //# sourceMappingURL=test.js.map

package/dist/templates/react-component/files/test.js.map

@@ -1 +1 @@
-{"version":3,"names":["testFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["test.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const testFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.spec.tsx`,\n    content: `import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Basic${Name} } from './${name}.composition';\n\nit('should render with the correct text', () => {\n  const { getByText } = render(<Basic${Name} />);\n  const rendered = getByText('hello world!');\n  expect(rendered).toBeTruthy();\n});\n`,\n  };\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,QAAQ,GAAIC,OAAD,IAA+B;EACrD,MAAM;IAAEC,IAAF;IAAQC,cAAc,EAAEC;EAAxB,IAAiCH,OAAvC;EAEA,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,WADjB;IAELI,OAAO,EAAG;AACd;AACA,gBAAgBF,IAAK,cAAaF,IAAK;AACvC;AACA;AACA,uCAAuCE,IAAK;AAC5C;AACA;AACA;AACA;EAXS,CAAP;AAaD,CAhBM"}
+{"version":3,"names":["testFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["test.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const testFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.spec.tsx`,\n    content: `import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Basic${Name} } from './${name}.composition';\n\nit('should render with the correct text', () => {\n  const { getByText } = render(<Basic${Name} />);\n  const rendered = getByText('hello world!');\n  expect(rendered).toBeTruthy();\n});\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,QAAQ,GAAIC,OAAyB,IAAK;EACrD,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAE9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,WAAU;IAChCI,OAAO,EAAG;AACd;AACA,gBAAgBF,IAAK,cAAaF,IAAK;AACvC;AACA;AACA,uCAAuCE,IAAK;AAC5C;AACA;AACA;AACA;EACE,CAAC;AACH,CAAC;AAAC"}

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

@@ -1,76 +1,54 @@
 "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");
-
   _component = function () {
     return data;
   };
-
   return data;
 }
-
 function _composition() {
   const data = require("./files/composition");
-
   _composition = function () {
     return data;
   };
-
   return data;
 }
-
 function _docs() {
   const data = require("./files/docs");
-
   _docs = function () {
     return data;
   };
-
   return data;
 }
-
 function _test() {
   const data = require("./files/test");
-
   _test = function () {
     return data;
   };
-
   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',
@@ -85,12 +63,10 @@ const reactComponent = {
   }
 };
 exports.reactComponent = reactComponent;
-
 const deprecatedReactComponent = _objectSpread(_objectSpread({}, reactComponent), {}, {
   name: 'react-component',
   hidden: true
 });
-
 exports.deprecatedReactComponent = deprecatedReactComponent;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["reactComponent","name","description","generateFiles","context","indexFile","componentFile","compositionFile","docsFile","testFile","config","env","deprecatedReactComponent","hidden"],"sources":["index.ts"],"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.react/react': {},\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"],"mappings":";;;;;;;;;;;;;;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAEO,MAAMA,cAAiC,GAAG;EAC/CC,IAAI,EAAE,OADyC;EAE/CC,WAAW,EAAE,yBAFkC;EAG/CC,aAAa,EAAGC,OAAD,IAA+B;IAC5C,OAAO,CAAC,IAAAC,sBAAA,EAAUD,OAAV,CAAD,EAAqB,IAAAE,0BAAA,EAAcF,OAAd,CAArB,EAA6C,IAAAG,8BAAA,EAAgBH,OAAhB,CAA7C,EAAuE,IAAAI,gBAAA,EAASJ,OAAT,CAAvE,EAA0F,IAAAK,gBAAA,EAASL,OAAT,CAA1F,CAAP;EACD,CAL8C;EAM/CM,MAAM,EAAE;IACN,uBAAuB,EADjB;IAEN,qBAAqB;MACnBC,GAAG,EAAE;IADc;EAFf;AANuC,CAA1C;;;AAcA,MAAMC,wBAA2C,mCACnDZ,cADmD;EAEtDC,IAAI,EAAE,iBAFgD;EAGtDY,MAAM,EAAE;AAH8C,EAAjD"}
+{"version":3,"names":["reactComponent","name","description","generateFiles","context","indexFile","componentFile","compositionFile","docsFile","testFile","config","env","deprecatedReactComponent","hidden"],"sources":["index.ts"],"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.react/react': {},\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"],"mappings":";;;;;;;;;;;;;;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAA+C;AAAA;AAExC,MAAMA,cAAiC,GAAG;EAC/CC,IAAI,EAAE,OAAO;EACbC,WAAW,EAAE,yBAAyB;EACtCC,aAAa,EAAGC,OAAyB,IAAK;IAC5C,OAAO,CAAC,IAAAC,sBAAS,EAACD,OAAO,CAAC,EAAE,IAAAE,0BAAa,EAACF,OAAO,CAAC,EAAE,IAAAG,8BAAe,EAACH,OAAO,CAAC,EAAE,IAAAI,gBAAQ,EAACJ,OAAO,CAAC,EAAE,IAAAK,gBAAQ,EAACL,OAAO,CAAC,CAAC;EACrH,CAAC;EACDM,MAAM,EAAE;IACN,qBAAqB,EAAE,CAAC,CAAC;IACzB,mBAAmB,EAAE;MACnBC,GAAG,EAAE;IACP;EACF;AACF,CAAC;AAAC;AAEK,MAAMC,wBAA2C,mCACnDZ,cAAc;EACjBC,IAAI,EAAE,iBAAiB;EACvBY,MAAM,EAAE;AAAI,EACb;AAAC"}

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.componentFile = void 0;
-
 const componentFile = context => {
   const {
     name,
@@ -24,7 +23,6 @@ export function ${Name}({ text }) {
 `
   };
 };
-
 exports.componentFile = componentFile;
 
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["componentFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["component.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const componentFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n  return {\n    relativePath: `${name}.jsx`,\n    content: `import React from 'react';\n\nexport function ${Name}({ text }) {\n  return (\n    <div>\n      {text}\n    </div>\n  );\n}\n`,\n  };\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,aAAa,GAAIC,OAAD,IAA+B;EAC1D,MAAM;IAAEC,IAAF;IAAQC,cAAc,EAAEC;EAAxB,IAAiCH,OAAvC;EACA,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,MADjB;IAELI,OAAO,EAAG;AACd;AACA,kBAAkBF,IAAK;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;EAXS,CAAP;AAaD,CAfM"}
+{"version":3,"names":["componentFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["component.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const componentFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n  return {\n    relativePath: `${name}.jsx`,\n    content: `import React from 'react';\n\nexport function ${Name}({ text }) {\n  return (\n    <div>\n      {text}\n    </div>\n  );\n}\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,aAAa,GAAIC,OAAyB,IAAK;EAC1D,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAC9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,MAAK;IAC3BI,OAAO,EAAG;AACd;AACA,kBAAkBF,IAAK;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;EACE,CAAC;AACH,CAAC;AAAC"}

package/dist/templates/react-component-js/files/composition.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.compositionFile = void 0;
-
 const compositionFile = context => {
   const {
     name,
@@ -21,7 +20,6 @@ export const Basic${Name} = () => (
 `
   };
 };
-
 exports.compositionFile = compositionFile;
 
 //# sourceMappingURL=composition.js.map

package/dist/templates/react-component-js/files/composition.js.map

@@ -1 +1 @@
-{"version":3,"names":["compositionFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["composition.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const compositionFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.composition.jsx`,\n    content: `import React from 'react';\nimport { ${Name} } from './${name}';\n\nexport const Basic${Name} = () => (\n  <${Name} text=\"hello from ${Name}\" />\n);\n`,\n  };\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,eAAe,GAAIC,OAAD,IAA+B;EAC5D,MAAM;IAAEC,IAAF;IAAQC,cAAc,EAAEC;EAAxB,IAAiCH,OAAvC;EAEA,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,kBADjB;IAELI,OAAO,EAAG;AACd,WAAWF,IAAK,cAAaF,IAAK;AAClC;AACA,oBAAoBE,IAAK;AACzB,KAAKA,IAAK,qBAAoBA,IAAK;AACnC;AACA;EARS,CAAP;AAUD,CAbM"}
+{"version":3,"names":["compositionFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["composition.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const compositionFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.composition.jsx`,\n    content: `import React from 'react';\nimport { ${Name} } from './${name}';\n\nexport const Basic${Name} = () => (\n  <${Name} text=\"hello from ${Name}\" />\n);\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,eAAe,GAAIC,OAAyB,IAAK;EAC5D,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAE9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,kBAAiB;IACvCI,OAAO,EAAG;AACd,WAAWF,IAAK,cAAaF,IAAK;AAClC;AACA,oBAAoBE,IAAK;AACzB,KAAKA,IAAK,qBAAoBA,IAAK;AACnC;AACA;EACE,CAAC;AACH,CAAC;AAAC"}

package/dist/templates/react-component-js/files/docs.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.docsFile = void 0;
-
 const docsFile = context => {
   const {
     name,
@@ -37,7 +36,6 @@ Modify the text to see it change live:
 `
   };
 };
-
 exports.docsFile = docsFile;
 
 //# sourceMappingURL=docs.js.map

package/dist/templates/react-component-js/files/docs.js.map

@@ -1 +1 @@
-{"version":3,"names":["docsFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["docs.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const docsFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.docs.mdx`,\n    content: `---\ndescription: 'A ${Name} component.'\nlabels: ['label1', 'label2', 'label3']\n---\n\nimport { ${Name} } from './${name}';\n\n## React Component for rendering text\n\nA basic div that renders some text\n\n### Component usage\n\\`\\`\\`js\n<${Name} text=\"hello from ${Name}\" />\n\\`\\`\\`\n\n### Using props to customize the text\n\nModify the text to see it change live:\n\\`\\`\\`js live\n<${Name} text=\"hello from ${Name}\" />\n\\`\\`\\`\n`,\n  };\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,QAAQ,GAAIC,OAAD,IAA+B;EACrD,MAAM;IAAEC,IAAF;IAAQC,cAAc,EAAEC;EAAxB,IAAiCH,OAAvC;EAEA,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,WADjB;IAELI,OAAO,EAAG;AACd,kBAAkBF,IAAK;AACvB;AACA;AACA;AACA,WAAWA,IAAK,cAAaF,IAAK;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAGE,IAAK,qBAAoBA,IAAK;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,GAAGA,IAAK,qBAAoBA,IAAK;AACjC;AACA;EAxBS,CAAP;AA0BD,CA7BM"}
+{"version":3,"names":["docsFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["docs.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const docsFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.docs.mdx`,\n    content: `---\ndescription: 'A ${Name} component.'\nlabels: ['label1', 'label2', 'label3']\n---\n\nimport { ${Name} } from './${name}';\n\n## React Component for rendering text\n\nA basic div that renders some text\n\n### Component usage\n\\`\\`\\`js\n<${Name} text=\"hello from ${Name}\" />\n\\`\\`\\`\n\n### Using props to customize the text\n\nModify the text to see it change live:\n\\`\\`\\`js live\n<${Name} text=\"hello from ${Name}\" />\n\\`\\`\\`\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,QAAQ,GAAIC,OAAyB,IAAK;EACrD,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAE9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,WAAU;IAChCI,OAAO,EAAG;AACd,kBAAkBF,IAAK;AACvB;AACA;AACA;AACA,WAAWA,IAAK,cAAaF,IAAK;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAGE,IAAK,qBAAoBA,IAAK;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,GAAGA,IAAK,qBAAoBA,IAAK;AACjC;AACA;EACE,CAAC;AACH,CAAC;AAAC"}

package/dist/templates/react-component-js/files/test.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.testFile = void 0;
-
 const testFile = context => {
   const {
     name,
@@ -26,7 +25,6 @@ it('should render with the correct text', () => {
 `
   };
 };
-
 exports.testFile = testFile;
 
 //# sourceMappingURL=test.js.map

package/dist/templates/react-component-js/files/test.js.map

@@ -1 +1 @@
-{"version":3,"names":["testFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["test.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const testFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.spec.jsx`,\n    content: `import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Basic${Name} } from './${name}.composition';\n\n\nit('should render with the correct text', () => {\n  const { getByText } = render(<Basic${Name} />);\n  const rendered = getByText('hello from ${Name}');\n  expect(rendered).toBeTruthy();\n});\n\n`,\n  };\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,QAAQ,GAAIC,OAAD,IAA+B;EACrD,MAAM;IAAEC,IAAF;IAAQC,cAAc,EAAEC;EAAxB,IAAiCH,OAAvC;EAEA,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,WADjB;IAELI,OAAO,EAAG;AACd;AACA,gBAAgBF,IAAK,cAAaF,IAAK;AACvC;AACA;AACA;AACA,uCAAuCE,IAAK;AAC5C,2CAA2CA,IAAK;AAChD;AACA;AACA;AACA;EAbS,CAAP;AAeD,CAlBM"}
+{"version":3,"names":["testFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["test.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const testFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.spec.jsx`,\n    content: `import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Basic${Name} } from './${name}.composition';\n\n\nit('should render with the correct text', () => {\n  const { getByText } = render(<Basic${Name} />);\n  const rendered = getByText('hello from ${Name}');\n  expect(rendered).toBeTruthy();\n});\n\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,QAAQ,GAAIC,OAAyB,IAAK;EACrD,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAE9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,WAAU;IAChCI,OAAO,EAAG;AACd;AACA,gBAAgBF,IAAK,cAAaF,IAAK;AACvC;AACA;AACA;AACA,uCAAuCE,IAAK;AAC5C,2CAA2CA,IAAK;AAChD;AACA;AACA;AACA;EACE,CAAC;AACH,CAAC;AAAC"}

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

@@ -1,66 +1,47 @@
 "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");
-
   _component = function () {
     return data;
   };
-
   return data;
 }
-
 function _composition() {
   const data = require("./files/composition");
-
   _composition = function () {
     return data;
   };
-
   return data;
 }
-
 function _docs() {
   const data = require("./files/docs");
-
   _docs = function () {
     return data;
   };
-
   return data;
 }
-
 function _test() {
   const data = require("./files/test");
-
   _test = 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 reactComponentJS = {
   name: 'react-js',
   description: 'a basic react component in js',
@@ -84,12 +65,10 @@ const reactComponentJS = {
   }
 };
 exports.reactComponentJS = reactComponentJS;
-
 const deprecatedReactComponentJS = _objectSpread(_objectSpread({}, reactComponentJS), {}, {
   name: 'react-component-js',
   hidden: true
 });
-
 exports.deprecatedReactComponentJS = deprecatedReactComponentJS;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["reactComponentJS","name","description","generateFiles","context","namePascalCase","Name","indexFile","relativePath","content","componentFile","compositionFile","docsFile","testFile","config","env","deprecatedReactComponentJS","hidden"],"sources":["index.ts"],"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.react/react': {},\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"],"mappings":";;;;;;;;;;;;;;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAEO,MAAMA,gBAAmC,GAAG;EACjDC,IAAI,EAAE,UAD2C;EAEjDC,WAAW,EAAE,+BAFoC;EAIjDC,aAAa,EAAGC,OAAD,IAA+B;IAC5C,MAAM;MAAEH,IAAF;MAAQI,cAAc,EAAEC;IAAxB,IAAiCF,OAAvC;IACA,MAAMG,SAAS,GAAG;MAChBC,YAAY,EAAE,UADE;MAEhBC,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD;IAHsB,CAAlB;IAKA,OAAO,CAACM,SAAD,EAAY,IAAAG,0BAAA,EAAcN,OAAd,CAAZ,EAAoC,IAAAO,8BAAA,EAAgBP,OAAhB,CAApC,EAA8D,IAAAQ,gBAAA,EAASR,OAAT,CAA9D,EAAiF,IAAAS,gBAAA,EAAST,OAAT,CAAjF,CAAP;EACD,CAZgD;EAajDU,MAAM,EAAE;IACN,uBAAuB,EADjB;IAEN,qBAAqB;MACnBC,GAAG,EAAE;IADc;EAFf;AAbyC,CAA5C;;;AAqBA,MAAMC,0BAA6C,mCACrDhB,gBADqD;EAExDC,IAAI,EAAE,oBAFkD;EAGxDgB,MAAM,EAAE;AAHgD,EAAnD"}
+{"version":3,"names":["reactComponentJS","name","description","generateFiles","context","namePascalCase","Name","indexFile","relativePath","content","componentFile","compositionFile","docsFile","testFile","config","env","deprecatedReactComponentJS","hidden"],"sources":["index.ts"],"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.react/react': {},\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"],"mappings":";;;;;;;;;;;;;;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAAwC;AAAA;AAEjC,MAAMA,gBAAmC,GAAG;EACjDC,IAAI,EAAE,UAAU;EAChBC,WAAW,EAAE,+BAA+B;EAE5CC,aAAa,EAAGC,OAAyB,IAAK;IAC5C,MAAM;MAAEH,IAAI;MAAEI,cAAc,EAAEC;IAAK,CAAC,GAAGF,OAAO;IAC9C,MAAMG,SAAS,GAAG;MAChBC,YAAY,EAAE,UAAU;MACxBC,OAAO,EAAG,YAAWH,IAAK,cAAaL,IAAK;AAClD;IACI,CAAC;IACD,OAAO,CAACM,SAAS,EAAE,IAAAG,0BAAa,EAACN,OAAO,CAAC,EAAE,IAAAO,8BAAe,EAACP,OAAO,CAAC,EAAE,IAAAQ,gBAAQ,EAACR,OAAO,CAAC,EAAE,IAAAS,gBAAQ,EAACT,OAAO,CAAC,CAAC;EAC5G,CAAC;EACDU,MAAM,EAAE;IACN,qBAAqB,EAAE,CAAC,CAAC;IACzB,mBAAmB,EAAE;MACnBC,GAAG,EAAE;IACP;EACF;AACF,CAAC;AAAC;AAEK,MAAMC,0BAA6C,mCACrDhB,gBAAgB;EACnBC,IAAI,EAAE,oBAAoB;EAC1BgB,MAAM,EAAE;AAAI,EACb;AAAC"}

package/dist/templates/react-context/files/composition.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.compositionFile = void 0;
-
 const compositionFile = context => {
   const {
     name,
@@ -32,7 +31,6 @@ export const BasicThemeUsage = () => {
 `
   };
 };
-
 exports.compositionFile = compositionFile;
 
 //# sourceMappingURL=composition.js.map

package/dist/templates/react-context/files/composition.js.map

@@ -1 +1 @@
-{"version":3,"names":["compositionFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["composition.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const compositionFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}-context.composition.tsx`,\n    content: `import React, { useContext } from 'react';\nimport { ${Name}Provider } from './${name}-context-provider';\nimport { ${Name}Context } from './${name}-context';\n\nexport function MockComponent() {\n  const theme = useContext(${Name}Context);\n\n  return <div style={{ color: theme.color }}>this should be {theme.color}</div>;\n}\n\nexport const BasicThemeUsage = () => {\n  return (\n    <${Name}Provider color=\"blue\">\n      <MockComponent />\n    </${Name}Provider>\n  );\n};\n`,\n  };\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,eAAe,GAAIC,OAAD,IAA+B;EAC5D,MAAM;IAAEC,IAAF;IAAQC,cAAc,EAAEC;EAAxB,IAAiCH,OAAvC;EAEA,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,0BADjB;IAELI,OAAO,EAAG;AACd,WAAWF,IAAK,sBAAqBF,IAAK;AAC1C,WAAWE,IAAK,qBAAoBF,IAAK;AACzC;AACA;AACA,6BAA6BE,IAAK;AAClC;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,IAAK;AACZ;AACA,QAAQA,IAAK;AACb;AACA;AACA;EAnBS,CAAP;AAqBD,CAxBM"}
+{"version":3,"names":["compositionFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["composition.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const compositionFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}-context.composition.tsx`,\n    content: `import React, { useContext } from 'react';\nimport { ${Name}Provider } from './${name}-context-provider';\nimport { ${Name}Context } from './${name}-context';\n\nexport function MockComponent() {\n  const theme = useContext(${Name}Context);\n\n  return <div style={{ color: theme.color }}>this should be {theme.color}</div>;\n}\n\nexport const BasicThemeUsage = () => {\n  return (\n    <${Name}Provider color=\"blue\">\n      <MockComponent />\n    </${Name}Provider>\n  );\n};\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,eAAe,GAAIC,OAAyB,IAAK;EAC5D,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAE9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,0BAAyB;IAC/CI,OAAO,EAAG;AACd,WAAWF,IAAK,sBAAqBF,IAAK;AAC1C,WAAWE,IAAK,qBAAoBF,IAAK;AACzC;AACA;AACA,6BAA6BE,IAAK;AAClC;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,IAAK;AACZ;AACA,QAAQA,IAAK;AACb;AACA;AACA;EACE,CAAC;AACH,CAAC;AAAC"}

package/dist/templates/react-context/files/context-provider.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.contextProviderFile = void 0;
-
 const contextProviderFile = context => {
   const {
     name,
@@ -33,7 +32,6 @@ export function ${Name}Provider({ color, children }: ${Name}ProviderProps) {
 `
   };
 };
-
 exports.contextProviderFile = contextProviderFile;
 
 //# sourceMappingURL=context-provider.js.map

package/dist/templates/react-context/files/context-provider.js.map

@@ -1 +1 @@
-{"version":3,"names":["contextProviderFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["context-provider.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const contextProviderFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n  return {\n    relativePath: `${name}-context-provider.tsx`,\n    content: `import React, { ReactNode } from 'react';\nimport { ${Name}Context } from './${name}-context';\n\nexport type ${Name}ProviderProps = {\n  /**\n   * primary color of theme.\n   */\n  color?: string,\n\n  /**\n   * children to be rendered within this theme.\n   */\n  children: ReactNode\n};\n\nexport function ${Name}Provider({ color, children }: ${Name}ProviderProps) {\n  return <${Name}Context.Provider value={{ color }}>{children}</${Name}Context.Provider>\n}\n`,\n  };\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,mBAAmB,GAAIC,OAAD,IAA+B;EAChE,MAAM;IAAEC,IAAF;IAAQC,cAAc,EAAEC;EAAxB,IAAiCH,OAAvC;EACA,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,uBADjB;IAELI,OAAO,EAAG;AACd,WAAWF,IAAK,qBAAoBF,IAAK;AACzC;AACA,cAAcE,IAAK;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBA,IAAK,iCAAgCA,IAAK;AAC5D,YAAYA,IAAK,kDAAiDA,IAAK;AACvE;AACA;EApBS,CAAP;AAsBD,CAxBM"}
+{"version":3,"names":["contextProviderFile","context","name","namePascalCase","Name","relativePath","content"],"sources":["context-provider.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const contextProviderFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n  return {\n    relativePath: `${name}-context-provider.tsx`,\n    content: `import React, { ReactNode } from 'react';\nimport { ${Name}Context } from './${name}-context';\n\nexport type ${Name}ProviderProps = {\n  /**\n   * primary color of theme.\n   */\n  color?: string,\n\n  /**\n   * children to be rendered within this theme.\n   */\n  children: ReactNode\n};\n\nexport function ${Name}Provider({ color, children }: ${Name}ProviderProps) {\n  return <${Name}Context.Provider value={{ color }}>{children}</${Name}Context.Provider>\n}\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,mBAAmB,GAAIC,OAAyB,IAAK;EAChE,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAC9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,uBAAsB;IAC5CI,OAAO,EAAG;AACd,WAAWF,IAAK,qBAAoBF,IAAK;AACzC;AACA,cAAcE,IAAK;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBA,IAAK,iCAAgCA,IAAK;AAC5D,YAAYA,IAAK,kDAAiDA,IAAK;AACvE;AACA;EACE,CAAC;AACH,CAAC;AAAC"}