@bryntum/babel-preset-react-app 7.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2013-present, Facebook, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README-bryntum.md

@@ -0,0 +1,46 @@
+# @bryntum/babel-preset-react-app
+This repo is part of `create-react-app` fork localed at https://github.com/bryntum/create-react-app/tree/master/packages/babel-preset-react-app.
+
+# Bryntum Repository access setup
+
+This npm package requires access to Bryntum private NPM repository.
+You must be logged-in to this repository as a licensed or trial user to access it.
+Please check [Online npm repository guide](https://bryntum.com/products/grid/docs/guide/Grid/npm-repository) for 
+detailed information on the sign-up/login process.
+
+# React demo performance
+
+Bryntum React demo applications use CRA scripts for project compilation.
+CRA by default use `@babel/plugin-transform-runtime` plugin to transpile application's *.js library dependencies.
+This finally affects on built React application performance which is seriously degraded when used with Bryntum library where async function generators are widely used.
+
+# Workaround
+
+CRA has no build-in config options which allow to disable this behavior.
+We have created our fork for CRA to fix this issue and disable unwanted library transpilation.
+`dependencies.js` contains patched copy of original presets with disabled preset plugins.
+
+# Browser compatibility notice
+
+React application which is build with this preset patch will be incompatible with IE11 or non-chromium legacy Edge.
+
+# Links 
+
+Original CRA scripts 
+https://github.com/facebook/create-react-app
+
+Alternatives to Ejecting
+https://create-react-app.dev/docs/alternatives-to-ejecting/
+
+Customizing create-react-app: How to Make Your Own Template
+https://auth0.com/blog/how-to-configure-create-react-app/
+
+# Online References
+
+* [React Framework](https://github.com/facebook/create-react-app)
+* [Bryntum React integration guide](https://bryntum.com/products/grid/docs/guide/Grid/integration/react)
+* [Bryntum Grid documentation](https://bryntum.com/products/grid/docs/)
+* [Bryntum Grid examples](https://bryntum.com/products/grid/examples/)
+* [Bryntum npm repository guide](https://bryntum.com/products/grid/docs/guide/Grid/npm-repository)
+* [Bryntum support Forum](https://forum.bryntum.com/)
+* [Contacts us](https://bryntum.com/contact/)

package/README.md

@@ -0,0 +1,63 @@
+# babel-preset-react-app
+
+This package includes the Babel preset used by [Create React App](https://github.com/facebook/create-react-app).<br>
+Please refer to its documentation:
+
+- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
+- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
+
+## Usage in Create React App Projects
+
+The easiest way to use this configuration is with [Create React App](https://github.com/facebook/create-react-app), which includes it by default. **You don’t need to install it separately in Create React App projects.**
+
+## Usage Outside of Create React App
+
+If you want to use this Babel preset in a project not built with Create React App, you can install it with the following steps.
+
+First, [install Babel](https://babeljs.io/docs/setup/).
+
+Then install babel-preset-react-app.
+
+```sh
+npm install babel-preset-react-app --save-dev
+```
+
+Then create a file named `.babelrc` with the following contents in the root folder of your project:
+
+```json
+{
+  "presets": ["react-app"]
+}
+```
+
+This preset uses the `useBuiltIns` option with [transform-object-rest-spread](http://babeljs.io/docs/plugins/transform-object-rest-spread/) and [transform-react-jsx](http://babeljs.io/docs/plugins/transform-react-jsx/), which assumes that `Object.assign` is available or polyfilled.
+
+## Usage with Flow
+
+Make sure you have a `.flowconfig` file at the root directory. You can also use the `flow` option on `.babelrc`:
+
+```json
+{
+  "presets": [["react-app", { "flow": true, "typescript": false }]]
+}
+```
+
+## Usage with TypeScript
+
+Make sure you have a `tsconfig.json` file at the root directory. You can also use the `typescript` option on `.babelrc`:
+
+```json
+{
+  "presets": [["react-app", { "flow": false, "typescript": true }]]
+}
+```
+
+## Absolute Runtime Paths
+
+Absolute paths are enabled by default for imports. To use relative paths instead, set the `absoluteRuntime` option in `.babelrc` to `false`:
+```
+
+{
+  "presets": [["react-app", { "absoluteRuntime": false }]]
+}
+```

package/create.js

@@ -0,0 +1,208 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const path = require('path');
+
+const validateBoolOption = (name, value, defaultValue) => {
+    if (typeof value === 'undefined') {
+        value = defaultValue;
+    }
+
+    if (typeof value !== 'boolean') {
+        throw new Error(`Preset react-app: '${name}' option must be a boolean.`);
+    }
+
+    return value;
+};
+
+module.exports = function(api, opts, env) {
+    if (!opts) {
+        opts = {};
+    }
+
+    const isEnvDevelopment = env === 'development';
+    const isEnvProduction = env === 'production';
+    const isEnvTest = env === 'test';
+
+    const useESModules = validateBoolOption(
+        'useESModules',
+        opts.useESModules,
+        isEnvDevelopment || isEnvProduction
+    );
+    const isFlowEnabled = validateBoolOption('flow', opts.flow, true);
+    const isTypeScriptEnabled = validateBoolOption(
+        'typescript',
+        opts.typescript,
+        true
+    );
+    const areHelpersEnabled = validateBoolOption('helpers', opts.helpers, true);
+    const useAbsoluteRuntime = validateBoolOption(
+        'absoluteRuntime',
+        opts.absoluteRuntime,
+        true
+    );
+
+    let absoluteRuntimePath;
+    if (useAbsoluteRuntime) {
+        absoluteRuntimePath = path.dirname(
+            require.resolve('@babel/runtime/package.json')
+        );
+    }
+
+    if (!isEnvDevelopment && !isEnvProduction && !isEnvTest) {
+        throw new Error(
+            'Using `babel-preset-react-app` requires that you specify `NODE_ENV` or ' +
+        '`BABEL_ENV` environment variables. Valid values are "development", ' +
+        '"test", and "production". Instead, received: ' +
+        JSON.stringify(env) +
+        '.'
+        );
+    }
+
+    return {
+        presets : [
+            isEnvTest && [
+                // ES features necessary for user's Node version
+                require('@babel/preset-env').default,
+                {
+                    targets : {
+                        node : 'current'
+                    }
+                }
+            ],
+            (isEnvProduction || isEnvDevelopment) && [
+                // Latest stable ECMAScript features
+                require('@babel/preset-env').default,
+                {
+                    // Allow importing core-js in entrypoint and use browserlist to select polyfills
+                    useBuiltIns : 'entry',
+                    // Set the corejs version we are using to avoid warnings in console
+                    corejs      : 3,
+                    // Exclude transforms that make all code slower
+                    exclude     : ['transform-typeof-symbol']
+                }
+            ],
+            [
+                require('@babel/preset-react').default,
+                {
+                    // Adds component stack to warning messages
+                    // Adds __self attribute to JSX which React will use for some warnings
+                    development : isEnvDevelopment || isEnvTest,
+                    // Will use the native built-in instead of trying to polyfill
+                    // behavior for any plugins that require one.
+                    ...(opts.runtime !== 'automatic' ? { useBuiltIns : true } : {}),
+                    runtime     : opts.runtime || 'classic'
+                }
+            ],
+            isTypeScriptEnabled && [require('@babel/preset-typescript').default]
+        ].filter(Boolean),
+        plugins : [
+            // Strip flow types before any other transform, emulating the behavior
+            // order as-if the browser supported all of the succeeding features
+            // https://github.com/facebook/create-react-app/pull/5182
+            // We will conditionally enable this plugin below in overrides as it clashes with
+            // @babel/plugin-proposal-decorators when using TypeScript.
+            // https://github.com/facebook/create-react-app/issues/5741
+            isFlowEnabled && [
+                require('@babel/plugin-transform-flow-strip-types').default,
+                false
+            ],
+            // Experimental macros support. Will be documented after it's had some time
+            // in the wild.
+            require('babel-plugin-macros'),
+            // Disabled as it's handled automatically by preset-env, and `selectiveLoose` isn't
+            // yet merged into babel: https://github.com/babel/babel/pull/9486
+            // Related: https://github.com/facebook/create-react-app/pull/8215
+            // [
+            //   require('@babel/plugin-transform-destructuring').default,
+            //   {
+            //     // Use loose mode for performance:
+            //     // https://github.com/facebook/create-react-app/issues/5602
+            //     loose: false,
+            //     selectiveLoose: [
+            //       'useState',
+            //       'useEffect',
+            //       'useContext',
+            //       'useReducer',
+            //       'useCallback',
+            //       'useMemo',
+            //       'useRef',
+            //       'useImperativeHandle',
+            //       'useLayoutEffect',
+            //       'useDebugValue',
+            //     ],
+            //   },
+            // ],
+            // Turn on legacy decorators for TypeScript files
+            isTypeScriptEnabled && [
+                require('@babel/plugin-proposal-decorators').default,
+                false
+            ],
+            // class { handleClick = () => { } }
+            // Enable loose mode to use assignment instead of defineProperty
+            // See discussion in https://github.com/facebook/create-react-app/issues/4263
+            [
+                require('@babel/plugin-proposal-class-properties').default,
+                {
+                    loose : true
+                }
+            ],
+            // Adds Numeric Separators
+            require('@babel/plugin-proposal-numeric-separator').default,
+            // Polyfills the runtime needed for async/await, generators, and friends
+            // https://babeljs.io/docs/en/babel-plugin-transform-runtime
+            [
+                require('@babel/plugin-transform-runtime').default,
+                {
+                    corejs          : false,
+                    helpers         : areHelpersEnabled,
+                    // By default, babel assumes babel/runtime version 7.0.0-beta.0,
+                    // explicitly resolving to match the provided helper functions.
+                    // https://github.com/babel/babel/issues/10261
+                    version         : require('@babel/runtime/package.json').version,
+                    regenerator     : true,
+                    // https://babeljs.io/docs/en/babel-plugin-transform-runtime#useesmodules
+                    // We should turn this on once the lowest version of Node LTS
+                    // supports ES Modules.
+                    useESModules,
+                    // Undocumented option that lets us encapsulate our runtime, ensuring
+                    // the correct version is used
+                    // https://github.com/babel/babel/blob/090c364a90fe73d36a30707fc612ce037bdbbb24/packages/babel-plugin-transform-runtime/src/index.js#L35-L42
+                    absoluteRuntime : absoluteRuntimePath
+                }
+            ],
+            isEnvProduction && [
+                // Remove PropTypes from production build
+                require('babel-plugin-transform-react-remove-prop-types').default,
+                {
+                    removeImport : true
+                }
+            ],
+            // Optional chaining and nullish coalescing are supported in @babel/preset-env,
+            // but not yet supported in webpack due to support missing from acorn.
+            // These can be removed once webpack has support.
+            // See https://github.com/facebook/create-react-app/issues/8445#issuecomment-588512250
+            require('@babel/plugin-proposal-optional-chaining').default,
+            require('@babel/plugin-proposal-nullish-coalescing-operator').default
+        ].filter(Boolean),
+        overrides : [
+            isFlowEnabled && {
+                exclude : /\.tsx?$/,
+                plugins : [require('@babel/plugin-transform-flow-strip-types').default]
+            },
+            isTypeScriptEnabled && {
+                test    : /\.tsx?$/,
+                plugins : [
+                    [
+                        require('@babel/plugin-proposal-decorators').default,
+                        { legacy : true }
+                    ]
+                ]
+            }
+        ].filter(Boolean)
+    };
+};

package/dependencies.js

@@ -0,0 +1,142 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const path = require('path');
+
+const validateBoolOption = (name, value, defaultValue) => {
+    if (typeof value === 'undefined') {
+        value = defaultValue;
+    }
+
+    if (typeof value !== 'boolean') {
+        throw new Error(`Preset react-app: '${name}' option must be a boolean.`);
+    }
+
+    return value;
+};
+
+module.exports = function(api, opts) {
+    if (!opts) {
+        opts = {};
+    }
+
+    // This is similar to how `env` works in Babel:
+    // https://babeljs.io/docs/usage/babelrc/#env-option
+    // We are not using `env` because it’s ignored in versions > babel-core@6.10.4:
+    // https://github.com/babel/babel/issues/4539
+    // https://github.com/facebook/create-react-app/issues/720
+    // It’s also nice that we can enforce `NODE_ENV` being specified.
+    const env = process.env.BABEL_ENV || process.env.NODE_ENV;
+    const isEnvDevelopment = env === 'development';
+    const isEnvProduction = env === 'production';
+    const isEnvTest = env === 'test';
+
+    const areHelpersEnabled = validateBoolOption('helpers', opts.helpers, false);
+    const useAbsoluteRuntime = validateBoolOption(
+        'absoluteRuntime',
+        opts.absoluteRuntime,
+        true
+    );
+
+    let absoluteRuntimePath;
+    if (useAbsoluteRuntime) {
+        absoluteRuntimePath = path.dirname(
+            require.resolve('@babel/runtime/package.json')
+        );
+    }
+
+    if (!isEnvDevelopment && !isEnvProduction && !isEnvTest) {
+        throw new Error(
+            'Using `babel-preset-react-app` requires that you specify `NODE_ENV` or ' +
+        '`BABEL_ENV` environment variables. Valid values are "development", ' +
+        '"test", and "production". Instead, received: ' +
+        JSON.stringify(env) +
+        '.'
+        );
+    }
+
+    return {
+    // Babel assumes ES Modules, which isn't safe until CommonJS
+    // dies. This changes the behavior to assume CommonJS unless
+    // an `import` or `export` is present in the file.
+    // https://github.com/webpack/webpack/issues/4039#issuecomment-419284940
+        sourceType : 'unambiguous',
+        presets    : [
+            isEnvTest && [
+                // ES features necessary for user's Node version
+                require('@babel/preset-env').default,
+                {
+                    targets : {
+                        node : 'current'
+                    },
+                    // Exclude transforms that make all code slower
+                    exclude : ['transform-typeof-symbol']
+                }
+            ],
+            (isEnvProduction || isEnvDevelopment) && [
+                // Latest stable ECMAScript features
+                require('@babel/preset-env').default,
+                {
+                    // Allow importing core-js in entrypoint and use browserlist to select polyfills
+                    useBuiltIns : 'entry',
+                    // Set the corejs version we are using to avoid warnings in console
+                    // This will need to change once we upgrade to corejs@3
+                    corejs      : 3,
+                    // Exclude transforms that make all code slower
+                    exclude     : ['transform-typeof-symbol']
+                }
+            ]
+        ].filter(Boolean),
+        plugins : [
+            // Disabled as it's handled automatically by preset-env, and `selectiveLoose` isn't
+            // yet merged into babel: https://github.com/babel/babel/pull/9486
+            // Related: https://github.com/facebook/create-react-app/pull/8215
+            // [
+            //   require('@babel/plugin-transform-destructuring').default,
+            //   {
+            //     // Use loose mode for performance:
+            //     // https://github.com/facebook/create-react-app/issues/5602
+            //     loose: false,
+            //     selectiveLoose: [
+            //       'useState',
+            //       'useEffect',
+            //       'useContext',
+            //       'useReducer',
+            //       'useCallback',
+            //       'useMemo',
+            //       'useRef',
+            //       'useImperativeHandle',
+            //       'useLayoutEffect',
+            //       'useDebugValue',
+            //     ],
+            //   },
+            // ],
+            // Polyfills the runtime needed for async/await, generators, and friends
+            // https://babeljs.io/docs/en/babel-plugin-transform-runtime
+            // [
+            //   require('@babel/plugin-transform-runtime').default,
+            //   {
+            //     corejs: false,
+            //     helpers: areHelpersEnabled,
+            //     // By default, babel assumes babel/runtime version 7.0.0-beta.0,
+            //     // explicitly resolving to match the provided helper functions.
+            //     // https://github.com/babel/babel/issues/10261
+            //     version: require('@babel/runtime/package.json').version,
+            //     regenerator: true,
+            //     // https://babeljs.io/docs/en/babel-plugin-transform-runtime#useesmodules
+            //     // We should turn this on once the lowest version of Node LTS
+            //     // supports ES Modules.
+            //     useESModules: isEnvDevelopment || isEnvProduction,
+            //     // Undocumented option that lets us encapsulate our runtime, ensuring
+            //     // the correct version is used
+            //     // https://github.com/babel/babel/blob/090c364a90fe73d36a30707fc612ce037bdbbb24/packages/babel-plugin-transform-runtime/src/index.js#L35-L42
+            //     absoluteRuntime: absoluteRuntimePath,
+            //   },
+            // ],
+        ].filter(Boolean)
+    };
+};

package/dev.js

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const create = require('./create');
+
+module.exports = function(api, opts) {
+    return create(api, Object.assign({ helpers : false }, opts), 'development');
+};

package/index.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const create = require('./create');
+
+module.exports = function(api, opts) {
+    // This is similar to how `env` works in Babel:
+    // https://babeljs.io/docs/usage/babelrc/#env-option
+    // We are not using `env` because it’s ignored in versions > babel-core@6.10.4:
+    // https://github.com/babel/babel/issues/4539
+    // https://github.com/facebook/create-react-app/issues/720
+    // It’s also nice that we can enforce `NODE_ENV` being specified.
+    const env = process.env.BABEL_ENV || process.env.NODE_ENV;
+    return create(api, opts, env);
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@bryntum/babel-preset-react-app",
+  "version": "7.1.1",
+  "description": "Babel preset used by Create React App. Patched for Bryntum products",
+  "author": {
+    "name": "Bryntum",
+    "url": "https://bryntum.com",
+    "email": "info@bryntum.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://npm.bryntum.com/@bryntum/babel-preset-react-app.git"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/facebook/create-react-app/issues"
+  },
+  "files": [
+    "readme-bryntum.md",
+    "create.js",
+    "dependencies.js",
+    "dev.js",
+    "index.js",
+    "webpack-overrides.js",
+    "prod.js",
+    "test.js"
+  ],
+  "dependencies": {
+    "@babel/core": "7.12.3",
+    "@babel/plugin-proposal-class-properties": "7.12.1",
+    "@babel/plugin-proposal-decorators": "7.12.1",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.12.1",
+    "@babel/plugin-proposal-numeric-separator": "7.12.1",
+    "@babel/plugin-proposal-optional-chaining": "7.12.1",
+    "@babel/plugin-transform-flow-strip-types": "7.12.1",
+    "@babel/plugin-transform-react-display-name": "7.12.1",
+    "@babel/plugin-transform-runtime": "7.12.1",
+    "@babel/preset-env": "7.12.1",
+    "@babel/preset-react": "7.12.1",
+    "@babel/preset-typescript": "7.12.1",
+    "@babel/runtime": "7.12.1",
+    "babel-plugin-macros": "2.8.0",
+    "babel-plugin-transform-react-remove-prop-types": "0.4.24"
+  }
+}

package/prod.js

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const create = require('./create');
+
+module.exports = function(api, opts) {
+    return create(api, Object.assign({ helpers : false }, opts), 'production');
+};

package/test.js

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const create = require('./create');
+
+module.exports = function(api, opts) {
+    return create(api, Object.assign({ helpers : false }, opts), 'test');
+};

package/webpack-overrides.js

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const crypto = require('crypto');
+
+const macroCheck = new RegExp('[./]macro');
+
+module.exports = function() {
+    return {
+    // This function transforms the Babel configuration on a per-file basis
+        config(config, { source }) {
+            // Babel Macros are notoriously hard to cache, so they shouldn't be
+            // https://github.com/babel/babel/issues/8497
+            // We naively detect macros using their package suffix and add a random token
+            // to the caller, a valid option accepted by Babel, to compose a one-time
+            // cacheIdentifier for the file. We cannot tune the loader options on a per
+            // file basis.
+            if (macroCheck.test(source)) {
+                return Object.assign({}, config.options, {
+                    caller : Object.assign({}, config.options.caller, {
+                        craInvalidationToken : crypto.randomBytes(32).toString('hex')
+                    })
+                });
+            }
+            return config.options;
+        }
+    };
+};