TD-925: Bump Angular to 18 (#63)

This commit is contained in:
Rinat Arsaev 2024-06-21 13:44:52 +05:00 committed by GitHub
parent e9fedc5545
commit dbcf86f65e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
12 changed files with 3329 additions and 2941 deletions

View File

@ -4,14 +4,10 @@ const NG_CORE_PATH = 'projects/ng-core/**';
const NG_LIBS_DOC_PATH = 'projects/ng-libs-doc/**'; const NG_LIBS_DOC_PATH = 'projects/ng-libs-doc/**';
module.exports = { module.exports = {
...config, extends: '@vality/eslint-config-ng',
ignorePatterns: [ ignorePatterns: ['ng-doc'],
...config.ignorePatterns,
'ng-doc'
],
overrides: [ overrides: [
...config.overrides, ...require('@vality/eslint-config-ng/configs').angular('v', NG_CORE_PATH).overrides,
...require('./projects/eslint-config/configs/angular')('v', NG_CORE_PATH).overrides, ...require('@vality/eslint-config-ng/configs').angular('app', NG_LIBS_DOC_PATH).overrides,
...require('./projects/eslint-config/configs/angular')('app', NG_LIBS_DOC_PATH).overrides,
], ],
}; };

View File

@ -1,6 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="EslintConfiguration"> <component name="EslintConfiguration">
<extra-options value="--resolve-plugins-relative-to node_modules/@vality/eslint-config-ng" />
<files-pattern value="**" /> <files-pattern value="**" />
<option name="fix-on-save" value="true" /> <option name="fix-on-save" value="true" />
</component> </component>

View File

@ -4,6 +4,6 @@
<option name="myConfigurationMode" value="AUTOMATIC" /> <option name="myConfigurationMode" value="AUTOMATIC" />
<option name="myRunOnSave" value="true" /> <option name="myRunOnSave" value="true" />
<option name="myRunOnReformat" value="true" /> <option name="myRunOnReformat" value="true" />
<option name="myFilesPattern" value="{**/*,*}.{js,ts,md,html,scss,yaml,json,svg}" /> <option name="myFilesPattern" value="{**/*,*}.{js,ts,md,html,scss,yaml,svg}" />
</component> </component>
</project> </project>

6155
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -5,13 +5,13 @@
"ng": "ng", "ng": "ng",
"start": "ng build ng-core --watch --configuration development", "start": "ng build ng-core --watch --configuration development",
"doc": "ng serve --port 4500", "doc": "ng serve --port 4500",
"build": "ng build ng-core && ng build ng-libs-doc --base-href='./'", "build": "ng build ng-core && echo \"TODO: ng build ng-libs-doc --base-href='./'\"",
"test": "ng test ng-core", "test": "ng test ng-core",
"test:ci": "npm run test -- --browsers=ChromeHeadless --watch=false", "test:ci": "npm run test -- --browsers=ChromeHeadless --watch=false",
"format": "prettier \"**\" --list-different", "format": "prettier \"**\" --list-different",
"format:fix": "prettier \"**\" --write --log-level warn", "format:fix": "prettier \"**\" --write --log-level warn",
"lint": "eslint \"**\" --max-warnings=0", "lint": "eslint \"**\" --max-warnings=0 --resolve-plugins-relative-to node_modules/@vality/eslint-config-ng",
"lint:fix": "eslint \"**\" --fix", "lint:fix": "npm run lint -- --fix",
"spell": "cspell --no-progress **", "spell": "cspell --no-progress **",
"spell:fix": "cspell --no-progress --show-suggestions --show-context **", "spell:fix": "cspell --no-progress --show-suggestions --show-context **",
"check": "npm run format && npm run lint && npm run spell", "check": "npm run format && npm run lint && npm run spell",
@ -26,14 +26,14 @@
"url": "https://github.com/valitydev/ng-libs" "url": "https://github.com/valitydev/ng-libs"
}, },
"dependencies": { "dependencies": {
"@angular/animations": "^17.2.1", "@angular/animations": "^18.0.3",
"@angular/common": "^17.2.1", "@angular/common": "^18.0.3",
"@angular/compiler": "^17.2.1", "@angular/compiler": "^18.0.3",
"@angular/core": "^17.2.1", "@angular/core": "^18.0.3",
"@angular/forms": "^17.2.1", "@angular/forms": "^18.0.3",
"@angular/platform-browser": "^17.2.1", "@angular/platform-browser": "^18.0.3",
"@angular/platform-browser-dynamic": "^17.2.1", "@angular/platform-browser-dynamic": "^18.0.3",
"@angular/router": "^17.2.1", "@angular/router": "^18.0.3",
"@ng-doc/app": "17.5.5", "@ng-doc/app": "17.5.5",
"@ng-doc/builder": "17.5.5", "@ng-doc/builder": "17.5.5",
"@ng-doc/core": "17.5.5", "@ng-doc/core": "17.5.5",
@ -43,20 +43,20 @@
"zone.js": "~0.14.2" "zone.js": "~0.14.2"
}, },
"devDependencies": { "devDependencies": {
"@angular-devkit/build-angular": "^17.2.0", "@angular-devkit/build-angular": "^18.0.4",
"@angular/cli": "~17.2.0", "@angular/cli": "~18.0.4",
"@angular/compiler-cli": "^17.2.1", "@angular/compiler-cli": "^18.0.3",
"@types/jasmine": "~4.3.0", "@types/jasmine": "~4.3.0",
"cspell": "^8.3.2", "cspell": "^8.3.2",
"eslint": "^8.56.0", "eslint": "^8.57.0",
"jasmine-core": "~4.5.0", "jasmine-core": "~4.5.0",
"karma": "~6.4.0", "karma": "~6.4.0",
"karma-chrome-launcher": "~3.1.0", "karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.2.0", "karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0", "karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.0.0", "karma-jasmine-html-reporter": "~2.0.0",
"ng-packagr": "^17.2.0", "ng-packagr": "^18.0.0",
"prettier": "^3.1.1", "prettier": "^3.1.1",
"typescript": "~5.2.2" "typescript": "~5.4.5"
} }
} }

View File

@ -1,6 +1,6 @@
{ {
"name": "@vality/eslint-config", "name": "@vality/eslint-config-ng",
"version": "8.2.0", "version": "18.0.0",
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
@ -9,16 +9,16 @@
"./configs": "./configs/index.js" "./configs": "./configs/index.js"
}, },
"peerDependencies": { "peerDependencies": {
"eslint": "^8.56.0" "eslint": "^8.0.0"
}, },
"dependencies": { "dependencies": {
"@angular-eslint/eslint-plugin": "^17.2.1", "@angular-eslint/eslint-plugin": "^18.0.1",
"@angular-eslint/eslint-plugin-template": "^17.2.1", "@angular-eslint/eslint-plugin-template": "^18.0.1",
"@angular-eslint/template-parser": "^17.2.1", "@angular-eslint/template-parser": "^18.0.1",
"@typescript-eslint/eslint-plugin": "^6.20.0", "@typescript-eslint/eslint-plugin": "^7.13.1",
"@typescript-eslint/parser": "^6.20.0", "@typescript-eslint/parser": "^7.13.1",
"eslint-config-prettier": "^9.1.0", "eslint-config-prettier": "^9.1.0",
"eslint-plugin-import": "^2.29.1", "eslint-plugin-import": "^2.29.1",
"eslint-plugin-unused-imports": "^3.0.0" "eslint-plugin-unused-imports": "^3.2.0"
} }
} }

View File

@ -1,6 +1,6 @@
{ {
"name": "@vality/ng-core", "name": "@vality/ng-core",
"version": "17.2.0", "version": "18.0.0",
"sideEffects": false, "sideEffects": false,
"exports": { "exports": {
".": { ".": {
@ -8,21 +8,21 @@
} }
}, },
"dependencies": { "dependencies": {
"@angular/material-date-fns-adapter": "^17.2.0", "@angular/material-date-fns-adapter": "^18.0.3",
"@ng-matero/extensions": "^17.1.0", "@ng-matero/extensions": "^18.0.1",
"@s-libs/js-core": "^17.1.0", "@s-libs/js-core": "^18.0.0-next.0",
"@s-libs/micro-dash": "^17.1.0", "@s-libs/micro-dash": "^18.0.0-next.0",
"@s-libs/ng-core": "^17.1.0", "@s-libs/ng-core": "^18.0.0-next.0",
"@s-libs/rxjs-core": "^17.1.0", "@s-libs/rxjs-core": "^18.0.0-next.0",
"dinero.js": "^2.0.0-alpha.14", "dinero.js": "^2.0.0-alpha.14",
"fuse.js": "^7.0.0", "fuse.js": "^7.0.0",
"tslib": "^2.3.0" "tslib": "^2.3.0"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/cdk": "^17.2.0", "@angular/cdk": "^18.0.0",
"@angular/common": "^17.2.0", "@angular/common": "^18.0.0",
"@angular/core": "^17.2.0", "@angular/core": "^18.0.0",
"@angular/material": "^17.2.0", "@angular/material": "^18.0.0",
"@types/lodash-es": "^4.0.0", "@types/lodash-es": "^4.0.0",
"date-fns": "^3.0.0", "date-fns": "^3.0.0",
"lodash-es": "^4.0.0", "lodash-es": "^4.0.0",

View File

@ -5,7 +5,7 @@
.v-dialog { .v-dialog {
.title { .title {
@include mat.typography-level($typography, headline-5); @include mat.m2-typography-level($typography, headline-5);
} }
} }
} }

View File

@ -24,6 +24,6 @@
$typography: map-get($theme, typography); $typography: map-get($theme, typography);
.ng-option, .ng-option,
.ng-select-container { .ng-select-container {
@include mat.typography-level($typography, subtitle-1); @include mat.m2-typography-level($typography, subtitle-1);
} }
} }

View File

@ -6,7 +6,7 @@
@function create-light-theme($theme: ()) { @function create-light-theme($theme: ()) {
// Create the theme object. A theme consists of configurations for individual // Create the theme object. A theme consists of configurations for individual
// theming systems such as "color" or "typography". // theming systems such as "color" or "typography".
$base-theme: mat.define-light-theme( $base-theme: mat.m2-define-light-theme(
map-merge( map-merge(
( (
color: color:
@ -15,18 +15,18 @@
// Define the palettes for your theme using the Material Design palettes available in palette.scss // Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker // (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/ // hue. Available color palettes: https://material.io/design/color/
primary: mat.define-palette(mat.$indigo-palette), primary: mat.m2-define-palette(mat.$m2-indigo-palette),
accent: mat.define-palette(mat.$pink-palette), accent: mat.m2-define-palette(mat.$m2-pink-palette),
// The warn palette is optional (defaults to red). // The warn palette is optional (defaults to red).
warn: mat.define-palette(mat.$red-palette) warn: mat.m2-define-palette(mat.$m2-red-palette)
), ),
get-value($theme, color, ()) get-value($theme, color, ())
), ),
typography: mat.define-typography-config(), typography: mat.m2-define-typography-config(),
// Custom palettes // Custom palettes
success: mat.define-palette(mat.$green-palette), success: mat.m2-define-palette(mat.$m2-green-palette),
pending: mat.define-palette(mat.$yellow-palette), pending: mat.m2-define-palette(mat.$m2-yellow-palette),
neutral: mat.define-palette(mat.$gray-palette), neutral: mat.m2-define-palette(mat.$m2-gray-palette),
), ),
map-remove($theme, color) map-remove($theme, color)
) )

View File

@ -1,5 +1,5 @@
@use '@angular/material' as mat; @use '@angular/material' as mat;
@function get-color($theme, $color, $hue: default, $opacity: null) { @function get-color($theme, $color, $hue: default, $opacity: null) {
@return mat.get-color-from-palette(map-get($theme, $color), $hue, $opacity); @return mat.m2-get-color-from-palette(map-get($theme, $color), $hue, $opacity);
} }

View File

@ -5,6 +5,7 @@
"baseUrl": "./", "baseUrl": "./",
"outDir": "./dist/out-tsc", "outDir": "./dist/out-tsc",
"forceConsistentCasingInFileNames": true, "forceConsistentCasingInFileNames": true,
"esModuleInterop": true,
"strict": true, "strict": true,
"noImplicitOverride": true, "noImplicitOverride": true,
"noPropertyAccessFromIndexSignature": true, "noPropertyAccessFromIndexSignature": true,
@ -17,7 +18,6 @@
"@vality/ng-core": ["./projects/ng-core/dist"] "@vality/ng-core": ["./projects/ng-core/dist"]
}, },
"declaration": false, "declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true, "experimentalDecorators": true,
"moduleResolution": "node", "moduleResolution": "node",
"importHelpers": true, "importHelpers": true,