@nrwl/react 13.8.3 → 13.8.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nrwl/react",
-  "version": "13.8.3",
+  "version": "13.8.5",
   "description": "React Plugin for Nx",
   "repository": {
     "type": "git",
@@ -31,20 +31,20 @@
   "dependencies": {
     "@babel/core": "^7.15.0",
     "@babel/preset-react": "^7.14.5",
-    "@nrwl/cypress": "13.8.3",
-    "@nrwl/devkit": "13.8.3",
-    "@nrwl/jest": "13.8.3",
-    "@nrwl/js": "13.8.3",
-    "@nrwl/linter": "13.8.3",
-    "@nrwl/storybook": "13.8.3",
-    "@nrwl/web": "13.8.3",
-    "@nrwl/workspace": "13.8.3",
+    "@nrwl/cypress": "13.8.5",
+    "@nrwl/devkit": "13.8.5",
+    "@nrwl/jest": "13.8.5",
+    "@nrwl/js": "13.8.5",
+    "@nrwl/linter": "13.8.5",
+    "@nrwl/storybook": "13.8.5",
+    "@nrwl/web": "13.8.5",
+    "@nrwl/workspace": "13.8.5",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
     "@svgr/webpack": "^6.1.2",
     "chalk": "4.1.0",
     "eslint-plugin-import": "^2.25.2",
     "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.27.0",
+    "eslint-plugin-react": "7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
     "react-refresh": "^0.10.0",
     "url-loader": "^4.1.1",

package/src/generators/component/files/__fileName__.module.__style__

@@ -0,0 +1,7 @@
+/*
+ * Replace this with your own classes
+ *
+ * e.g.
+ * .container {
+ * }
+*/

package/src/generators/component/files/__fileName__.tsx__tmpl__

@@ -9,14 +9,19 @@ import { Route, Link } from 'react-router-dom';
 <% if (hasStyles) {
    if (styledModule && styledModule !== 'styled-jsx') {
     var wrapper = 'Styled' + className;
+    var extras = '';
   %>
   import styled from '<%= styledModule %>';
   <% } else {
     var wrapper = 'div';
+    var extras = globalCss ? '' : " className={styles['container']}";
   %>
-  <%- style !== 'styled-jsx' ? globalCss ? `import './${fileName}.${style}';` : `import './${fileName}.module.${style}';`: '' %>
+  <%- style !== 'styled-jsx' ? globalCss ? `import './${fileName}.${style}';` : `import styles from './${fileName}.module.${style}';`: '' %>
   <% }
-} else { var wrapper = 'div'; } %>
+} else {
+    var wrapper = 'div';
+    var extras = '';
+} %>
 
 /* eslint-disable-next-line */
 export interface <%= className %>Props {
@@ -31,7 +36,7 @@ const Styled<%= className %> = styled.div`
 export class <%= className %> extends Component<<%= className %>Props> {
   render() {
     return (
-      <<%= wrapper %>>
+      <<%= wrapper %><%- extras %>>
         <%= styledModule === 'styled-jsx' ? `<style jsx>{\`div { color: pink; }\`}</style>` : `` %>
         <p>Welcome to <%= className %>!</p>
         <% if (routing) { %>
@@ -47,7 +52,7 @@ export class <%= className %> extends Component<<%= className %>Props> {
 <% } else { %>
 export function <%= className %>(props: <%= className %>Props) {
   return (
-    <<%= wrapper %>>
+    <<%= wrapper %><%- extras %>>
       <% if (styledModule === 'styled-jsx') { %><style jsx>{`div { color: pink; }`}</style><% } %>
       <h1>Welcome to <%= className %>!</h1>
       <% if (routing) { %>

package/src/utils/versions.d.ts

@@ -20,6 +20,6 @@ export declare const reactReduxVersion = "7.2.5";
 export declare const reactTestRendererVersion = "17.0.2";
 export declare const eslintPluginImportVersion = "2.25.2";
 export declare const eslintPluginJsxA11yVersion = "6.5.1";
-export declare const eslintPluginReactVersion = "7.27.0";
+export declare const eslintPluginReactVersion = "7.28.0";
 export declare const eslintPluginReactHooksVersion = "4.3.0";
 export declare const babelPluginStyledComponentsVersion = "1.10.7";

package/src/utils/versions.js

@@ -1,7 +1,7 @@
 "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.8.3';
+exports.nxVersion = '13.8.5';
 exports.reactVersion = '17.0.2';
 exports.reactDomVersion = '17.0.2';
 exports.reactIsVersion = '17.0.2';
@@ -23,7 +23,7 @@ exports.reactReduxVersion = '7.2.5';
 exports.reactTestRendererVersion = '17.0.2';
 exports.eslintPluginImportVersion = '2.25.2';
 exports.eslintPluginJsxA11yVersion = '6.5.1';
-exports.eslintPluginReactVersion = '7.27.0';
+exports.eslintPluginReactVersion = '7.28.0';
 exports.eslintPluginReactHooksVersion = '4.3.0';
 exports.babelPluginStyledComponentsVersion = '1.10.7';
 //# sourceMappingURL=versions.js.map