@authing/react-ui-components 3.0.2-beta.5 → 3.1.1-rc.1

package/lib/index.min.js.LICENSE.txt

@@ -4,38 +4,6 @@
   http://jedwatson.github.io/classnames
 */
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-/**
- * @license
- * Copyright 2020 Google LLC. All Rights Reserved.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * =============================================================================
- */
-
 /**
  * @license
  * Lodash <https://lodash.com/>

package/package.json

@@ -1,22 +1,17 @@
 {
   "name": "@authing/react-ui-components",
-  "version": "3.0.2-beta.5",
-  "framework": "React",
+  "version": "3.1.1-rc.1",
   "private": false,
   "main": "lib/index.min.js",
   "typings": "lib/index.d.ts",
   "dependencies": {
     "antd": "^4.8.0",
-    "authing-js-sdk": "4.22.26-alpha.2",
-    "face-api.js": "^0.22.2",
-    "global": "^4.4.0",
-    "qs": "^6.9.4",
-    "react-use": "^17.3.1"
+    "authing-js-sdk": "4.23.1",
+    "qs": "^6.9.4"
   },
-  "types": "react-app-env.d.ts",
   "peerDependencies": {
-    "react": "16.14.0",
-    "react-dom": "16.14.0"
+    "react": "^15.0.1 || ^16.0.0 || ^17.0.0",
+    "react-dom": "^15.0.1 || ^16.0.0 || ^17.0.0"
   },
   "scripts": {
     "start": "PORT=3006 node scripts/start.js",
@@ -48,21 +43,21 @@
   },
   "jest": {
     "roots": [
-      "<rootDir>/components"
+      "<rootDir>/src"
     ],
     "collectCoverageFrom": [
-      "components/**/*.{js,jsx,ts,tsx}",
-      "!components/**/*.d.ts"
+      "src/**/*.{js,jsx,ts,tsx}",
+      "!src/**/*.d.ts"
     ],
     "setupFiles": [
       "react-app-polyfill/jsdom"
     ],
     "setupFilesAfterEnv": [
-      "<rootDir>/components/setupTests.ts"
+      "<rootDir>/src/setupTests.ts"
     ],
     "testMatch": [
-      "<rootDir>/components/**/__tests__/**/*.{js,jsx,ts,tsx}",
-      "<rootDir>/components/**/*.{spec,test}.{js,jsx,ts,tsx}"
+      "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
+      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
     ],
     "testEnvironment": "jsdom",
     "testRunner": "/Users/lixpng/workspace/authing/ui-components/packages/react-components/node_modules/jest-circus/runner.js",
@@ -112,7 +107,6 @@
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
     "@types/jest": "^26.0.15",
-    "@types/lodash": "^4.14.175",
     "@types/node": "^12.0.0",
     "@types/qs": "^6.9.5",
     "@types/react": "^16.9.53",
@@ -178,7 +172,6 @@
     "resolve-url-loader": "^3.1.2",
     "sass-loader": "8.0.2",
     "semver": "7.3.2",
-    "shelljs": "^0.8.4",
     "shortid": "^2.2.16",
     "style-loader": "1.3.0",
     "terser-webpack-plugin": "4.2.3",
@@ -191,5 +184,6 @@
     "webpack-dev-server": "3.11.0",
     "webpack-manifest-plugin": "2.2.0",
     "workbox-webpack-plugin": "5.1.4"
-  }
-}
+  },
+  "gitHead": "0c3f236e7f360ef32673df7f73de8129bf89281e"
+}

package/scripts/build.js

@@ -1,171 +1,175 @@
+'use strict';
+
 // Do this as the first thing so that any code reading it knows the right env.
-process.env.BABEL_ENV = 'production'
-process.env.NODE_ENV = 'production'
+process.env.BABEL_ENV = 'production';
+process.env.NODE_ENV = 'production';
 
 // Makes the script crash on unhandled rejections instead of silently
 // ignoring them. In the future, promise rejections that are not handled will
 // terminate the Node.js process with a non-zero exit code.
-process.on('unhandledRejection', (err) => {
-  throw err
-})
+process.on('unhandledRejection', err => {
+  throw err;
+});
 
 // Ensure environment variables are read.
-require('../config/env')
-
-const path = require('path')
-const chalk = require('react-dev-utils/chalk')
-const fs = require('fs-extra')
-const bfj = require('bfj')
-const webpack = require('webpack')
-const configFactory = require('../config/webpack.config')
-const paths = require('../config/paths')
-const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles')
-const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages')
-const printHostingInstructions = require('react-dev-utils/printHostingInstructions')
-const FileSizeReporter = require('react-dev-utils/FileSizeReporter')
-const printBuildError = require('react-dev-utils/printBuildError')
-
-const measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild
-const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild
-const useYarn = fs.existsSync(paths.yarnLockFile)
+require('../config/env');
+
+
+const path = require('path');
+const chalk = require('react-dev-utils/chalk');
+const fs = require('fs-extra');
+const bfj = require('bfj');
+const webpack = require('webpack');
+const configFactory = require('../config/webpack.config');
+const paths = require('../config/paths');
+const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
+const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
+const printHostingInstructions = require('react-dev-utils/printHostingInstructions');
+const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
+const printBuildError = require('react-dev-utils/printBuildError');
+
+const measureFileSizesBeforeBuild =
+  FileSizeReporter.measureFileSizesBeforeBuild;
+const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;
+const useYarn = fs.existsSync(paths.yarnLockFile);
 
 // These sizes are pretty large. We'll warn for bundles exceeding them.
-const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024
-const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024
+const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
+const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
 
-const isInteractive = process.stdout.isTTY
+const isInteractive = process.stdout.isTTY;
 
 // Warn and crash if required files are missing
 if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
-  process.exit(1)
+  process.exit(1);
 }
 
-const argv = process.argv.slice(2)
-const writeStatsJson = argv.indexOf('--stats') !== -1
+const argv = process.argv.slice(2);
+const writeStatsJson = argv.indexOf('--stats') !== -1;
 
 // Generate configuration
-const config = configFactory('production')
+const config = configFactory('production');
 
 // We require that you explicitly set browsers and do not fall back to
 // browserslist defaults.
-const { checkBrowsers } = require('react-dev-utils/browsersHelper')
+const { checkBrowsers } = require('react-dev-utils/browsersHelper');
 checkBrowsers(paths.appPath, isInteractive)
   .then(() => {
     // First, read the current file sizes in build directory.
     // This lets us display how much they changed later.
-    return measureFileSizesBeforeBuild(paths.appBuild)
+    return measureFileSizesBeforeBuild(paths.appBuild);
   })
-  .then((previousFileSizes) => {
+  .then(previousFileSizes => {
     // Remove all content but keep the directory so that
     // if you're in it, you don't end up in Trash
-    fs.emptyDirSync(paths.appBuild)
+    fs.emptyDirSync(paths.appBuild);
     // Merge with the public folder
-    copyPublicFolder()
+    copyPublicFolder();
     // Start the webpack build
-    return build(previousFileSizes)
+    return build(previousFileSizes);
   })
   .then(
     ({ stats, previousFileSizes, warnings }) => {
       if (warnings.length) {
-        console.log(chalk.yellow('Compiled with warnings.\n'))
-        console.log(warnings.join('\n\n'))
+        console.log(chalk.yellow('Compiled with warnings.\n'));
+        console.log(warnings.join('\n\n'));
         console.log(
           '\nSearch for the ' +
             chalk.underline(chalk.yellow('keywords')) +
             ' to learn more about each warning.'
-        )
+        );
         console.log(
           'To ignore, add ' +
             chalk.cyan('// eslint-disable-next-line') +
             ' to the line before.\n'
-        )
+        );
       } else {
-        console.log(chalk.green('Compiled successfully.\n'))
+        console.log(chalk.green('Compiled successfully.\n'));
       }
 
-      console.log('File sizes after gzip:\n')
+      console.log('File sizes after gzip:\n');
       printFileSizesAfterBuild(
         stats,
         previousFileSizes,
         paths.appBuild,
         WARN_AFTER_BUNDLE_GZIP_SIZE,
         WARN_AFTER_CHUNK_GZIP_SIZE
-      )
-      console.log()
+      );
+      console.log();
 
-      const appPackage = require(paths.appPackageJson)
-      const publicUrl = paths.publicUrlOrPath
-      const publicPath = config.output.publicPath
-      const buildFolder = path.relative(process.cwd(), paths.appBuild)
+      const appPackage = require(paths.appPackageJson);
+      const publicUrl = paths.publicUrlOrPath;
+      const publicPath = config.output.publicPath;
+      const buildFolder = path.relative(process.cwd(), paths.appBuild);
       printHostingInstructions(
         appPackage,
         publicUrl,
         publicPath,
         buildFolder,
         useYarn
-      )
+      );
     },
-    (err) => {
-      const tscCompileOnError = process.env.TSC_COMPILE_ON_ERROR === 'true'
+    err => {
+      const tscCompileOnError = process.env.TSC_COMPILE_ON_ERROR === 'true';
       if (tscCompileOnError) {
         console.log(
           chalk.yellow(
             'Compiled with the following type errors (you may want to check these before deploying your app):\n'
           )
-        )
-        printBuildError(err)
+        );
+        printBuildError(err);
       } else {
-        console.log(chalk.red('Failed to compile.\n'))
-        printBuildError(err)
-        process.exit(1)
+        console.log(chalk.red('Failed to compile.\n'));
+        printBuildError(err);
+        process.exit(1);
       }
     }
   )
-  .catch((err) => {
+  .catch(err => {
     if (err && err.message) {
-      console.log(err.message)
+      console.log(err.message);
     }
-    process.exit(1)
-  })
+    process.exit(1);
+  });
 
 // Create the production build and print the deployment instructions.
 function build(previousFileSizes) {
-  console.log('Creating an optimized production build...')
+  console.log('Creating an optimized production build...');
 
-  const compiler = webpack(config)
+  const compiler = webpack(config);
   return new Promise((resolve, reject) => {
     compiler.run((err, stats) => {
-      let messages
+      let messages;
       if (err) {
         if (!err.message) {
-          return reject(err)
+          return reject(err);
         }
 
-        let errMessage = err.message
+        let errMessage = err.message;
 
         // Add additional information for postcss errors
         if (Object.prototype.hasOwnProperty.call(err, 'postcssNode')) {
           errMessage +=
             '\nCompileError: Begins at CSS selector ' +
-            err['postcssNode'].selector
+            err['postcssNode'].selector;
         }
 
         messages = formatWebpackMessages({
           errors: [errMessage],
           warnings: [],
-        })
+        });
       } else {
         messages = formatWebpackMessages(
           stats.toJson({ all: false, warnings: true, errors: true })
-        )
+        );
       }
       if (messages.errors.length) {
         // Only keep the first error. Others are often indicative
         // of the same problem, but confuse the reader with noise.
         if (messages.errors.length > 1) {
-          messages.errors.length = 1
+          messages.errors.length = 1;
         }
-        return reject(new Error(messages.errors.join('\n\n')))
+        return reject(new Error(messages.errors.join('\n\n')));
       }
       if (
         process.env.CI &&
@@ -178,31 +182,31 @@ function build(previousFileSizes) {
             '\nTreating warnings as errors because process.env.CI = true.\n' +
               'Most CI servers set it automatically.\n'
           )
-        )
-        return reject(new Error(messages.warnings.join('\n\n')))
+        );
+        return reject(new Error(messages.warnings.join('\n\n')));
       }
 
       const resolveArgs = {
         stats,
         previousFileSizes,
         warnings: messages.warnings,
-      }
+      };
 
       if (writeStatsJson) {
         return bfj
           .write(paths.appBuild + '/bundle-stats.json', stats.toJson())
           .then(() => resolve(resolveArgs))
-          .catch((error) => reject(new Error(error)))
+          .catch(error => reject(new Error(error)));
       }
 
-      return resolve(resolveArgs)
-    })
-  })
+      return resolve(resolveArgs);
+    });
+  });
 }
 
 function copyPublicFolder() {
   fs.copySync(paths.appPublic, paths.appBuild, {
     dereference: true,
-    filter: (file) => file !== paths.appHtml,
-  })
+    filter: file => file !== paths.appHtml,
+  });
 }

package/scripts/start.js

@@ -1,49 +1,52 @@
+'use strict';
+
 // Do this as the first thing so that any code reading it knows the right env.
-process.env.BABEL_ENV = 'development'
-process.env.NODE_ENV = 'development'
+process.env.BABEL_ENV = 'development';
+process.env.NODE_ENV = 'development';
 
 // Makes the script crash on unhandled rejections instead of silently
 // ignoring them. In the future, promise rejections that are not handled will
 // terminate the Node.js process with a non-zero exit code.
-process.on('unhandledRejection', (err) => {
-  throw err
-})
+process.on('unhandledRejection', err => {
+  throw err;
+});
 
 // Ensure environment variables are read.
-require('../config/env')
-
-const fs = require('fs')
-const chalk = require('react-dev-utils/chalk')
-const webpack = require('webpack')
-const WebpackDevServer = require('webpack-dev-server')
-const clearConsole = require('react-dev-utils/clearConsole')
-const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles')
+require('../config/env');
+
+
+const fs = require('fs');
+const chalk = require('react-dev-utils/chalk');
+const webpack = require('webpack');
+const WebpackDevServer = require('webpack-dev-server');
+const clearConsole = require('react-dev-utils/clearConsole');
+const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
 const {
   choosePort,
   createCompiler,
   prepareProxy,
   prepareUrls,
-} = require('react-dev-utils/WebpackDevServerUtils')
-const openBrowser = require('react-dev-utils/openBrowser')
-const semver = require('semver')
-const paths = require('../config/paths')
-const configFactory = require('../config/webpack.config')
-const createDevServerConfig = require('../config/webpackDevServer.config')
-const getClientEnvironment = require('../config/env')
-const react = require(require.resolve('react', { paths: [paths.appPath] }))
-
-const env = getClientEnvironment(paths.publicUrlOrPath.slice(0, -1))
-const useYarn = fs.existsSync(paths.yarnLockFile)
-const isInteractive = process.stdout.isTTY
+} = require('react-dev-utils/WebpackDevServerUtils');
+const openBrowser = require('react-dev-utils/openBrowser');
+const semver = require('semver');
+const paths = require('../config/paths');
+const configFactory = require('../config/webpack.config');
+const createDevServerConfig = require('../config/webpackDevServer.config');
+const getClientEnvironment = require('../config/env');
+const react = require(require.resolve('react', { paths: [paths.appPath] }));
+
+const env = getClientEnvironment(paths.publicUrlOrPath.slice(0, -1));
+const useYarn = fs.existsSync(paths.yarnLockFile);
+const isInteractive = process.stdout.isTTY;
 
 // Warn and crash if required files are missing
 if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
-  process.exit(1)
+  process.exit(1);
 }
 
 // Tools like Cloud9 rely on this.
-const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000
-const HOST = process.env.HOST || '0.0.0.0'
+const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
+const HOST = process.env.HOST || '0.0.0.0';
 
 if (process.env.HOST) {
   console.log(
@@ -52,49 +55,49 @@ if (process.env.HOST) {
         chalk.bold(process.env.HOST)
       )}`
     )
-  )
+  );
   console.log(
     `If this was unintentional, check that you haven't mistakenly set it in your shell.`
-  )
+  );
   console.log(
     `Learn more here: ${chalk.yellow('https://cra.link/advanced-config')}`
-  )
-  console.log()
+  );
+  console.log();
 }
 
 // We require that you explicitly set browsers and do not fall back to
 // browserslist defaults.
-const { checkBrowsers } = require('react-dev-utils/browsersHelper')
+const { checkBrowsers } = require('react-dev-utils/browsersHelper');
 checkBrowsers(paths.appPath, isInteractive)
   .then(() => {
     // We attempt to use the default port but if it is busy, we offer the user to
     // run on a different port. `choosePort()` Promise resolves to the next free port.
-    return choosePort(HOST, DEFAULT_PORT)
+    return choosePort(HOST, DEFAULT_PORT);
   })
-  .then((port) => {
+  .then(port => {
     if (port == null) {
       // We have not found a port.
-      return
+      return;
     }
 
-    const config = configFactory('development')
-    const protocol = process.env.HTTPS === 'true' ? 'https' : 'http'
-    const appName = require(paths.appPackageJson).name
+    const config = configFactory('development');
+    const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
+    const appName = require(paths.appPackageJson).name;
 
-    const useTypeScript = fs.existsSync(paths.appTsConfig)
-    const tscCompileOnError = process.env.TSC_COMPILE_ON_ERROR === 'true'
+    const useTypeScript = fs.existsSync(paths.appTsConfig);
+    const tscCompileOnError = process.env.TSC_COMPILE_ON_ERROR === 'true';
     const urls = prepareUrls(
       protocol,
       HOST,
       port,
       paths.publicUrlOrPath.slice(0, -1)
-    )
+    );
     const devSocket = {
-      warnings: (warnings) =>
+      warnings: warnings =>
         devServer.sockWrite(devServer.sockets, 'warnings', warnings),
-      errors: (errors) =>
+      errors: errors =>
         devServer.sockWrite(devServer.sockets, 'errors', errors),
-    }
+    };
     // Create a webpack compiler that is configured with custom messages.
     const compiler = createCompiler({
       appName,
@@ -105,27 +108,27 @@ checkBrowsers(paths.appPath, isInteractive)
       useTypeScript,
       tscCompileOnError,
       webpack,
-    })
+    });
     // Load proxy config
-    const proxySetting = require(paths.appPackageJson).proxy
+    const proxySetting = require(paths.appPackageJson).proxy;
     const proxyConfig = prepareProxy(
       proxySetting,
       paths.appPublic,
       paths.publicUrlOrPath
-    )
+    );
     // Serve webpack assets generated by the compiler over a web server.
     const serverConfig = createDevServerConfig(
       proxyConfig,
       urls.lanUrlForConfig
-    )
-    const devServer = new WebpackDevServer(compiler, serverConfig)
+    );
+    const devServer = new WebpackDevServer(compiler, serverConfig);
     // Launch WebpackDevServer.
-    devServer.listen(port, HOST, (err) => {
+    devServer.listen(port, HOST, err => {
       if (err) {
-        return console.log(err)
+        return console.log(err);
       }
       if (isInteractive) {
-        clearConsole()
+        clearConsole();
       }
 
       if (env.raw.FAST_REFRESH && semver.lt(react.version, '16.10.0')) {
@@ -133,30 +136,31 @@ checkBrowsers(paths.appPath, isInteractive)
           chalk.yellow(
             `Fast Refresh requires React 16.10 or higher. You are using React ${react.version}.`
           )
-        )
+        );
       }
 
-      console.log(chalk.cyan('Starting the development server...\n'))
-      openBrowser(urls.localUrlForBrowser)
-    })
-    ;['SIGINT', 'SIGTERM'].forEach(function (sig) {
+      console.log(chalk.cyan('Starting the development server...\n'));
+      openBrowser(urls.localUrlForBrowser);
+    });
+
+    ['SIGINT', 'SIGTERM'].forEach(function (sig) {
       process.on(sig, function () {
-        devServer.close()
-        process.exit()
-      })
-    })
+        devServer.close();
+        process.exit();
+      });
+    });
 
     if (process.env.CI !== 'true') {
       // Gracefully exit when stdin ends
       process.stdin.on('end', function () {
-        devServer.close()
-        process.exit()
-      })
+        devServer.close();
+        process.exit();
+      });
     }
   })
-  .catch((err) => {
+  .catch(err => {
     if (err && err.message) {
-      console.log(err.message)
+      console.log(err.message);
     }
-    process.exit(1)
-  })
+    process.exit(1);
+  });