run ng update @angular-eslint/schematics@14 @angular/cdk@14 @angular/cli@14 @angular/core@14 @angular/material@14 --force

Author: sultanmyrza

angular.json

@@ -1,7 +1,6 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
-  "defaultProject": "app",
   "newProjectRoot": "projects",
   "projects": {
     "app": {
@@ -188,8 +187,8 @@
     }
   },
   "cli": {
-    "defaultCollection": "@ionic/angular-toolkit",
-    "analytics": false
+    "analytics": false,
+    "schematicCollections": ["@ionic/angular-toolkit"]
   },
   "schematics": {
     "@ionic/angular-toolkit:component": {

package-lock.json

@@ -20,11 +20,11 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^14.2.0",
-    "@angular/cdk": "^13.3.9",
+    "@angular/cdk": "^14.2.0",
     "@angular/common": "^14.2.0",
-    "@angular/core": "^13.3.11",
+    "@angular/core": "^14.2.0",
     "@angular/forms": "^14.2.0",
-    "@angular/material": "^13.3.9",
+    "@angular/material": "^14.2.0",
     "@angular/platform-browser": "^14.2.0",
     "@angular/platform-browser-dynamic": "^14.2.0",
     "@angular/router": "^14.2.0",
@@ -84,13 +84,13 @@
     "zone.js": "^0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^13.3.9",
-    "@angular-eslint/builder": "^13.5.0",
-    "@angular-eslint/eslint-plugin": "^13.5.0",
-    "@angular-eslint/eslint-plugin-template": "^13.5.0",
-    "@angular-eslint/schematics": "^13.5.0",
-    "@angular-eslint/template-parser": "^13.5.0",
-    "@angular/cli": "^13.3.9",
+    "@angular-devkit/build-angular": "^14.2.1",
+    "@angular-eslint/builder": "^14.0.3",
+    "@angular-eslint/eslint-plugin": "^14.0.3",
+    "@angular-eslint/eslint-plugin-template": "^14.0.3",
+    "@angular-eslint/schematics": "^14.0.3",
+    "@angular-eslint/template-parser": "^14.0.3",
+    "@angular/cli": "^14.2.1",
     "@angular/compiler": "^14.2.0",
     "@angular/compiler-cli": "^14.2.0",
     "@angular/language-service": "^14.2.0",
@@ -100,11 +100,11 @@
     "@types/jasminewd2": "^2.0.10",
     "@types/lodash-es": "^4.17.4",
     "@types/node": "^16.7.10",
-    "@typescript-eslint/eslint-plugin": "5.3.0",
-    "@typescript-eslint/parser": "5.3.0",
+    "@typescript-eslint/eslint-plugin": "^5.29.0",
+    "@typescript-eslint/parser": "^5.29.0",
     "assert": "^2.0.0",
     "crypto-browserify": "^3.12.0",
-    "eslint": "^8.2.0",
+    "eslint": "^8.18.0",
     "eslint-plugin-import": "2.25.2",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "eslint-plugin-rxjs": "^3.3.7",

package.json

@@ -1,6 +1,6 @@
 import { HttpErrorResponse } from '@angular/common/http';
 import { Component } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { UntypedFormGroup } from '@angular/forms';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
 import { AlertController } from '@ionic/angular';
@@ -29,7 +29,7 @@ import { EMAIL_REGEXP } from '../../utils/validation';
   styleUrls: ['./login.page.scss'],
 })
 export class LoginPage {
-  readonly form = new FormGroup({});
+  readonly form = new UntypedFormGroup({});
 
   readonly model: LoginFormModel = { email: '', password: '' };
 

src/app/features/login/login.page.ts

@@ -1,6 +1,6 @@
 import { HttpErrorResponse } from '@angular/common/http';
 import { Component } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { UntypedFormGroup } from '@angular/forms';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
 import { TranslocoService } from '@ngneat/transloco';
@@ -31,11 +31,11 @@ import {
   styleUrls: ['./phone-verification.page.scss'],
 })
 export class PhoneVerificationPage {
-  phoneNumberForm = new FormGroup({});
+  phoneNumberForm = new UntypedFormGroup({});
   phoneNumberModel: phoneNumberFormModel = { phoneNumber: '' };
   phoneNumberFields: FormlyFieldConfig[] = [];
 
-  verificationCodeForm = new FormGroup({});
+  verificationCodeForm = new UntypedFormGroup({});
   verificationCodeModel: verificationCodeModel = { verificationCode: '' };
   verificationCodeFields: FormlyFieldConfig[] = [];
 

src/app/features/profile/phone-verification/phone-verification.page.ts

@@ -1,6 +1,6 @@
 import { HttpErrorResponse } from '@angular/common/http';
 import { Component } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { UntypedFormGroup } from '@angular/forms';
 import { Router } from '@angular/router';
 import { TranslocoService } from '@ngneat/transloco';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
@@ -19,7 +19,7 @@ import { EMAIL_REGEXP } from '../../utils/validation';
   styleUrls: ['./signup.page.scss'],
 })
 export class SignupPage {
-  form = new FormGroup({});
+  form = new UntypedFormGroup({});
 
   model: SignupFormModel = {
     email: '',
@@ -78,7 +78,7 @@ export class SignupPage {
       {
         validators: {
           fieldMatch: {
-            expression: (control: FormGroup) => {
+            expression: (control: UntypedFormGroup) => {
               const { password, confirmPassword } = control.value;
               return (
                 confirmPassword === password ||
@@ -93,7 +93,7 @@ export class SignupPage {
             errorPath: 'confirmPassword',
           },
           referralCodeValidator: {
-            expression: (control: FormGroup) => {
+            expression: (control: UntypedFormGroup) => {
               const alphanumeric = /^[A-Z0-9]{6}$/g;
               const { referralCodeOptional } = control.value;
 

src/app/features/signup/signup.page.ts

@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { UntypedFormGroup } from '@angular/forms';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { Action, Param } from '../service/actions.service';
@@ -10,7 +10,7 @@ import { Action, Param } from '../service/actions.service';
   styleUrls: ['./actions-dialog.component.scss'],
 })
 export class ActionsDialogComponent {
-  readonly form = new FormGroup({});
+  readonly form = new UntypedFormGroup({});
   readonly fields: FormlyFieldConfig[] = [];
   readonly model: any = {};
 

src/app/shared/actions/actions-dialog/actions-dialog.component.ts

@@ -10,7 +10,7 @@
     "module": "es2020",
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2015",
+    "target": "es2020",
     "lib": ["es2019", "dom"],
     "strict": true,
     "resolveJsonModule": true,