@tanstack/angular-form 0.42.1 → 0.43.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/fesm2022/tanstack-angular-form.mjs +5 -5
  2. package/dist/fesm2022/tanstack-angular-form.mjs.map +1 -1
  3. package/dist/inject-form.d.ts +2 -2
  4. package/dist/inject-store.d.ts +2 -2
  5. package/dist/tanstack-field.directive.d.ts +11 -11
  6. package/package.json +3 -3
  7. package/src/inject-form.ts +37 -4
  8. package/src/inject-store.ts +53 -5
  9. package/src/tanstack-field.directive.ts +127 -20
package/dist/fesm2022/tanstack-angular-form.mjs CHANGED
@@ -18,18 +18,18 @@ class TanStackField {
18
18
  defaultValue;
19
19
  asyncDebounceMs;
20
20
  asyncAlways;
21
- validatorAdapter;
22
21
  tanstackField;
23
22
  validators;
24
23
  listeners;
25
24
  defaultMeta;
25
+ disableErrorFlat;
26
26
  api;
27
27
  getOptions() {
28
28
  return {
29
29
  defaultValue: this.defaultValue,
30
30
  asyncDebounceMs: this.asyncDebounceMs,
31
31
  asyncAlways: this.asyncAlways,
32
- validatorAdapter: this.validatorAdapter,
32
+ disableErrorFlat: this.disableErrorFlat,
33
33
  validators: this.validators,
34
34
  listeners: this.listeners,
35
35
  defaultMeta: this.defaultMeta,
@@ -52,7 +52,7 @@ class TanStackField {
52
52
  api.update(this.getOptions());
53
53
  }
54
54
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TanStackField, deps: [], target: i0.ɵɵFactoryTarget.Directive });
55
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.1", type: TanStackField, isStandalone: true, selector: "[tanstackField]", inputs: { name: "name", defaultValue: "defaultValue", asyncDebounceMs: ["asyncDebounceMs", "asyncDebounceMs", numberAttribute], asyncAlways: ["asyncAlways", "asyncAlways", booleanAttribute], validatorAdapter: "validatorAdapter", tanstackField: "tanstackField", validators: "validators", listeners: "listeners", defaultMeta: "defaultMeta" }, exportAs: ["field"], usesOnChanges: true, ngImport: i0 });
55
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.1", type: TanStackField, isStandalone: true, selector: "[tanstackField]", inputs: { name: "name", defaultValue: "defaultValue", asyncDebounceMs: ["asyncDebounceMs", "asyncDebounceMs", numberAttribute], asyncAlways: ["asyncAlways", "asyncAlways", booleanAttribute], tanstackField: "tanstackField", validators: "validators", listeners: "listeners", defaultMeta: "defaultMeta", disableErrorFlat: "disableErrorFlat" }, exportAs: ["field"], usesOnChanges: true, ngImport: i0 });
56
56
  }
57
57
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TanStackField, decorators: [{
58
58
  type: Directive,
@@ -72,8 +72,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
72
72
  }], asyncAlways: [{
73
73
  type: Input,
74
74
  args: [{ transform: booleanAttribute }]
75
- }], validatorAdapter: [{
76
- type: Input
77
75
  }], tanstackField: [{
78
76
  type: Input,
79
77
  args: [{ required: true }]
@@ -83,6 +81,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
83
81
  type: Input
84
82
  }], defaultMeta: [{
85
83
  type: Input
84
+ }], disableErrorFlat: [{
85
+ type: Input
86
86
  }] } });
87
87
 
88
88
  function injectStore(form, selector) {
package/dist/fesm2022/tanstack-angular-form.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tanstack-angular-form.mjs","sources":["../../src/inject-form.ts","../../src/tanstack-field.directive.ts","../../src/inject-store.ts","../../src/tanstack-angular-form.ts"],"sourcesContent":["import { FormApi } from '@tanstack/form-core'\nimport { injectStore } from '@tanstack/angular-store'\nimport type { FormOptions, Validator } from '@tanstack/form-core'\n\nexport function injectForm<\n TFormData,\n TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n>(opts?: FormOptions<TFormData, TFormValidator>) {\n const api = new FormApi<TFormData, TFormValidator>(opts)\n\n injectStore(api.store, (state) => state.isSubmitting)\n\n return api\n}\n","import {\n Directive,\n Input,\n booleanAttribute,\n numberAttribute,\n} from '@angular/core'\nimport { FieldApi, FormApi } from '@tanstack/form-core'\nimport type { OnChanges, OnDestroy, OnInit } from '@angular/core'\nimport type {\n DeepKeys,\n DeepValue,\n FieldListeners,\n FieldMeta,\n FieldOptions,\n FieldValidators,\n NoInfer as NoInferHack,\n Validator,\n} from '@tanstack/form-core'\n\n@Directive({\n selector: '[tanstackField]',\n standalone: true,\n exportAs: 'field',\n})\nexport class TanStackField<\n TParentData,\n const TName extends DeepKeys<TParentData>,\n TFieldValidator extends\n | Validator<DeepValue<TParentData, TName>, unknown>\n | undefined = undefined,\n TFormValidator extends\n | Validator<TParentData, unknown>\n | undefined = undefined,\n TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,\n >\n implements\n OnInit,\n OnChanges,\n OnDestroy,\n FieldOptions<TParentData, TName, TFieldValidator, TFormValidator, TData>\n{\n @Input({ required: true }) name!: TName\n // Setting as NoInferHack as it's the same internal type cast as TanStack Form Core\n // This can be removed when TanStack Form Core is moved to TS min of 5.4\n // and the NoInfer internal util type is rm-rf'd\n @Input() defaultValue?: NoInferHack<TData>\n @Input({ transform: numberAttribute }) asyncDebounceMs?: number\n @Input({ transform: booleanAttribute }) asyncAlways?: boolean\n @Input() validatorAdapter?: TFieldValidator\n @Input({ required: true }) tanstackField!: FormApi<\n TParentData,\n TFormValidator\n >\n @Input() validators?: NoInfer<\n FieldValidators<TParentData, TName, TFieldValidator, TFormValidator, TData>\n >\n @Input() listeners?: NoInfer<\n FieldListeners<TParentData, TName, TFieldValidator, TFormValidator, TData>\n >\n @Input() defaultMeta?: Partial<FieldMeta>\n\n api!: FieldApi<TParentData, TName, TFieldValidator, TFormValidator, TData>\n\n private getOptions() {\n return {\n defaultValue: this.defaultValue,\n asyncDebounceMs: this.asyncDebounceMs,\n asyncAlways: this.asyncAlways,\n validatorAdapter: this.validatorAdapter,\n validators: this.validators,\n listeners: this.listeners,\n defaultMeta: this.defaultMeta,\n name: this.name,\n form: this.tanstackField,\n }\n }\n\n unmount?: () => void\n\n ngOnInit() {\n this.api = new FieldApi(this.getOptions())\n\n this.unmount = this.api.mount()\n }\n\n ngOnDestroy() {\n this.unmount?.()\n }\n\n ngOnChanges() {\n const api = this.api as typeof this.api | undefined\n if (!api) return\n api.update(this.getOptions())\n }\n}\n","import { injectStore as injectAngularStore } from '@tanstack/angular-store'\nimport type { FormApi, FormState, Validator } from '@tanstack/form-core'\n\nexport function injectStore<\n TFormData,\n TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n TSelected = NoInfer<FormState<TFormData>>,\n>(\n form: FormApi<TFormData, TFormValidator>,\n selector?: (state: NoInfer<FormState<TFormData>>) => TSelected,\n) {\n return injectAngularStore(form.store, selector)\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["injectStore","injectAngularStore"],"mappings":"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"}
1
+ {"version":3,"file":"tanstack-angular-form.mjs","sources":["../../src/inject-form.ts","../../src/tanstack-field.directive.ts","../../src/inject-store.ts","../../src/tanstack-angular-form.ts"],"sourcesContent":["import { FormApi } from '@tanstack/form-core'\nimport { injectStore } from '@tanstack/angular-store'\nimport type {\n FormAsyncValidateOrFn,\n FormOptions,\n FormValidateOrFn,\n} from '@tanstack/form-core'\n\nexport function injectForm<\n TFormData,\n TOnMount extends undefined | FormValidateOrFn<TFormData>,\n TOnChange extends undefined | FormValidateOrFn<TFormData>,\n TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n TOnBlur extends undefined | FormValidateOrFn<TFormData>,\n TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n TOnSubmit extends undefined | FormValidateOrFn<TFormData>,\n TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,\n>(\n opts?: FormOptions<\n TFormData,\n TOnMount,\n TOnChange,\n TOnChangeAsync,\n TOnBlur,\n TOnBlurAsync,\n TOnSubmit,\n TOnSubmitAsync,\n TOnServer\n >,\n) {\n const api = new FormApi<\n TFormData,\n TOnMount,\n TOnChange,\n TOnChangeAsync,\n TOnBlur,\n TOnBlurAsync,\n TOnSubmit,\n TOnSubmitAsync,\n TOnServer\n >(opts)\n\n injectStore(api.store, (state) => state.isSubmitting)\n\n return api\n}\n","import {\n Directive,\n Input,\n booleanAttribute,\n numberAttribute,\n} from '@angular/core'\nimport {\n FieldApi,\n FieldApiOptions,\n FieldAsyncValidateOrFn,\n FieldValidateOrFn,\n FormApi,\n} from '@tanstack/form-core'\nimport type {\n DeepKeys,\n DeepValue,\n FieldListeners,\n FieldMeta,\n FieldOptions,\n FieldValidators,\n FormAsyncValidateOrFn,\n FormValidateOrFn,\n NoInfer as NoInferHack,\n} from '@tanstack/form-core'\nimport type { OnChanges, OnDestroy, OnInit } from '@angular/core'\n\n@Directive({\n selector: '[tanstackField]',\n standalone: true,\n exportAs: 'field',\n})\nexport class TanStackField<\n TParentData,\n const TName extends DeepKeys<TParentData>,\n TData extends DeepValue<TParentData, TName>,\n TOnMount extends undefined | FieldValidateOrFn<TParentData, TName, TData>,\n TOnChange extends undefined | FieldValidateOrFn<TParentData, TName, TData>,\n TOnChangeAsync extends\n | undefined\n | FieldAsyncValidateOrFn<TParentData, TName, TData>,\n TOnBlur extends undefined | FieldValidateOrFn<TParentData, TName, TData>,\n TOnBlurAsync extends\n | undefined\n | FieldAsyncValidateOrFn<TParentData, TName, TData>,\n TOnSubmit extends undefined | FieldValidateOrFn<TParentData, TName, TData>,\n TOnSubmitAsync extends\n | undefined\n | FieldAsyncValidateOrFn<TParentData, TName, TData>,\n TFormOnMount extends undefined | FormValidateOrFn<TParentData>,\n TFormOnChange extends undefined | FormValidateOrFn<TParentData>,\n TFormOnChangeAsync extends undefined | FormAsyncValidateOrFn<TParentData>,\n TFormOnBlur extends undefined | FormValidateOrFn<TParentData>,\n TFormOnBlurAsync extends undefined | FormAsyncValidateOrFn<TParentData>,\n TFormOnSubmit extends undefined | FormValidateOrFn<TParentData>,\n TFormOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TParentData>,\n TFormOnServer extends undefined | FormAsyncValidateOrFn<TParentData>,\n >\n implements\n OnInit,\n OnChanges,\n OnDestroy,\n FieldOptions<\n TParentData,\n TName,\n TData,\n TOnMount,\n TOnChange,\n TOnChangeAsync,\n TOnBlur,\n TOnBlurAsync,\n TOnSubmit,\n TOnSubmitAsync\n >\n{\n @Input({ required: true }) name!: TName\n // Setting as NoInferHack as it's the same internal type cast as TanStack Form Core\n // This can be removed when TanStack Form Core is moved to TS min of 5.4\n // and the NoInfer internal util type is rm-rf'd\n @Input() defaultValue?: NoInferHack<TData>\n @Input({ transform: numberAttribute }) asyncDebounceMs?: number\n @Input({ transform: booleanAttribute }) asyncAlways?: boolean\n @Input({ required: true }) tanstackField!: FormApi<\n TParentData,\n TFormOnMount,\n TFormOnChange,\n TFormOnChangeAsync,\n TFormOnBlur,\n TFormOnBlurAsync,\n TFormOnSubmit,\n TFormOnSubmitAsync,\n TFormOnServer\n >\n @Input() validators?: NoInfer<\n FieldValidators<\n TParentData,\n TName,\n TData,\n TOnMount,\n TOnChange,\n TOnChangeAsync,\n TOnBlur,\n TOnBlurAsync,\n TOnSubmit,\n TOnSubmitAsync\n >\n >\n @Input() listeners?: NoInfer<FieldListeners<TParentData, TName, TData>>\n @Input() defaultMeta?: Partial<\n FieldMeta<\n TParentData,\n TName,\n TData,\n TOnMount,\n TOnChange,\n TOnChangeAsync,\n TOnBlur,\n TOnBlurAsync,\n TOnSubmit,\n TOnSubmitAsync,\n TFormOnMount,\n TFormOnChange,\n TFormOnChangeAsync,\n TFormOnBlur,\n TFormOnBlurAsync,\n TFormOnSubmit,\n TFormOnSubmitAsync\n >\n >\n @Input() disableErrorFlat?: boolean\n\n api!: FieldApi<\n TParentData,\n TName,\n TData,\n TOnMount,\n TOnChange,\n TOnChangeAsync,\n TOnBlur,\n TOnBlurAsync,\n TOnSubmit,\n TOnSubmitAsync,\n TFormOnMount,\n TFormOnChange,\n TFormOnChangeAsync,\n TFormOnBlur,\n TFormOnBlurAsync,\n TFormOnSubmit,\n TFormOnSubmitAsync,\n TFormOnServer\n >\n\n private getOptions(): FieldApiOptions<\n TParentData,\n TName,\n TData,\n TOnMount,\n TOnChange,\n TOnChangeAsync,\n TOnBlur,\n TOnBlurAsync,\n TOnSubmit,\n TOnSubmitAsync,\n TFormOnMount,\n TFormOnChange,\n TFormOnChangeAsync,\n TFormOnBlur,\n TFormOnBlurAsync,\n TFormOnSubmit,\n TFormOnSubmitAsync,\n TFormOnServer\n > {\n return {\n defaultValue: this.defaultValue,\n asyncDebounceMs: this.asyncDebounceMs,\n asyncAlways: this.asyncAlways,\n disableErrorFlat: this.disableErrorFlat,\n validators: this.validators,\n listeners: this.listeners,\n defaultMeta: this.defaultMeta,\n name: this.name,\n form: this.tanstackField,\n }\n }\n\n unmount?: () => void\n\n ngOnInit() {\n this.api = new FieldApi(this.getOptions())\n\n this.unmount = this.api.mount()\n }\n\n ngOnDestroy() {\n this.unmount?.()\n }\n\n ngOnChanges() {\n const api = this.api as typeof this.api | undefined\n if (!api) return\n api.update(this.getOptions())\n }\n}\n","import { injectStore as injectAngularStore } from '@tanstack/angular-store'\nimport type {\n FormApi,\n FormAsyncValidateOrFn,\n FormState,\n FormValidateOrFn,\n} from '@tanstack/form-core'\n\nexport function injectStore<\n TFormData,\n TOnMount extends undefined | FormValidateOrFn<TFormData>,\n TOnChange extends undefined | FormValidateOrFn<TFormData>,\n TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n TOnBlur extends undefined | FormValidateOrFn<TFormData>,\n TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n TOnSubmit extends undefined | FormValidateOrFn<TFormData>,\n TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,\n TSelected = NoInfer<\n FormState<\n TFormData,\n TOnMount,\n TOnChange,\n TOnChangeAsync,\n TOnBlur,\n TOnBlurAsync,\n TOnSubmit,\n TOnSubmitAsync,\n TOnServer\n >\n >,\n>(\n form: FormApi<\n TFormData,\n TOnMount,\n TOnChange,\n TOnChangeAsync,\n TOnBlur,\n TOnBlurAsync,\n TOnSubmit,\n TOnSubmitAsync,\n TOnServer\n >,\n selector?: (\n state: NoInfer<\n FormState<\n TFormData,\n TOnMount,\n TOnChange,\n TOnChangeAsync,\n TOnBlur,\n TOnBlurAsync,\n TOnSubmit,\n TOnSubmitAsync,\n TOnServer\n >\n >,\n ) => TSelected,\n) {\n return injectAngularStore(form.store, selector)\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["injectStore","injectAngularStore"],"mappings":"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"}
package/dist/inject-form.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { FormApi } from '@tanstack/form-core';
2
- import type { FormOptions, Validator } from '@tanstack/form-core';
3
- export declare function injectForm<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(opts?: FormOptions<TFormData, TFormValidator>): FormApi<TFormData, TFormValidator>;
2
+ import type { FormAsyncValidateOrFn, FormOptions, FormValidateOrFn } from '@tanstack/form-core';
3
+ export declare function injectForm<TFormData, TOnMount extends undefined | FormValidateOrFn<TFormData>, TOnChange extends undefined | FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>>(opts?: FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer>): FormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer>;
package/dist/inject-store.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- import type { FormApi, FormState, Validator } from '@tanstack/form-core';
2
- export declare function injectStore<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined, TSelected = NoInfer<FormState<TFormData>>>(form: FormApi<TFormData, TFormValidator>, selector?: (state: NoInfer<FormState<TFormData>>) => TSelected): import("@angular/core").Signal<TSelected>;
1
+ import type { FormApi, FormAsyncValidateOrFn, FormState, FormValidateOrFn } from '@tanstack/form-core';
2
+ export declare function injectStore<TFormData, TOnMount extends undefined | FormValidateOrFn<TFormData>, TOnChange extends undefined | FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>, TSelected = NoInfer<FormState<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer>>>(form: FormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer>, selector?: (state: NoInfer<FormState<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer>>) => TSelected): import("@angular/core").Signal<TSelected>;
package/dist/tanstack-field.directive.d.ts CHANGED
@@ -1,25 +1,25 @@
1
- import { FieldApi, FormApi } from '@tanstack/form-core';
1
+ import { FieldApi, FieldAsyncValidateOrFn, FieldValidateOrFn, FormApi } from '@tanstack/form-core';
2
+ import type { DeepKeys, DeepValue, FieldListeners, FieldMeta, FieldOptions, FieldValidators, FormAsyncValidateOrFn, FormValidateOrFn, NoInfer as NoInferHack } from '@tanstack/form-core';
2
3
  import type { OnChanges, OnDestroy, OnInit } from '@angular/core';
3
- import type { DeepKeys, DeepValue, FieldListeners, FieldMeta, FieldOptions, FieldValidators, NoInfer as NoInferHack, Validator } from '@tanstack/form-core';
4
4
  import * as i0 from "@angular/core";
5
- export declare class TanStackField<TParentData, const TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> implements OnInit, OnChanges, OnDestroy, FieldOptions<TParentData, TName, TFieldValidator, TFormValidator, TData> {
5
+ export declare class TanStackField<TParentData, const TName extends DeepKeys<TParentData>, TData extends DeepValue<TParentData, TName>, TOnMount extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnChange extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnChangeAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnBlur extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnBlurAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnSubmit extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnSubmitAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TFormOnMount extends undefined | FormValidateOrFn<TParentData>, TFormOnChange extends undefined | FormValidateOrFn<TParentData>, TFormOnChangeAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnBlur extends undefined | FormValidateOrFn<TParentData>, TFormOnBlurAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnSubmit extends undefined | FormValidateOrFn<TParentData>, TFormOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnServer extends undefined | FormAsyncValidateOrFn<TParentData>> implements OnInit, OnChanges, OnDestroy, FieldOptions<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync> {
6
6
  name: TName;
7
7
  defaultValue?: NoInferHack<TData>;
8
8
  asyncDebounceMs?: number;
9
9
  asyncAlways?: boolean;
10
- validatorAdapter?: TFieldValidator;
11
- tanstackField: FormApi<TParentData, TFormValidator>;
12
- validators?: NoInfer<FieldValidators<TParentData, TName, TFieldValidator, TFormValidator, TData>>;
13
- listeners?: NoInfer<FieldListeners<TParentData, TName, TFieldValidator, TFormValidator, TData>>;
14
- defaultMeta?: Partial<FieldMeta>;
15
- api: FieldApi<TParentData, TName, TFieldValidator, TFormValidator, TData>;
10
+ tanstackField: FormApi<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer>;
11
+ validators?: NoInfer<FieldValidators<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync>>;
12
+ listeners?: NoInfer<FieldListeners<TParentData, TName, TData>>;
13
+ defaultMeta?: Partial<FieldMeta<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync>>;
14
+ disableErrorFlat?: boolean;
15
+ api: FieldApi<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer>;
16
16
  private getOptions;
17
17
  unmount?: () => void;
18
18
  ngOnInit(): void;
19
19
  ngOnDestroy(): void;
20
20
  ngOnChanges(): void;
21
- static ɵfac: i0.ɵɵFactoryDeclaration<TanStackField<any, any, any, any, any>, never>;
22
- static ɵdir: i0.ɵɵDirectiveDeclaration<TanStackField<any, any, any, any, any>, "[tanstackField]", ["field"], { "name": { "alias": "name"; "required": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "asyncDebounceMs": { "alias": "asyncDebounceMs"; "required": false; }; "asyncAlways": { "alias": "asyncAlways"; "required": false; }; "validatorAdapter": { "alias": "validatorAdapter"; "required": false; }; "tanstackField": { "alias": "tanstackField"; "required": true; }; "validators": { "alias": "validators"; "required": false; }; "listeners": { "alias": "listeners"; "required": false; }; "defaultMeta": { "alias": "defaultMeta"; "required": false; }; }, {}, never, never, true, never>;
21
+ static ɵfac: i0.ɵɵFactoryDeclaration<TanStackField<any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, never>;
22
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TanStackField<any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, "[tanstackField]", ["field"], { "name": { "alias": "name"; "required": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "asyncDebounceMs": { "alias": "asyncDebounceMs"; "required": false; }; "asyncAlways": { "alias": "asyncAlways"; "required": false; }; "tanstackField": { "alias": "tanstackField"; "required": true; }; "validators": { "alias": "validators"; "required": false; }; "listeners": { "alias": "listeners"; "required": false; }; "defaultMeta": { "alias": "defaultMeta"; "required": false; }; "disableErrorFlat": { "alias": "disableErrorFlat"; "required": false; }; }, {}, never, never, true, never>;
23
23
  static ngAcceptInputType_asyncDebounceMs: unknown;
24
24
  static ngAcceptInputType_asyncAlways: unknown;
25
25
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/angular-form",
3
- "version": "0.42.1",
3
+ "version": "0.43.1",
4
4
  "description": "Powerful, type-safe forms for Angular.",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -34,10 +34,10 @@
34
34
  "dependencies": {
35
35
  "@tanstack/angular-store": "^0.7.0",
36
36
  "tslib": "^2.8.1",
37
- "@tanstack/form-core": "0.42.1"
37
+ "@tanstack/form-core": "0.43.0"
38
38
  },
39
39
  "devDependencies": {
40
- "@analogjs/vite-plugin-angular": "^1.12.0",
40
+ "@analogjs/vite-plugin-angular": "^1.13.1",
41
41
  "@angular/common": "^19.0.0",
42
42
  "@angular/compiler": "^19.0.0",
43
43
  "@angular/compiler-cli": "^19.0.0",
package/src/inject-form.ts CHANGED
@@ -1,12 +1,45 @@
1
1
  import { FormApi } from '@tanstack/form-core'
2
2
  import { injectStore } from '@tanstack/angular-store'
3
- import type { FormOptions, Validator } from '@tanstack/form-core'
3
+ import type {
4
+ FormAsyncValidateOrFn,
5
+ FormOptions,
6
+ FormValidateOrFn,
7
+ } from '@tanstack/form-core'
4
8
 
5
9
  export function injectForm<
6
10
  TFormData,
7
- TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
8
- >(opts?: FormOptions<TFormData, TFormValidator>) {
9
- const api = new FormApi<TFormData, TFormValidator>(opts)
11
+ TOnMount extends undefined | FormValidateOrFn<TFormData>,
12
+ TOnChange extends undefined | FormValidateOrFn<TFormData>,
13
+ TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
14
+ TOnBlur extends undefined | FormValidateOrFn<TFormData>,
15
+ TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
16
+ TOnSubmit extends undefined | FormValidateOrFn<TFormData>,
17
+ TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
18
+ TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,
19
+ >(
20
+ opts?: FormOptions<
21
+ TFormData,
22
+ TOnMount,
23
+ TOnChange,
24
+ TOnChangeAsync,
25
+ TOnBlur,
26
+ TOnBlurAsync,
27
+ TOnSubmit,
28
+ TOnSubmitAsync,
29
+ TOnServer
30
+ >,
31
+ ) {
32
+ const api = new FormApi<
33
+ TFormData,
34
+ TOnMount,
35
+ TOnChange,
36
+ TOnChangeAsync,
37
+ TOnBlur,
38
+ TOnBlurAsync,
39
+ TOnSubmit,
40
+ TOnSubmitAsync,
41
+ TOnServer
42
+ >(opts)
10
43
 
11
44
  injectStore(api.store, (state) => state.isSubmitting)
12
45
 
package/src/inject-store.ts CHANGED
@@ -1,13 +1,61 @@
1
1
  import { injectStore as injectAngularStore } from '@tanstack/angular-store'
2
- import type { FormApi, FormState, Validator } from '@tanstack/form-core'
2
+ import type {
3
+ FormApi,
4
+ FormAsyncValidateOrFn,
5
+ FormState,
6
+ FormValidateOrFn,
7
+ } from '@tanstack/form-core'
3
8
 
4
9
  export function injectStore<
5
10
  TFormData,
6
- TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
7
- TSelected = NoInfer<FormState<TFormData>>,
11
+ TOnMount extends undefined | FormValidateOrFn<TFormData>,
12
+ TOnChange extends undefined | FormValidateOrFn<TFormData>,
13
+ TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
14
+ TOnBlur extends undefined | FormValidateOrFn<TFormData>,
15
+ TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
16
+ TOnSubmit extends undefined | FormValidateOrFn<TFormData>,
17
+ TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
18
+ TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,
19
+ TSelected = NoInfer<
20
+ FormState<
21
+ TFormData,
22
+ TOnMount,
23
+ TOnChange,
24
+ TOnChangeAsync,
25
+ TOnBlur,
26
+ TOnBlurAsync,
27
+ TOnSubmit,
28
+ TOnSubmitAsync,
29
+ TOnServer
30
+ >
31
+ >,
8
32
  >(
9
- form: FormApi<TFormData, TFormValidator>,
10
- selector?: (state: NoInfer<FormState<TFormData>>) => TSelected,
33
+ form: FormApi<
34
+ TFormData,
35
+ TOnMount,
36
+ TOnChange,
37
+ TOnChangeAsync,
38
+ TOnBlur,
39
+ TOnBlurAsync,
40
+ TOnSubmit,
41
+ TOnSubmitAsync,
42
+ TOnServer
43
+ >,
44
+ selector?: (
45
+ state: NoInfer<
46
+ FormState<
47
+ TFormData,
48
+ TOnMount,
49
+ TOnChange,
50
+ TOnChangeAsync,
51
+ TOnBlur,
52
+ TOnBlurAsync,
53
+ TOnSubmit,
54
+ TOnSubmitAsync,
55
+ TOnServer
56
+ >
57
+ >,
58
+ ) => TSelected,
11
59
  ) {
12
60
  return injectAngularStore(form.store, selector)
13
61
  }
package/src/tanstack-field.directive.ts CHANGED
@@ -4,8 +4,13 @@ import {
4
4
  booleanAttribute,
5
5
  numberAttribute,
6
6
  } from '@angular/core'
7
- import { FieldApi, FormApi } from '@tanstack/form-core'
8
- import type { OnChanges, OnDestroy, OnInit } from '@angular/core'
7
+ import {
8
+ FieldApi,
9
+ FieldApiOptions,
10
+ FieldAsyncValidateOrFn,
11
+ FieldValidateOrFn,
12
+ FormApi,
13
+ } from '@tanstack/form-core'
9
14
  import type {
10
15
  DeepKeys,
11
16
  DeepValue,
@@ -13,9 +18,11 @@ import type {
13
18
  FieldMeta,
14
19
  FieldOptions,
15
20
  FieldValidators,
21
+ FormAsyncValidateOrFn,
22
+ FormValidateOrFn,
16
23
  NoInfer as NoInferHack,
17
- Validator,
18
24
  } from '@tanstack/form-core'
25
+ import type { OnChanges, OnDestroy, OnInit } from '@angular/core'
19
26
 
20
27
  @Directive({
21
28
  selector: '[tanstackField]',
@@ -25,19 +32,45 @@ import type {
25
32
  export class TanStackField<
26
33
  TParentData,
27
34
  const TName extends DeepKeys<TParentData>,
28
- TFieldValidator extends
29
- | Validator<DeepValue<TParentData, TName>, unknown>
30
- | undefined = undefined,
31
- TFormValidator extends
32
- | Validator<TParentData, unknown>
33
- | undefined = undefined,
34
- TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
35
+ TData extends DeepValue<TParentData, TName>,
36
+ TOnMount extends undefined | FieldValidateOrFn<TParentData, TName, TData>,
37
+ TOnChange extends undefined | FieldValidateOrFn<TParentData, TName, TData>,
38
+ TOnChangeAsync extends
39
+ | undefined
40
+ | FieldAsyncValidateOrFn<TParentData, TName, TData>,
41
+ TOnBlur extends undefined | FieldValidateOrFn<TParentData, TName, TData>,
42
+ TOnBlurAsync extends
43
+ | undefined
44
+ | FieldAsyncValidateOrFn<TParentData, TName, TData>,
45
+ TOnSubmit extends undefined | FieldValidateOrFn<TParentData, TName, TData>,
46
+ TOnSubmitAsync extends
47
+ | undefined
48
+ | FieldAsyncValidateOrFn<TParentData, TName, TData>,
49
+ TFormOnMount extends undefined | FormValidateOrFn<TParentData>,
50
+ TFormOnChange extends undefined | FormValidateOrFn<TParentData>,
51
+ TFormOnChangeAsync extends undefined | FormAsyncValidateOrFn<TParentData>,
52
+ TFormOnBlur extends undefined | FormValidateOrFn<TParentData>,
53
+ TFormOnBlurAsync extends undefined | FormAsyncValidateOrFn<TParentData>,
54
+ TFormOnSubmit extends undefined | FormValidateOrFn<TParentData>,
55
+ TFormOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TParentData>,
56
+ TFormOnServer extends undefined | FormAsyncValidateOrFn<TParentData>,
35
57
  >
36
58
  implements
37
59
  OnInit,
38
60
  OnChanges,
39
61
  OnDestroy,
40
- FieldOptions<TParentData, TName, TFieldValidator, TFormValidator, TData>
62
+ FieldOptions<
63
+ TParentData,
64
+ TName,
65
+ TData,
66
+ TOnMount,
67
+ TOnChange,
68
+ TOnChangeAsync,
69
+ TOnBlur,
70
+ TOnBlurAsync,
71
+ TOnSubmit,
72
+ TOnSubmitAsync
73
+ >
41
74
  {
42
75
  @Input({ required: true }) name!: TName
43
76
  // Setting as NoInferHack as it's the same internal type cast as TanStack Form Core
@@ -46,27 +79,101 @@ export class TanStackField<
46
79
  @Input() defaultValue?: NoInferHack<TData>
47
80
  @Input({ transform: numberAttribute }) asyncDebounceMs?: number
48
81
  @Input({ transform: booleanAttribute }) asyncAlways?: boolean
49
- @Input() validatorAdapter?: TFieldValidator
50
82
  @Input({ required: true }) tanstackField!: FormApi<
51
83
  TParentData,
52
- TFormValidator
84
+ TFormOnMount,
85
+ TFormOnChange,
86
+ TFormOnChangeAsync,
87
+ TFormOnBlur,
88
+ TFormOnBlurAsync,
89
+ TFormOnSubmit,
90
+ TFormOnSubmitAsync,
91
+ TFormOnServer
53
92
  >
54
93
  @Input() validators?: NoInfer<
55
- FieldValidators<TParentData, TName, TFieldValidator, TFormValidator, TData>
94
+ FieldValidators<
95
+ TParentData,
96
+ TName,
97
+ TData,
98
+ TOnMount,
99
+ TOnChange,
100
+ TOnChangeAsync,
101
+ TOnBlur,
102
+ TOnBlurAsync,
103
+ TOnSubmit,
104
+ TOnSubmitAsync
105
+ >
56
106
  >
57
- @Input() listeners?: NoInfer<
58
- FieldListeners<TParentData, TName, TFieldValidator, TFormValidator, TData>
107
+ @Input() listeners?: NoInfer<FieldListeners<TParentData, TName, TData>>
108
+ @Input() defaultMeta?: Partial<
109
+ FieldMeta<
110
+ TParentData,
111
+ TName,
112
+ TData,
113
+ TOnMount,
114
+ TOnChange,
115
+ TOnChangeAsync,
116
+ TOnBlur,
117
+ TOnBlurAsync,
118
+ TOnSubmit,
119
+ TOnSubmitAsync,
120
+ TFormOnMount,
121
+ TFormOnChange,
122
+ TFormOnChangeAsync,
123
+ TFormOnBlur,
124
+ TFormOnBlurAsync,
125
+ TFormOnSubmit,
126
+ TFormOnSubmitAsync
127
+ >
59
128
  >
60
- @Input() defaultMeta?: Partial<FieldMeta>
129
+ @Input() disableErrorFlat?: boolean
61
130
 
62
- api!: FieldApi<TParentData, TName, TFieldValidator, TFormValidator, TData>
131
+ api!: FieldApi<
132
+ TParentData,
133
+ TName,
134
+ TData,
135
+ TOnMount,
136
+ TOnChange,
137
+ TOnChangeAsync,
138
+ TOnBlur,
139
+ TOnBlurAsync,
140
+ TOnSubmit,
141
+ TOnSubmitAsync,
142
+ TFormOnMount,
143
+ TFormOnChange,
144
+ TFormOnChangeAsync,
145
+ TFormOnBlur,
146
+ TFormOnBlurAsync,
147
+ TFormOnSubmit,
148
+ TFormOnSubmitAsync,
149
+ TFormOnServer
150
+ >
63
151
 
64
- private getOptions() {
152
+ private getOptions(): FieldApiOptions<
153
+ TParentData,
154
+ TName,
155
+ TData,
156
+ TOnMount,
157
+ TOnChange,
158
+ TOnChangeAsync,
159
+ TOnBlur,
160
+ TOnBlurAsync,
161
+ TOnSubmit,
162
+ TOnSubmitAsync,
163
+ TFormOnMount,
164
+ TFormOnChange,
165
+ TFormOnChangeAsync,
166
+ TFormOnBlur,
167
+ TFormOnBlurAsync,
168
+ TFormOnSubmit,
169
+ TFormOnSubmitAsync,
170
+ TFormOnServer
171
+ > {
65
172
  return {
66
173
  defaultValue: this.defaultValue,
67
174
  asyncDebounceMs: this.asyncDebounceMs,
68
175
  asyncAlways: this.asyncAlways,
69
- validatorAdapter: this.validatorAdapter,
176
+ disableErrorFlat: this.disableErrorFlat,
70
177
  validators: this.validators,
71
178
  listeners: this.listeners,
72
179
  defaultMeta: this.defaultMeta,