ftr: update angular to v14

fbedarf · fbedarf · commit ff2e5fc81ac2 · 2023-02-17T14:03:53.000+01:00
TRACEFOSS-1023
diff --git a/angular.json b/angular.json
@@ -243,6 +243,5 @@
         }
       }
     }
-  },
-  "defaultProject": "trace-x"
+  }
 }
diff --git a/package.json b/package.json
@@ -34,16 +34,16 @@
   "private": true,
   "dependencies": {
     "@angular-material-components/datetime-picker": "7.0.1",
-    "@angular/animations": "13.3.6",
+    "@angular/animations": "14.2.12",
     "@angular/cdk": "13.3.6",
-    "@angular/common": "13.3.6",
-    "@angular/compiler": "13.3.6",
-    "@angular/core": "13.3.6",
-    "@angular/forms": "13.3.6",
+    "@angular/common": "14.2.12",
+    "@angular/compiler": "14.2.12",
+    "@angular/core": "14.2.12",
+    "@angular/forms": "14.2.12",
     "@angular/material": "13.3.6",
-    "@angular/platform-browser": "13.3.6",
-    "@angular/platform-browser-dynamic": "13.3.6",
-    "@angular/router": "13.3.6",
+    "@angular/platform-browser": "14.2.12",
+    "@angular/platform-browser-dynamic": "14.2.12",
+    "@angular/router": "14.2.12",
     "@deck.gl/core": "8.8.20",
     "@deck.gl/layers": "8.7.12",
     "@deck.gl/mapbox": "8.8.22",
@@ -68,15 +68,15 @@
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "13.1.0",
-    "@angular-devkit/build-angular": "13.3.5",
+    "@angular-devkit/build-angular": "14.2.10",
     "@angular-eslint/builder": "15.1.0",
     "@angular-eslint/eslint-plugin": "15.2.0",
     "@angular-eslint/eslint-plugin-template": "13.2.1",
     "@angular-eslint/schematics": "13.5.0",
     "@angular-eslint/template-parser": "13.2.1",
-    "@angular/cli": "13.3.5",
-    "@angular/compiler-cli": "13.3.6",
-    "@angular/language-service": "13.3.6",
+    "@angular/cli": "14.2.10",
+    "@angular/compiler-cli": "14.2.12",
+    "@angular/language-service": "14.2.12",
     "@badeball/cypress-cucumber-preprocessor": "^15.0.0",
     "@bahmutov/cypress-esbuild-preprocessor": "^2.1.5",
     "@commitlint/cli": "17.4.2",
@@ -116,7 +116,7 @@
     "stylelint-config-standard-scss": "4.0.0",
     "ts-loader": "^9.4.2",
     "ts-node": "10.9.1",
-    "typescript": "4.6.4",
+    "typescript": "4.9.5",
     "webpack-bundle-analyzer": "4.5.0"
   },
   "msw": {
diff --git a/src/app/modules/core/core.routing.ts b/src/app/modules/core/core.routing.ts
@@ -41,7 +41,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes, { onSameUrlNavigation: 'reload', relativeLinkResolution: 'legacy' })],
+  imports: [RouterModule.forRoot(routes, { onSameUrlNavigation: 'reload' })],
   exports: [RouterModule],
   providers: [AuthGuard],
 })
diff --git a/src/app/modules/shared/components/request-investigation/request-investigation.component.ts b/src/app/modules/shared/components/request-investigation/request-investigation.component.ts
@@ -20,7 +20,7 @@
  ********************************************************************************/
 
 import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';
 import { getInvestigationInboxRoute } from '@page/investigations/investigations-external-route';
 import { OtherPartsFacade } from '@page/other-parts/core/other-parts.facade';
 import { Part } from '@page/parts/model/parts.model';
@@ -51,12 +51,12 @@ export class RequestInvestigationComponent {
     private readonly ctaSnackbarService: CtaSnackbarService,
   ) {}
 
-  private readonly textAreaControl = new FormControl(undefined, [
+  private readonly textAreaControl = new UntypedFormControl(undefined, [
     Validators.required,
     Validators.maxLength(1000),
     Validators.minLength(15),
   ]);
-  public readonly investigationFormGroup = new FormGroup({ description: this.textAreaControl });
+  public readonly investigationFormGroup = new UntypedFormGroup({ description: this.textAreaControl });
 
   public submitInvestigation(): void {
     this.investigationFormGroup.markAllAsTouched();
diff --git a/src/app/modules/shared/components/textarea/textarea.component.spec.ts b/src/app/modules/shared/components/textarea/textarea.component.spec.ts
@@ -19,16 +19,16 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { UntypedFormControl, UntypedFormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 import { TextareaComponent } from '@shared/components/textarea/textarea.component';
 import { SharedModule } from '@shared/shared.module';
 import { fireEvent, screen } from '@testing-library/angular';
 import { renderComponent } from '@tests/test-render.utils';
 
 describe('TextareaComponent', () => {
   const renderTextarea = async (label = 'Label') => {
-    const form = new FormGroup({
-      formField: new FormControl(undefined, [Validators.required]),
+    const form = new UntypedFormGroup({
+      formField: new UntypedFormControl(undefined, [Validators.required]),
     });
 
     await renderComponent(
@@ -40,8 +40,8 @@ describe('TextareaComponent', () => {
         declarations: [TextareaComponent],
         imports: [ReactiveFormsModule, SharedModule],
         componentProperties: {
-          form: new FormGroup({
-            formField: new FormControl(undefined, [Validators.required]),
+          form: new UntypedFormGroup({
+            formField: new UntypedFormControl(undefined, [Validators.required]),
           }),
         },
       },
diff --git a/src/app/modules/shared/modules/modal/core/modal.model.ts b/src/app/modules/shared/modules/modal/core/modal.model.ts
@@ -20,7 +20,7 @@
  ********************************************************************************/
 
 import { TemplateRef } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { UntypedFormGroup } from '@angular/forms';
 
 export interface ModalData {
   title: string;
@@ -31,5 +31,5 @@ export interface ModalData {
   template: TemplateRef<unknown>;
   onConfirm: (isConfirmed: boolean) => void;
 
-  formGroup?: FormGroup;
+  formGroup?: UntypedFormGroup;
 }
diff --git a/src/app/modules/shared/modules/notification/modal/accept/accept-notification-modal.component.ts b/src/app/modules/shared/modules/notification/modal/accept/accept-notification-modal.component.ts
@@ -20,7 +20,7 @@
  ********************************************************************************/
 
 import { Component, EventEmitter, Input, Output, TemplateRef, ViewChild } from '@angular/core';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';
 import { ToastService } from '@shared/components/toasts/toast.service';
 import { Notification } from '@shared/model/notification.model';
 import { ModalData } from '@shared/modules/modal/core/modal.model';
@@ -38,10 +38,10 @@ export class AcceptNotificationModalComponent {
 
   public notification: Notification;
   public readonly formGroup;
-  private readonly textAreaControl = new FormControl();
+  private readonly textAreaControl = new UntypedFormControl();
 
   constructor(private readonly toastService: ToastService, private readonly confirmModalService: ModalService) {
-    this.formGroup = new FormGroup({ reason: this.textAreaControl });
+    this.formGroup = new UntypedFormGroup({ reason: this.textAreaControl });
   }
 
   public show(notification: Notification): void {
diff --git a/src/app/modules/shared/modules/notification/modal/cancel/cancel-notification-modal.component.ts b/src/app/modules/shared/modules/notification/modal/cancel/cancel-notification-modal.component.ts
@@ -20,7 +20,7 @@
  ********************************************************************************/
 
 import { Component, EventEmitter, Input, Output, TemplateRef, ViewChild } from '@angular/core';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';
 import { ToastService } from '@shared/components/toasts/toast.service';
 import { Notification } from '@shared/model/notification.model';
 import { ModalData } from '@shared/modules/modal/core/modal.model';
@@ -38,10 +38,10 @@ export class CancelNotificationModalComponent {
 
   public notification: Notification;
   public readonly formGroup;
-  private readonly textAreaControl = new FormControl();
+  private readonly textAreaControl = new UntypedFormControl();
 
   constructor(private readonly toastService: ToastService, private readonly confirmModalService: ModalService) {
-    this.formGroup = new FormGroup({ notificationId: this.textAreaControl });
+    this.formGroup = new UntypedFormGroup({ notificationId: this.textAreaControl });
   }
 
   public show(notification: any): void {
diff --git a/src/app/modules/shared/modules/notification/modal/close/close-notification-modal.component.ts b/src/app/modules/shared/modules/notification/modal/close/close-notification-modal.component.ts
@@ -20,7 +20,7 @@
  ********************************************************************************/
 
 import { Component, EventEmitter, Input, Output, TemplateRef, ViewChild } from '@angular/core';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';
 import { ToastService } from '@shared/components/toasts/toast.service';
 import { Notification } from '@shared/model/notification.model';
 import { ModalData } from '@shared/modules/modal/core/modal.model';
@@ -38,10 +38,10 @@ export class CloseNotificationModalComponent {
 
   public notification: Notification;
   public readonly formGroup;
-  private readonly textAreaControl = new FormControl();
+  private readonly textAreaControl = new UntypedFormControl();
 
   constructor(private readonly toastService: ToastService, private readonly confirmModalService: ModalService) {
-    this.formGroup = new FormGroup({ reason: this.textAreaControl });
+    this.formGroup = new UntypedFormGroup({ reason: this.textAreaControl });
   }
 
   public show(notification: Notification): void {
diff --git a/src/app/modules/shared/modules/notification/modal/decline/decline-notification-modal.component.ts b/src/app/modules/shared/modules/notification/modal/decline/decline-notification-modal.component.ts
@@ -20,7 +20,7 @@
  ********************************************************************************/
 
 import { Component, EventEmitter, Input, Output, TemplateRef, ViewChild } from '@angular/core';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';
 import { ToastService } from '@shared/components/toasts/toast.service';
 import { Notification } from '@shared/model/notification.model';
 import { ModalData } from '@shared/modules/modal/core/modal.model';
@@ -38,10 +38,10 @@ export class DeclineNotificationModalComponent {
 
   public notification: Notification;
   public readonly formGroup;
-  private readonly textAreaControl = new FormControl();
+  private readonly textAreaControl = new UntypedFormControl();
 
   constructor(private readonly toastService: ToastService, private readonly confirmModalService: ModalService) {
-    this.formGroup = new FormGroup({ reason: this.textAreaControl });
+    this.formGroup = new UntypedFormGroup({ reason: this.textAreaControl });
   }
 
   public show(notification: Notification): void {
diff --git a/src/app/modules/shared/pipes/error-message.pipe.spec.ts b/src/app/modules/shared/pipes/error-message.pipe.spec.ts
@@ -19,14 +19,14 @@
  * SPDX-License-Identifier: Apache-2.0
  ********************************************************************************/
 
-import { FormControl, ValidatorFn, Validators } from '@angular/forms';
+import { UntypedFormControl, ValidatorFn, Validators } from '@angular/forms';
 import { screen } from '@testing-library/angular';
 import { renderComponent } from '@tests/test-render.utils';
 import { SharedModule } from '..';
 
 describe('ErrorMessagePipe', () => {
   const getErrorsForRules = (value: string | number, rules: ValidatorFn[]) => {
-    const control = new FormControl(value, rules);
+    const control = new UntypedFormControl(value, rules);
     control.updateValueAndValidity();
 
     return control.errors;
diff --git a/tsconfig.json b/tsconfig.json
@@ -13,7 +13,7 @@
     "experimentalDecorators": true,
     "importHelpers": true,
     "resolveJsonModule": true,
-    "target": "es2015",
+    "target": "es2020",
     "typeRoots": ["node_modules/@types"],
     "lib": ["es2018", "dom"],
     "paths": {
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -243,6 +243,5 @@`
`243`	`243`	`}`
`244`	`244`	`}`
`245`	`245`	`}`
`246`		`- },`
`247`		`- "defaultProject": "trace-x"`
	`246`	`+ }`
`248`	`247`	`}`