@tanstack/angular-form 0.45.1 → 0.47.1

package/dist/fesm2022/tanstack-angular-form.mjs

@@ -12,9 +12,6 @@ function injectForm(opts) {
 
 class TanStackField {
     name;
-    // Setting as NoInferHack as it's the same internal type cast as TanStack Form Core
-    // This can be removed when TanStack Form Core is moved to TS min of 5.4
-    // and the NoInfer internal util type is rm-rf'd
     defaultValue;
     asyncDebounceMs;
     asyncAlways;
@@ -51,10 +48,10 @@ class TanStackField {
             return;
         api.update(this.getOptions());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TanStackField, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: TanStackField, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.0", 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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TanStackField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: TanStackField, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tanstackField]',

package/dist/fesm2022/tanstack-angular-form.mjs.map

@@ -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 {\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  TSubmitMeta,\n>(\n  opts?: FormOptions<\n    TFormData,\n    TOnMount,\n    TOnChange,\n    TOnChangeAsync,\n    TOnBlur,\n    TOnBlurAsync,\n    TOnSubmit,\n    TOnSubmitAsync,\n    TOnServer,\n    TSubmitMeta\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    TSubmitMeta\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    TSubmitMeta,\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    TSubmitMeta\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    TSubmitMeta\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    TSubmitMeta\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  TSubmitMeta,\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    TSubmitMeta\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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"}
+{"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  TSubmitMeta,\n>(\n  opts?: FormOptions<\n    TFormData,\n    TOnMount,\n    TOnChange,\n    TOnChangeAsync,\n    TOnBlur,\n    TOnBlurAsync,\n    TOnSubmit,\n    TOnSubmitAsync,\n    TOnServer,\n    TSubmitMeta\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    TSubmitMeta\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} 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    TSubmitMeta,\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  @Input() defaultValue?: NoInfer<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    TSubmitMeta\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    TSubmitMeta\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    TSubmitMeta\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  TSubmitMeta,\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    TSubmitMeta\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/tanstack-field.directive.d.ts

@@ -1,10 +1,10 @@
 import { FieldApi, FieldAsyncValidateOrFn, FieldValidateOrFn, FormApi } from '@tanstack/form-core';
-import type { DeepKeys, DeepValue, FieldListeners, FieldMeta, FieldOptions, FieldValidators, FormAsyncValidateOrFn, FormValidateOrFn, NoInfer as NoInferHack } from '@tanstack/form-core';
+import type { DeepKeys, DeepValue, FieldListeners, FieldMeta, FieldOptions, FieldValidators, FormAsyncValidateOrFn, FormValidateOrFn } from '@tanstack/form-core';
 import type { OnChanges, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 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>, TSubmitMeta> implements OnInit, OnChanges, OnDestroy, FieldOptions<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync> {
     name: TName;
-    defaultValue?: NoInferHack<TData>;
+    defaultValue?: NoInfer<TData>;
     asyncDebounceMs?: number;
     asyncAlways?: boolean;
     tanstackField: FormApi<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TSubmitMeta>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/angular-form",
-  "version": "0.45.1",
+  "version": "0.47.1",
   "description": "Powerful, type-safe forms for Angular.",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -34,19 +34,19 @@
   "dependencies": {
     "@tanstack/angular-store": "^0.7.0",
     "tslib": "^2.8.1",
-    "@tanstack/form-core": "0.45.1"
+    "@tanstack/form-core": "0.47.1"
   },
   "devDependencies": {
-    "@analogjs/vite-plugin-angular": "^1.13.1",
-    "@angular/common": "^19.0.0",
-    "@angular/compiler": "^19.0.0",
-    "@angular/compiler-cli": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "@angular/platform-browser": "^19.0.0",
-    "@angular/platform-browser-dynamic": "^19.0.0",
-    "@testing-library/angular": "^17.3.2",
-    "ng-packagr": "^19.0.1",
-    "typescript": "5.6.3",
+    "@analogjs/vite-plugin-angular": "^1.14.0",
+    "@angular/common": "^19.2.0",
+    "@angular/compiler": "^19.2.0",
+    "@angular/compiler-cli": "^19.2.0",
+    "@angular/core": "^19.2.0",
+    "@angular/platform-browser": "^19.2.0",
+    "@angular/platform-browser-dynamic": "^19.2.0",
+    "@testing-library/angular": "^17.3.6",
+    "ng-packagr": "^19.2.0",
+    "typescript": "5.8.2",
     "zone.js": "^0.15.0"
   },
   "peerDependencies": {

package/src/tanstack-field.directive.ts

@@ -20,7 +20,6 @@ import type {
   FieldValidators,
   FormAsyncValidateOrFn,
   FormValidateOrFn,
-  NoInfer as NoInferHack,
 } from '@tanstack/form-core'
 import type { OnChanges, OnDestroy, OnInit } from '@angular/core'
 
@@ -74,10 +73,7 @@ export class TanStackField<
     >
 {
   @Input({ required: true }) name!: TName
-  // Setting as NoInferHack as it's the same internal type cast as TanStack Form Core
-  // This can be removed when TanStack Form Core is moved to TS min of 5.4
-  // and the NoInfer internal util type is rm-rf'd
-  @Input() defaultValue?: NoInferHack<TData>
+  @Input() defaultValue?: NoInfer<TData>
   @Input({ transform: numberAttribute }) asyncDebounceMs?: number
   @Input({ transform: booleanAttribute }) asyncAlways?: boolean
   @Input({ required: true }) tanstackField!: FormApi<