@teambit/react 0.0.700 → 0.0.703

package/dist/jest/jest.config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["jest.config.js"],"names":["module","exports","setupFiles","require","resolve","setupFilesAfterEnv","testEnvironment","transform","transformIgnorePatterns","modulePaths","moduleNameMapper","moduleFileExtensions","testTimeout"],"mappings":";;AAAAA,MAAM,CAACC,OAAP,GAAiB;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACAC,EAAAA,UAAU,EAAE,CAACC,OAAO,CAACC,OAAR,CAAgB,0BAAhB,CAAD,CARG;AASfC,EAAAA,kBAAkB,EAAE,CAACF,OAAO,CAACC,OAAR,CAAgB,iBAAhB,CAAD,CATL;AAUf;AACA;AACA;AACA;AACAE,EAAAA,eAAe,EAAEH,OAAO,CAACC,OAAR,CAAgB,wBAAhB,CAdF;AAefG,EAAAA,SAAS,EAAE;AACT,8BAA0BJ,OAAO,CAACC,OAAR,CAAgB,eAAhB,CADjB;AAET,kBAAcD,OAAO,CAACC,OAAR,CAAgB,oBAAhB,CAFL;AAGT,2CAAuCD,OAAO,CAACC,OAAR,CAAgB,qBAAhB,CAH9B,CAIT;;AAJS,GAfI;AAqBfI,EAAAA,uBAAuB,EAAE,CAAC,iDAAD,EAAoD,iCAApD,CArBV;AAsBfC,EAAAA,WAAW,EAAE,EAtBE;AAuBfC,EAAAA,gBAAgB,EAAE;AAChB,gCAA4BP,OAAO,CAACC,OAAR,CAAgB,oBAAhB,CADZ;AAEhB,sBAAkBD,OAAO,CAACC,OAAR,CAAgB,kBAAhB,CAFF;AAGhB,uCAAmCD,OAAO,CAACC,OAAR,CAAgB,oBAAhB;AAHnB,GAvBH;AA4BfO,EAAAA,oBAAoB,EAAE,CAAC,QAAD,EAAW,IAAX,EAAiB,QAAjB,EAA2B,IAA3B,EAAiC,SAAjC,EAA4C,KAA5C,EAAmD,MAAnD,EAA2D,SAA3D,EAAsE,KAAtE,EAA6E,MAA7E,CA5BP;AA6BfC,EAAAA,WAAW,EAAE,KA7BE,CA6BK;AACpB;;AA9Be,CAAjB","sourcesContent":["module.exports = {\n  // \"roots\": [\n  //   \"<rootDir>/src\"\n  // ],\n  // \"collectCoverageFrom\": [\n  //   \"src/**/*.{js,jsx,ts,tsx}\",\n  //   \"!src/**/*.d.ts\"\n  // ],\n  setupFiles: [require.resolve('react-app-polyfill/jsdom')],\n  setupFilesAfterEnv: [require.resolve('./setupTests.js')],\n  // \"testMatch\": [\n  // \"<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}\",\n  // \"<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}\"\n  // ],\n  testEnvironment: require.resolve('jest-environment-jsdom'),\n  transform: {\n    '^.+\\\\.(js|jsx|ts|tsx)$': require.resolve('./transformer'),\n    '^.+\\\\.css$': require.resolve('./css-transform.js'),\n    '^(?!.*\\\\.(js|jsx|ts|tsx|css|json)$)': require.resolve('./file-transform.js'),\n    // '^(?!.*\\\\.(svg|png|jpg|jpeg|gif|webp|woff|ttf|woff2)$)': require.resolve('./file-transform.js'),\n  },\n  transformIgnorePatterns: ['[/\\\\\\\\]node_modules[/\\\\\\\\].+\\\\.(js|jsx|ts|tsx)$', '^.+\\\\.module\\\\.(css|sass|scss)$'],\n  modulePaths: [],\n  moduleNameMapper: {\n    \"\\\\.(css|less|scss|sass)$\": require.resolve('identity-obj-proxy'),\n    '^react-native$': require.resolve('react-native-web'),\n    '^.+\\\\.module\\\\.(css|sass|scss)$': require.resolve('identity-obj-proxy'),\n  },\n  moduleFileExtensions: ['web.js', 'js', 'web.ts', 'ts', 'web.tsx', 'tsx', 'json', 'web.jsx', 'jsx', 'node'],\n  testTimeout: 30000, // @todo remove this once mocha-tester is ready and aspect-api testing are using it.\n  // watchPlugins: [require.resolve('jest-watch-typeahead/filename'), require.resolve('jest-watch-typeahead/testname')],\n};\n"]}
+{"version":3,"sources":["jest.config.js"],"names":["cjsConfig","require","module","exports"],"mappings":";;AAAA;AACA;AACA;AAEA,MAAMA,SAAS,GAAGC,OAAO,CAAC,mBAAD,CAAzB;;AAEAC,MAAM,CAACC,OAAP,GAAiBH,SAAjB","sourcesContent":["// DEPRECATED\n// This file is here for backward compatibility. not breaking users who used to import this file directly.\n// Please use the specific config file (jest.cjs.config / jest.esm.config) instead\n\nconst cjsConfig = require('./jest.cjs.config');\n\nmodule.exports = cjsConfig;\n"]}

package/dist/jest/jest.esm.config.d.ts

@@ -0,0 +1,21 @@
+export = esmConfig;
+declare const esmConfig: {
+    extensionsToTreatAsEsm: string[];
+    transform: {
+        '^.+\\.(js|jsx|ts|tsx)$': string;
+        '^.+\\.css$': string;
+        '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': string;
+    };
+    setupFiles: string[];
+    setupFilesAfterEnv: string[];
+    testEnvironment: string;
+    transformIgnorePatterns: string[];
+    modulePaths: never[];
+    moduleNameMapper: {
+        '\\.(css|less|scss|sass)$': string;
+        '^react-native$': string;
+        '^.+\\.module\\.(css|sass|scss)$': string;
+    };
+    moduleFileExtensions: string[];
+    testTimeout: number;
+};

package/dist/jest/jest.esm.config.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = 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 baseConfig = require('./jest.base.config');
+
+const esmTransformer = require.resolve('./transformers/esm-transformer.js');
+
+const esmTransform = _objectSpread(_objectSpread({}, baseConfig.transform), {}, {
+  '^.+\\.(js|jsx|ts|tsx)$': esmTransformer
+});
+
+const esmConfig = _objectSpread(_objectSpread({}, baseConfig), {}, {
+  extensionsToTreatAsEsm: ['.ts', '.tsx', '.jsx'],
+  transform: esmTransform
+});
+
+module.exports = esmConfig;
+
+//# sourceMappingURL=jest.esm.config.js.map

package/dist/jest/jest.esm.config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["jest.esm.config.js"],"names":["baseConfig","require","esmTransformer","resolve","esmTransform","transform","esmConfig","extensionsToTreatAsEsm","module","exports"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,MAAMA,UAAU,GAAGC,OAAO,CAAC,oBAAD,CAA1B;;AAEA,MAAMC,cAAc,GAAGD,OAAO,CAACE,OAAR,CAAgB,mCAAhB,CAAvB;;AACA,MAAMC,YAAY,mCAAQJ,UAAU,CAACK,SAAnB;AAA8B,4BAA0BH;AAAxD,EAAlB;;AACA,MAAMI,SAAS,mCAAQN,UAAR;AAAoBO,EAAAA,sBAAsB,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAA5C;AAAqEF,EAAAA,SAAS,EAAED;AAAhF,EAAf;;AAEAI,MAAM,CAACC,OAAP,GAAiBH,SAAjB","sourcesContent":["const baseConfig = require('./jest.base.config');\n\nconst esmTransformer = require.resolve('./transformers/esm-transformer.js');\nconst esmTransform = { ...baseConfig.transform, '^.+\\\\.(js|jsx|ts|tsx)$': esmTransformer };\nconst esmConfig = { ...baseConfig, extensionsToTreatAsEsm: ['.ts', '.tsx', '.jsx'], transform: esmTransform };\n\nmodule.exports = esmConfig;\n"]}

package/dist/jest/setupTests.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/jest/transformers/base-transformer-plugins.d.ts

@@ -0,0 +1 @@
+export const basePlugins: any[][];

package/dist/jest/transformers/base-transformer-plugins.js

@@ -0,0 +1,11 @@
+"use strict";
+
+/* eslint-disable global-require */
+const basePlugins = [[require('babel-plugin-transform-typescript-metadata')], [require('@babel/plugin-proposal-decorators'), {
+  legacy: true
+}], [require('@babel/plugin-transform-runtime')], [require('@babel/plugin-proposal-object-rest-spread')], [require('@babel/plugin-proposal-class-properties')]];
+module.exports = {
+  basePlugins
+};
+
+//# sourceMappingURL=base-transformer-plugins.js.map

package/dist/jest/transformers/base-transformer-plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["base-transformer-plugins.js"],"names":["basePlugins","require","legacy","module","exports"],"mappings":";;AAAA;AAEA,MAAMA,WAAW,GAAG,CAClB,CAACC,OAAO,CAAC,4CAAD,CAAR,CADkB,EAElB,CAACA,OAAO,CAAC,mCAAD,CAAR,EAA+C;AAAEC,EAAAA,MAAM,EAAE;AAAV,CAA/C,CAFkB,EAGlB,CAACD,OAAO,CAAC,iCAAD,CAAR,CAHkB,EAIlB,CAACA,OAAO,CAAC,2CAAD,CAAR,CAJkB,EAKlB,CAACA,OAAO,CAAC,yCAAD,CAAR,CALkB,CAApB;AAQAE,MAAM,CAACC,OAAP,GAAiB;AACfJ,EAAAA;AADe,CAAjB","sourcesContent":["/* eslint-disable global-require */\n\nconst basePlugins = [\n  [require('babel-plugin-transform-typescript-metadata')],\n  [require('@babel/plugin-proposal-decorators'), { legacy: true }],\n  [require('@babel/plugin-transform-runtime')],\n  [require('@babel/plugin-proposal-object-rest-spread')],\n  [require('@babel/plugin-proposal-class-properties')],\n];\n\nmodule.exports = {\n  basePlugins,\n};\n"]}

package/dist/jest/transformers/base-transformer-presets.d.ts

@@ -0,0 +1 @@
+export const basePresets: any[];

package/dist/jest/transformers/base-transformer-presets.js

@@ -0,0 +1,9 @@
+"use strict";
+
+/* eslint-disable global-require */
+const basePresets = [require('@babel/preset-react'), require('@babel/preset-typescript'), require('babel-preset-jest')];
+module.exports = {
+  basePresets
+};
+
+//# sourceMappingURL=base-transformer-presets.js.map

package/dist/jest/transformers/base-transformer-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["base-transformer-presets.js"],"names":["basePresets","require","module","exports"],"mappings":";;AAAA;AAEA,MAAMA,WAAW,GAAG,CAACC,OAAO,CAAC,qBAAD,CAAR,EAAiCA,OAAO,CAAC,0BAAD,CAAxC,EAAsEA,OAAO,CAAC,mBAAD,CAA7E,CAApB;AAEAC,MAAM,CAACC,OAAP,GAAiB;AACfH,EAAAA;AADe,CAAjB","sourcesContent":["/* eslint-disable global-require */\n\nconst basePresets = [require('@babel/preset-react'), require('@babel/preset-typescript'), require('babel-preset-jest')];\n\nmodule.exports = {\n  basePresets,\n};\n"]}

package/dist/jest/transformers/base-transformer-process.d.ts

@@ -0,0 +1 @@
+export function generateProcessFunc(presets: any, plugins: any): (src: any, filename: any) => any;

package/dist/jest/transformers/base-transformer-process.js

@@ -0,0 +1,25 @@
+"use strict";
+
+const {
+  transform
+} = require('@babel/core');
+
+const generateProcessFunc = (presets, plugins) => {
+  return (src, filename) => {
+    const result = transform(src, {
+      sourceMap: 'inline',
+      filename,
+      presets,
+      plugins,
+      babelrc: false,
+      configFile: false
+    });
+    return result ? result.code : src;
+  };
+};
+
+module.exports = {
+  generateProcessFunc
+};
+
+//# sourceMappingURL=base-transformer-process.js.map

package/dist/jest/transformers/base-transformer-process.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["base-transformer-process.js"],"names":["transform","require","generateProcessFunc","presets","plugins","src","filename","result","sourceMap","babelrc","configFile","code","module","exports"],"mappings":";;AAAA,MAAM;AAAEA,EAAAA;AAAF,IAAgBC,OAAO,CAAC,aAAD,CAA7B;;AAEA,MAAMC,mBAAmB,GAAG,CAACC,OAAD,EAAUC,OAAV,KAAsB;AAChD,SAAO,CAACC,GAAD,EAAMC,QAAN,KAAmB;AACxB,UAAMC,MAAM,GAAGP,SAAS,CAACK,GAAD,EAAM;AAC5BG,MAAAA,SAAS,EAAE,QADiB;AAE5BF,MAAAA,QAF4B;AAG5BH,MAAAA,OAH4B;AAI5BC,MAAAA,OAJ4B;AAK5BK,MAAAA,OAAO,EAAE,KALmB;AAM5BC,MAAAA,UAAU,EAAE;AANgB,KAAN,CAAxB;AASA,WAAOH,MAAM,GAAGA,MAAM,CAACI,IAAV,GAAiBN,GAA9B;AACD,GAXD;AAYD,CAbD;;AAeAO,MAAM,CAACC,OAAP,GAAiB;AACfX,EAAAA;AADe,CAAjB","sourcesContent":["const { transform } = require('@babel/core');\n\nconst generateProcessFunc = (presets, plugins) => {\n  return (src, filename) => {\n    const result = transform(src, {\n      sourceMap: 'inline',\n      filename,\n      presets,\n      plugins,\n      babelrc: false,\n      configFile: false,\n    });\n\n    return result ? result.code : src;\n  };\n};\n\nmodule.exports = {\n  generateProcessFunc,\n};\n"]}

package/dist/jest/transformers/cjs-transformer.d.ts

@@ -0,0 +1 @@
+export const process: (src: any, filename: any) => any;

package/dist/jest/transformers/cjs-transformer.js

@@ -0,0 +1,32 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+/* eslint-disable import/order */
+
+/* eslint-disable global-require */
+const {
+  generateProcessFunc
+} = require('./base-transformer-process');
+
+const {
+  basePlugins
+} = require('./base-transformer-plugins');
+
+const {
+  basePresets
+} = require('./base-transformer-presets');
+
+const presets = [...basePresets, [require('@babel/preset-env'), {
+  targets: {
+    node: 12
+  },
+  useBuiltIns: 'usage',
+  corejs: 3
+}]];
+const plugins = [[require('@babel/plugin-transform-modules-commonjs')], ...basePlugins];
+module.exports = {
+  process: generateProcessFunc(presets, plugins)
+};
+
+//# sourceMappingURL=cjs-transformer.js.map

package/dist/jest/transformers/cjs-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["cjs-transformer.js"],"names":["generateProcessFunc","require","basePlugins","basePresets","presets","targets","node","useBuiltIns","corejs","plugins","module","exports","process"],"mappings":";;;;AAAA;;AACA;AACA,MAAM;AAAEA,EAAAA;AAAF,IAA0BC,OAAO,CAAC,4BAAD,CAAvC;;AACA,MAAM;AAAEC,EAAAA;AAAF,IAAkBD,OAAO,CAAC,4BAAD,CAA/B;;AACA,MAAM;AAAEE,EAAAA;AAAF,IAAkBF,OAAO,CAAC,4BAAD,CAA/B;;AAEA,MAAMG,OAAO,GAAG,CACd,GAAGD,WADW,EAEd,CACEF,OAAO,CAAC,mBAAD,CADT,EAEE;AACEI,EAAAA,OAAO,EAAE;AACPC,IAAAA,IAAI,EAAE;AADC,GADX;AAIEC,EAAAA,WAAW,EAAE,OAJf;AAKEC,EAAAA,MAAM,EAAE;AALV,CAFF,CAFc,CAAhB;AAcA,MAAMC,OAAO,GAAG,CAAC,CAACR,OAAO,CAAC,0CAAD,CAAR,CAAD,EAAwD,GAAGC,WAA3D,CAAhB;AAEAQ,MAAM,CAACC,OAAP,GAAiB;AACfC,EAAAA,OAAO,EAAEZ,mBAAmB,CAACI,OAAD,EAAUK,OAAV;AADb,CAAjB","sourcesContent":["/* eslint-disable import/order */\n/* eslint-disable global-require */\nconst { generateProcessFunc } = require('./base-transformer-process');\nconst { basePlugins } = require('./base-transformer-plugins');\nconst { basePresets } = require('./base-transformer-presets');\n\nconst presets = [\n  ...basePresets,\n  [\n    require('@babel/preset-env'),\n    {\n      targets: {\n        node: 12,\n      },\n      useBuiltIns: 'usage',\n      corejs: 3,\n    },\n  ],\n];\n\nconst plugins = [[require('@babel/plugin-transform-modules-commonjs')], ...basePlugins];\n\nmodule.exports = {\n  process: generateProcessFunc(presets, plugins),\n};\n"]}

package/dist/jest/transformers/css-transform.d.ts

@@ -0,0 +1,4 @@
+export function process(): string;
+export function process(): string;
+export function getCacheKey(): string;
+export function getCacheKey(): string;

package/dist/jest/transformers/esm-transformer.d.ts

@@ -0,0 +1 @@
+export const process: (src: any, filename: any) => any;

package/dist/jest/transformers/esm-transformer.js

@@ -0,0 +1,33 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+/* eslint-disable global-require */
+
+/* eslint-disable import/order */
+const {
+  basePlugins
+} = require('./base-transformer-plugins');
+
+const {
+  basePresets
+} = require('./base-transformer-presets');
+
+const {
+  generateProcessFunc
+} = require('./base-transformer-process');
+
+const presets = [...basePresets, [require('@babel/preset-env'), {
+  modules: false,
+  targets: {
+    node: 12
+  },
+  useBuiltIns: 'usage',
+  corejs: 3
+}]];
+const plugins = basePlugins;
+module.exports = {
+  process: generateProcessFunc(presets, plugins)
+};
+
+//# sourceMappingURL=esm-transformer.js.map

package/dist/jest/transformers/esm-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["esm-transformer.js"],"names":["basePlugins","require","basePresets","generateProcessFunc","presets","modules","targets","node","useBuiltIns","corejs","plugins","module","exports","process"],"mappings":";;;;AAAA;;AACA;AAEA,MAAM;AAAEA,EAAAA;AAAF,IAAkBC,OAAO,CAAC,4BAAD,CAA/B;;AACA,MAAM;AAAEC,EAAAA;AAAF,IAAkBD,OAAO,CAAC,4BAAD,CAA/B;;AACA,MAAM;AAAEE,EAAAA;AAAF,IAA0BF,OAAO,CAAC,4BAAD,CAAvC;;AAEA,MAAMG,OAAO,GAAG,CACd,GAAGF,WADW,EAEd,CACED,OAAO,CAAC,mBAAD,CADT,EAEE;AACEI,EAAAA,OAAO,EAAE,KADX;AAEEC,EAAAA,OAAO,EAAE;AACPC,IAAAA,IAAI,EAAE;AADC,GAFX;AAKEC,EAAAA,WAAW,EAAE,OALf;AAMEC,EAAAA,MAAM,EAAE;AANV,CAFF,CAFc,CAAhB;AAeA,MAAMC,OAAO,GAAGV,WAAhB;AAEAW,MAAM,CAACC,OAAP,GAAiB;AACfC,EAAAA,OAAO,EAAEV,mBAAmB,CAACC,OAAD,EAAUM,OAAV;AADb,CAAjB","sourcesContent":["/* eslint-disable global-require */\n/* eslint-disable import/order */\n\nconst { basePlugins } = require('./base-transformer-plugins');\nconst { basePresets } = require('./base-transformer-presets');\nconst { generateProcessFunc } = require('./base-transformer-process');\n\nconst presets = [\n  ...basePresets,\n  [\n    require('@babel/preset-env'),\n    {\n      modules: false,\n      targets: {\n        node: 12,\n      },\n      useBuiltIns: 'usage',\n      corejs: 3,\n    },\n  ],\n];\n\nconst plugins = basePlugins;\n\nmodule.exports = {\n  process: generateProcessFunc(presets, plugins),\n};\n"]}

package/dist/jest/transformers/file-transform.d.ts

@@ -0,0 +1,2 @@
+export function process(src: any, filename: any): string;
+export function process(src: any, filename: any): string;

package/dist/prettier/prettier.config.d.ts

@@ -0,0 +1,3 @@
+export const trailingComma: string;
+export const tabWidth: number;
+export const singleQuote: boolean;

package/dist/react.env.d.ts

@@ -4,7 +4,7 @@ import { Bundler, BundlerContext, DevServer, DevServerContext } from '@teambit/b
 import { CompilerMain } from '@teambit/compiler';
 import { BuilderEnv, CompilerEnv, DependenciesEnv, DevEnv, LinterEnv, PackageEnv, TesterEnv, FormatterEnv, PipeServiceModifier, PipeServiceModifiersMap } from '@teambit/envs';
 import { JestMain } from '@teambit/jest';
-import { PkgMain } from '@teambit/pkg';
+import { PackageJsonProps, PkgMain } from '@teambit/pkg';
 import { Tester, TesterMain } from '@teambit/tester';
 import { TsConfigTransformer, TypescriptMain } from '@teambit/typescript';
 import { WebpackConfigTransformer, WebpackMain } from '@teambit/webpack';
@@ -16,6 +16,7 @@ import { Formatter, FormatterContext } from '@teambit/formatter';
 import { SchemaExtractor } from '@teambit/schema';
 import { ReactMainConfig } from './react.main.runtime';
 export declare const ReactEnvType = "react";
+declare type CompilerMode = 'build' | 'dev';
 declare type GetBuildPipeModifiers = PipeServiceModifiersMap & {
     tsModifier?: PipeServiceModifier;
 };
@@ -30,7 +31,7 @@ export declare class ReactEnv implements TesterEnv, CompilerEnv, LinterEnv, DevE
     /**
      * typescript extension.
      */
-    private tsAspect;
+    protected tsAspect: TypescriptMain;
     /**
      * compiler extension.
      */
@@ -54,6 +55,7 @@ export declare class ReactEnv implements TesterEnv, CompilerEnv, LinterEnv, DevE
     private config;
     private eslint;
     private prettier;
+    private compilerAspectId;
     constructor(
     /**
      * jest extension
@@ -82,15 +84,44 @@ export declare class ReactEnv implements TesterEnv, CompilerEnv, LinterEnv, DevE
     /**
      * tester extension
      */
-    tester: TesterMain, config: ReactMainConfig, eslint: ESLintMain, prettier: PrettierMain);
+    tester: TesterMain, config: ReactMainConfig, eslint: ESLintMain, prettier: PrettierMain, compilerAspectId: string);
     getTsConfig(targetTsConfig?: TsConfigSourceFile): TsConfigSourceFile;
     getBuildTsConfig(targetTsConfig?: TsConfigSourceFile): TsConfigSourceFile;
+    /**
+     * Get a jest tester instance with react config and cjs configs
+     * @param jestConfigPath
+     * @param jestModulePath
+     * @returns
+     */
+    getCjsJestTester(jestConfigPath?: string, jestModulePath?: string): Tester;
+    /**
+     * Get a jest tester instance with react config and esm configs
+     * @param jestConfigPath
+     * @param jestModulePath
+     * @returns
+     */
+    getEsmJestTester(jestConfigPath?: string, jestModulePath?: string): Tester;
     /**
      * returns a component tester.
      */
     getTester(jestConfigPath: string, jestModulePath?: string): Tester;
     private getTsCompilerOptions;
-    private getTsCompiler;
+    /**
+     * Get a compiler instance with react config and set it to cjs module
+     * @param mode
+     * @param transformers
+     * @param tsModule
+     * @returns
+     */
+    getTsCjsCompiler(mode?: CompilerMode, transformers?: TsConfigTransformer[], tsModule?: typeof ts): import("@teambit/compiler").Compiler;
+    /**
+     * Get a compiler instance with react config and set it to esm module
+     * @param mode
+     * @param transformers
+     * @param tsModule
+     * @returns
+     */
+    getTsEsmCompiler(mode?: CompilerMode, transformers?: TsConfigTransformer[], tsModule?: typeof ts): import("@teambit/compiler").Compiler;
     getCompiler(transformers?: TsConfigTransformer[], tsModule?: typeof ts): import("@teambit/compiler").Compiler;
     /**
      * returns and configures the component linter.
@@ -140,7 +171,17 @@ export declare class ReactEnv implements TesterEnv, CompilerEnv, LinterEnv, DevE
     /**
      * define the package json properties to add to each component.
      */
-    getPackageJsonProps(): import("@teambit/pkg").PackageJsonProps;
+    getPackageJsonProps(): PackageJsonProps;
+    /**
+     * Get the default package.json props for a cjs component
+     * @returns
+     */
+    getCjsPackageJsonProps(): PackageJsonProps;
+    /**
+     * Get the default package.json props for an esm component
+     * @returns
+     */
+    getEsmPackageJsonProps(): PackageJsonProps;
     getNpmIgnore(): string[];
     /**
      * adds dependencies to all configured components.
@@ -171,6 +212,26 @@ export declare class ReactEnv implements TesterEnv, CompilerEnv, LinterEnv, DevE
      * returns the component build pipeline.
      */
     getBuildPipe(modifiers?: GetBuildPipeModifiers): BuildTask[];
+    /**
+     * Get the react build pipeline without the compilation task.
+     * This help in cases you want to only replace the compilation task with something else
+     * @returns
+     */
+    getBuildPipeWithoutCompiler(): BuildTask[];
+    /**
+     * Get a compiler task with react config and set to esm module
+     * @param transformers
+     * @param tsModule
+     * @returns
+     */
+    getEsmCompilerTask(transformers?: TsConfigTransformer[], tsModule?: typeof ts): import("@teambit/compiler/compiler.task").CompilerTask;
+    /**
+     * Get a compiler task with react config and set to cjs module
+     * @param transformers
+     * @param tsModule
+     * @returns
+     */
+    getCjsCompilerTask(transformers?: TsConfigTransformer[], tsModule?: typeof ts): import("@teambit/compiler/compiler.task").CompilerTask;
     private getCompilerTask;
     __getDescriptor(): Promise<{
         type: string;

package/dist/react.env.js

@@ -223,7 +223,7 @@ class ReactEnv {
   /**
    * tester extension
    */
-  tester, config, eslint, prettier) {
+  tester, config, eslint, prettier, compilerAspectId) {
     this.jestAspect = jestAspect;
     this.tsAspect = tsAspect;
     this.compiler = compiler;
@@ -234,6 +234,7 @@ class ReactEnv {
     this.config = config;
     this.eslint = eslint;
     this.prettier = prettier;
+    this.compilerAspectId = compilerAspectId;
     (0, _defineProperty2().default)(this, "icon", 'https://static.bit.dev/extensions-icons/react.svg');
   }
 
@@ -245,18 +246,45 @@ class ReactEnv {
     return targetTsConfig ? (0, _lodash().merge)({}, buildTsConfig, targetTsConfig) : buildTsConfig;
   }
   /**
-   * returns a component tester.
+   * Get a jest tester instance with react config and cjs configs
+   * @param jestConfigPath
+   * @param jestModulePath
+   * @returns
    */
 
 
-  getTester(jestConfigPath, jestModulePath) {
-    const config = jestConfigPath || require.resolve('./jest/jest.config');
+  getCjsJestTester(jestConfigPath, jestModulePath) {
+    const pathToSource = (0, _utils().pathNormalizeToLinux)(__dirname).replace('/dist', '');
+    const defaultConfig = (0, _path().join)(pathToSource, './jest/jest.cjs.config.js');
+    const config = jestConfigPath || defaultConfig;
+    return this.jestAspect.createTester(config, jestModulePath || require.resolve('jest'));
+  }
+  /**
+   * Get a jest tester instance with react config and esm configs
+   * @param jestConfigPath
+   * @param jestModulePath
+   * @returns
+   */
+
 
+  getEsmJestTester(jestConfigPath, jestModulePath) {
+    const pathToSource = (0, _utils().pathNormalizeToLinux)(__dirname).replace('/dist', '');
+    const defaultConfig = (0, _path().join)(pathToSource, './jest/jest.esm.config.js');
+    const config = jestConfigPath || defaultConfig;
     return this.jestAspect.createTester(config, jestModulePath || require.resolve('jest'));
   }
+  /**
+   * returns a component tester.
+   */
+
+
+  getTester(jestConfigPath, jestModulePath) {
+    // return this.getEsmJestTester(jestConfigPath, jestModulePath);
+    return this.getCjsJestTester(jestConfigPath, jestModulePath);
+  }
 
   getTsCompilerOptions(mode = 'dev') {
-    const tsconfig = mode === 'dev' ? defaultTsConfig : buildTsConfig;
+    const tsconfig = mode === 'dev' ? (0, _lodash().cloneDeep)(defaultTsConfig) : (0, _lodash().cloneDeep)(buildTsConfig);
     const pathToSource = (0, _utils().pathNormalizeToLinux)(__dirname).replace('/dist/', '/src/');
     const compileJs = true;
     const compileJsx = true;
@@ -268,14 +296,36 @@ class ReactEnv {
       compileJsx
     };
   }
+  /**
+   * Get a compiler instance with react config and set it to cjs module
+   * @param mode
+   * @param transformers
+   * @param tsModule
+   * @returns
+   */
+
 
-  getTsCompiler(mode = 'dev', transformers = [], tsModule = _typescript().default) {
+  getTsCjsCompiler(mode = 'dev', transformers = [], tsModule = _typescript().default) {
     const tsCompileOptions = this.getTsCompilerOptions(mode);
-    return this.tsAspect.createCompiler(tsCompileOptions, transformers, tsModule);
+    return this.tsAspect.createCjsCompiler(tsCompileOptions, transformers, tsModule);
+  }
+  /**
+   * Get a compiler instance with react config and set it to esm module
+   * @param mode
+   * @param transformers
+   * @param tsModule
+   * @returns
+   */
+
+
+  getTsEsmCompiler(mode = 'dev', transformers = [], tsModule = _typescript().default) {
+    const tsCompileOptions = this.getTsCompilerOptions(mode);
+    return this.tsAspect.createEsmCompiler(tsCompileOptions, transformers, tsModule);
   }
 
   getCompiler(transformers = [], tsModule = _typescript().default) {
-    return this.getTsCompiler('dev', transformers, tsModule);
+    // return this.getTsEsmCompiler('dev', transformers, tsModule);
+    return this.getTsCjsCompiler('dev', transformers, tsModule);
   }
   /**
    * returns and configures the component linter.
@@ -443,7 +493,27 @@ class ReactEnv {
 
 
   getPackageJsonProps() {
-    return this.tsAspect.getPackageJsonProps();
+    // React compile by default to esm, so uses type module
+    // return this.getEsmPackageJsonProps();
+    return this.getCjsPackageJsonProps();
+  }
+  /**
+   * Get the default package.json props for a cjs component
+   * @returns
+   */
+
+
+  getCjsPackageJsonProps() {
+    return this.tsAspect.getCjsPackageJsonProps();
+  }
+  /**
+   * Get the default package.json props for an esm component
+   * @returns
+   */
+
+
+  getEsmPackageJsonProps() {
+    return this.tsAspect.getEsmPackageJsonProps();
   }
 
   getNpmIgnore() {
@@ -494,12 +564,46 @@ class ReactEnv {
     const transformers = (modifiers === null || modifiers === void 0 ? void 0 : (_modifiers$tsModifier = modifiers.tsModifier) === null || _modifiers$tsModifier === void 0 ? void 0 : _modifiers$tsModifier.transformers) || [];
     return [this.getCompilerTask(transformers, (modifiers === null || modifiers === void 0 ? void 0 : (_modifiers$tsModifier2 = modifiers.tsModifier) === null || _modifiers$tsModifier2 === void 0 ? void 0 : _modifiers$tsModifier2.module) || _typescript().default), this.tester.task];
   }
+  /**
+   * Get the react build pipeline without the compilation task.
+   * This help in cases you want to only replace the compilation task with something else
+   * @returns
+   */
 
-  getCompilerTask(transformers = [], tsModule = _typescript().default) {
-    const tsCompiler = this.getTsCompiler('build', transformers, tsModule);
+
+  getBuildPipeWithoutCompiler() {
+    const pipeWithoutCompiler = this.getBuildPipe().filter(task => task.aspectId !== this.compilerAspectId);
+    return pipeWithoutCompiler;
+  }
+  /**
+   * Get a compiler task with react config and set to esm module
+   * @param transformers
+   * @param tsModule
+   * @returns
+   */
+
+
+  getEsmCompilerTask(transformers = [], tsModule = _typescript().default) {
+    const tsCompiler = this.getTsEsmCompiler('build', transformers, tsModule);
+    return this.compiler.createTask('TSCompiler', tsCompiler);
+  }
+  /**
+   * Get a compiler task with react config and set to cjs module
+   * @param transformers
+   * @param tsModule
+   * @returns
+   */
+
+
+  getCjsCompilerTask(transformers = [], tsModule = _typescript().default) {
+    const tsCompiler = this.getTsCjsCompiler('build', transformers, tsModule);
     return this.compiler.createTask('TSCompiler', tsCompiler);
   }
 
+  getCompilerTask(transformers = [], tsModule = _typescript().default) {
+    return this.getCjsCompilerTask(transformers, tsModule);
+  }
+
   async __getDescriptor() {
     return {
       type: ReactEnvType