chore(deps): migrate to nx v. 21.3 and angular v. 20.1

droshev · droshev · commit 7dcc16173f88 · 2025-07-27T10:55:40.000-04:00
diff --git a/libs/btp/splitter/test-setup.ts b/libs/btp/splitter/test-setup.ts
@@ -1 +1,3 @@
-import 'jest-preset-angular/setup-jest';
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv();
diff --git a/libs/cdk/data-source/test-setup.ts b/libs/cdk/data-source/test-setup.ts
@@ -1 +1,3 @@
-import 'jest-preset-angular/setup-jest';
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv();
diff --git a/libs/cdk/forms/test-setup.ts b/libs/cdk/forms/test-setup.ts
@@ -1 +1,3 @@
-import 'jest-preset-angular/setup-jest';
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv();
diff --git a/libs/cdk/utils/test-setup.ts b/libs/cdk/utils/test-setup.ts
@@ -1 +1,3 @@
-import 'jest-preset-angular/setup-jest';
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv();
diff --git a/libs/core/avatar-group/test-setup.ts b/libs/core/avatar-group/test-setup.ts
@@ -1 +1,3 @@
-import 'jest-preset-angular/setup-jest';
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv();
diff --git a/libs/docs/shared/src/lib/core-helpers/stackblitz/code-example-stack/styles.scss b/libs/docs/shared/src/lib/core-helpers/stackblitz/code-example-stack/styles.scss
diff --git a/libs/docs/shared/src/lib/core-helpers/stackblitz/stackblitz.service.ts b/libs/docs/shared/src/lib/core-helpers/stackblitz/stackblitz.service.ts
@@ -36,7 +36,12 @@ function getImport(file: StackblitzFileObject): string {
 @Injectable()
 export class StackblitzService {
     main: string;
-    styles: string;
+    styles = `
+@use '@angular/cdk/overlay-prebuilt' as *;
+
+body {
+    font-family: '72', sans-serif;
+}`;
     tsconfig: string;
     angular: string;
     packageJson: string;
@@ -56,16 +61,14 @@ export class StackblitzService {
 
     constructor() {
         zip(
-            getAsset('./stackblitz/example-stack/styles.scss'),
             getAsset('./stackblitz/example-stack/tsconfig.json'),
             getAsset('./stackblitz/example-stack/angular.json'),
             getAsset('./stackblitz/example-stack/package.json'),
             getAsset('./stackblitz/example-stack/stackblitzrc')
         )
             .pipe(
                 first(),
-                tap(([styles, tsconfig, angular, packageJson, stackblitzrc]) => {
-                    this.styles = styles;
+                tap(([tsconfig, angular, packageJson, stackblitzrc]) => {
                     this.tsconfig = tsconfig;
                     this.angular = angular;
                     this.packageJson = this._setDependencies(packageJson);
diff --git a/libs/i18n/src/test-setup.ts b/libs/i18n/src/test-setup.ts
@@ -1 +1,3 @@
-import 'jest-preset-angular/setup-jest';
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv();
diff --git a/libs/moment-adapter/src/test-setup.ts b/libs/moment-adapter/src/test-setup.ts
@@ -1 +1,3 @@
-import 'jest-preset-angular/setup-jest';
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv();
diff --git a/libs/nx-plugin/src/test-setup.ts b/libs/nx-plugin/src/test-setup.ts
@@ -1 +1,3 @@
-import 'jest-preset-angular/setup-jest';
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv();
diff --git a/package.json b/package.json
@@ -40,17 +40,17 @@
     "dependencies": {
         "@angular-eslint/eslint-plugin-template": "20.0.0",
         "@angular-eslint/template-parser": "20.0.0",
-        "@angular/animations": "20.0.2",
-        "@angular/cdk": "20.0.2",
-        "@angular/common": "20.0.2",
-        "@angular/compiler": "20.0.2",
-        "@angular/core": "20.0.2",
-        "@angular/forms": "20.0.2",
-        "@angular/platform-browser": "20.0.2",
-        "@angular/platform-browser-dynamic": "20.0.2",
-        "@angular/router": "20.0.2",
+        "@angular/animations": "20.1.3",
+        "@angular/cdk": "20.1.3",
+        "@angular/common": "20.1.3",
+        "@angular/compiler": "20.1.3",
+        "@angular/core": "20.1.3",
+        "@angular/forms": "20.1.3",
+        "@angular/platform-browser": "20.1.3",
+        "@angular/platform-browser-dynamic": "20.1.3",
+        "@angular/router": "20.1.3",
         "@fundamental-styles/cx": "0.40.1",
-        "@nx/angular": "21.2.0",
+        "@nx/angular": "21.3.7",
         "@sap-theming/theming-base-content": "11.31.1",
         "@stackblitz/sdk": "1.9.0",
         "@swc/helpers": "0.5.11",
@@ -76,30 +76,30 @@
     },
     "devDependencies": {
         "@actions/core": "1.10.1",
-        "@angular-devkit/build-angular": "20.0.1",
-        "@angular-devkit/core": "20.0.1",
-        "@angular-devkit/schematics": "20.0.1",
+        "@angular-devkit/build-angular": "20.1.3",
+        "@angular-devkit/core": "20.1.3",
+        "@angular-devkit/schematics": "20.1.3",
         "@angular/cli": "~20.0.0",
-        "@angular/compiler-cli": "20.0.2",
-        "@angular/language-service": "20.0.2",
+        "@angular/compiler-cli": "20.1.3",
+        "@angular/language-service": "20.1.3",
         "@commitlint/cli": "18.6.1",
         "@commitlint/config-conventional": "18.6.1",
         "@jsdevtools/npm-publish": "3.0.1",
-        "@nx/devkit": "21.2.0",
-        "@nx/eslint": "21.2.0",
-        "@nx/eslint-plugin": "21.2.0",
-        "@nx/jest": "21.2.0",
-        "@nx/js": "21.2.0",
-        "@nx/plugin": "21.2.0",
-        "@nx/workspace": "21.2.0",
+        "@nx/devkit": "21.3.7",
+        "@nx/eslint": "21.3.7",
+        "@nx/eslint-plugin": "21.3.7",
+        "@nx/jest": "21.3.7",
+        "@nx/js": "21.3.7",
+        "@nx/plugin": "21.3.7",
+        "@nx/workspace": "21.3.7",
         "@sap-ui/common-css": "0.40.1",
-        "@schematics/angular": "20.0.1",
+        "@schematics/angular": "20.1.3",
         "@swc-node/register": "1.9.2",
         "@swc/cli": "0.6.0",
         "@swc/core": "1.5.7",
         "@types/google.visualization": "0.0.71",
         "@types/jasmine": "5.1.3",
-        "@types/jest": "29.5.14",
+        "@types/jest": "30.0.0",
         "@types/lodash-es": "4.17.6",
         "@types/marked": "5.0.2",
         "@types/node": "22.10.2",
@@ -129,19 +129,21 @@
         "eslint-plugin-markdown": "3.0.0",
         "eslint-plugin-prefer-arrow": "1.2.3",
         "fast-glob": "3.3.1",
+        "fs-extra": "^11.3.0",
         "husky": "8.0.2",
         "jasmine-core": "4.5.0",
         "jasmine-marbles": "0.9.2",
         "jasmine-spec-reporter": "7.0.0",
-        "jest": "29.7.0",
-        "jest-environment-jsdom": "29.7.0",
+        "jest": "30.0.5",
+        "jest-environment-jsdom": "30.0.5",
         "jest-environment-node": "^29.4.1",
         "jest-extended": "4.0.2",
-        "jest-preset-angular": "14.6.0",
+        "jest-preset-angular": "15.0.0",
+        "jest-util": "30.0.5",
         "jsonc-eslint-parser": "^2.1.0",
         "lerna": "^8.1.9",
         "lint-staged": "15.1.0",
-        "ng-packagr": "20.0.0",
+        "ng-packagr": "20.1.0",
         "ngx-cva-test-suite": "2.0.0",
         "postcss-preset-env": "9.3.0",
         "postcss-url": "10.1.3",
@@ -150,7 +152,7 @@
         "semver": "7.6.3",
         "standard-version": "9.5.0",
         "through2": "4.0.2",
-        "ts-jest": "29.1.0",
+        "ts-jest": "29.4.0",
         "ts-node": "10.9.2",
         "tsconfig-paths": "4.1.0",
         "typedoc": "0.25.3",
@@ -163,7 +165,7 @@
         "webdriverio": "7.27.0"
     },
     "resolutions": {
-        "nx": "21.2.0"
+        "nx": "21.3.7"
     },
     "lint-staged": {
         "*.properties": [
diff --git a/yarn.lock b/yarn.lock
