@nrwl/react 13.10.0-beta.6 → 13.10.0-beta.9

package/plugins/storybook/index.js

@@ -17,7 +17,7 @@ const babelDefault = () => {
     // Add babel plugin for styled-components or emotion.
     // We don't have a good way to know when a project uses one or the other, so
     // add the plugin only if the other style package isn't used.
-    const packageJson = (0, devkit_1.readJsonFile)((0, path_1.join)(devkit_2.appRootPath, 'package.json'));
+    const packageJson = (0, devkit_1.readJsonFile)((0, path_1.join)(devkit_2.workspaceRoot, 'package.json'));
     const deps = Object.assign(Object.assign({}, packageJson.dependencies), packageJson.devDependencies);
     const hasStyledComponents = !!deps['styled-components'];
     const plugins = [];
@@ -61,7 +61,7 @@ const webpack = (storybookWebpackConfig = {}, options) => tslib_1.__awaiter(void
     // doesn't work with `@emotion/*` >= v11
     // this is a workaround to fix that
     let resolvedEmotionAliases = {};
-    const packageJson = (0, devkit_1.readJsonFile)((0, path_1.join)(devkit_2.appRootPath, 'package.json'));
+    const packageJson = (0, devkit_1.readJsonFile)((0, path_1.join)(devkit_2.workspaceRoot, 'package.json'));
     const deps = Object.assign(Object.assign({}, packageJson.dependencies), packageJson.devDependencies);
     const emotionReactVersion = deps['@emotion/react'];
     if (emotionReactVersion &&
@@ -71,9 +71,9 @@ const webpack = (storybookWebpackConfig = {}, options) => tslib_1.__awaiter(void
             resolvedEmotionAliases = {
                 resolve: {
                     alias: {
-                        '@emotion/core': (0, devkit_1.joinPathFragments)(devkit_2.appRootPath, 'node_modules', '@emotion/react'),
-                        '@emotion/styled': (0, devkit_1.joinPathFragments)(devkit_2.appRootPath, 'node_modules', '@emotion/styled'),
-                        'emotion-theming': (0, devkit_1.joinPathFragments)(devkit_2.appRootPath, 'node_modules', '@emotion/react'),
+                        '@emotion/core': (0, devkit_1.joinPathFragments)(devkit_2.workspaceRoot, 'node_modules', '@emotion/react'),
+                        '@emotion/styled': (0, devkit_1.joinPathFragments)(devkit_2.workspaceRoot, 'node_modules', '@emotion/styled'),
+                        'emotion-theming': (0, devkit_1.joinPathFragments)(devkit_2.workspaceRoot, 'node_modules', '@emotion/react'),
                     },
                 },
             };

package/plugins/storybook/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/react/plugins/storybook/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/react/plugins/storybook/index.ts"],"names":[],"mappings":"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"}

package/src/generators/application/schema.json

@@ -2,18 +2,19 @@
   "$schema": "http://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxReactApp",
-  "title": "Create a React Application for Nx",
+  "title": "Create a React Application",
+  "description": "Create a React application for Nx.",
   "examples": [
     {
-      "command": "g app myapp --directory=myorg",
-      "description": "Generate apps/myorg/myapp and apps/myorg/myapp-e2e"
+      "command": "nx g app myapp --directory=myorg",
+      "description": "Generate `apps/myorg/myapp` and `apps/myorg/myapp-e2e`"
     },
     {
-      "command": "g app myapp --classComponent",
+      "command": "nx g app myapp --classComponent",
       "description": "Use class components instead of functional components"
     },
     {
-      "command": "g app myapp --routing",
+      "command": "nx g app myapp --routing",
       "description": "Set up React Router"
     }
   ],
@@ -96,7 +97,7 @@
       "default": false
     },
     "skipWorkspaceJson": {
-      "description": "Skip updating workspace.json with default options based on values provided to this app (e.g. babel, style).",
+      "description": "Skip updating `workspace.json` with default options based on values provided to this app (e.g. babel, style).",
       "type": "boolean",
       "default": false
     },
@@ -109,7 +110,7 @@
     "e2eTestRunner": {
       "type": "string",
       "enum": ["cypress", "none"],
-      "description": "Test runner to use for end to end (e2e) tests.",
+      "description": "Test runner to use for end to end (E2E) tests.",
       "default": "cypress"
     },
     "tags": {
@@ -119,7 +120,7 @@
     },
     "pascalCaseFiles": {
       "type": "boolean",
-      "description": "Use pascal case component file name (e.g. App.tsx).",
+      "description": "Use pascal case component file name (e.g. `App.tsx`).",
       "alias": "P",
       "default": false
     },
@@ -136,26 +137,26 @@
     },
     "globalCss": {
       "type": "boolean",
-      "description": "Default is false. When true, the component is generated with *.css/*.scss instead of *.module.css/*.module.scss",
+      "description": "Default is `false`. When `true`, the component is generated with `*.css`/`*.scss` instead of `*.module.css`/`*.module.scss`.",
       "default": false
     },
     "strict": {
       "type": "boolean",
-      "description": "Creates an application with strict mode and strict type checking",
+      "description": "Creates an application with strict mode and strict type checking.",
       "default": true
     },
     "setParserOptionsProject": {
       "type": "boolean",
-      "description": "Whether or not to configure the ESLint \"parserOptions.project\" option. We do not do this by default for lint performance reasons.",
+      "description": "Whether or not to configure the ESLint `parserOptions.project` option. We do not do this by default for lint performance reasons.",
       "default": false
     },
     "standaloneConfig": {
-      "description": "Split the project configuration into <projectRoot>/project.json rather than including it inside workspace.json",
+      "description": "Split the project configuration into `<projectRoot>/project.json` rather than including it inside `workspace.json`.",
       "type": "boolean"
     },
     "compiler": {
       "type": "string",
-      "description": "The compiler to use",
+      "description": "The compiler to use.",
       "enum": ["babel", "swc"],
       "default": "babel"
     }

package/src/generators/component/schema.json

@@ -2,16 +2,17 @@
   "$schema": "http://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxReactComponent",
-  "title": "Create a React Component for Nx",
+  "title": "Create a React Component",
+  "description": "Create a React Component for Nx.",
   "type": "object",
   "examples": [
     {
-      "command": "g component my-component --project=mylib",
-      "description": "Generate a component in the mylib library"
+      "command": "nx g component my-component --project=mylib",
+      "description": "Generate a component in the `mylib` library"
     },
     {
-      "command": "g component my-component --project=mylib --classComponent",
-      "description": "Generate a class component in the mylib library"
+      "command": "nx g component my-component --project=mylib --classComponent",
+      "description": "Generate a class component in the `mylib` library"
     }
   ],
   "properties": {
@@ -81,7 +82,7 @@
     },
     "skipTests": {
       "type": "boolean",
-      "description": "When true, does not create \"spec.ts\" test files for the new component.",
+      "description": "When true, does not create `spec.ts` test files for the new component.",
       "default": false
     },
     "directory": {
@@ -96,20 +97,20 @@
     },
     "export": {
       "type": "boolean",
-      "description": "When true, the component is exported from the project index.ts (if it exists).",
+      "description": "When true, the component is exported from the project `index.ts` (if it exists).",
       "alias": "e",
       "default": false,
       "x-prompt": "Should this component be exported in the project?"
     },
     "pascalCaseFiles": {
       "type": "boolean",
-      "description": "Use pascal case component file name (e.g. App.tsx).",
+      "description": "Use pascal case component file name (e.g. `App.tsx`).",
       "alias": "P",
       "default": false
     },
     "pascalCaseDirectory": {
       "type": "boolean",
-      "description": "Use pascal case directory name (e.g. App/App.tsx).",
+      "description": "Use pascal case directory name (e.g. `App/App.tsx`).",
       "alias": "R",
       "default": false
     },
@@ -125,7 +126,7 @@
     },
     "globalCss": {
       "type": "boolean",
-      "description": "Default is false. When true, the component is generated with *.css/*.scss instead of *.module.css/*.module.scss",
+      "description": "Default is `false`. When `true`, the component is generated with `*.css`/`*.scss` instead of `*.module.css`/`*.module.scss`.",
       "default": false
     },
     "fileName": {

package/src/generators/component-cypress-spec/schema.json

@@ -2,6 +2,8 @@
   "$schema": "http://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxReactComponentCypressSpec",
+  "title": "Create component Cypress spec",
+  "description": "Create a Cypress spec for a UI component that has a story.",
   "type": "object",
   "properties": {
     "project": {
@@ -27,7 +29,7 @@
     },
     "cypressProject": {
       "type": "string",
-      "description": "The Cypress project to generate the stories under. By default, inferred from 'project'"
+      "description": "The Cypress project to generate the stories under. By default, inferred from `project`."
     }
   },
   "required": ["project", "componentPath"]

package/src/generators/component-story/schema.json

@@ -2,6 +2,8 @@
   "$schema": "http://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxReactComponentStory",
+  "title": "Create component story",
+  "description": "Generate storybook story for a react component.",
   "type": "object",
   "properties": {
     "project": {
@@ -16,7 +18,7 @@
     },
     "componentPath": {
       "type": "string",
-      "description": "Relative path to the component file from the library root",
+      "description": "Relative path to the component file from the library root.",
       "examples": ["lib/components"],
       "x-prompt": "What's path of the component relative to the project's lib root?"
     }

package/src/generators/hook/schema.json

@@ -3,11 +3,12 @@
   "cli": "nx",
   "$id": "NxReactHook",
   "title": "Create a React Hook for Nx",
+  "description": "Create a React component using Hooks in a dedicated React project.",
   "type": "object",
   "examples": [
     {
-      "command": "g hook my-hook --project=mylib",
-      "description": "Generate a hook in the mylib library"
+      "command": "nx g hook my-hook --project=mylib",
+      "description": "Generate a hook in the `mylib` library"
     }
   ],
   "properties": {
@@ -36,7 +37,7 @@
     },
     "skipTests": {
       "type": "boolean",
-      "description": "When true, does not create \"spec.ts\" test files for the new hook.",
+      "description": "When true, does not create `spec.ts` test files for the new hook.",
       "default": false
     },
     "directory": {
@@ -51,20 +52,20 @@
     },
     "export": {
       "type": "boolean",
-      "description": "When true, the hook is exported from the project index.ts (if it exists).",
+      "description": "When true, the hook is exported from the project `index.ts` (if it exists).",
       "alias": "e",
       "default": false,
       "x-prompt": "Should this hook be exported in the project?"
     },
     "pascalCaseFiles": {
       "type": "boolean",
-      "description": "Use pascal case hook file name (e.g. useHook.ts).",
+      "description": "Use pascal case hook file name (e.g. `useHook.ts`).",
       "alias": "P",
       "default": false
     },
     "pascalCaseDirectory": {
       "type": "boolean",
-      "description": "Use pascal case directory name (e.g. useHook/useHook.ts).",
+      "description": "Use pascal case directory name (e.g. `useHook/useHook.ts`).",
       "alias": "R",
       "default": false
     }

package/src/generators/init/schema.json

@@ -2,6 +2,7 @@
   "$schema": "http://json-schema.org/schema",
   "$id": "NxReactNgInit",
   "title": "Init React Plugin",
+  "description": "Initialize a React Plugin",
   "cli": "nx",
   "type": "object",
   "properties": {
@@ -12,7 +13,7 @@
       "default": "jest"
     },
     "e2eTestRunner": {
-      "description": "Adds the specified e2e test runner.",
+      "description": "Adds the specified E2E test runner.",
       "type": "string",
       "enum": ["cypress", "none"],
       "default": "cypress"

package/src/generators/library/schema.json

@@ -2,16 +2,17 @@
   "$schema": "http://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxReactLibrary",
-  "title": "Create a React Library for Nx",
+  "title": "Create a React Library",
+  "description": "Create a React Library for an Nx workspace",
   "type": "object",
   "examples": [
     {
-      "command": "g lib mylib --directory=myapp",
-      "description": "Generate libs/myapp/mylib"
+      "command": "nx g lib mylib --directory=myapp",
+      "description": "Generate `libs/myapp/mylib`"
     },
     {
-      "command": "g lib mylib --appProject=myapp",
-      "description": "Generate a library with routes and add them to myapp"
+      "command": "nx g lib mylib --appProject=myapp",
+      "description": "Generate a library with routes and add them to `myapp`"
     }
   ],
   "properties": {
@@ -96,11 +97,11 @@
     "skipTsConfig": {
       "type": "boolean",
       "default": false,
-      "description": "Do not update tsconfig.json for development experience."
+      "description": "Do not update `tsconfig.json` for development experience."
     },
     "pascalCaseFiles": {
       "type": "boolean",
-      "description": "Use pascal case component file name (e.g. App.tsx).",
+      "description": "Use pascal case component file name (e.g. `App.tsx`).",
       "alias": "P",
       "default": false
     },
@@ -124,7 +125,7 @@
     },
     "importPath": {
       "type": "string",
-      "description": "The library name used to import it, like @myorg/my-awesome-lib"
+      "description": "The library name used to import it, like `@myorg/my-awesome-lib`."
     },
     "component": {
       "type": "boolean",
@@ -138,7 +139,7 @@
     },
     "globalCss": {
       "type": "boolean",
-      "description": "When true, the stylesheet is generated using global CSS instead of CSS modules (e.g. file is '*.css' rather than '*.module.css').",
+      "description": "When `true`, the stylesheet is generated using global CSS instead of CSS modules (e.g. file is `*.css` rather than `*.module.css`).",
       "default": false
     },
     "strict": {
@@ -148,11 +149,11 @@
     },
     "setParserOptionsProject": {
       "type": "boolean",
-      "description": "Whether or not to configure the ESLint \"parserOptions.project\" option. We do not do this by default for lint performance reasons.",
+      "description": "Whether or not to configure the ESLint `parserOptions.project` option. We do not do this by default for lint performance reasons.",
       "default": false
     },
     "standaloneConfig": {
-      "description": "Split the project configuration into <projectRoot>/project.json rather than including it inside workspace.json",
+      "description": "Split the project configuration into `<projectRoot>/project.json` rather than including it inside `workspace.json`.",
       "type": "boolean"
     },
     "compiler": {

package/src/generators/redux/schema.json

@@ -2,6 +2,8 @@
   "$schema": "http://json-schema.org/schema",
   "cli": "nx",
   "$id": "redux",
+  "title": "Create Redux state",
+  "description": "Create a Redux state slice for a React project.",
   "type": "object",
   "properties": {
     "name": {

package/src/generators/stories/schema.json

@@ -2,11 +2,13 @@
   "$schema": "http://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxReactStorybookStories",
+  "title": "Create React Storybook stories",
+  "description": "Create stories/specs for all components declared in an app or a library.",
   "type": "object",
   "properties": {
     "project": {
       "type": "string",
-      "description": "Library or application name",
+      "description": "Library or application name.",
       "$default": {
         "$source": "projectName",
         "index": 0
@@ -15,12 +17,12 @@
     },
     "generateCypressSpecs": {
       "type": "boolean",
-      "description": "Automatically generate *.spec.ts files in the cypress e2e app generated by the cypress-configure generator.",
+      "description": "Automatically generate `*.spec.ts` files in the cypress e2e app generated by the cypress-configure generator.",
       "x-prompt": "Do you want to generate Cypress specs as well?"
     },
     "cypressProject": {
       "type": "string",
-      "description": "The Cypress project to generate the stories under. This is inferred from 'project' by default"
+      "description": "The Cypress project to generate the stories under. This is inferred from `project` by default."
     },
     "js": {
       "type": "boolean",

package/src/generators/storybook-configuration/schema.json

@@ -2,6 +2,8 @@
   "$schema": "http://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxReactStorybookConfigure",
+  "title": "React Storybook Configure",
+  "description": "Set up Storybook for a React app or library.",
   "type": "object",
   "properties": {
     "name": {
@@ -20,14 +22,14 @@
     },
     "generateStories": {
       "type": "boolean",
-      "description": "Automatically generate *.stories.ts files for components declared in this project?",
+      "description": "Automatically generate `*.stories.ts` files for components declared in this project?",
       "x-prompt": "Automatically generate *.stories.ts files for components declared in this project?",
       "default": true
     },
     "generateCypressSpecs": {
       "type": "boolean",
-      "description": "Automatically generate *.spec.ts files in the cypress e2e app generated by the cypress-configure generator",
-      "x-prompt": "Automatically generate *.spec.ts files in the cypress e2e app generated by the cypress-configure generator?",
+      "description": "Automatically generate `*.spec.ts` files in the Cypress E2E app generated by the `cypress-configure` generator.",
+      "x-prompt": "Automatically generate *.spec.ts files in the Cypress E2E app generated by the cypress-configure generator?",
       "default": true
     },
     "cypressDirectory": {
@@ -46,7 +48,7 @@
       "default": "eslint"
     },
     "standaloneConfig": {
-      "description": "Split the project configuration into <projectRoot>/project.json rather than including it inside workspace.json",
+      "description": "Split the project configuration into `<projectRoot>/project.json` rather than including it inside `workspace.json`.",
       "type": "boolean"
     }
   },

package/src/generators/storybook-migrate-defaults-5-to-6/schema.json

@@ -2,6 +2,8 @@
   "$schema": "http://json-schema.org/schema",
   "cli": "nx",
   "$id": "storybook-migrate-defaults-5-to-6",
+  "title": "Storybook migrate defaults 5 to 6",
+  "description": "Generate default Storybook configuration files using Storybook version `>=6.x` specs, for projects that already have Storybook instances and configurations of versions `<6.x`.",
   "type": "object",
   "properties": {
     "all": {
@@ -11,7 +13,7 @@
     },
     "keepOld": {
       "type": "boolean",
-      "description": "Keep the old configuration files - put them in a folder called .old_storybook.",
+      "description": "Keep the old configuration files - put them in a folder called `.old_storybook`.",
       "default": true
     },
     "name": {

package/src/migrations/update-13-10-0/update-13-10-0.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nrwl/devkit';
+export declare function updateToReact18(host: Tree): Promise<import("@nrwl/devkit").GeneratorCallback>;
+export default updateToReact18;

package/src/migrations/update-13-10-0/update-13-10-0.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateToReact18 = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+// Putting this here because React Native 0.67 is incompatible with React 18.
+// Waiting for 0.68 to come out with support for React 18.
+// TODO(jack): For Nx 14 let's add another migration for React 18 in migrations.json because by then React Native 0.68.0 should be released.
+function updateToReact18(host) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { dependencies } = (0, devkit_1.readJson)(host, 'package.json');
+        if (dependencies['react-native'] &&
+            !dependencies['react-native'].match(/[\^~]?0.68/)) {
+            devkit_1.logger.info(`React Native ${dependencies['react-native']} is incompatible with React 18. Skipping update until React Native 0.68.0 is released.`);
+        }
+        else {
+            return (0, devkit_1.addDependenciesToPackageJson)(host, {
+                react: '18.0.0',
+                'react-dom': '18.0.0',
+                'react-is': '18.0.0',
+                'react-test-renderer': '18.0.0',
+            }, {});
+        }
+    });
+}
+exports.updateToReact18 = updateToReact18;
+exports.default = updateToReact18;
+//# sourceMappingURL=update-13-10-0.js.map

package/src/migrations/update-13-10-0/update-13-10-0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-13-10-0.js","sourceRoot":"","sources":["../../../../../../packages/react/src/migrations/update-13-10-0/update-13-10-0.ts"],"names":[],"mappings":";;;;AAAA,yCAKsB;AAEtB,6EAA6E;AAC7E,0DAA0D;AAC1D,4IAA4I;AAC5I,SAAsB,eAAe,CAAC,IAAU;;QAC9C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,iBAAQ,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC;QACxD,IACE,YAAY,CAAC,cAAc,CAAC;YAC5B,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,EACjD;YACA,eAAM,CAAC,IAAI,CACT,gBAAgB,YAAY,CAAC,cAAc,CAAC,wFAAwF,CACrI,CAAC;SACH;aAAM;YACL,OAAO,IAAA,qCAA4B,EACjC,IAAI,EACJ;gBACE,KAAK,EAAE,QAAQ;gBACf,WAAW,EAAE,QAAQ;gBACrB,UAAU,EAAE,QAAQ;gBACpB,qBAAqB,EAAE,QAAQ;aAChC,EACD,EAAE,CACH,CAAC;SACH;IACH,CAAC;CAAA;AArBD,0CAqBC;AAED,kBAAe,eAAe,CAAC"}

package/src/utils/versions.d.ts

@@ -1,25 +1,25 @@
 export declare const nxVersion = "*";
-export declare const reactVersion = "17.0.2";
-export declare const reactDomVersion = "17.0.2";
-export declare const reactIsVersion = "17.0.2";
-export declare const typesReactVersion = "17.0.40";
-export declare const typesReactDomVersion = "17.0.13";
+export declare const reactVersion = "18.0.0";
+export declare const reactDomVersion = "18.0.0";
+export declare const reactIsVersion = "18.0.0";
+export declare const typesReactVersion = "17.0.43";
+export declare const typesReactDomVersion = "17.0.14";
 export declare const typesReactIsVersion = "17.0.3";
-export declare const styledComponentsVersion = "5.3.3";
+export declare const styledComponentsVersion = "5.3.5";
 export declare const typesStyledComponentsVersion = "5.1.24";
 export declare const emotionStyledVersion = "11.8.1";
 export declare const emotionReactVersion = "11.8.2";
 export declare const emotionBabelPlugin = "11.7.2";
-export declare const styledJsxVersion = "5.0.0";
+export declare const styledJsxVersion = "5.0.2";
 export declare const reactRouterDomVersion = "5.3.0";
 export declare const typesReactRouterDomVersion = "5.3.3";
 export declare const testingLibraryReactVersion = "12.1.4";
 export declare const testingLibraryReactHooksVersion = "7.0.2";
 export declare const reduxjsToolkitVersion = "1.8.0";
 export declare const reactReduxVersion = "7.2.6";
-export declare const reactTestRendererVersion = "17.0.2";
+export declare const reactTestRendererVersion = "18.0.0";
 export declare const eslintPluginImportVersion = "2.25.4";
 export declare const eslintPluginJsxA11yVersion = "6.5.1";
-export declare const eslintPluginReactVersion = "7.29.3";
-export declare const eslintPluginReactHooksVersion = "4.3.0";
+export declare const eslintPluginReactVersion = "7.29.4";
+export declare const eslintPluginReactHooksVersion = "4.4.0";
 export declare const babelPluginStyledComponentsVersion = "1.10.7";

package/src/utils/versions.js

@@ -1,29 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.babelPluginStyledComponentsVersion = exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.reactTestRendererVersion = exports.reactReduxVersion = exports.reduxjsToolkitVersion = exports.testingLibraryReactHooksVersion = exports.testingLibraryReactVersion = exports.typesReactRouterDomVersion = exports.reactRouterDomVersion = exports.styledJsxVersion = exports.emotionBabelPlugin = exports.emotionReactVersion = exports.emotionStyledVersion = exports.typesStyledComponentsVersion = exports.styledComponentsVersion = exports.typesReactIsVersion = exports.typesReactDomVersion = exports.typesReactVersion = exports.reactIsVersion = exports.reactDomVersion = exports.reactVersion = exports.nxVersion = void 0;
-exports.nxVersion = '13.10.0-beta.6';
-exports.reactVersion = '17.0.2';
-exports.reactDomVersion = '17.0.2';
-exports.reactIsVersion = '17.0.2';
-exports.typesReactVersion = '17.0.40';
-exports.typesReactDomVersion = '17.0.13';
+exports.nxVersion = '13.10.0-beta.9';
+exports.reactVersion = '18.0.0';
+exports.reactDomVersion = '18.0.0';
+exports.reactIsVersion = '18.0.0';
+exports.typesReactVersion = '17.0.43';
+exports.typesReactDomVersion = '17.0.14';
 exports.typesReactIsVersion = '17.0.3';
-exports.styledComponentsVersion = '5.3.3';
+exports.styledComponentsVersion = '5.3.5';
 exports.typesStyledComponentsVersion = '5.1.24';
 exports.emotionStyledVersion = '11.8.1';
 exports.emotionReactVersion = '11.8.2';
 exports.emotionBabelPlugin = '11.7.2';
-exports.styledJsxVersion = '5.0.0';
+exports.styledJsxVersion = '5.0.2';
 exports.reactRouterDomVersion = '5.3.0';
 exports.typesReactRouterDomVersion = '5.3.3';
 exports.testingLibraryReactVersion = '12.1.4';
 exports.testingLibraryReactHooksVersion = '7.0.2';
 exports.reduxjsToolkitVersion = '1.8.0';
 exports.reactReduxVersion = '7.2.6';
-exports.reactTestRendererVersion = '17.0.2';
+exports.reactTestRendererVersion = '18.0.0';
 exports.eslintPluginImportVersion = '2.25.4';
 exports.eslintPluginJsxA11yVersion = '6.5.1';
-exports.eslintPluginReactVersion = '7.29.3';
-exports.eslintPluginReactHooksVersion = '4.3.0';
+exports.eslintPluginReactVersion = '7.29.4';
+exports.eslintPluginReactHooksVersion = '4.4.0';
 exports.babelPluginStyledComponentsVersion = '1.10.7';
 //# sourceMappingURL=versions.js.map

package/src/migrations/update-10-4-0/update-10-4-0.d.ts

@@ -1,2 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-export default function update(): Rule;

package/src/migrations/update-10-4-0/update-10-4-0.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_1 = require("@angular-devkit/schematics");
-const workspace_1 = require("@nrwl/workspace");
-const path = require("path");
-function update() {
-    return (0, schematics_1.chain)([
-        (0, workspace_1.updatePackagesInPackageJson)(path.join(__dirname, '../../../', 'migrations.json'), '10.4.0'),
-        (0, workspace_1.formatFiles)(),
-    ]);
-}
-exports.default = update;
-//# sourceMappingURL=update-10-4-0.js.map

package/src/migrations/update-10-4-0/update-10-4-0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"update-10-4-0.js","sourceRoot":"","sources":["../../../../../../packages/react/src/migrations/update-10-4-0/update-10-4-0.ts"],"names":[],"mappings":";;AAAA,2DAAyD;AACzD,+CAA2E;AAC3E,6BAA6B;AAE7B,SAAwB,MAAM;IAC5B,OAAO,IAAA,kBAAK,EAAC;QACX,IAAA,uCAA2B,EACzB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,iBAAiB,CAAC,EACpD,QAAQ,CACT;QACD,IAAA,uBAAW,GAAE;KACd,CAAC,CAAC;AACL,CAAC;AARD,yBAQC"}

package/src/migrations/update-11-0-0/rename-emotion-packages-11-0-0.d.ts

@@ -1 +0,0 @@
-export default function update(): import("@angular-devkit/schematics").Rule;

package/src/migrations/update-11-0-0/rename-emotion-packages-11-0-0.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_1 = require("@angular-devkit/schematics");
-const workspace_1 = require("@nrwl/workspace");
-const versions_1 = require("../../utils/versions");
-function update() {
-    return (0, schematics_1.chain)([
-        (0, workspace_1.renameNpmPackages)({
-            '@emotion/core': ['@emotion/react', versions_1.emotionReactVersion],
-        }),
-        (0, workspace_1.formatFiles)(),
-    ]);
-}
-exports.default = update;
-//# sourceMappingURL=rename-emotion-packages-11-0-0.js.map

package/src/migrations/update-11-0-0/rename-emotion-packages-11-0-0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rename-emotion-packages-11-0-0.js","sourceRoot":"","sources":["../../../../../../packages/react/src/migrations/update-11-0-0/rename-emotion-packages-11-0-0.ts"],"names":[],"mappings":";;AAAA,2DAAmD;AACnD,+CAAiE;AACjE,mDAA2D;AAE3D,SAAwB,MAAM;IAC5B,OAAO,IAAA,kBAAK,EAAC;QACX,IAAA,6BAAiB,EAAC;YAChB,eAAe,EAAE,CAAC,gBAAgB,EAAE,8BAAmB,CAAC;SACzD,CAAC;QACF,IAAA,uBAAW,GAAE;KACd,CAAC,CAAC;AACL,CAAC;AAPD,yBAOC"}