update to static suites

Author: simplifiedcourses

package-lock.json

@@ -15,7 +15,7 @@
     "lodash": "^4.17.21",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "vest": "^5.1.1",
+    "vest": "^5.2.8",
     "zone.js": "~0.13.3"
   },
   "scripts": {

package.json

@@ -1,7 +1,7 @@
-import { AfterViewInit, Directive, inject, Input, OnDestroy, Output } from '@angular/core';
+import { Directive, inject, Input, OnDestroy, Output } from '@angular/core';
 import { AbstractControl, FormGroup, NgForm } from '@angular/forms';
 import { debounceTime, distinctUntilChanged, map, Subject, takeUntil } from 'rxjs';
-import { Suite } from 'vest';
+import { StaticSuite } from 'vest';
 
 @Directive({
   selector: 'form',
@@ -11,7 +11,7 @@ export class FormDirective<T> implements OnDestroy {
   private readonly destroy$$ = new Subject<void>();
   public readonly ngForm = inject(NgForm, { self: true });
   @Input() public formValue: T | null = null;
-  @Input() public suite: Suite<string, string, (model: T, field: string) => void> | null = null;
+  @Input() public suite: StaticSuite<string, string, (model: T, field: string) => void> | null = null;
 
   @Output() public readonly formValueChange = this.ngForm.form.valueChanges.pipe(
     debounceTime(0),

src/app/template-driven-forms/form.directive.ts

@@ -1,5 +1,5 @@
 import { AbstractControl, AsyncValidatorFn, FormGroup, ValidatorFn } from '@angular/forms';
-import { Suite, SuiteResult } from 'vest';
+import { StaticSuite, SuiteResult } from 'vest';
 import { set, cloneDeep } from 'lodash';
 import { Observable } from 'rxjs';
 
@@ -102,7 +102,7 @@ export function getFormGroupField(rootForm: FormGroup, control: AbstractControl)
 export function createValidator<T>(
   field: string,
   model: T,
-  suite: (model: T, field: string) => SuiteResult<string, string>
+  suite: StaticSuite<string, string, (model: T, field: string) => void>,
 ): ValidatorFn {
   return (control: AbstractControl) => {
     const mod = cloneDeep(model);
@@ -117,7 +117,7 @@ export function createValidator<T>(
 export function createAsyncValidator<T>(
   field: string,
   model: T,
-  suite: Suite<string, string, (model: T, field: string) => void>,
+  suite: StaticSuite<string, string, (model: T, field: string) => void>,
 ): AsyncValidatorFn {
   return (control: AbstractControl) => {
     const mod = cloneDeep(model);

src/app/template-driven-forms/utils.ts

@@ -1,12 +1,12 @@
-import { create, enforce, omitWhen, only, test } from 'vest';
+import { enforce, omitWhen, only, staticSuite, test } from 'vest';
 import { FormModel } from '../models/form.model';
 import { addressValidations } from './address.validations';
 import { phonenumberValidations } from './phonenumber.validations';
 import { SwapiService } from '../swapi.service';
 import { fromEvent, lastValueFrom, takeUntil } from 'rxjs';
 
 export const createPurchaseValidationSuite = (swapiService: SwapiService) => {
-  return create(
+  return staticSuite(
     (model: FormModel, field: string) => {
       only(field);