feat: update angular version from 14 to 15

- update package.json dependencies
- npm audit force fix
- add `MatDialogModule` to app module imports
- mat-form-field has appearance property `outline` and `fill` now
- update unit tests
This commit is contained in:
Midhun A Darvin
2024-02-02 13:40:28 +05:30
committed by Fabio Formosa
parent 5cb73019de
commit 2debf6c63f
7 changed files with 4610 additions and 16990 deletions

1
.gitignore vendored
View File

@@ -1,3 +1,4 @@
/.project
.idea
*.iml
.DS_Store

File diff suppressed because it is too large Load Diff

View File

@@ -12,20 +12,20 @@
},
"private": true,
"dependencies": {
"@angular-material-components/datetime-picker": "8.0.0",
"@angular-material-components/moment-adapter": "8.0.0",
"@angular/animations": "14.2.12",
"@angular/cdk": "^14.0.1",
"@angular/common": "14.2.12",
"@angular/compiler": "14.2.12",
"@angular/core": "14.2.12",
"@angular/flex-layout": "14.0.0-beta.41",
"@angular/forms": "14.2.12",
"@angular/material": "^14.0.1",
"@angular/platform-browser": "14.2.12",
"@angular/platform-browser-dynamic": "14.2.12",
"@angular/platform-server": "14.2.12",
"@angular/router": "14.2.12",
"@angular-material-components/datetime-picker": "15.0.0",
"@angular-material-components/moment-adapter": "15.0.0",
"@angular/animations": "15.2.10",
"@angular/cdk": "15.0.1",
"@angular/common": "15.2.10",
"@angular/compiler": "15.2.10",
"@angular/core": "15.2.10",
"@angular/flex-layout": "15.0.0-beta.42",
"@angular/forms": "15.2.10",
"@angular/material": "15.0.1",
"@angular/platform-browser": "15.2.10",
"@angular/platform-browser-dynamic": "15.2.10",
"@angular/platform-server": "15.2.10",
"@angular/router": "15.2.10",
"@auth0/angular-jwt": "5.1.0",
"@fortawesome/fontawesome": "^1.1.4",
"@fortawesome/fontawesome-free-regular": "^5.0.8",
@@ -42,16 +42,16 @@
"zone.js": "~0.12.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "14.2.10",
"@angular-devkit/core": "^14.2.10",
"@angular-eslint/builder": "14.4.0",
"@angular-eslint/eslint-plugin": "14.4.0",
"@angular-eslint/eslint-plugin-template": "14.4.0",
"@angular-eslint/schematics": "14.4.0",
"@angular-eslint/template-parser": "14.4.0",
"@angular/cli": "14.2.10",
"@angular/compiler-cli": "14.2.12",
"@angular/language-service": "14.2.12",
"@angular-devkit/build-angular": "^15.2.10",
"@angular-devkit/core": "^15.2.10",
"@angular-eslint/builder": "15.2.1",
"@angular-eslint/eslint-plugin": "15.2.1",
"@angular-eslint/eslint-plugin-template": "15.2.1",
"@angular-eslint/schematics": "15.2.1",
"@angular-eslint/template-parser": "15.2.1",
"@angular/cli": "^15.2.10",
"@angular/compiler-cli": "15.2.10",
"@angular/language-service": "15.2.10",
"@types/hammerjs": "2.0.34",
"@types/jasmine": "2.5.54",
"@types/jasminewd2": "2.0.3",
@@ -60,7 +60,7 @@
"@typescript-eslint/eslint-plugin": "5.43.0",
"@typescript-eslint/eslint-plugin-tslint": "^5.46.0",
"@typescript-eslint/parser": "5.43.0",
"codelyzer": "~6.0.2",
"codelyzer": "6.0.2",
"eslint": "^8.28.0",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-import": "^2.26.0",
@@ -77,9 +77,9 @@
"karma-jasmine-html-reporter": "~2.0.0",
"prettier": "^2.8.1",
"prettier-eslint": "^15.0.1",
"protractor": "~7.0.0",
"protractor": "^7.0.0",
"ts-node": "10.9.1",
"typescript": "4.6.4"
"typescript": "4.9.5"
},
"jest": {
"preset": "jest-preset-angular",
@@ -87,4 +87,4 @@
"<rootDir>/jest.setup.ts"
]
}
}
}

View File

@@ -21,6 +21,7 @@ import {MatDatepickerModule} from '@angular/material/datepicker';
import {MatSelectModule} from '@angular/material/select';
import {MatListModule} from '@angular/material/list';
import {MatSidenavModule} from '@angular/material/sidenav';
import {MatDialogModule} from '@angular/material/dialog';
import {MatNativeDateModule} from '@angular/material/core';
import { NgxMatTimepickerModule, NgxMatDatetimePickerModule} from '@angular-material-components/datetime-picker';
@@ -133,6 +134,7 @@ export function jwtOptionsFactory(apiService: ApiService) {
deps: [ApiService]
}
}),
MatDialogModule,
MatMenuModule,
MatTooltipModule,
MatButtonModule,

View File

@@ -18,7 +18,7 @@
[formGroup]="simpleTriggerReactiveForm" (ngSubmit)="onSubmitTriggerConfig()">
<div>
<mat-form-field
[appearance]="enabledTriggerForm && !trigger ? 'standard': 'none'"
[appearance]="enabledTriggerForm && !trigger ? 'outline': 'fill'"
class="full-size-input">
<mat-label>Trigger Name</mat-label>
<input id="triggerName"
@@ -33,7 +33,7 @@
<div>
<mat-form-field
[appearance]="enabledTriggerForm ? 'standard': 'none'"
[appearance]="enabledTriggerForm ? 'outline': 'fill'"
class="full-size-input"
>
<mat-label>Job Class</mat-label>
@@ -50,7 +50,7 @@
<div>
<mat-form-field
[appearance]="enabledTriggerForm ? 'standard': 'none'"
[appearance]="enabledTriggerForm ? 'outline': 'fill'"
class="full-size-input"
>
<mat-label>Misfire Instruction</mat-label>
@@ -82,7 +82,7 @@
<div formGroupName="triggerPeriod">
<div>
<mat-form-field
[appearance]="enabledTriggerForm ? 'standard': 'none'"
[appearance]="enabledTriggerForm ? 'outline': 'fill'"
class="full-size-input"
>
<mat-label>Start Date (optional)</mat-label>
@@ -99,7 +99,7 @@
<div>
<mat-form-field
[appearance]="enabledTriggerForm ? 'standard': 'none'"
[appearance]="enabledTriggerForm ? 'outline': 'fill'"
class="full-size-input"
>
<mat-label>End Date (optional)</mat-label>
@@ -122,7 +122,7 @@
<div formGroupName="triggerRecurrence">
<div>
<mat-form-field
[appearance]="enabledTriggerForm ? 'standard': 'none'"
[appearance]="enabledTriggerForm ? 'outline': 'fill'"
class="full-size-input"
>
<mat-label>Repeat Interval [in mills]</mat-label>
@@ -138,7 +138,7 @@
</div>
<div>
<mat-form-field
[appearance]="enabledTriggerForm ? 'standard': 'none'"
[appearance]="enabledTriggerForm ? 'outline': 'fill'"
class="full-size-input"
>
<mat-label>Repeat Count</mat-label>

View File

@@ -81,7 +81,7 @@ describe('SimpleTriggerConfig', () => {
const dropdownDe = componentDe.query(By.css(dropdownSelector));
dropdownDe.nativeElement.click();
fixture.detectChanges();
const matOptionDe = componentDe.query(By.css('.mat-select-panel')).queryAll(By.css('.mat-option'));
const matOptionDe = componentDe.query(By.css('.mat-mdc-select-panel')).queryAll(By.css('.mat-mdc-option'));
matOptionDe[index].nativeElement.click();
fixture.detectChanges();
}

View File

@@ -10,7 +10,7 @@
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"target": "es2020",
"target": "ES2022",
"typeRoots": [
"node_modules/@types"
],
@@ -18,6 +18,7 @@
"es2016",
"dom"
],
"module": "es2020"
"module": "es2020",
"useDefineForClassFields": false
}
}