AB#93838 - angular update from 15v to 16v

.eslintrc.json

@@ -1,12 +1,12 @@
 {
   "root": true,
   "ignorePatterns": ["**/*"],
-  "plugins": ["@nrwl/nx"],
+  "plugins": ["@nx"],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
       "rules": {
-        "@nrwl/nx/enforce-module-boundaries": [
+        "@nx/enforce-module-boundaries": [
           "error",
           {
             "enforceBuildableLibDependency": true,
@@ -29,14 +29,21 @@
         // "deprecation"
       ],
       "extends": [
-        "plugin:@nrwl/nx/typescript",
+        "plugin:@nx/typescript",
         "prettier",
         "plugin:jsdoc/recommended"
       ],
       "rules": {
+        "@nx/enforce-module-boundaries": [
+          "error",
+          {
+            "checkDynamicDependenciesExceptions": ["@oort-front/shared"]
+          }
+        ],
         "no-case-declarations": 0,
         "@typescript-eslint/no-explicit-any": 0, // todo: set to 1
         "prettier/prettier": 2,
+        "@typescript-eslint/no-inferrable-types": "off",
         "@typescript-eslint/naming-convention": [
           1,
           {
@@ -85,7 +92,7 @@
     },
     {
       "files": ["*.js", "*.jsx"],
-      "extends": ["plugin:@nrwl/nx/javascript"],
+      "extends": ["plugin:@nx/javascript"],
       "rules": {}
     },
     {

apps/back-office-e2e/cypress.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from 'cypress';
-import { nxE2EPreset } from '@nrwl/cypress/plugins/cypress-preset';
+import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
 
 export default defineConfig({
   e2e: nxE2EPreset(__dirname),

apps/back-office-e2e/project.json

@@ -5,7 +5,7 @@
   "projectType": "application",
   "targets": {
     "e2e": {
-      "executor": "@nrwl/cypress:cypress",
+      "executor": "@nx/cypress:cypress",
       "options": {
         "cypressConfig": "apps/back-office-e2e/cypress.config.ts",
         "devServerTarget": "back-office:serve:development",
@@ -18,7 +18,7 @@
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
         "lintFilePatterns": ["apps/back-office-e2e/**/*.{js,ts}"]

apps/back-office/.eslintrc.json

@@ -23,13 +23,13 @@
         ]
       },
       "extends": [
-        "plugin:@nrwl/nx/angular",
+        "plugin:@nx/angular",
         "plugin:@angular-eslint/template/process-inline-templates"
       ]
     },
     {
       "files": ["*.html"],
-      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "extends": ["plugin:@nx/angular-template"],
       "rules": {}
     }
   ]

apps/back-office/jest.config.ts

@@ -4,19 +4,17 @@ export default {
   preset: '../../jest.preset.js',
   setupFiles: [`../../jest-shim.ts`],
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json',
-      stringifyContentPathRegex: '\\.(html|svg)$',
-    },
-  },
+  globals: {},
   coverageDirectory: '../../coverage/apps/back-office',
-  testPathIgnorePatterns: [
-    "/node_modules/",
-    "<rootDir>/src/app/__mocks__/"
-  ],
+  testPathIgnorePatterns: ['/node_modules/', '<rootDir>/src/app/__mocks__/'],
   transform: {
-    '^.+\\.(ts|mjs|js|html)$': 'jest-preset-angular',
+    '^.+\\.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$',
+      },
+    ],
   },
   transformIgnorePatterns: [
     'node_modules/(?!.*\\.mjs$)',

apps/back-office/project.json

@@ -324,7 +324,7 @@
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
         "lintFilePatterns": [
@@ -334,7 +334,7 @@
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
         "jestConfig": "apps/back-office/jest.config.ts",

apps/back-office/src/app/dashboard/pages/reference-data/reference-data.component.html

@@ -323,37 +323,41 @@ <h1 class="overflow-hidden whitespace-nowrap text-ellipsis mb-0">
               <button
                 kendoButton
                 class="text-center"
-                icon="edit"
                 [look]="'flat'"
                 (click)="toggleInlineEditor(dataItem)"
                 [uiTooltip]="'common.edit' | translate"
-              ></button>
+              >
+                <kendo-icon name="edit"></kendo-icon>
+              </button>
               <button
                 kendoButton
                 class="text-center"
-                icon="delete"
                 [look]="'flat'"
                 (click)="onRemoveField(dataItem)"
                 [uiTooltip]="'common.remove' | translate"
-              ></button>
+              >
+                <kendo-icon name="delete"></kendo-icon>
+              </button>
             </div>
             <div [ngClass]="{ hidden: currEditingField !== dataItem }">
               <button
                 kendoButton
                 class="text-center"
-                icon="save"
                 [look]="'flat'"
                 (click)="toggleInlineEditor(null)"
                 [uiTooltip]="'common.save' | translate"
-              ></button>
+              >
+                <kendo-icon name="save"></kendo-icon>
+              </button>
               <button
                 kendoButton
                 class="text-center"
-                icon="cancel"
                 [look]="'flat'"
                 (click)="currEditingField = null"
                 [uiTooltip]="'common.cancel' | translate"
-              ></button>
+              >
+                <kendo-icon name="cancel"></kendo-icon>
+              </button>
             </div>
           </ng-template>
         </kendo-grid-column>
@@ -366,9 +370,9 @@ <h1 class="overflow-hidden whitespace-nowrap text-ellipsis mb-0">
       <button
         kendoButton
         class="text-center mt-2"
-        icon="add"
         (click)="addField()"
       >
+        <kendo-icon name="add"></kendo-icon>
         {{ 'components.referenceData.fields.add' | translate }}
       </button>
     </div>

apps/back-office/src/app/dashboard/pages/reference-data/reference-data.module.ts

@@ -27,6 +27,7 @@ import { MonacoEditorModule } from 'ngx-monaco-editor-v2';
 import { InputsModule } from '@progress/kendo-angular-inputs';
 import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { ResizableModule } from 'angular-resizable-element';
+import { IconsModule } from '@progress/kendo-angular-icons';
 
 /**
  * Reference Data page module.
@@ -58,6 +59,7 @@ import { ResizableModule } from 'angular-resizable-element';
     DropDownsModule,
     ToggleModule,
     ResizableModule,
+    IconsModule,
     AsyncMonacoEditorDirective,
   ],
 })

apps/front-office-e2e/cypress.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from 'cypress';
-import { nxE2EPreset } from '@nrwl/cypress/plugins/cypress-preset';
+import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
 
 export default defineConfig({
   e2e: nxE2EPreset(__dirname),

apps/front-office-e2e/project.json

@@ -5,7 +5,7 @@
   "projectType": "application",
   "targets": {
     "e2e": {
-      "executor": "@nrwl/cypress:cypress",
+      "executor": "@nx/cypress:cypress",
       "options": {
         "cypressConfig": "apps/front-office-e2e/cypress.config.ts",
         "devServerTarget": "front-office:serve:development",
@@ -18,7 +18,7 @@
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
         "lintFilePatterns": ["apps/front-office-e2e/**/*.{js,ts}"]

apps/front-office/.eslintrc.json

@@ -23,13 +23,13 @@
         ]
       },
       "extends": [
-        "plugin:@nrwl/nx/angular",
+        "plugin:@nx/angular",
         "plugin:@angular-eslint/template/process-inline-templates"
       ]
     },
     {
       "files": ["*.html"],
-      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "extends": ["plugin:@nx/angular-template"],
       "rules": {}
     }
   ]

apps/front-office/jest.config.ts

@@ -4,15 +4,16 @@ export default {
   preset: '../../jest.preset.js',
   setupFiles: [`../../jest-shim.ts`],
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json',
-      stringifyContentPathRegex: '\\.(html|svg)$',
-    },
-  },
+  globals: {},
   coverageDirectory: '../../coverage/apps/front-office',
   transform: {
-    '^.+\\.(ts|mjs|js|html)$': 'jest-preset-angular',
+    '^.+\\.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$',
+      },
+    ],
   },
   transformIgnorePatterns: [
     'node_modules/(?!.*\\.mjs$)',

apps/front-office/project.json

@@ -312,7 +312,7 @@
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
         "lintFilePatterns": [
@@ -322,7 +322,7 @@
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
         "jestConfig": "apps/front-office/jest.config.ts",

apps/web-widgets-e2e/cypress.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from 'cypress';
-import { nxE2EPreset } from '@nrwl/cypress/plugins/cypress-preset';
+import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
 
 export default defineConfig({
   e2e: nxE2EPreset(__dirname),

apps/web-widgets-e2e/project.json

@@ -5,7 +5,7 @@
   "projectType": "application",
   "targets": {
     "e2e": {
-      "executor": "@nrwl/cypress:cypress",
+      "executor": "@nx/cypress:cypress",
       "options": {
         "cypressConfig": "apps/web-widgets-e2e/cypress.config.ts",
         "devServerTarget": "web-widgets:serve:development",
@@ -18,7 +18,7 @@
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
         "lintFilePatterns": ["apps/web-widgets-e2e/**/*.{js,ts}"]

apps/web-widgets/.eslintrc.json

@@ -23,13 +23,13 @@
         ]
       },
       "extends": [
-        "plugin:@nrwl/nx/angular",
+        "plugin:@nx/angular",
         "plugin:@angular-eslint/template/process-inline-templates"
       ]
     },
     {
       "files": ["*.html"],
-      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "extends": ["plugin:@nx/angular-template"],
       "rules": {}
     }
   ]

apps/web-widgets/jest.config.ts

@@ -4,15 +4,16 @@ export default {
   preset: '../../jest.preset.js',
   setupFiles: [`../../jest-shim.ts`],
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json',
-      stringifyContentPathRegex: '\\.(html|svg)$',
-    },
-  },
+  globals: {},
   coverageDirectory: '../../coverage/apps/web-widgets',
   transform: {
-    '^.+\\.(ts|mjs|js|html)$': 'jest-preset-angular',
+    '^.+\\.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$',
+      },
+    ],
   },
   transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
   snapshotSerializers: [

apps/web-widgets/project.json

@@ -248,10 +248,8 @@
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
-      "outputs": [
-        "{options.outputFile}"
-      ],
+      "executor": "@nx/linter:eslint",
+      "outputs": ["{options.outputFile}"],
       "options": {
         "lintFilePatterns": [
           "apps/web-widgets/**/*.ts",
@@ -260,10 +258,8 @@
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
-      "outputs": [
-        "{workspaceRoot}/coverage/{projectRoot}"
-      ],
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
         "jestConfig": "apps/web-widgets/jest.config.ts",
         "passWithNoTests": true

apps/web-widgets/src/app/styles/_ui.scss

@@ -48,8 +48,8 @@
   overflow: hidden;
 }
 
-// Even if the fonts are loaded in the document, the class should be explicitly placed inside the shadow dom in order to make the icons work
-// https://github.com/google/material-design-icons/issues/1165#issuecomment-1030705931
+/* Even if the fonts are loaded in the document, the class should be explicitly placed inside the shadow dom in order to make the icons work
+   https://github.com/google/material-design-icons/issues/1165#issuecomment-1030705931 */
 i {
   &.material-icons {
     font-family: 'Material Icons';