@tanstack/react-form 0.0.11 → 0.0.12

package/build/stats-react.json

@@ -1,362 +0,0 @@
-{
-  "version": 2,
-  "tree": {
-    "name": "root",
-    "children": [
-      {
-        "name": "index.production.js",
-        "children": [
-          {
-            "name": "node_modules/.pnpm",
-            "children": [
-              {
-                "name": "@tanstack+store@0.0.1-beta.89/node_modules/@tanstack/store/build/esm/index.js",
-                "uid": "90cf-46"
-              },
-              {
-                "name": "@tanstack+react-store@0.0.1-beta.85_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js",
-                "uid": "90cf-52"
-              }
-            ]
-          },
-          {
-            "name": "packages",
-            "children": [
-              {
-                "name": "form-core/build/esm/index.js",
-                "uid": "90cf-48"
-              },
-              {
-                "name": "react-form/src",
-                "children": [
-                  {
-                    "uid": "90cf-54",
-                    "name": "formContext.ts"
-                  },
-                  {
-                    "uid": "90cf-56",
-                    "name": "useField.tsx"
-                  },
-                  {
-                    "uid": "90cf-58",
-                    "name": "useForm.tsx"
-                  },
-                  {
-                    "uid": "90cf-60",
-                    "name": "createFormFactory.ts"
-                  },
-                  {
-                    "uid": "90cf-62",
-                    "name": "index.ts"
-                  }
-                ]
-              }
-            ]
-          },
-          {
-            "uid": "90cf-50",
-            "name": "\u0000rollupPluginBabelHelpers.js"
-          }
-        ]
-      }
-    ],
-    "isRoot": true
-  },
-  "nodeParts": {
-    "90cf-46": {
-      "renderedLength": 1313,
-      "gzipLength": 489,
-      "brotliLength": 0,
-      "mainUid": "90cf-45"
-    },
-    "90cf-48": {
-      "renderedLength": 23129,
-      "gzipLength": 5079,
-      "brotliLength": 0,
-      "mainUid": "90cf-47"
-    },
-    "90cf-50": {
-      "renderedLength": 431,
-      "gzipLength": 240,
-      "brotliLength": 0,
-      "mainUid": "90cf-49"
-    },
-    "90cf-52": {
-      "renderedLength": 978,
-      "gzipLength": 456,
-      "brotliLength": 0,
-      "mainUid": "90cf-51"
-    },
-    "90cf-54": {
-      "renderedLength": 296,
-      "gzipLength": 200,
-      "brotliLength": 0,
-      "mainUid": "90cf-53"
-    },
-    "90cf-56": {
-      "renderedLength": 2096,
-      "gzipLength": 779,
-      "brotliLength": 0,
-      "mainUid": "90cf-55"
-    },
-    "90cf-58": {
-      "renderedLength": 1070,
-      "gzipLength": 437,
-      "brotliLength": 0,
-      "mainUid": "90cf-57"
-    },
-    "90cf-60": {
-      "renderedLength": 217,
-      "gzipLength": 138,
-      "brotliLength": 0,
-      "mainUid": "90cf-59"
-    },
-    "90cf-62": {
-      "renderedLength": 0,
-      "gzipLength": 0,
-      "brotliLength": 0,
-      "mainUid": "90cf-61"
-    }
-  },
-  "nodeMetas": {
-    "90cf-45": {
-      "id": "/node_modules/.pnpm/@tanstack+store@0.0.1-beta.89/node_modules/@tanstack/store/build/esm/index.js",
-      "moduleParts": {
-        "index.production.js": "90cf-46"
-      },
-      "imported": [],
-      "importedBy": [
-        {
-          "uid": "90cf-47"
-        }
-      ]
-    },
-    "90cf-47": {
-      "id": "/packages/form-core/build/esm/index.js",
-      "moduleParts": {
-        "index.production.js": "90cf-48"
-      },
-      "imported": [
-        {
-          "uid": "90cf-45"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "90cf-61"
-        },
-        {
-          "uid": "90cf-57"
-        },
-        {
-          "uid": "90cf-55"
-        }
-      ]
-    },
-    "90cf-49": {
-      "id": "\u0000rollupPluginBabelHelpers.js",
-      "moduleParts": {
-        "index.production.js": "90cf-50"
-      },
-      "imported": [],
-      "importedBy": [
-        {
-          "uid": "90cf-57"
-        }
-      ]
-    },
-    "90cf-51": {
-      "id": "/node_modules/.pnpm/@tanstack+react-store@0.0.1-beta.85_react-dom@18.2.0_react@18.2.0/node_modules/@tanstack/react-store/build/esm/index.js",
-      "moduleParts": {
-        "index.production.js": "90cf-52"
-      },
-      "imported": [
-        {
-          "uid": "90cf-64"
-        },
-        {
-          "uid": "90cf-65"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "90cf-57"
-        },
-        {
-          "uid": "90cf-55"
-        }
-      ]
-    },
-    "90cf-53": {
-      "id": "/packages/react-form/src/formContext.ts",
-      "moduleParts": {
-        "index.production.js": "90cf-54"
-      },
-      "imported": [
-        {
-          "uid": "90cf-63"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "90cf-57"
-        },
-        {
-          "uid": "90cf-55"
-        }
-      ]
-    },
-    "90cf-55": {
-      "id": "/packages/react-form/src/useField.tsx",
-      "moduleParts": {
-        "index.production.js": "90cf-56"
-      },
-      "imported": [
-        {
-          "uid": "90cf-63"
-        },
-        {
-          "uid": "90cf-51"
-        },
-        {
-          "uid": "90cf-47"
-        },
-        {
-          "uid": "90cf-53"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "90cf-61"
-        },
-        {
-          "uid": "90cf-57"
-        },
-        {
-          "uid": "90cf-59"
-        }
-      ]
-    },
-    "90cf-57": {
-      "id": "/packages/react-form/src/useForm.tsx",
-      "moduleParts": {
-        "index.production.js": "90cf-58"
-      },
-      "imported": [
-        {
-          "uid": "90cf-49"
-        },
-        {
-          "uid": "90cf-47"
-        },
-        {
-          "uid": "90cf-51"
-        },
-        {
-          "uid": "90cf-63"
-        },
-        {
-          "uid": "90cf-55"
-        },
-        {
-          "uid": "90cf-53"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "90cf-61"
-        },
-        {
-          "uid": "90cf-59"
-        }
-      ]
-    },
-    "90cf-59": {
-      "id": "/packages/react-form/src/createFormFactory.ts",
-      "moduleParts": {
-        "index.production.js": "90cf-60"
-      },
-      "imported": [
-        {
-          "uid": "90cf-55"
-        },
-        {
-          "uid": "90cf-57"
-        }
-      ],
-      "importedBy": [
-        {
-          "uid": "90cf-61"
-        }
-      ]
-    },
-    "90cf-61": {
-      "id": "/packages/react-form/src/index.ts",
-      "moduleParts": {
-        "index.production.js": "90cf-62"
-      },
-      "imported": [
-        {
-          "uid": "90cf-47"
-        },
-        {
-          "uid": "90cf-57"
-        },
-        {
-          "uid": "90cf-55"
-        },
-        {
-          "uid": "90cf-59"
-        }
-      ],
-      "importedBy": [],
-      "isEntry": true
-    },
-    "90cf-63": {
-      "id": "react",
-      "moduleParts": {},
-      "imported": [],
-      "importedBy": [
-        {
-          "uid": "90cf-57"
-        },
-        {
-          "uid": "90cf-55"
-        },
-        {
-          "uid": "90cf-53"
-        }
-      ],
-      "isExternal": true
-    },
-    "90cf-64": {
-      "id": "use-sync-external-store/shim/with-selector",
-      "moduleParts": {},
-      "imported": [],
-      "importedBy": [
-        {
-          "uid": "90cf-51"
-        }
-      ],
-      "isExternal": true
-    },
-    "90cf-65": {
-      "id": "/node_modules/.pnpm/@tanstack+store@0.0.1-beta.85/node_modules/@tanstack/store/build/esm/index.js",
-      "moduleParts": {},
-      "imported": [],
-      "importedBy": [
-        {
-          "uid": "90cf-51"
-        }
-      ]
-    }
-  },
-  "env": {
-    "rollup": "2.78.1"
-  },
-  "options": {
-    "gzip": true,
-    "brotli": false,
-    "sourcemap": false
-  }
-}

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

@@ -1,85 +0,0 @@
-import type { DeepKeys, DeepValue, Updater } from './utils';
-import type { FormApi, ValidationError } from './FormApi';
-import { Store } from '@tanstack/store';
-export type ValidationCause = 'change' | 'blur' | 'submit';
-type ValidateFn<TData, TFormData> = (value: TData, fieldApi: FieldApi<TData, TFormData>) => ValidationError;
-type ValidateAsyncFn<TData, TFormData> = (value: TData, fieldApi: FieldApi<TData, TFormData>) => ValidationError | Promise<ValidationError>;
-export interface FieldOptions<TData, TFormData> {
-    name: unknown extends TFormData ? string : DeepKeys<TFormData>;
-    index?: TData extends any[] ? number : never;
-    defaultValue?: TData;
-    asyncDebounceMs?: number;
-    asyncAlways?: boolean;
-    onMount?: (formApi: FieldApi<TData, TFormData>) => void;
-    onChange?: ValidateFn<TData, TFormData>;
-    onChangeAsync?: ValidateAsyncFn<TData, TFormData>;
-    onChangeAsyncDebounceMs?: number;
-    onBlur?: ValidateFn<TData, TFormData>;
-    onBlurAsync?: ValidateAsyncFn<TData, TFormData>;
-    onBlurAsyncDebounceMs?: number;
-    onSubmitAsync?: ValidateAsyncFn<TData, TFormData>;
-    defaultMeta?: Partial<FieldMeta>;
-}
-export type FieldApiOptions<TData, TFormData> = FieldOptions<TData, TFormData> & {
-    form: FormApi<TFormData>;
-};
-export type FieldMeta = {
-    isTouched: boolean;
-    touchedError?: ValidationError;
-    error?: ValidationError;
-    isValidating: boolean;
-};
-export type UserChangeProps<TData> = {
-    onChange?: (updater: Updater<TData>) => void;
-    onBlur?: (event: any) => void;
-};
-export type UserInputProps = {
-    onChange?: (event: any) => void;
-    onBlur?: (event: any) => void;
-};
-export type ChangeProps<TData> = {
-    value: TData;
-    onChange: (value: 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;
-};
-export declare class FieldApi<TData, TFormData> {
-    #private;
-    uid: number;
-    form: FormApi<TFormData>;
-    name: DeepKeys<TFormData>;
-    store: Store<FieldState<TData>>;
-    state: FieldState<TData>;
-    options: FieldOptions<TData, TFormData>;
-    constructor(opts: FieldApiOptions<TData, TFormData>);
-    mount: () => () => void;
-    update: (opts: FieldApiOptions<TData, TFormData>) => void;
-    getValue: () => TData;
-    setValue: (updater: Updater<TData>, options?: {
-        touch?: boolean;
-        notify?: boolean;
-    }) => void;
-    getMeta: () => FieldMeta;
-    setMeta: (updater: Updater<FieldMeta>) => void;
-    getInfo: () => Record<DeepKeys<TFormData>, import("./FormApi").FieldInfo<TFormData>>[DeepKeys<TFormData>];
-    pushValue: (value: TData extends any[] ? TData[number] : never) => void;
-    insertValue: (index: number, value: TData) => void;
-    removeValue: (index: number) => void;
-    swapValues: (aIndex: number, bIndex: number) => void;
-    getSubField: <TName extends DeepKeys<TData>>(name: TName) => FieldApi<DeepValue<TData, TName>, TFormData>;
-    validateSync: (value: TData | undefined, cause: ValidationCause) => Promise<void>;
-    cancelValidateAsync: () => void;
-    validateAsync: (value: TData | undefined, cause: ValidationCause) => Promise<ValidationError>;
-    validate: (cause: ValidationCause, value?: TData) => ValidationError | Promise<ValidationError>;
-    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>;
-}
-export {};

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

@@ -1,82 +0,0 @@
-import { Store } from '@tanstack/store';
-import type { DeepKeys, DeepValue, Updater } from './utils';
-import type { FieldApi, FieldMeta, ValidationCause } from './FieldApi';
-export interface Register {
-}
-export type FormSubmitEvent = Register extends {
-    FormSubmitEvent: infer E;
-} ? E : Event;
-export type FormOptions<TData> = {
-    defaultValues?: TData;
-    defaultState?: Partial<FormState<TData>>;
-    asyncDebounceMs?: number;
-    onMount?: (values: TData, formApi: FormApi<TData>) => ValidationError;
-    onMountAsync?: (values: TData, formApi: FormApi<TData>) => ValidationError | Promise<ValidationError>;
-    onMountAsyncDebounceMs?: number;
-    onChange?: (values: TData, formApi: FormApi<TData>) => ValidationError;
-    onChangeAsync?: (values: TData, formApi: FormApi<TData>) => ValidationError | Promise<ValidationError>;
-    onChangeAsyncDebounceMs?: number;
-    onBlur?: (values: TData, formApi: FormApi<TData>) => ValidationError;
-    onBlurAsync?: (values: TData, formApi: FormApi<TData>) => ValidationError | Promise<ValidationError>;
-    onBlurAsyncDebounceMs?: number;
-    onSubmit?: (values: TData, formApi: FormApi<TData>) => any | Promise<any>;
-    onSubmitInvalid?: (values: TData, formApi: FormApi<TData>) => void;
-};
-export type FieldInfo<TFormData> = {
-    instances: Record<string, FieldApi<any, TFormData>>;
-} & ValidationMeta;
-export type ValidationMeta = {
-    validationCount?: number;
-    validationAsyncCount?: number;
-    validationPromise?: Promise<ValidationError>;
-    validationResolve?: (error: ValidationError) => void;
-    validationReject?: (error: unknown) => void;
-};
-export type ValidationError = undefined | false | null | string;
-export type FormState<TData> = {
-    values: TData;
-    isFormValidating: boolean;
-    formValidationCount: number;
-    isFormValid: boolean;
-    formError?: ValidationError;
-    fieldMeta: Record<DeepKeys<TData>, FieldMeta>;
-    isFieldsValidating: boolean;
-    isFieldsValid: boolean;
-    isSubmitting: boolean;
-    isTouched: boolean;
-    isSubmitted: boolean;
-    isValidating: boolean;
-    isValid: boolean;
-    canSubmit: boolean;
-    submissionAttempts: number;
-};
-export declare class FormApi<TFormData> {
-    options: FormOptions<TFormData>;
-    store: Store<FormState<TFormData>>;
-    state: FormState<TFormData>;
-    fieldInfo: Record<DeepKeys<TFormData>, FieldInfo<TFormData>>;
-    fieldName?: string;
-    validationMeta: ValidationMeta;
-    constructor(opts?: FormOptions<TFormData>);
-    update: (options?: FormOptions<TFormData>) => void;
-    reset: () => void;
-    validateAllFields: (cause: ValidationCause) => Promise<ValidationError[]>;
-    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>>, opts?: {
-        touch?: boolean;
-    }) => void;
-    pushFieldValue: <TField extends DeepKeys<TFormData>>(field: TField, value: DeepValue<TFormData, TField>, opts?: {
-        touch?: boolean;
-    }) => void;
-    insertFieldValue: <TField extends DeepKeys<TFormData>>(field: TField, index: number, value: DeepValue<TFormData, TField>, opts?: {
-        touch?: boolean;
-    }) => void;
-    removeFieldValue: <TField extends DeepKeys<TFormData>>(field: TField, index: number, opts?: {
-        touch?: boolean;
-    }) => void;
-    swapFieldValues: <TField extends DeepKeys<TFormData>>(field: TField, index1: number, index2: number) => void;
-}

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

@@ -1,3 +0,0 @@
-export * from './FormApi';
-export * from './FieldApi';
-export * from './utils';

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

@@ -1,22 +0,0 @@
-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 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;
-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[] ? DeepKeys<T[number]> : 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;
-type Narrowable = string | number | bigint | boolean;
-type NarrowRaw<A> = (A extends [] ? [] : never) | (A extends Narrowable ? A : never) | {
-    [K in keyof A]: A[K] extends Function ? A[K] : NarrowRaw<A[K]>;
-};
-export type Narrow<A> = Try<A, [], NarrowRaw<A>>;
-type Try<A1, A2, Catch = never> = A1 extends A2 ? A1 : Catch;
-export {};

package/build/types/index.d.ts

@@ -1,74 +0,0 @@
-/**
- * react-form
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-import { FieldApi, DeepKeys, FieldOptions, Narrow, DeepValue, FormState, FormOptions, FormApi } from '@tanstack/form-core';
-export { ChangeProps, DeepKeys, DeepValue, FieldApi, FieldApiOptions, FieldInfo, FieldMeta, FieldOptions, FieldState, FormApi, FormOptions, FormState, InputProps, RequiredByKey, Updater, UpdaterFn, UserChangeProps, UserInputProps, ValidationCause, ValidationError, ValidationMeta, functionalUpdate } from '@tanstack/form-core';
-import { NoInfer } from '@tanstack/react-store';
-import React from 'react';
-
-declare module '@tanstack/form-core' {
-    interface FieldApi<TData, TFormData> {
-        Field: FieldComponent<TData, TFormData>;
-    }
-}
-type UseFieldOptions<TData, TFormData> = FieldOptions<TData, TFormData> & {
-    mode?: 'value' | 'array';
-};
-type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(opts?: {
-    name: Narrow<TField>;
-} & UseFieldOptions<DeepValue<TFormData, TField>, TFormData>) => FieldApi<DeepValue<TFormData, TField>, TFormData>;
-declare function useField<TData, TFormData>(opts: UseFieldOptions<TData, TFormData>): FieldApi<TData, TFormData>;
-type FieldValue<TFormData, TField> = TFormData extends any[] ? unknown extends TField ? TFormData[number] : DeepValue<TFormData[number], TField> : DeepValue<TFormData, TField>;
-type FieldComponent<TParentData, TFormData> = <TField>({ children, ...fieldOptions }: {
-    children: (fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>) => any;
-} & Omit<UseFieldOptions<FieldValue<TParentData, TField>, TFormData>, 'name' | 'index'> & (TParentData extends any[] ? {
-    name?: TField extends undefined ? TField : DeepKeys<TParentData>;
-    index: number;
-} : {
-    name: TField extends undefined ? TField : DeepKeys<TParentData>;
-    index?: never;
-})) => any;
-declare function Field<TData, TFormData>({ children, ...fieldOptions }: {
-    children: (fieldApi: FieldApi<TData, TFormData>) => any;
-} & UseFieldOptions<TData, TFormData>): JSX.Element;
-
-type FormSubmitEvent = React.FormEvent<HTMLFormElement>;
-declare module '@tanstack/form-core' {
-    interface Register {
-        FormSubmitEvent: FormSubmitEvent;
-    }
-    interface FormApi<TFormData> {
-        Provider: (props: {
-            children: any;
-        }) => any;
-        getFormProps: () => FormProps;
-        Field: FieldComponent<TFormData, TFormData>;
-        useField: UseField<TFormData>;
-        useStore: <TSelected = NoInfer<FormState<TFormData>>>(selector?: (state: NoInfer<FormState<TFormData>>) => TSelected) => TSelected;
-        Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {
-            selector?: (state: NoInfer<FormState<TFormData>>) => TSelected;
-            children: ((state: NoInfer<TSelected>) => React.ReactNode) | React.ReactNode;
-        }) => any;
-    }
-}
-type FormProps = {
-    onSubmit: (e: FormSubmitEvent) => void;
-    disabled: boolean;
-};
-declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;
-
-type FormFactory<TFormData> = {
-    useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>;
-    useField: UseField<TFormData>;
-    Field: FieldComponent<TFormData, TFormData>;
-};
-declare function createFormFactory<TFormData>(defaultOpts?: FormOptions<TFormData>): FormFactory<TFormData>;
-
-export { Field, FieldComponent, FormFactory, FormProps, UseField, createFormFactory, useField, useForm };