@tanstack/react-form 0.0.4 → 0.0.6

package/build/stats-react.json

@@ -11,11 +11,11 @@
             "children": [
               {
                 "name": "@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js",
-                "uid": "8485-45"
+                "uid": "dff6-47"
               },
               {
                 "name": "@tanstack+react-store@0.0.1-beta.84_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js",
-                "uid": "8485-51"
+                "uid": "dff6-53"
               }
             ]
           },
@@ -24,29 +24,33 @@
             "children": [
               {
                 "name": "form-core/build/esm/index.js",
-                "uid": "8485-47"
+                "uid": "dff6-49"
               },
               {
                 "name": "react-form/src",
                 "children": [
                   {
-                    "uid": "8485-53",
+                    "uid": "dff6-55",
                     "name": "formContext.ts"
                   },
                   {
-                    "uid": "8485-55",
+                    "uid": "dff6-57",
                     "name": "useField.ts"
                   },
                   {
-                    "uid": "8485-57",
+                    "uid": "dff6-59",
                     "name": "Field.tsx"
                   },
                   {
-                    "uid": "8485-59",
+                    "uid": "dff6-61",
                     "name": "useForm.tsx"
                   },
                   {
-                    "uid": "8485-61",
+                    "uid": "dff6-63",
+                    "name": "createFormFactory.ts"
+                  },
+                  {
+                    "uid": "dff6-65",
                     "name": "index.ts"
                   }
                 ]
@@ -54,7 +58,7 @@
             ]
           },
           {
-            "uid": "8485-49",
+            "uid": "dff6-51",
             "name": "\u0000rollupPluginBabelHelpers.js"
           }
         ]
@@ -63,300 +67,334 @@
     "isRoot": true
   },
   "nodeParts": {
-    "8485-45": {
+    "dff6-47": {
       "renderedLength": 1288,
       "gzipLength": 497,
       "brotliLength": 0,
-      "mainUid": "8485-44"
+      "mainUid": "dff6-46"
     },
-    "8485-47": {
-      "renderedLength": 23393,
-      "gzipLength": 5130,
+    "dff6-49": {
+      "renderedLength": 23394,
+      "gzipLength": 5131,
       "brotliLength": 0,
-      "mainUid": "8485-46"
+      "mainUid": "dff6-48"
     },
-    "8485-49": {
+    "dff6-51": {
       "renderedLength": 431,
       "gzipLength": 240,
       "brotliLength": 0,
-      "mainUid": "8485-48"
+      "mainUid": "dff6-50"
     },
-    "8485-51": {
+    "dff6-53": {
       "renderedLength": 978,
       "gzipLength": 456,
       "brotliLength": 0,
-      "mainUid": "8485-50"
+      "mainUid": "dff6-52"
+    },
+    "dff6-55": {
+      "renderedLength": 296,
+      "gzipLength": 200,
+      "brotliLength": 0,
+      "mainUid": "dff6-54"
     },
-    "8485-53": {
-      "renderedLength": 369,
-      "gzipLength": 218,
+    "dff6-57": {
+      "renderedLength": 610,
+      "gzipLength": 324,
       "brotliLength": 0,
-      "mainUid": "8485-52"
+      "mainUid": "dff6-56"
     },
-    "8485-55": {
-      "renderedLength": 850,
-      "gzipLength": 417,
+    "dff6-59": {
+      "renderedLength": 320,
+      "gzipLength": 203,
       "brotliLength": 0,
-      "mainUid": "8485-54"
+      "mainUid": "dff6-58"
     },
-    "8485-57": {
-      "renderedLength": 370,
-      "gzipLength": 227,
+    "dff6-61": {
+      "renderedLength": 1264,
+      "gzipLength": 486,
       "brotliLength": 0,
-      "mainUid": "8485-56"
+      "mainUid": "dff6-60"
     },
-    "8485-59": {
-      "renderedLength": 2160,
-      "gzipLength": 767,
+    "dff6-63": {
+      "renderedLength": 242,
+      "gzipLength": 153,
       "brotliLength": 0,
-      "mainUid": "8485-58"
+      "mainUid": "dff6-62"
     },
-    "8485-61": {
+    "dff6-65": {
       "renderedLength": 0,
       "gzipLength": 0,
       "brotliLength": 0,
-      "mainUid": "8485-60"
+      "mainUid": "dff6-64"
     }
   },
   "nodeMetas": {
-    "8485-44": {
+    "dff6-46": {
       "id": "/node_modules/.pnpm/@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "8485-45"
+        "index.production.js": "dff6-47"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "8485-46"
+          "uid": "dff6-48"
         },
         {
-          "uid": "8485-50"
+          "uid": "dff6-52"
         }
       ]
     },
-    "8485-46": {
+    "dff6-48": {
       "id": "/packages/form-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "8485-47"
+        "index.production.js": "dff6-49"
       },
       "imported": [
         {
-          "uid": "8485-44"
+          "uid": "dff6-46"
         }
       ],
       "importedBy": [
         {
-          "uid": "8485-60"
+          "uid": "dff6-64"
         },
         {
-          "uid": "8485-58"
+          "uid": "dff6-60"
         },
         {
-          "uid": "8485-56"
+          "uid": "dff6-58"
         },
         {
-          "uid": "8485-54"
+          "uid": "dff6-56"
         }
       ]
     },
-    "8485-48": {
+    "dff6-50": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "8485-49"
+        "index.production.js": "dff6-51"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "8485-58"
-        },
-        {
-          "uid": "8485-56"
+          "uid": "dff6-60"
         }
       ]
     },
-    "8485-50": {
+    "dff6-52": {
       "id": "/node_modules/.pnpm/@tanstack+react-store@0.0.1-beta.84_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "8485-51"
+        "index.production.js": "dff6-53"
       },
       "imported": [
         {
-          "uid": "8485-63"
+          "uid": "dff6-67"
         },
         {
-          "uid": "8485-44"
+          "uid": "dff6-46"
         }
       ],
       "importedBy": [
         {
-          "uid": "8485-58"
+          "uid": "dff6-60"
         },
         {
-          "uid": "8485-54"
+          "uid": "dff6-56"
         }
       ]
     },
-    "8485-52": {
+    "dff6-54": {
       "id": "/packages/react-form/src/formContext.ts",
       "moduleParts": {
-        "index.production.js": "8485-53"
+        "index.production.js": "dff6-55"
       },
       "imported": [
         {
-          "uid": "8485-62"
+          "uid": "dff6-66"
         }
       ],
       "importedBy": [
         {
-          "uid": "8485-58"
+          "uid": "dff6-60"
         },
         {
-          "uid": "8485-54"
+          "uid": "dff6-56"
         }
       ]
     },
-    "8485-54": {
+    "dff6-56": {
       "id": "/packages/react-form/src/useField.ts",
       "moduleParts": {
-        "index.production.js": "8485-55"
+        "index.production.js": "dff6-57"
       },
       "imported": [
         {
-          "uid": "8485-62"
+          "uid": "dff6-66"
         },
         {
-          "uid": "8485-50"
+          "uid": "dff6-52"
         },
         {
-          "uid": "8485-46"
+          "uid": "dff6-48"
         },
         {
-          "uid": "8485-52"
+          "uid": "dff6-54"
         }
       ],
       "importedBy": [
         {
-          "uid": "8485-60"
+          "uid": "dff6-64"
+        },
+        {
+          "uid": "dff6-60"
         },
         {
-          "uid": "8485-58"
+          "uid": "dff6-58"
         },
         {
-          "uid": "8485-56"
+          "uid": "dff6-62"
         }
       ]
     },
-    "8485-56": {
+    "dff6-58": {
       "id": "/packages/react-form/src/Field.tsx",
       "moduleParts": {
-        "index.production.js": "8485-57"
+        "index.production.js": "dff6-59"
       },
       "imported": [
         {
-          "uid": "8485-48"
+          "uid": "dff6-66"
         },
         {
-          "uid": "8485-62"
+          "uid": "dff6-48"
         },
         {
-          "uid": "8485-46"
-        },
-        {
-          "uid": "8485-54"
+          "uid": "dff6-56"
         }
       ],
       "importedBy": [
         {
-          "uid": "8485-60"
+          "uid": "dff6-64"
+        },
+        {
+          "uid": "dff6-60"
         },
         {
-          "uid": "8485-58"
+          "uid": "dff6-62"
         }
       ]
     },
-    "8485-58": {
+    "dff6-60": {
       "id": "/packages/react-form/src/useForm.tsx",
       "moduleParts": {
-        "index.production.js": "8485-59"
+        "index.production.js": "dff6-61"
       },
       "imported": [
         {
-          "uid": "8485-48"
+          "uid": "dff6-50"
         },
         {
-          "uid": "8485-46"
+          "uid": "dff6-48"
         },
         {
-          "uid": "8485-50"
+          "uid": "dff6-52"
         },
         {
-          "uid": "8485-62"
+          "uid": "dff6-66"
         },
         {
-          "uid": "8485-56"
+          "uid": "dff6-58"
         },
         {
-          "uid": "8485-54"
+          "uid": "dff6-56"
         },
         {
-          "uid": "8485-52"
+          "uid": "dff6-54"
         }
       ],
       "importedBy": [
         {
-          "uid": "8485-60"
+          "uid": "dff6-64"
+        },
+        {
+          "uid": "dff6-62"
         }
       ]
     },
-    "8485-60": {
+    "dff6-62": {
+      "id": "/packages/react-form/src/createFormFactory.ts",
+      "moduleParts": {
+        "index.production.js": "dff6-63"
+      },
+      "imported": [
+        {
+          "uid": "dff6-56"
+        },
+        {
+          "uid": "dff6-60"
+        },
+        {
+          "uid": "dff6-58"
+        }
+      ],
+      "importedBy": [
+        {
+          "uid": "dff6-64"
+        }
+      ]
+    },
+    "dff6-64": {
       "id": "/packages/react-form/src/index.ts",
       "moduleParts": {
-        "index.production.js": "8485-61"
+        "index.production.js": "dff6-65"
       },
       "imported": [
         {
-          "uid": "8485-46"
+          "uid": "dff6-48"
+        },
+        {
+          "uid": "dff6-60"
         },
         {
-          "uid": "8485-58"
+          "uid": "dff6-58"
         },
         {
-          "uid": "8485-56"
+          "uid": "dff6-56"
         },
         {
-          "uid": "8485-54"
+          "uid": "dff6-62"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "8485-62": {
+    "dff6-66": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "8485-58"
+          "uid": "dff6-60"
         },
         {
-          "uid": "8485-56"
+          "uid": "dff6-58"
         },
         {
-          "uid": "8485-54"
+          "uid": "dff6-56"
         },
         {
-          "uid": "8485-52"
+          "uid": "dff6-54"
         }
       ],
       "isExternal": true
     },
-    "8485-63": {
+    "dff6-67": {
       "id": "use-sync-external-store/shim/with-selector",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "8485-50"
+          "uid": "dff6-52"
         }
       ],
       "isExternal": true

package/build/types/form-core/src/FieldApi.d.ts

@@ -1,11 +1,10 @@
 import type { DeepKeys, DeepValue, RequiredByKey, Updater } from './utils';
 import type { FormApi, ValidationError } from './FormApi';
 import { Store } from '@tanstack/store';
-export declare type ValidationCause = 'change' | 'blur' | 'submit';
-export declare type FieldOptions<TData, TFormData> = {
+export type ValidationCause = 'change' | 'blur' | 'submit';
+export interface FieldOptions<TData, TFormData> {
     name: unknown extends TFormData ? string : DeepKeys<TFormData>;
     defaultValue?: TData;
-    form?: FormApi<TFormData>;
     validate?: (value: TData, fieldApi: FieldApi<TData, TFormData>) => ValidationError;
     validateAsync?: (value: TData, fieldApi: FieldApi<TData, TFormData>) => ValidationError | Promise<ValidationError>;
     validatePristine?: boolean;
@@ -13,23 +12,35 @@ export declare type FieldOptions<TData, TFormData> = {
     validateAsyncOn?: ValidationCause;
     validateAsyncDebounceMs?: number;
     defaultMeta?: Partial<FieldMeta>;
+}
+export type FieldApiOptions<TData, TFormData> = FieldOptions<TData, TFormData> & {
+    form: FormApi<TFormData>;
 };
-export declare type FieldMeta = {
+export type FieldMeta = {
     isTouched: boolean;
     touchedError?: ValidationError;
     error?: ValidationError;
     isValidating: boolean;
 };
-export declare type ChangeProps<TData> = {
+export type UserChangeProps<TData> = {
     onChange?: (updater: Updater<TData>) => void;
     onBlur?: (event: any) => void;
 };
-export declare type InputProps = {
+export type UserInputProps = {
     onChange?: (event: any) => void;
     onBlur?: (event: any) => void;
 };
-export declare type FieldApiOptions<TData, TFormData> = RequiredByKey<FieldOptions<TData, TFormData>, 'form'>;
-export declare type FieldState<TData> = {
+export type ChangeProps<TData> = {
+    value: TData;
+    onChange: (updater: Updater<TData>) => void;
+    onBlur: (event: any) => void;
+};
+export type InputProps = {
+    value: string;
+    onChange: (event: any) => void;
+    onBlur: (event: any) => void;
+};
+export type FieldState<TData> = {
     value: TData;
     meta: FieldMeta;
 };
@@ -62,6 +73,6 @@ export declare class FieldApi<TData, TFormData> {
     validateAsync: (value?: TData) => Promise<ValidationError>;
     shouldValidate: (isAsync: boolean, cause?: ValidationCause) => boolean;
     validate: (cause?: ValidationCause, value?: TData) => Promise<ValidationError>;
-    getChangeProps: <T extends ChangeProps<any>>(props?: T) => ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>>;
-    getInputProps: <T extends InputProps>(props?: T) => InputProps & Omit<T, keyof InputProps>;
+    getChangeProps: <T extends UserChangeProps<any>>(props?: T) => ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>>;
+    getInputProps: <T extends UserInputProps>(props?: T) => InputProps & Omit<T, keyof InputProps>;
 }

package/build/types/form-core/src/FormApi.d.ts

@@ -1,31 +1,34 @@
-import type { FormEvent } from 'react';
 import { Store } from '@tanstack/store';
 import type { DeepKeys, DeepValue, Updater } from './utils';
 import type { FieldApi, FieldMeta, ValidationCause } from './FieldApi';
-export declare type FormOptions<TData> = {
+export interface Register {
+}
+export type FormSubmitEvent = Register extends {
+    FormSubmitEvent: infer E;
+} ? E : Event;
+export type FormOptions<TData> = {
     defaultValues?: TData;
     defaultState?: Partial<FormState<TData>>;
     onSubmit?: (values: TData, formApi: FormApi<TData>) => void;
     onInvalidSubmit?: (values: TData, formApi: FormApi<TData>) => void;
     validate?: (values: TData, formApi: FormApi<TData>) => Promise<any>;
-    debugForm?: boolean;
     defaultValidatePristine?: boolean;
     defaultValidateOn?: ValidationCause;
     defaultValidateAsyncOn?: ValidationCause;
     defaultValidateAsyncDebounceMs?: number;
 };
-export declare type FieldInfo<TFormData> = {
+export type FieldInfo<TFormData> = {
     instances: Record<string, FieldApi<any, TFormData>>;
 } & ValidationMeta;
-export declare type ValidationMeta = {
+export type ValidationMeta = {
     validationCount?: number;
     validationAsyncCount?: number;
     validationPromise?: Promise<ValidationError>;
     validationResolve?: (error: ValidationError) => void;
     validationReject?: (error: unknown) => void;
 };
-export declare type ValidationError = undefined | false | null | string;
-export declare type FormState<TData> = {
+export type ValidationError = undefined | false | null | string;
+export type FormState<TData> = {
     values: TData;
     isFormValidating: boolean;
     formValidationCount: number;
@@ -42,7 +45,6 @@ export declare type FormState<TData> = {
     canSubmit: boolean;
     submissionAttempts: number;
 };
-export declare function getDefaultFormState<TData>(defaultState: Partial<FormState<TData>>): FormState<TData>;
 export declare class FormApi<TFormData> {
     options: FormOptions<TFormData>;
     store: Store<FormState<TFormData>>;
@@ -55,14 +57,12 @@ export declare class FormApi<TFormData> {
     reset: () => void;
     validateAllFields: () => Promise<ValidationError[]>;
     validateForm: () => Promise<ValidationError>;
-    handleSubmit: (e: FormEvent & {
-        __handled?: boolean;
-    }) => Promise<void>;
+    handleSubmit: (e: FormSubmitEvent) => Promise<void>;
     getFieldValue: <TField extends DeepKeys<TFormData>>(field: TField) => DeepValue<TFormData, TField>;
     getFieldMeta: <TField extends DeepKeys<TFormData>>(field: TField) => FieldMeta;
     getFieldInfo: <TField extends DeepKeys<TFormData>>(field: TField) => Record<DeepKeys<TFormData>, FieldInfo<TFormData>>[TField];
     setFieldMeta: <TField extends DeepKeys<TFormData>>(field: TField, updater: Updater<FieldMeta>) => void;
-    setFieldValue: <TField extends DeepKeys<TFormData>>(field: TField, updater: Updater<DeepValue<TFormData, TField>, DeepValue<TFormData, TField>>, opts?: {
+    setFieldValue: <TField extends DeepKeys<TFormData>>(field: TField, updater: Updater<DeepValue<TFormData, TField>>, opts?: {
         touch?: boolean;
     }) => void;
     pushFieldValue: <TField extends DeepKeys<TFormData>>(field: TField, value: DeepValue<TFormData, TField>, opts?: {

package/build/types/form-core/src/utils.d.ts

@@ -1,16 +1,16 @@
-export declare type UpdaterFn<TInput, TOutput = TInput> = (input: TInput) => TOutput;
-export declare type Updater<TInput, TOutput = TInput> = TOutput | UpdaterFn<TInput, TOutput>;
+export type UpdaterFn<TInput, TOutput = TInput> = (input: TInput) => TOutput;
+export type Updater<TInput, TOutput = TInput> = TOutput | UpdaterFn<TInput, TOutput>;
 export declare function functionalUpdate<TInput, TOutput = TInput>(updater: Updater<TInput, TOutput>, input: TInput): TOutput;
 export declare function getBy(obj: any, path: any): any;
 export declare function setBy(obj: any, _path: any, updater: Updater<any>): any;
-export declare type RequiredByKey<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
-declare type ComputeRange<N extends number, Result extends Array<unknown> = []> = Result['length'] extends N ? Result : ComputeRange<N, [...Result, Result['length']]>;
-declare type Index40 = ComputeRange<40>[number];
-declare type IsTuple<T> = T extends readonly any[] & {
+export type RequiredByKey<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
+type ComputeRange<N extends number, Result extends Array<unknown> = []> = Result['length'] extends N ? Result : ComputeRange<N, [...Result, Result['length']]>;
+type Index40 = ComputeRange<40>[number];
+type IsTuple<T> = T extends readonly any[] & {
     length: infer Length;
 } ? Length extends Index40 ? T : never : never;
-declare type AllowedIndexes<Tuple extends ReadonlyArray<any>, Keys extends number = never> = Tuple extends readonly [] ? Keys : Tuple extends readonly [infer _, ...infer Tail] ? AllowedIndexes<Tail, Keys | Tail['length']> : Keys;
-export declare type DeepKeys<T> = unknown extends T ? keyof T : object extends T ? string : T extends readonly any[] & IsTuple<T> ? AllowedIndexes<T> | DeepKeysPrefix<T, AllowedIndexes<T>> : T extends any[] ? never & 'Dynamic length array indexing is not supported' : T extends Date ? never : T extends object ? (keyof T & string) | DeepKeysPrefix<T, keyof T> : never;
-declare type DeepKeysPrefix<T, TPrefix> = TPrefix extends keyof T & (number | string) ? `${TPrefix}.${DeepKeys<T[TPrefix]> & string}` : never;
-export declare type DeepValue<T, TProp> = T extends Record<string | number, any> ? TProp extends `${infer TBranch}.${infer TDeepProp}` ? DeepValue<T[TBranch], TDeepProp> : T[TProp & string] : never;
+type AllowedIndexes<Tuple extends ReadonlyArray<any>, Keys extends number = never> = Tuple extends readonly [] ? Keys : Tuple extends readonly [infer _, ...infer Tail] ? AllowedIndexes<Tail, Keys | Tail['length']> : Keys;
+export type DeepKeys<T> = unknown extends T ? keyof T : object extends T ? string : T extends readonly any[] & IsTuple<T> ? AllowedIndexes<T> | DeepKeysPrefix<T, AllowedIndexes<T>> : T extends any[] ? never & 'Dynamic length array indexing is not supported' : T extends Date ? never : T extends object ? (keyof T & string) | DeepKeysPrefix<T, keyof T> : never;
+type DeepKeysPrefix<T, TPrefix> = TPrefix extends keyof T & (number | string) ? `${TPrefix}.${DeepKeys<T[TPrefix]> & string}` : never;
+export type DeepValue<T, TProp> = T extends Record<string | number, any> ? TProp extends `${infer TBranch}.${infer TDeepProp}` ? DeepValue<T[TBranch], TDeepProp> : T[TProp & string] : never;
 export {};