chore(console): angular 14 (#3799)

* eslint schematics

* cli, core migrations

* material

* schematics

* ng-qrcode update

* fix input, formfield errorstatemixin

* other packages

* downgrade codemirror

* codemirror

* @next of alphas

Co-authored-by: Livio Spring <[email protected]>

console/src/app/pages/users/user-create-machine/user-create-machine.component.ts

@@ -1,6 +1,6 @@
 import { Location } from '@angular/common';
 import { Component, OnDestroy } from '@angular/core';
-import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { AbstractControl, UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { Router } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { AddMachineUserRequest } from 'src/app/proto/generated/zitadel/management_pb';
@@ -15,7 +15,7 @@ import { ToastService } from 'src/app/services/toast.service';
 })
 export class UserCreateMachineComponent implements OnDestroy {
   public user: AddMachineUserRequest.AsObject = new AddMachineUserRequest().toObject();
-  public userForm!: FormGroup;
+  public userForm!: UntypedFormGroup;
 
   private sub: Subscription = new Subscription();
   public loading: boolean = false;
@@ -24,7 +24,7 @@ export class UserCreateMachineComponent implements OnDestroy {
     private router: Router,
     private toast: ToastService,
     public userService: ManagementService,
-    private fb: FormBuilder,
+    private fb: UntypedFormBuilder,
     private _location: Location,
     breadcrumbService: BreadcrumbService,
   ) {

console/src/app/pages/users/user-create/user-create.component.ts

@@ -1,6 +1,6 @@
 import { Location } from '@angular/common';
 import { ChangeDetectorRef, Component, OnDestroy, ViewChild } from '@angular/core';
-import { AbstractControl, FormBuilder, FormGroup, ValidatorFn, Validators } from '@angular/forms';
+import { AbstractControl, UntypedFormBuilder, UntypedFormGroup, ValidatorFn, Validators } from '@angular/forms';
 import { Router } from '@angular/router';
 import parsePhoneNumber from 'libphonenumber-js';
 import { Subject } from 'rxjs';
@@ -44,8 +44,8 @@ export class UserCreateComponent implements OnDestroy {
   public user: AddHumanUserRequest.AsObject = new AddHumanUserRequest().toObject();
   public genders: Gender[] = [Gender.GENDER_FEMALE, Gender.GENDER_MALE, Gender.GENDER_UNSPECIFIED];
   public languages: string[] = ['de', 'en'];
-  public userForm!: FormGroup;
-  public pwdForm!: FormGroup;
+  public userForm!: UntypedFormGroup;
+  public pwdForm!: UntypedFormGroup;
 
   public envSuffixLabel: string = '';
   private destroyed$: Subject<void> = new Subject();
@@ -61,7 +61,7 @@ export class UserCreateComponent implements OnDestroy {
   constructor(
     private router: Router,
     private toast: ToastService,
-    private fb: FormBuilder,
+    private fb: UntypedFormBuilder,
     private mgmtService: ManagementService,
     private changeDetRef: ChangeDetectorRef,
     private _location: Location,

console/src/app/pages/users/user-detail/auth-user-detail/edit-dialog/edit-dialog.component.ts

@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core';
-import { FormControl, Validators } from '@angular/forms';
+import { UntypedFormControl, Validators } from '@angular/forms';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { parsePhoneNumber } from 'libphonenumber-js';
 
@@ -17,7 +17,7 @@ export class EditDialogComponent {
   public isPhone: boolean = false;
   public isVerified: boolean = false;
   public phoneCountry: string = 'CH';
-  public valueControl: FormControl = new FormControl(['', [Validators.required]]);
+  public valueControl: UntypedFormControl = new UntypedFormControl(['', [Validators.required]]);
   public EditDialogType: any = EditDialogType;
   constructor(public dialogRef: MatDialogRef<EditDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {
     this.valueControl.setValue(data.value);

console/src/app/pages/users/user-detail/detail-form-machine/detail-form-machine.component.ts

@@ -1,5 +1,5 @@
 import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
-import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { AbstractControl, UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { Subscription } from 'rxjs';
 import { Human, Machine } from 'src/app/proto/generated/zitadel/user_pb';
 
@@ -14,11 +14,11 @@ export class DetailFormMachineComponent implements OnInit, OnDestroy {
   @Input() public disabled: boolean = false;
   @Output() public submitData: EventEmitter<any> = new EventEmitter<any>();
 
-  public machineForm!: FormGroup;
+  public machineForm!: UntypedFormGroup;
 
   private sub: Subscription = new Subscription();
 
-  constructor(private fb: FormBuilder) {
+  constructor(private fb: UntypedFormBuilder) {
     this.machineForm = this.fb.group({
       userName: [{ value: '', disabled: true }, [
         Validators.required,

console/src/app/pages/users/user-detail/detail-form/detail-form.component.ts

@@ -1,5 +1,5 @@
 import { Component, EventEmitter, Input, OnChanges, OnDestroy, Output } from '@angular/core';
-import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { AbstractControl, UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { Subscription } from 'rxjs';
 import { Gender, Human, Profile } from 'src/app/proto/generated/zitadel/user_pb';
@@ -24,11 +24,11 @@ export class DetailFormComponent implements OnDestroy, OnChanges {
   @Output() public changeUsernameClicked: EventEmitter<void> = new EventEmitter();
   @Output() public avatarChanged: EventEmitter<void> = new EventEmitter();
 
-  public profileForm!: FormGroup;
+  public profileForm!: UntypedFormGroup;
 
   private sub: Subscription = new Subscription();
 
-  constructor(private fb: FormBuilder, private dialog: MatDialog) {
+  constructor(private fb: UntypedFormBuilder, private dialog: MatDialog) {
     this.profileForm = this.fb.group({
       userName: [{ value: '', disabled: true }, [Validators.required]],
       firstName: [{ value: '', disabled: this.disabled }, Validators.required],

console/src/app/pages/users/user-detail/password/password.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnDestroy } from '@angular/core';
-import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { AbstractControl, UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 import { Subscription, take } from 'rxjs';
 import { lowerCaseValidator, numberValidator, symbolValidator, upperCaseValidator } from 'src/app/pages/validators';
@@ -33,13 +33,13 @@ export class PasswordComponent implements OnDestroy {
   userId: string = '';
 
   public policy!: PasswordComplexityPolicy.AsObject;
-  public passwordForm!: FormGroup;
+  public passwordForm!: UntypedFormGroup;
 
   private formSub: Subscription = new Subscription();
 
   constructor(
     activatedRoute: ActivatedRoute,
-    private fb: FormBuilder,
+    private fb: UntypedFormBuilder,
     private authService: GrpcAuthService,
     private mgmtUserService: ManagementService,
     private toast: ToastService,