@nx/react 22.7.1 → 22.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "22.7.1",
+  "version": "22.7.3",
   "private": false,
   "description": "The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Vitest, Playwright, Cypress, and Storybook.\n\n- Generators for applications, libraries, components, hooks, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -33,33 +33,33 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "@phenomnomnominal/tsquery": "~6.1.4",
+    "@phenomnomnominal/tsquery": "~6.2.0",
     "@svgr/webpack": "^8.0.1",
-    "minimatch": "10.2.4",
+    "minimatch": "10.2.5",
     "picocolors": "^1.1.0",
     "tslib": "^2.3.0",
-    "@nx/devkit": "22.7.1",
-    "@nx/js": "22.7.1",
-    "@nx/eslint": "22.7.1",
-    "@nx/web": "22.7.1",
-    "@nx/module-federation": "22.7.1",
-    "@nx/rollup": "22.7.1",
+    "@nx/devkit": "22.7.3",
+    "@nx/js": "22.7.3",
+    "@nx/eslint": "22.7.3",
+    "@nx/web": "22.7.3",
+    "@nx/module-federation": "22.7.3",
+    "@nx/rollup": "22.7.3",
     "express": "^4.21.2",
     "http-proxy-middleware": "^3.0.5",
     "semver": "^7.6.3"
   },
   "devDependencies": {
-    "@nx/cypress": "22.7.1",
-    "@nx/playwright": "22.7.1",
-    "@nx/rsbuild": "22.7.1",
-    "@nx/vite": "22.7.1",
-    "@nx/vitest": "22.7.1",
-    "@nx/webpack": "22.7.1",
-    "@nx/storybook": "22.7.1",
-    "nx": "22.7.1"
+    "@nx/cypress": "22.7.3",
+    "@nx/playwright": "22.7.3",
+    "@nx/rsbuild": "22.7.3",
+    "@nx/vite": "22.7.3",
+    "@nx/vitest": "22.7.3",
+    "@nx/webpack": "22.7.3",
+    "@nx/storybook": "22.7.3",
+    "nx": "22.7.3"
   },
   "optionalDependencies": {
-    "@nx/vite": "22.7.1"
+    "@nx/vite": "22.7.3"
   },
   "publishConfig": {
     "access": "public"

package/src/migrations/update-22-0-0/add-svgr-to-webpack-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-svgr-to-webpack-config.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/migrations/update-22-0-0/add-svgr-to-webpack-config.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EAKV,MAAM,YAAY,CAAC;AAiHpB,wBAA8B,sBAAsB,CAAC,IAAI,EAAE,IAAI,iBAsX9D"}
+{"version":3,"file":"add-svgr-to-webpack-config.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/migrations/update-22-0-0/add-svgr-to-webpack-config.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EAKV,MAAM,YAAY,CAAC;AAiHpB,wBAA8B,sBAAsB,CAAC,IAAI,EAAE,IAAI,iBAsZ9D"}

package/src/migrations/update-22-0-0/add-svgr-to-webpack-config.js

@@ -271,11 +271,38 @@ async function addSvgrToWebpackConfig(tree) {
                             ts.isIdentifier(prop.name) &&
                             prop.name.text === 'svgr');
                         if (svgrProp) {
-                            changes.push({
-                                type: devkit_1.ChangeType.Delete,
-                                start: arg.getStart(),
-                                length: arg.getEnd() - arg.getStart(),
-                            });
+                            const hasOnlySvgrProperty = arg.properties.length === 1;
+                            if (hasOnlySvgrProperty) {
+                                changes.push({
+                                    type: devkit_1.ChangeType.Delete,
+                                    start: arg.getStart(),
+                                    length: arg.getEnd() - arg.getStart(),
+                                });
+                            }
+                            else {
+                                const propIndex = arg.properties.indexOf(svgrProp);
+                                const isLastProp = propIndex === arg.properties.length - 1;
+                                const isFirstProp = propIndex === 0;
+                                let removeStart = svgrProp.getFullStart();
+                                let removeEnd = svgrProp.getEnd();
+                                if (!isLastProp) {
+                                    const nextProp = arg.properties[propIndex + 1];
+                                    removeEnd = nextProp.getFullStart();
+                                }
+                                else if (!isFirstProp) {
+                                    const prevProp = arg.properties[propIndex - 1];
+                                    const textBetween = content.substring(prevProp.getEnd(), svgrProp.getFullStart());
+                                    const commaIndex = textBetween.indexOf(',');
+                                    if (commaIndex !== -1) {
+                                        removeStart = prevProp.getEnd() + commaIndex;
+                                    }
+                                }
+                                changes.push({
+                                    type: devkit_1.ChangeType.Delete,
+                                    start: removeStart,
+                                    length: removeEnd - removeStart,
+                                });
+                            }
                             if (config.svgrOptions) {
                                 const composePluginsCalls = (0, tsquery_1.query)(sourceFile, 'CallExpression[expression.name=composePlugins]');
                                 if (composePluginsCalls.length > 0) {