Build targeting Jest with relevant transforms

.babelrc-test-env.js

@@ -0,0 +1,9 @@
+module.exports = {
+  "extends": "./.babelrc.js",
+  "plugins": [
+    "@babel/plugin-transform-runtime",
+    "@babel/plugin-transform-async-to-generator",
+    "@babel/plugin-syntax-dynamic-import",
+    "dynamic-import-node"
+  ],
+};

.eslintignore

@@ -2,6 +2,7 @@ dist
 node_modules
 es
 lib
+test-env
 types
 eui.d.ts
 **/*.snap.js

.gitignore

@@ -11,6 +11,7 @@ tmp/
 dist/
 lib/
 es/
+test-env/
 .idea
 .vscode/
 .DS_Store

package.json

@@ -72,6 +72,8 @@
     "@babel/plugin-proposal-class-properties": "^7.8.3",
     "@babel/plugin-proposal-object-rest-spread": "^7.8.3",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-async-to-generator": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.8.3",
     "@babel/preset-env": "^7.8.3",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",

scripts/compile-clean.js

@@ -3,3 +3,4 @@ const rimraf = require('rimraf');
 rimraf.sync('dist');
 rimraf.sync('lib');
 rimraf.sync('es');
+rimraf.sync('test-env');

scripts/compile-eui.js

@@ -3,6 +3,7 @@ const chalk = require('chalk');
 const shell = require('shelljs');
 const path = require('path');
 const glob = require('glob');
+const fs = require('fs');
 const dtsGenerator = require('dts-generator').default;
 
 function compileLib() {
@@ -13,11 +14,12 @@ function compileLib() {
     'lib/test'
   );
 
-  console.log('Compiling src/ to es/ and lib/');
+  console.log('Compiling src/ to es/, lib/, and test-env/');
 
   // Run all code (com|trans)pilation through babel (ESNext JS & TypeScript)
+
   execSync(
-    'babel --quiet --out-dir=es --extensions .js,.ts,.tsx --ignore "**/webpack.config.js,**/*.test.js,**/*.d.ts" src',
+    'babel --quiet --out-dir=es --extensions .js,.ts,.tsx --ignore "**/webpack.config.js,**/*.test.js,**/*.test.ts,**/*.test.tsx,**/*.d.ts,**/*.testenv.js,**/*.testenv.tsx,**/*.testenv.ts" src',
     {
       env: {
         ...process.env,
@@ -26,15 +28,34 @@ function compileLib() {
       },
     }
   );
+
+  execSync(
+    'babel --quiet --out-dir=lib --extensions .js,.ts,.tsx --ignore "**/webpack.config.js,**/*.test.js,**/*.test.ts,**/*.test.tsx,**/*.d.ts,**/*.testenv.js,**/*.testenv.tsx,**/*.testenv.ts" src',
+    {
+      env: {
+        ...process.env,
+        NO_COREJS_POLYFILL: true,
+      },
+    }
+  );
+
   execSync(
-    'babel --quiet --out-dir=lib --extensions .js,.ts,.tsx --ignore "**/webpack.config.js,**/*.test.js,**/*.d.ts" src',
+    'babel --quiet --out-dir=test-env --extensions .js,.ts,.tsx --config-file="./.babelrc-test-env.js" --ignore "**/webpack.config.js,**/*.test.js,**/*.test.ts,**/*.test.tsx,**/*.d.ts" src',
     {
       env: {
         ...process.env,
         NO_COREJS_POLYFILL: true,
       },
     }
   );
+  glob('./test-env/**/*.testenv.js', undefined, (error, files) => {
+    files.forEach(file => {
+      const dir = path.dirname(file);
+      const fileName = path.basename(file, '.js');
+      const targetName = fileName.replace('.testenv', '');
+      fs.renameSync(file, path.join(dir, `${targetName}.js`));
+    });
+  });
 
   console.log(chalk.green('✔ Finished compiling src/'));
 

scripts/dtsgenerator.js

@@ -34,6 +34,8 @@ const generator = dtsGenerator({
     'src-framer/**/*',
     '**/*.test.ts',
     '**/*.test.tsx',
+    '**/*.testenv.ts',
+    '**/*.testenv.tsx',
   ],
   resolveModuleId(params) {
     if (

src/components/date_picker/date_picker_range.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
 import { EuiText } from '../text';
-import { IconPropType, EuiIcon } from '../icon';
+import { EuiIcon } from '../icon';
 
 export const EuiDatePickerRange = ({
   children,
@@ -88,7 +88,10 @@ EuiDatePickerRange.propTypes = {
   /**
    * Pass either an icon type or set to `false` to remove icon entirely
    */
-  iconType: PropTypes.oneOfType([PropTypes.bool, IconPropType]),
+  iconType: PropTypes.oneOfType([
+    PropTypes.bool,
+    PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  ]),
   fullWidth: PropTypes.bool,
   /**
    * Won't apply any additional props to start and end date components

src/components/icon/icon.testenv.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+export const EuiIcon = ({
+  type,
+  className,
+  dataTestSubj,
+  id,
+}: {
+  type: string;
+  className?: string;
+  dataTestSubj?: string;
+  id?: string;
+}) => (
+  <div
+    data-euiicon-type={type}
+    id={id}
+    className={className}
+    data-test-subj={dataTestSubj}
+  />
+);
+
+export const TYPES = [];
+export const COLORS = [];
+export const SIZES = [];

src/components/icon/icon.tsx

@@ -4,7 +4,6 @@ import React, {
   ReactElement,
   SVGAttributes,
 } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
 import { CommonProps, keysOf } from '../common';
@@ -386,11 +385,6 @@ export type EuiIconType = keyof typeof typeToPathMap;
 
 export type IconType = EuiIconType | string | ReactElement;
 
-export const IconPropType = PropTypes.oneOfType([
-  PropTypes.string,
-  PropTypes.node,
-]);
-
 const colorToClassMap = {
   default: null,
   primary: 'euiIcon--primary',

src/components/icon/index.ts

@@ -4,7 +4,6 @@ export {
   IconColor,
   IconSize,
   IconType,
-  IconPropType,
   TYPES as ICON_TYPES,
   SIZES as ICON_SIZES,
   COLORS as ICON_COLORS,

yarn.lock

@@ -752,6 +752,16 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-runtime@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.8.3.tgz#c0153bc0a5375ebc1f1591cb7eea223adea9f169"
+  integrity sha512-/vqUt5Yh+cgPZXXjmaG9NT8aVfThKk7G4OqkVhrXqwsC5soMn/qTCxs36rZ2QFhpfTJcjw4SNDIZ4RUb8OL4jQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.8.3"
+    resolve "^1.8.1"
+    semver "^5.5.1"
+
 "@babel/plugin-transform-shorthand-properties@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.8.3.tgz#28545216e023a832d4d3a1185ed492bcfeac08c8"