@tanstack/form-core 0.0.4 → 0.0.5

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/build/cjs/FieldApi.js.map +1 -1
  2. package/build/esm/index.js.map +1 -1
  3. package/build/stats-html.html +1 -1
  4. package/build/stats-react.json +44 -44
  5. package/build/types/FieldApi.d.ts +14 -4
  6. package/build/umd/index.development.js.map +1 -1
  7. package/build/umd/index.production.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/FieldApi.ts +16 -4
package/build/umd/index.production.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.production.js","sources":["../../../../node_modules/.pnpm/@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js","../../src/utils.ts","../../src/FormApi.ts","../../src/FieldApi.ts"],"sourcesContent":["/**\n * store\n *\n * Copyright (c) TanStack\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nclass Store {\n listeners = new Set();\n batching = false;\n queue = [];\n constructor(initialState, options) {\n this.state = initialState;\n this.options = options;\n }\n subscribe = listener => {\n this.listeners.add(listener);\n const unsub = this.options?.onSubscribe?.(listener, this);\n return () => {\n this.listeners.delete(listener);\n unsub?.();\n };\n };\n setState = updater => {\n const previous = this.state;\n this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);\n if (this.state === previous) return;\n this.options?.onUpdate?.(this.state, previous);\n this.queue.push(() => {\n this.listeners.forEach(listener => listener(this.state, previous));\n });\n this.#flush();\n };\n #flush = () => {\n if (this.batching) return;\n this.queue.forEach(cb => cb());\n this.queue = [];\n };\n batch = cb => {\n this.batching = true;\n cb();\n this.batching = false;\n this.#flush();\n };\n}\n\nexport { Store };\n//# sourceMappingURL=index.js.map\n","export type UpdaterFn<TInput, TOutput = TInput> = (input: TInput) => TOutput\n\nexport type Updater<TInput, TOutput = TInput> =\n | TOutput\n | UpdaterFn<TInput, TOutput>\n\nexport function functionalUpdate<TInput, TOutput = TInput>(\n updater: Updater<TInput, TOutput>,\n input: TInput,\n): TOutput {\n return typeof updater === 'function'\n ? (updater as UpdaterFn<TInput, TOutput>)(input)\n : updater\n}\n\nexport function getBy(obj: any, path: any) {\n if (!path) {\n throw new Error('A path string is required to use getBy')\n }\n const pathArray = makePathArray(path)\n const pathObj = pathArray\n return pathObj.reduce((current: any, pathPart: any) => {\n if (typeof current !== 'undefined') {\n return current[pathPart]\n }\n return undefined\n }, obj)\n}\n\nexport function setBy(obj: any, _path: any, updater: Updater<any>) {\n const path = makePathArray(_path)\n\n function doSet(parent?: any): any {\n if (!path.length) {\n return functionalUpdate(updater, parent)\n }\n\n const key = path.shift()\n\n if (typeof key === 'string') {\n if (typeof parent === 'object') {\n return {\n ...parent,\n [key]: doSet(parent[key]),\n }\n }\n return {\n [key]: doSet(),\n }\n }\n\n if (typeof key === 'number') {\n if (Array.isArray(parent)) {\n const prefix = parent.slice(0, key)\n return [\n ...(prefix.length ? prefix : new Array(key)),\n doSet(parent[key]),\n ...parent.slice(key + 1),\n ]\n }\n return [...new Array(key), doSet()]\n }\n\n throw new Error('Uh oh!')\n }\n\n return doSet(obj)\n}\n\nconst reFindNumbers0 = /^(\\d*)$/gm\nconst reFindNumbers1 = /\\.(\\d*)\\./gm\nconst reFindNumbers2 = /^(\\d*)\\./gm\nconst reFindNumbers3 = /\\.(\\d*$)/gm\nconst reFindMultiplePeriods = /\\.{2,}/gm\n\nfunction makePathArray(str: string) {\n return str\n .replace('[', '.')\n .replace(']', '')\n .replace(reFindNumbers0, '__int__$1')\n .replace(reFindNumbers1, '.__int__$1.')\n .replace(reFindNumbers2, '__int__$1.')\n .replace(reFindNumbers3, '.__int__$1')\n .replace(reFindMultiplePeriods, '.')\n .split('.')\n .map((d) => {\n if (d.indexOf('__int__') === 0) {\n return parseInt(d.substring('__int__'.length), 10)\n }\n return d\n })\n}\n\nexport type RequiredByKey<T, K extends keyof T> = Omit<T, K> &\n Required<Pick<T, K>>\n\ntype ComputeRange<\n N extends number,\n Result extends Array<unknown> = [],\n> = Result['length'] extends N\n ? Result\n : ComputeRange<N, [...Result, Result['length']]>\ntype Index40 = ComputeRange<40>[number]\n\n// Is this type a tuple?\ntype IsTuple<T> = T extends readonly any[] & { length: infer Length }\n ? Length extends Index40\n ? T\n : never\n : never\n\n// If this type is a tuple, what indices are allowed?\ntype AllowedIndexes<\n Tuple extends ReadonlyArray<any>,\n Keys extends number = never,\n> = Tuple extends readonly []\n ? Keys\n : Tuple extends readonly [infer _, ...infer Tail]\n ? AllowedIndexes<Tail, Keys | Tail['length']>\n : Keys\n\nexport type DeepKeys<T> = unknown extends T\n ? keyof T\n : object extends T\n ? string\n : T extends readonly any[] & IsTuple<T>\n ? AllowedIndexes<T> | DeepKeysPrefix<T, AllowedIndexes<T>>\n : T extends any[]\n ? never & 'Dynamic length array indexing is not supported'\n : T extends Date\n ? never\n : T extends object\n ? (keyof T & string) | DeepKeysPrefix<T, keyof T>\n : never\n\ntype DeepKeysPrefix<T, TPrefix> = TPrefix extends keyof T & (number | string)\n ? `${TPrefix}.${DeepKeys<T[TPrefix]> & string}`\n : never\n\nexport type DeepValue<T, TProp> = T extends Record<string | number, any>\n ? TProp extends `${infer TBranch}.${infer TDeepProp}`\n ? DeepValue<T[TBranch], TDeepProp>\n : T[TProp & string]\n : never\n","import type { FormEvent } from 'react'\nimport { Store } from '@tanstack/store'\n//\nimport type { DeepKeys, DeepValue, Updater } from './utils'\nimport { functionalUpdate, getBy, setBy } from './utils'\nimport type { FieldApi, FieldMeta, ValidationCause } from './FieldApi'\n\nexport type FormOptions<TData> = {\n defaultValues?: TData\n defaultState?: Partial<FormState<TData>>\n onSubmit?: (values: TData, formApi: FormApi<TData>) => void\n onInvalidSubmit?: (values: TData, formApi: FormApi<TData>) => void\n validate?: (values: TData, formApi: FormApi<TData>) => Promise<any>\n debugForm?: boolean\n defaultValidatePristine?: boolean\n defaultValidateOn?: ValidationCause\n defaultValidateAsyncOn?: ValidationCause\n defaultValidateAsyncDebounceMs?: number\n}\n\nexport type FieldInfo<TFormData> = {\n instances: Record<string, FieldApi<any, TFormData>>\n} & ValidationMeta\n\nexport type ValidationMeta = {\n validationCount?: number\n validationAsyncCount?: number\n validationPromise?: Promise<ValidationError>\n validationResolve?: (error: ValidationError) => void\n validationReject?: (error: unknown) => void\n}\n\nexport type ValidationError = undefined | false | null | string\n\nexport type FormState<TData> = {\n values: TData\n // Form Validation\n isFormValidating: boolean\n formValidationCount: number\n isFormValid: boolean\n formError?: ValidationError\n // Fields\n fieldMeta: Record<DeepKeys<TData>, FieldMeta>\n isFieldsValidating: boolean\n isFieldsValid: boolean\n isSubmitting: boolean\n // General\n isTouched: boolean\n isSubmitted: boolean\n isValidating: boolean\n isValid: boolean\n canSubmit: boolean\n submissionAttempts: number\n}\n\nexport function getDefaultFormState<TData>(\n defaultState: Partial<FormState<TData>>,\n): FormState<TData> {\n return {\n values: {} as any,\n fieldMeta: {} as any,\n canSubmit: true,\n isFieldsValid: false,\n isFieldsValidating: false,\n isFormValid: false,\n isFormValidating: false,\n isSubmitted: false,\n isSubmitting: false,\n isTouched: false,\n isValid: false,\n isValidating: false,\n submissionAttempts: 0,\n formValidationCount: 0,\n ...defaultState,\n }\n}\n\nexport class FormApi<TFormData> {\n // // This carries the context for nested fields\n options: FormOptions<TFormData> = {}\n store!: Store<FormState<TFormData>>\n // Do not use __state directly, as it is not reactive.\n // Please use form.useStore() utility to subscribe to state\n state!: FormState<TFormData>\n fieldInfo: Record<DeepKeys<TFormData>, FieldInfo<TFormData>> = {} as any\n fieldName?: string\n validationMeta: ValidationMeta = {}\n\n constructor(opts?: FormOptions<TFormData>) {\n this.store = new Store<FormState<TFormData>>(\n getDefaultFormState({\n ...opts?.defaultState,\n values: opts?.defaultValues ?? opts?.defaultState?.values,\n isFormValid: !opts?.validate,\n }),\n {\n onUpdate: (next) => {\n // Computed state\n const fieldMetaValues = Object.values(next.fieldMeta) as (\n | FieldMeta\n | undefined\n )[]\n\n const isFieldsValidating = fieldMetaValues.some(\n (field) => field?.isValidating,\n )\n\n const isFieldsValid = !fieldMetaValues.some((field) => field?.error)\n\n const isTouched = fieldMetaValues.some((field) => field?.isTouched)\n\n const isValidating = isFieldsValidating || next.isFormValidating\n const isFormValid = !next.formError\n const isValid = isFieldsValid && isFormValid\n const canSubmit =\n (next.submissionAttempts === 0 && !isTouched) ||\n (!isValidating && !next.isSubmitting && isValid)\n\n next = {\n ...next,\n isFieldsValidating,\n isFieldsValid,\n isFormValid,\n isValid,\n canSubmit,\n isTouched,\n }\n\n // Create a shortcut for the state\n // Write it back to the store\n this.store.state = next\n this.state = next\n },\n },\n )\n\n this.state = this.store.state\n\n this.update(opts || {})\n }\n\n update = (options: FormOptions<TFormData>) => {\n this.store.batch(() => {\n if (\n options.defaultState &&\n options.defaultState !== this.options.defaultState\n ) {\n this.store.setState((prev) => ({\n ...prev,\n ...options.defaultState,\n }))\n }\n\n if (options.defaultValues !== this.options.defaultValues) {\n this.store.setState((prev) => ({\n ...prev,\n values: options.defaultValues as TFormData,\n }))\n }\n })\n\n this.options = options\n }\n\n reset = () =>\n this.store.setState(() => getDefaultFormState(this.options.defaultValues!))\n\n validateAllFields = async () => {\n const fieldValidationPromises: Promise<ValidationError>[] = [] as any\n\n this.store.batch(() => {\n void (Object.values(this.fieldInfo) as FieldInfo<any>[]).forEach(\n (field) => {\n Object.values(field.instances).forEach((instance) => {\n // If any fields are not touched\n if (!instance.state.meta.isTouched) {\n // Mark them as touched\n instance.setMeta((prev) => ({ ...prev, isTouched: true }))\n // Validate the field\n if (instance.options.validate) {\n fieldValidationPromises.push(instance.validate())\n }\n }\n })\n },\n )\n })\n\n return Promise.all(fieldValidationPromises)\n }\n\n validateForm = async () => {\n const { validate } = this.options\n\n if (!validate) {\n return\n }\n\n // Use the formValidationCount for all field instances to\n // track freshness of the validation\n this.store.setState((prev) => ({\n ...prev,\n isValidating: true,\n formValidationCount: prev.formValidationCount + 1,\n }))\n\n const formValidationCount = this.state.formValidationCount\n\n const checkLatest = () =>\n formValidationCount === this.state.formValidationCount\n\n if (!this.validationMeta.validationPromise) {\n this.validationMeta.validationPromise = new Promise((resolve, reject) => {\n this.validationMeta.validationResolve = resolve\n this.validationMeta.validationReject = reject\n })\n }\n\n const doValidation = async () => {\n try {\n const error = await validate(this.state.values, this)\n\n if (checkLatest()) {\n this.store.setState((prev) => ({\n ...prev,\n isValidating: false,\n error: error\n ? typeof error === 'string'\n ? error\n : 'Invalid Form Values'\n : null,\n }))\n\n this.validationMeta.validationResolve?.(error)\n }\n } catch (err) {\n if (checkLatest()) {\n this.validationMeta.validationReject?.(err)\n }\n } finally {\n delete this.validationMeta.validationPromise\n }\n }\n\n doValidation()\n\n return this.validationMeta.validationPromise\n }\n\n handleSubmit = async (e: FormEvent & { __handled?: boolean }) => {\n e.preventDefault()\n e.stopPropagation()\n\n // Check to see that the form and all fields have been touched\n // If they have not, touch them all and run validation\n // Run form validation\n // Submit the form\n\n this.store.setState((old) => ({\n ...old,\n // Submittion attempts mark the form as not submitted\n isSubmitted: false,\n // Count submission attempts\n submissionAttempts: old.submissionAttempts + 1,\n }))\n\n // Don't let invalid forms submit\n if (!this.state.canSubmit) return\n\n this.store.setState((d) => ({ ...d, isSubmitting: true }))\n\n const done = () => {\n this.store.setState((prev) => ({ ...prev, isSubmitting: false }))\n }\n\n // Validate all fields\n await this.validateAllFields()\n\n // Fields are invalid, do not submit\n if (!this.state.isFieldsValid) {\n done()\n this.options.onInvalidSubmit?.(this.state.values, this)\n return\n }\n\n // Run validation for the form\n await this.validateForm()\n\n if (!this.state.isValid) {\n done()\n this.options.onInvalidSubmit?.(this.state.values, this)\n return\n }\n\n try {\n // Run the submit code\n await this.options.onSubmit?.(this.state.values, this)\n\n this.store.batch(() => {\n this.store.setState((prev) => ({ ...prev, isSubmitted: true }))\n done()\n })\n } catch (err) {\n done()\n throw err\n }\n }\n\n getFieldValue = <TField extends DeepKeys<TFormData>>(\n field: TField,\n ): DeepValue<TFormData, TField> => getBy(this.state.values, field)\n\n getFieldMeta = <TField extends DeepKeys<TFormData>>(\n field: TField,\n ): FieldMeta => {\n return this.state.fieldMeta[field]\n }\n\n getFieldInfo = <TField extends DeepKeys<TFormData>>(field: TField) => {\n return (this.fieldInfo[field] ||= {\n instances: {},\n })\n }\n\n setFieldMeta = <TField extends DeepKeys<TFormData>>(\n field: TField,\n updater: Updater<FieldMeta>,\n ) => {\n this.store.setState((prev) => {\n return {\n ...prev,\n fieldMeta: {\n ...prev.fieldMeta,\n [field]: functionalUpdate(updater, prev.fieldMeta[field]),\n },\n }\n })\n }\n\n setFieldValue = <TField extends DeepKeys<TFormData>>(\n field: TField,\n updater: Updater<DeepValue<TFormData, TField>>,\n opts?: { touch?: boolean },\n ) => {\n const touch = opts?.touch ?? true\n\n this.store.batch(() => {\n this.store.setState((prev) => {\n return {\n ...prev,\n values: setBy(prev.values, field, updater),\n }\n })\n\n if (touch) {\n this.setFieldMeta(field, (prev) => ({\n ...prev,\n isTouched: true,\n }))\n }\n })\n }\n\n pushFieldValue = <TField extends DeepKeys<TFormData>>(\n field: TField,\n value: DeepValue<TFormData, TField>,\n opts?: { touch?: boolean },\n ) => {\n return this.setFieldValue(\n field,\n (prev) => [...(Array.isArray(prev) ? prev : []), value] as any,\n opts,\n )\n }\n\n insertFieldValue = <TField extends DeepKeys<TFormData>>(\n field: TField,\n index: number,\n value: DeepValue<TFormData, TField>,\n opts?: { touch?: boolean },\n ) => {\n this.setFieldValue(\n field,\n (prev) => {\n // invariant( // TODO: bring in invariant\n // Array.isArray(prev),\n // `Cannot insert a field value into a non-array field. Check that this field's existing value is an array: ${field}.`\n // )\n return (prev as DeepValue<TFormData, TField>[]).map((d, i) =>\n i === index ? value : d,\n ) as any\n },\n opts,\n )\n }\n\n spliceFieldValue = <TField extends DeepKeys<TFormData>>(\n field: TField,\n index: number,\n opts?: { touch?: boolean },\n ) => {\n this.setFieldValue(\n field,\n (prev) => {\n // invariant( // TODO: bring in invariant\n // Array.isArray(prev),\n // `Cannot insert a field value into a non-array field. Check that this field's existing value is an array: ${field}.`\n // )\n return (prev as DeepValue<TFormData, TField>[]).filter(\n (_d, i) => i !== index,\n ) as any\n },\n opts,\n )\n }\n\n swapFieldValues = <TField extends DeepKeys<TFormData>>(\n field: TField,\n index1: number,\n index2: number,\n ) => {\n this.setFieldValue(field, (prev: any) => {\n const prev1 = prev[index1]!\n const prev2 = prev[index2]!\n return setBy(setBy(prev, [index1], prev2), [index2], prev1)\n })\n }\n}\n","//\nimport type { DeepKeys, DeepValue, RequiredByKey, Updater } from './utils'\nimport type { FormApi, ValidationError } from './FormApi'\nimport { Store } from '@tanstack/store'\n\nexport type ValidationCause = 'change' | 'blur' | 'submit'\n\nexport type FieldOptions<TData, TFormData> = {\n name: unknown extends TFormData ? string : DeepKeys<TFormData>\n defaultValue?: TData\n form?: FormApi<TFormData>\n validate?: (\n value: TData,\n fieldApi: FieldApi<TData, TFormData>,\n ) => ValidationError\n validateAsync?: (\n value: TData,\n fieldApi: FieldApi<TData, TFormData>,\n ) => ValidationError | Promise<ValidationError>\n validatePristine?: boolean // Default: false\n validateOn?: ValidationCause // Default: 'change'\n validateAsyncOn?: ValidationCause // Default: 'blur'\n validateAsyncDebounceMs?: number\n defaultMeta?: Partial<FieldMeta>\n}\n\nexport type FieldMeta = {\n isTouched: boolean\n touchedError?: ValidationError\n error?: ValidationError\n isValidating: boolean\n}\n\nexport type ChangeProps<TData> = {\n onChange?: (updater: Updater<TData>) => void\n onBlur?: (event: any) => void\n}\n\nexport type InputProps = {\n onChange?: (event: any) => void\n onBlur?: (event: any) => void\n}\n\nexport type FieldApiOptions<TData, TFormData> = RequiredByKey<\n FieldOptions<TData, TFormData>,\n 'form'\n>\n\nlet uid = 0\n\nexport type FieldState<TData> = {\n value: TData\n meta: FieldMeta\n}\n\nexport class FieldApi<TData, TFormData> {\n uid: number\n form: FormApi<TFormData>\n name!: DeepKeys<TFormData>\n store!: Store<FieldState<TData>>\n state!: FieldState<TData>\n options: RequiredByKey<\n FieldOptions<TData, TFormData>,\n | 'validatePristine'\n | 'validateOn'\n | 'validateAsyncOn'\n | 'validateAsyncDebounceMs'\n > = {} as any\n\n constructor(opts: FieldApiOptions<TData, TFormData>) {\n this.form = opts.form\n this.uid = uid++\n // Support field prefixing from FieldScope\n let fieldPrefix = ''\n if (this.form.fieldName) {\n fieldPrefix = `${this.form.fieldName}.`\n }\n\n this.name = (fieldPrefix + opts.name) as any\n\n this.store = new Store<FieldState<TData>>(\n {\n value: this.getValue(),\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n meta: this.getMeta() ?? {\n isValidating: false,\n isTouched: false,\n ...this.options.defaultMeta,\n },\n },\n {\n onUpdate: (next) => {\n next.meta.touchedError = next.meta.isTouched\n ? next.meta.error\n : undefined\n\n // Do not validate pristine fields\n const prevState = this.state\n this.state = next\n if (next.value !== prevState.value) {\n this.validate('change', next.value)\n }\n },\n },\n )\n\n this.state = this.store.state\n this.update(opts)\n }\n\n mount = () => {\n const info = this.getInfo()\n info.instances[this.uid] = this\n\n const unsubscribe = this.form.store.subscribe(() => {\n this.#updateStore()\n })\n\n return () => {\n unsubscribe()\n delete info.instances[this.uid]\n if (!Object.keys(info.instances).length) {\n delete this.form.fieldInfo[this.name]\n }\n }\n }\n\n #updateStore = () => {\n this.store.batch(() => {\n const nextValue = this.getValue()\n const nextMeta = this.getMeta()\n\n if (nextValue !== this.state.value) {\n this.store.setState((prev) => ({ ...prev, value: nextValue }))\n }\n\n if (nextMeta !== this.state.meta) {\n this.store.setState((prev) => ({ ...prev, meta: nextMeta }))\n }\n })\n }\n\n update = (opts: FieldApiOptions<TData, TFormData>) => {\n this.options = {\n validatePristine: this.form.options.defaultValidatePristine ?? false,\n validateOn: this.form.options.defaultValidateOn ?? 'change',\n validateAsyncOn: this.form.options.defaultValidateAsyncOn ?? 'blur',\n validateAsyncDebounceMs:\n this.form.options.defaultValidateAsyncDebounceMs ?? 0,\n ...opts,\n }\n\n // Default Value\n if (\n this.state.value === undefined &&\n this.options.defaultValue !== undefined\n ) {\n this.setValue(this.options.defaultValue)\n }\n\n // Default Meta\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n if (this.getMeta() === undefined) {\n this.setMeta(this.state.meta)\n }\n }\n\n getValue = (): TData => this.form.getFieldValue(this.name)\n setValue = (\n updater: Updater<TData>,\n options?: { touch?: boolean; notify?: boolean },\n ) => this.form.setFieldValue(this.name, updater as any, options)\n\n getMeta = (): FieldMeta => this.form.getFieldMeta(this.name)\n setMeta = (updater: Updater<FieldMeta>) =>\n this.form.setFieldMeta(this.name, updater)\n\n getInfo = () => this.form.getFieldInfo(this.name)\n\n pushValue = (value: TData) =>\n this.form.pushFieldValue(this.name, value as any)\n insertValue = (index: number, value: TData) =>\n this.form.insertFieldValue(this.name, index, value as any)\n removeValue = (index: number) => this.form.spliceFieldValue(this.name, index)\n swapValues = (aIndex: number, bIndex: number) =>\n this.form.swapFieldValues(this.name, aIndex, bIndex)\n\n getSubField = <TName extends DeepKeys<TData>>(name: TName) =>\n new FieldApi<DeepValue<TData, TName>, TFormData>({\n name: `${this.name}.${name}` as any,\n form: this.form,\n })\n\n validateSync = async (value = this.state.value) => {\n const { validate } = this.options\n\n if (!validate) {\n return\n }\n\n // Use the validationCount for all field instances to\n // track freshness of the validation\n const validationCount = (this.getInfo().validationCount || 0) + 1\n this.getInfo().validationCount = validationCount\n const error = normalizeError(validate(value, this))\n\n if (this.state.meta.error !== error) {\n this.setMeta((prev) => ({\n ...prev,\n error,\n }))\n }\n\n // If a sync error is encountered, cancel any async validation\n if (this.state.meta.error) {\n this.cancelValidateAsync()\n }\n }\n\n #leaseValidateAsync = () => {\n const count = (this.getInfo().validationAsyncCount || 0) + 1\n this.getInfo().validationAsyncCount = count\n return count\n }\n\n cancelValidateAsync = () => {\n // Lease a new validation count to ignore any pending validations\n this.#leaseValidateAsync()\n // Cancel any pending validation state\n this.setMeta((prev) => ({\n ...prev,\n isValidating: false,\n }))\n }\n\n validateAsync = async (value = this.state.value) => {\n const { validateAsync, validateAsyncDebounceMs } = this.options\n\n if (!validateAsync) {\n return\n }\n\n if (this.state.meta.isValidating !== true)\n this.setMeta((prev) => ({ ...prev, isValidating: true }))\n\n // Use the validationCount for all field instances to\n // track freshness of the validation\n const validationAsyncCount = this.#leaseValidateAsync()\n\n const checkLatest = () =>\n validationAsyncCount === this.getInfo().validationAsyncCount\n\n if (!this.getInfo().validationPromise) {\n this.getInfo().validationPromise = new Promise((resolve, reject) => {\n this.getInfo().validationResolve = resolve\n this.getInfo().validationReject = reject\n })\n }\n\n if (validateAsyncDebounceMs > 0) {\n await new Promise((r) => setTimeout(r, validateAsyncDebounceMs))\n }\n\n // Only kick off validation if this validation is the latest attempt\n if (checkLatest()) {\n try {\n const rawError = await validateAsync(value, this)\n\n if (checkLatest()) {\n const error = normalizeError(rawError)\n this.setMeta((prev) => ({\n ...prev,\n isValidating: false,\n error,\n }))\n this.getInfo().validationResolve?.(error)\n }\n } catch (error) {\n if (checkLatest()) {\n this.getInfo().validationReject?.(error)\n throw error\n }\n } finally {\n if (checkLatest()) {\n this.setMeta((prev) => ({ ...prev, isValidating: false }))\n delete this.getInfo().validationPromise\n }\n }\n }\n\n // Always return the latest validation promise to the caller\n return this.getInfo().validationPromise\n }\n\n shouldValidate = (isAsync: boolean, cause?: ValidationCause) => {\n const { validateOn, validateAsyncOn } = this.options\n const level = getValidationCauseLevel(cause)\n\n // Must meet *at least* the validation level to validate,\n // e.g. if validateOn is 'change' and validateCause is 'blur',\n // the field will still validate\n return Object.keys(validateCauseLevels).some((d) =>\n isAsync\n ? validateAsyncOn\n : validateOn === d && level >= validateCauseLevels[d],\n )\n }\n\n validate = async (\n cause?: ValidationCause,\n value?: TData,\n ): Promise<ValidationError> => {\n // If the field is pristine and validatePristine is false, do not validate\n if (!this.options.validatePristine && !this.state.meta.isTouched) return\n\n // Attempt to sync validate first\n if (this.shouldValidate(false, cause)) {\n this.validateSync(value)\n }\n\n // If there is an error, return it, do not attempt async validation\n if (this.state.meta.error) {\n return this.state.meta.error\n }\n\n // No error? Attempt async validation\n if (this.shouldValidate(true, cause)) {\n return this.validateAsync(value)\n }\n\n // If there is no sync error or async validation attempt, there is no error\n return undefined\n }\n\n getChangeProps = <T extends ChangeProps<any>>(\n props: T = {} as T,\n ): ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>> => {\n return {\n ...props,\n value: this.state.value,\n onChange: (value) => {\n this.setValue(value)\n props.onChange?.(value)\n },\n onBlur: (e) => {\n this.setMeta((prev) => ({ ...prev, isTouched: true }))\n this.validate('blur')\n props.onBlur?.(e)\n },\n } as ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>>\n }\n\n getInputProps = <T extends InputProps>(\n props: T = {} as T,\n ): InputProps & Omit<T, keyof InputProps> => {\n return {\n ...props,\n value: String(this.state.value),\n onChange: (e) => {\n this.setValue(e.target.value)\n props.onChange?.(e.target.value)\n },\n onBlur: this.getChangeProps(props).onBlur,\n }\n }\n}\n\nconst validateCauseLevels = {\n change: 0,\n blur: 1,\n submit: 2,\n}\n\nfunction getValidationCauseLevel(cause?: ValidationCause) {\n return !cause ? 3 : validateCauseLevels[cause]\n}\n\nfunction normalizeError(rawError?: ValidationError) {\n if (rawError) {\n if (typeof rawError !== 'string') {\n return 'Invalid Form Values'\n }\n\n return rawError\n }\n\n return undefined\n}\n"],"names":["Store","listeners","Set","batching","queue","constructor","initialState","options","this","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","push","forEach","flush","cb","batch","functionalUpdate","input","getBy","obj","path","Error","makePathArray","reduce","current","pathPart","setBy","_path","doSet","parent","length","key","shift","Array","isArray","prefix","slice","reFindNumbers0","reFindNumbers1","reFindNumbers2","reFindNumbers3","reFindMultiplePeriods","str","replace","split","map","d","indexOf","parseInt","substring","getDefaultFormState","defaultState","values","fieldMeta","canSubmit","isFieldsValid","isFieldsValidating","isFormValid","isFormValidating","isSubmitted","isSubmitting","isTouched","isValid","isValidating","submissionAttempts","formValidationCount","uid","FieldApi","opts","_this$getMeta","mount","info","getInfo","instances","unsubscribe","form","store","_classPrivateFieldLooseBase","_updateStore","Object","keys","fieldInfo","name","defineProperty","writable","value","nextValue","getValue","nextMeta","getMeta","prev","meta","update","_this$form$options$de","_this$form$options$de2","_this$form$options$de3","_this$form$options$de4","validatePristine","defaultValidatePristine","validateOn","defaultValidateOn","validateAsyncOn","defaultValidateAsyncOn","validateAsyncDebounceMs","defaultValidateAsyncDebounceMs","undefined","defaultValue","setValue","setMeta","getFieldValue","setFieldValue","getFieldMeta","setFieldMeta","getFieldInfo","pushValue","pushFieldValue","insertValue","index","insertFieldValue","removeValue","spliceFieldValue","swapValues","aIndex","bIndex","swapFieldValues","getSubField","validateSync","async","validate","validationCount","error","normalizeError","cancelValidateAsync","_leaseValidateAsync","count","validationAsyncCount","validateAsync","checkLatest","validationPromise","Promise","resolve","reject","validationResolve","validationReject","r","setTimeout","rawError","_this$getInfo$validat","_this$getInfo","call","_this$getInfo$validat2","_this$getInfo2","shouldValidate","isAsync","cause","level","validateCauseLevels","getValidationCauseLevel","some","getChangeProps","props","onChange","onBlur","e","getInputProps","String","target","fieldPrefix","fieldName","defaultMeta","next","touchedError","prevState","change","blur","submit","_opts$defaultValues","_opts$defaultState","validationMeta","defaultValues","reset","validateAllFields","fieldValidationPromises","field","instance","all","validateForm","_this$validationMeta$","_this$validationMeta","err","_this$validationMeta$2","_this$validationMeta2","doValidation","handleSubmit","preventDefault","stopPropagation","old","done","_this$options$onInval","_this$options","_this$options$onInval2","_this$options2","onInvalidSubmit","_this$options$onSubmi","_this$options3","onSubmit","_this$fieldInfo","_opts$touch","touch","i","filter","_d","index1","index2","prev1","prev2","fieldMetaValues","formError"],"mappings":"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"}
1
+ {"version":3,"file":"index.production.js","sources":["../../../../node_modules/.pnpm/@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js","../../src/utils.ts","../../src/FormApi.ts","../../src/FieldApi.ts"],"sourcesContent":["/**\n * store\n *\n * Copyright (c) TanStack\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nclass Store {\n listeners = new Set();\n batching = false;\n queue = [];\n constructor(initialState, options) {\n this.state = initialState;\n this.options = options;\n }\n subscribe = listener => {\n this.listeners.add(listener);\n const unsub = this.options?.onSubscribe?.(listener, this);\n return () => {\n this.listeners.delete(listener);\n unsub?.();\n };\n };\n setState = updater => {\n const previous = this.state;\n this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);\n if (this.state === previous) return;\n this.options?.onUpdate?.(this.state, previous);\n this.queue.push(() => {\n this.listeners.forEach(listener => listener(this.state, previous));\n });\n this.#flush();\n };\n #flush = () => {\n if (this.batching) return;\n this.queue.forEach(cb => cb());\n this.queue = [];\n };\n batch = cb => {\n this.batching = true;\n cb();\n this.batching = false;\n this.#flush();\n };\n}\n\nexport { Store };\n//# sourceMappingURL=index.js.map\n","export type UpdaterFn<TInput, TOutput = TInput> = (input: TInput) => TOutput\n\nexport type Updater<TInput, TOutput = TInput> =\n | TOutput\n | UpdaterFn<TInput, TOutput>\n\nexport function functionalUpdate<TInput, TOutput = TInput>(\n updater: Updater<TInput, TOutput>,\n input: TInput,\n): TOutput {\n return typeof updater === 'function'\n ? (updater as UpdaterFn<TInput, TOutput>)(input)\n : updater\n}\n\nexport function getBy(obj: any, path: any) {\n if (!path) {\n throw new Error('A path string is required to use getBy')\n }\n const pathArray = makePathArray(path)\n const pathObj = pathArray\n return pathObj.reduce((current: any, pathPart: any) => {\n if (typeof current !== 'undefined') {\n return current[pathPart]\n }\n return undefined\n }, obj)\n}\n\nexport function setBy(obj: any, _path: any, updater: Updater<any>) {\n const path = makePathArray(_path)\n\n function doSet(parent?: any): any {\n if (!path.length) {\n return functionalUpdate(updater, parent)\n }\n\n const key = path.shift()\n\n if (typeof key === 'string') {\n if (typeof parent === 'object') {\n return {\n ...parent,\n [key]: doSet(parent[key]),\n }\n }\n return {\n [key]: doSet(),\n }\n }\n\n if (typeof key === 'number') {\n if (Array.isArray(parent)) {\n const prefix = parent.slice(0, key)\n return [\n ...(prefix.length ? prefix : new Array(key)),\n doSet(parent[key]),\n ...parent.slice(key + 1),\n ]\n }\n return [...new Array(key), doSet()]\n }\n\n throw new Error('Uh oh!')\n }\n\n return doSet(obj)\n}\n\nconst reFindNumbers0 = /^(\\d*)$/gm\nconst reFindNumbers1 = /\\.(\\d*)\\./gm\nconst reFindNumbers2 = /^(\\d*)\\./gm\nconst reFindNumbers3 = /\\.(\\d*$)/gm\nconst reFindMultiplePeriods = /\\.{2,}/gm\n\nfunction makePathArray(str: string) {\n return str\n .replace('[', '.')\n .replace(']', '')\n .replace(reFindNumbers0, '__int__$1')\n .replace(reFindNumbers1, '.__int__$1.')\n .replace(reFindNumbers2, '__int__$1.')\n .replace(reFindNumbers3, '.__int__$1')\n .replace(reFindMultiplePeriods, '.')\n .split('.')\n .map((d) => {\n if (d.indexOf('__int__') === 0) {\n return parseInt(d.substring('__int__'.length), 10)\n }\n return d\n })\n}\n\nexport type RequiredByKey<T, K extends keyof T> = Omit<T, K> &\n Required<Pick<T, K>>\n\ntype ComputeRange<\n N extends number,\n Result extends Array<unknown> = [],\n> = Result['length'] extends N\n ? Result\n : ComputeRange<N, [...Result, Result['length']]>\ntype Index40 = ComputeRange<40>[number]\n\n// Is this type a tuple?\ntype IsTuple<T> = T extends readonly any[] & { length: infer Length }\n ? Length extends Index40\n ? T\n : never\n : never\n\n// If this type is a tuple, what indices are allowed?\ntype AllowedIndexes<\n Tuple extends ReadonlyArray<any>,\n Keys extends number = never,\n> = Tuple extends readonly []\n ? Keys\n : Tuple extends readonly [infer _, ...infer Tail]\n ? AllowedIndexes<Tail, Keys | Tail['length']>\n : Keys\n\nexport type DeepKeys<T> = unknown extends T\n ? keyof T\n : object extends T\n ? string\n : T extends readonly any[] & IsTuple<T>\n ? AllowedIndexes<T> | DeepKeysPrefix<T, AllowedIndexes<T>>\n : T extends any[]\n ? never & 'Dynamic length array indexing is not supported'\n : T extends Date\n ? never\n : T extends object\n ? (keyof T & string) | DeepKeysPrefix<T, keyof T>\n : never\n\ntype DeepKeysPrefix<T, TPrefix> = TPrefix extends keyof T & (number | string)\n ? `${TPrefix}.${DeepKeys<T[TPrefix]> & string}`\n : never\n\nexport type DeepValue<T, TProp> = T extends Record<string | number, any>\n ? TProp extends `${infer TBranch}.${infer TDeepProp}`\n ? DeepValue<T[TBranch], TDeepProp>\n : T[TProp & string]\n : never\n","import type { FormEvent } from 'react'\nimport { Store } from '@tanstack/store'\n//\nimport type { DeepKeys, DeepValue, Updater } from './utils'\nimport { functionalUpdate, getBy, setBy } from './utils'\nimport type { FieldApi, FieldMeta, ValidationCause } from './FieldApi'\n\nexport type FormOptions<TData> = {\n defaultValues?: TData\n defaultState?: Partial<FormState<TData>>\n onSubmit?: (values: TData, formApi: FormApi<TData>) => void\n onInvalidSubmit?: (values: TData, formApi: FormApi<TData>) => void\n validate?: (values: TData, formApi: FormApi<TData>) => Promise<any>\n debugForm?: boolean\n defaultValidatePristine?: boolean\n defaultValidateOn?: ValidationCause\n defaultValidateAsyncOn?: ValidationCause\n defaultValidateAsyncDebounceMs?: number\n}\n\nexport type FieldInfo<TFormData> = {\n instances: Record<string, FieldApi<any, TFormData>>\n} & ValidationMeta\n\nexport type ValidationMeta = {\n validationCount?: number\n validationAsyncCount?: number\n validationPromise?: Promise<ValidationError>\n validationResolve?: (error: ValidationError) => void\n validationReject?: (error: unknown) => void\n}\n\nexport type ValidationError = undefined | false | null | string\n\nexport type FormState<TData> = {\n values: TData\n // Form Validation\n isFormValidating: boolean\n formValidationCount: number\n isFormValid: boolean\n formError?: ValidationError\n // Fields\n fieldMeta: Record<DeepKeys<TData>, FieldMeta>\n isFieldsValidating: boolean\n isFieldsValid: boolean\n isSubmitting: boolean\n // General\n isTouched: boolean\n isSubmitted: boolean\n isValidating: boolean\n isValid: boolean\n canSubmit: boolean\n submissionAttempts: number\n}\n\nexport function getDefaultFormState<TData>(\n defaultState: Partial<FormState<TData>>,\n): FormState<TData> {\n return {\n values: {} as any,\n fieldMeta: {} as any,\n canSubmit: true,\n isFieldsValid: false,\n isFieldsValidating: false,\n isFormValid: false,\n isFormValidating: false,\n isSubmitted: false,\n isSubmitting: false,\n isTouched: false,\n isValid: false,\n isValidating: false,\n submissionAttempts: 0,\n formValidationCount: 0,\n ...defaultState,\n }\n}\n\nexport class FormApi<TFormData> {\n // // This carries the context for nested fields\n options: FormOptions<TFormData> = {}\n store!: Store<FormState<TFormData>>\n // Do not use __state directly, as it is not reactive.\n // Please use form.useStore() utility to subscribe to state\n state!: FormState<TFormData>\n fieldInfo: Record<DeepKeys<TFormData>, FieldInfo<TFormData>> = {} as any\n fieldName?: string\n validationMeta: ValidationMeta = {}\n\n constructor(opts?: FormOptions<TFormData>) {\n this.store = new Store<FormState<TFormData>>(\n getDefaultFormState({\n ...opts?.defaultState,\n values: opts?.defaultValues ?? opts?.defaultState?.values,\n isFormValid: !opts?.validate,\n }),\n {\n onUpdate: (next) => {\n // Computed state\n const fieldMetaValues = Object.values(next.fieldMeta) as (\n | FieldMeta\n | undefined\n )[]\n\n const isFieldsValidating = fieldMetaValues.some(\n (field) => field?.isValidating,\n )\n\n const isFieldsValid = !fieldMetaValues.some((field) => field?.error)\n\n const isTouched = fieldMetaValues.some((field) => field?.isTouched)\n\n const isValidating = isFieldsValidating || next.isFormValidating\n const isFormValid = !next.formError\n const isValid = isFieldsValid && isFormValid\n const canSubmit =\n (next.submissionAttempts === 0 && !isTouched) ||\n (!isValidating && !next.isSubmitting && isValid)\n\n next = {\n ...next,\n isFieldsValidating,\n isFieldsValid,\n isFormValid,\n isValid,\n canSubmit,\n isTouched,\n }\n\n // Create a shortcut for the state\n // Write it back to the store\n this.store.state = next\n this.state = next\n },\n },\n )\n\n this.state = this.store.state\n\n this.update(opts || {})\n }\n\n update = (options: FormOptions<TFormData>) => {\n this.store.batch(() => {\n if (\n options.defaultState &&\n options.defaultState !== this.options.defaultState\n ) {\n this.store.setState((prev) => ({\n ...prev,\n ...options.defaultState,\n }))\n }\n\n if (options.defaultValues !== this.options.defaultValues) {\n this.store.setState((prev) => ({\n ...prev,\n values: options.defaultValues as TFormData,\n }))\n }\n })\n\n this.options = options\n }\n\n reset = () =>\n this.store.setState(() => getDefaultFormState(this.options.defaultValues!))\n\n validateAllFields = async () => {\n const fieldValidationPromises: Promise<ValidationError>[] = [] as any\n\n this.store.batch(() => {\n void (Object.values(this.fieldInfo) as FieldInfo<any>[]).forEach(\n (field) => {\n Object.values(field.instances).forEach((instance) => {\n // If any fields are not touched\n if (!instance.state.meta.isTouched) {\n // Mark them as touched\n instance.setMeta((prev) => ({ ...prev, isTouched: true }))\n // Validate the field\n if (instance.options.validate) {\n fieldValidationPromises.push(instance.validate())\n }\n }\n })\n },\n )\n })\n\n return Promise.all(fieldValidationPromises)\n }\n\n validateForm = async () => {\n const { validate } = this.options\n\n if (!validate) {\n return\n }\n\n // Use the formValidationCount for all field instances to\n // track freshness of the validation\n this.store.setState((prev) => ({\n ...prev,\n isValidating: true,\n formValidationCount: prev.formValidationCount + 1,\n }))\n\n const formValidationCount = this.state.formValidationCount\n\n const checkLatest = () =>\n formValidationCount === this.state.formValidationCount\n\n if (!this.validationMeta.validationPromise) {\n this.validationMeta.validationPromise = new Promise((resolve, reject) => {\n this.validationMeta.validationResolve = resolve\n this.validationMeta.validationReject = reject\n })\n }\n\n const doValidation = async () => {\n try {\n const error = await validate(this.state.values, this)\n\n if (checkLatest()) {\n this.store.setState((prev) => ({\n ...prev,\n isValidating: false,\n error: error\n ? typeof error === 'string'\n ? error\n : 'Invalid Form Values'\n : null,\n }))\n\n this.validationMeta.validationResolve?.(error)\n }\n } catch (err) {\n if (checkLatest()) {\n this.validationMeta.validationReject?.(err)\n }\n } finally {\n delete this.validationMeta.validationPromise\n }\n }\n\n doValidation()\n\n return this.validationMeta.validationPromise\n }\n\n handleSubmit = async (e: FormEvent & { __handled?: boolean }) => {\n e.preventDefault()\n e.stopPropagation()\n\n // Check to see that the form and all fields have been touched\n // If they have not, touch them all and run validation\n // Run form validation\n // Submit the form\n\n this.store.setState((old) => ({\n ...old,\n // Submittion attempts mark the form as not submitted\n isSubmitted: false,\n // Count submission attempts\n submissionAttempts: old.submissionAttempts + 1,\n }))\n\n // Don't let invalid forms submit\n if (!this.state.canSubmit) return\n\n this.store.setState((d) => ({ ...d, isSubmitting: true }))\n\n const done = () => {\n this.store.setState((prev) => ({ ...prev, isSubmitting: false }))\n }\n\n // Validate all fields\n await this.validateAllFields()\n\n // Fields are invalid, do not submit\n if (!this.state.isFieldsValid) {\n done()\n this.options.onInvalidSubmit?.(this.state.values, this)\n return\n }\n\n // Run validation for the form\n await this.validateForm()\n\n if (!this.state.isValid) {\n done()\n this.options.onInvalidSubmit?.(this.state.values, this)\n return\n }\n\n try {\n // Run the submit code\n await this.options.onSubmit?.(this.state.values, this)\n\n this.store.batch(() => {\n this.store.setState((prev) => ({ ...prev, isSubmitted: true }))\n done()\n })\n } catch (err) {\n done()\n throw err\n }\n }\n\n getFieldValue = <TField extends DeepKeys<TFormData>>(\n field: TField,\n ): DeepValue<TFormData, TField> => getBy(this.state.values, field)\n\n getFieldMeta = <TField extends DeepKeys<TFormData>>(\n field: TField,\n ): FieldMeta => {\n return this.state.fieldMeta[field]\n }\n\n getFieldInfo = <TField extends DeepKeys<TFormData>>(field: TField) => {\n return (this.fieldInfo[field] ||= {\n instances: {},\n })\n }\n\n setFieldMeta = <TField extends DeepKeys<TFormData>>(\n field: TField,\n updater: Updater<FieldMeta>,\n ) => {\n this.store.setState((prev) => {\n return {\n ...prev,\n fieldMeta: {\n ...prev.fieldMeta,\n [field]: functionalUpdate(updater, prev.fieldMeta[field]),\n },\n }\n })\n }\n\n setFieldValue = <TField extends DeepKeys<TFormData>>(\n field: TField,\n updater: Updater<DeepValue<TFormData, TField>>,\n opts?: { touch?: boolean },\n ) => {\n const touch = opts?.touch ?? true\n\n this.store.batch(() => {\n this.store.setState((prev) => {\n return {\n ...prev,\n values: setBy(prev.values, field, updater),\n }\n })\n\n if (touch) {\n this.setFieldMeta(field, (prev) => ({\n ...prev,\n isTouched: true,\n }))\n }\n })\n }\n\n pushFieldValue = <TField extends DeepKeys<TFormData>>(\n field: TField,\n value: DeepValue<TFormData, TField>,\n opts?: { touch?: boolean },\n ) => {\n return this.setFieldValue(\n field,\n (prev) => [...(Array.isArray(prev) ? prev : []), value] as any,\n opts,\n )\n }\n\n insertFieldValue = <TField extends DeepKeys<TFormData>>(\n field: TField,\n index: number,\n value: DeepValue<TFormData, TField>,\n opts?: { touch?: boolean },\n ) => {\n this.setFieldValue(\n field,\n (prev) => {\n // invariant( // TODO: bring in invariant\n // Array.isArray(prev),\n // `Cannot insert a field value into a non-array field. Check that this field's existing value is an array: ${field}.`\n // )\n return (prev as DeepValue<TFormData, TField>[]).map((d, i) =>\n i === index ? value : d,\n ) as any\n },\n opts,\n )\n }\n\n spliceFieldValue = <TField extends DeepKeys<TFormData>>(\n field: TField,\n index: number,\n opts?: { touch?: boolean },\n ) => {\n this.setFieldValue(\n field,\n (prev) => {\n // invariant( // TODO: bring in invariant\n // Array.isArray(prev),\n // `Cannot insert a field value into a non-array field. Check that this field's existing value is an array: ${field}.`\n // )\n return (prev as DeepValue<TFormData, TField>[]).filter(\n (_d, i) => i !== index,\n ) as any\n },\n opts,\n )\n }\n\n swapFieldValues = <TField extends DeepKeys<TFormData>>(\n field: TField,\n index1: number,\n index2: number,\n ) => {\n this.setFieldValue(field, (prev: any) => {\n const prev1 = prev[index1]!\n const prev2 = prev[index2]!\n return setBy(setBy(prev, [index1], prev2), [index2], prev1)\n })\n }\n}\n","//\nimport type { DeepKeys, DeepValue, RequiredByKey, Updater } from './utils'\nimport type { FormApi, ValidationError } from './FormApi'\nimport { Store } from '@tanstack/store'\n\nexport type ValidationCause = 'change' | 'blur' | 'submit'\n\nexport type FieldOptions<TData, TFormData> = {\n name: unknown extends TFormData ? string : DeepKeys<TFormData>\n defaultValue?: TData\n form?: FormApi<TFormData>\n validate?: (\n value: TData,\n fieldApi: FieldApi<TData, TFormData>,\n ) => ValidationError\n validateAsync?: (\n value: TData,\n fieldApi: FieldApi<TData, TFormData>,\n ) => ValidationError | Promise<ValidationError>\n validatePristine?: boolean // Default: false\n validateOn?: ValidationCause // Default: 'change'\n validateAsyncOn?: ValidationCause // Default: 'blur'\n validateAsyncDebounceMs?: number\n defaultMeta?: Partial<FieldMeta>\n}\n\nexport type FieldMeta = {\n isTouched: boolean\n touchedError?: ValidationError\n error?: ValidationError\n isValidating: boolean\n}\n\nexport type UserChangeProps<TData> = {\n onChange?: (updater: Updater<TData>) => void\n onBlur?: (event: any) => void\n}\n\nexport type UserInputProps = {\n onChange?: (event: any) => void\n onBlur?: (event: any) => void\n}\n\nexport type ChangeProps<TData> = {\n value: TData\n onChange: (updater: Updater<TData>) => void\n onBlur: (event: any) => void\n}\n\nexport type InputProps = {\n value: string\n onChange: (event: any) => void\n onBlur: (event: any) => void\n}\n\nexport type FieldApiOptions<TData, TFormData> = RequiredByKey<\n FieldOptions<TData, TFormData>,\n 'form'\n>\n\nlet uid = 0\n\nexport type FieldState<TData> = {\n value: TData\n meta: FieldMeta\n}\n\nexport class FieldApi<TData, TFormData> {\n uid: number\n form: FormApi<TFormData>\n name!: DeepKeys<TFormData>\n store!: Store<FieldState<TData>>\n state!: FieldState<TData>\n options: RequiredByKey<\n FieldOptions<TData, TFormData>,\n | 'validatePristine'\n | 'validateOn'\n | 'validateAsyncOn'\n | 'validateAsyncDebounceMs'\n > = {} as any\n\n constructor(opts: FieldApiOptions<TData, TFormData>) {\n this.form = opts.form\n this.uid = uid++\n // Support field prefixing from FieldScope\n let fieldPrefix = ''\n if (this.form.fieldName) {\n fieldPrefix = `${this.form.fieldName}.`\n }\n\n this.name = (fieldPrefix + opts.name) as any\n\n this.store = new Store<FieldState<TData>>(\n {\n value: this.getValue(),\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n meta: this.getMeta() ?? {\n isValidating: false,\n isTouched: false,\n ...this.options.defaultMeta,\n },\n },\n {\n onUpdate: (next) => {\n next.meta.touchedError = next.meta.isTouched\n ? next.meta.error\n : undefined\n\n // Do not validate pristine fields\n const prevState = this.state\n this.state = next\n if (next.value !== prevState.value) {\n this.validate('change', next.value)\n }\n },\n },\n )\n\n this.state = this.store.state\n this.update(opts)\n }\n\n mount = () => {\n const info = this.getInfo()\n info.instances[this.uid] = this\n\n const unsubscribe = this.form.store.subscribe(() => {\n this.#updateStore()\n })\n\n return () => {\n unsubscribe()\n delete info.instances[this.uid]\n if (!Object.keys(info.instances).length) {\n delete this.form.fieldInfo[this.name]\n }\n }\n }\n\n #updateStore = () => {\n this.store.batch(() => {\n const nextValue = this.getValue()\n const nextMeta = this.getMeta()\n\n if (nextValue !== this.state.value) {\n this.store.setState((prev) => ({ ...prev, value: nextValue }))\n }\n\n if (nextMeta !== this.state.meta) {\n this.store.setState((prev) => ({ ...prev, meta: nextMeta }))\n }\n })\n }\n\n update = (opts: FieldApiOptions<TData, TFormData>) => {\n this.options = {\n validatePristine: this.form.options.defaultValidatePristine ?? false,\n validateOn: this.form.options.defaultValidateOn ?? 'change',\n validateAsyncOn: this.form.options.defaultValidateAsyncOn ?? 'blur',\n validateAsyncDebounceMs:\n this.form.options.defaultValidateAsyncDebounceMs ?? 0,\n ...opts,\n }\n\n // Default Value\n if (\n this.state.value === undefined &&\n this.options.defaultValue !== undefined\n ) {\n this.setValue(this.options.defaultValue)\n }\n\n // Default Meta\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n if (this.getMeta() === undefined) {\n this.setMeta(this.state.meta)\n }\n }\n\n getValue = (): TData => this.form.getFieldValue(this.name)\n setValue = (\n updater: Updater<TData>,\n options?: { touch?: boolean; notify?: boolean },\n ) => this.form.setFieldValue(this.name, updater as any, options)\n\n getMeta = (): FieldMeta => this.form.getFieldMeta(this.name)\n setMeta = (updater: Updater<FieldMeta>) =>\n this.form.setFieldMeta(this.name, updater)\n\n getInfo = () => this.form.getFieldInfo(this.name)\n\n pushValue = (value: TData) =>\n this.form.pushFieldValue(this.name, value as any)\n insertValue = (index: number, value: TData) =>\n this.form.insertFieldValue(this.name, index, value as any)\n removeValue = (index: number) => this.form.spliceFieldValue(this.name, index)\n swapValues = (aIndex: number, bIndex: number) =>\n this.form.swapFieldValues(this.name, aIndex, bIndex)\n\n getSubField = <TName extends DeepKeys<TData>>(name: TName) =>\n new FieldApi<DeepValue<TData, TName>, TFormData>({\n name: `${this.name}.${name}` as any,\n form: this.form,\n })\n\n validateSync = async (value = this.state.value) => {\n const { validate } = this.options\n\n if (!validate) {\n return\n }\n\n // Use the validationCount for all field instances to\n // track freshness of the validation\n const validationCount = (this.getInfo().validationCount || 0) + 1\n this.getInfo().validationCount = validationCount\n const error = normalizeError(validate(value, this))\n\n if (this.state.meta.error !== error) {\n this.setMeta((prev) => ({\n ...prev,\n error,\n }))\n }\n\n // If a sync error is encountered, cancel any async validation\n if (this.state.meta.error) {\n this.cancelValidateAsync()\n }\n }\n\n #leaseValidateAsync = () => {\n const count = (this.getInfo().validationAsyncCount || 0) + 1\n this.getInfo().validationAsyncCount = count\n return count\n }\n\n cancelValidateAsync = () => {\n // Lease a new validation count to ignore any pending validations\n this.#leaseValidateAsync()\n // Cancel any pending validation state\n this.setMeta((prev) => ({\n ...prev,\n isValidating: false,\n }))\n }\n\n validateAsync = async (value = this.state.value) => {\n const { validateAsync, validateAsyncDebounceMs } = this.options\n\n if (!validateAsync) {\n return\n }\n\n if (this.state.meta.isValidating !== true)\n this.setMeta((prev) => ({ ...prev, isValidating: true }))\n\n // Use the validationCount for all field instances to\n // track freshness of the validation\n const validationAsyncCount = this.#leaseValidateAsync()\n\n const checkLatest = () =>\n validationAsyncCount === this.getInfo().validationAsyncCount\n\n if (!this.getInfo().validationPromise) {\n this.getInfo().validationPromise = new Promise((resolve, reject) => {\n this.getInfo().validationResolve = resolve\n this.getInfo().validationReject = reject\n })\n }\n\n if (validateAsyncDebounceMs > 0) {\n await new Promise((r) => setTimeout(r, validateAsyncDebounceMs))\n }\n\n // Only kick off validation if this validation is the latest attempt\n if (checkLatest()) {\n try {\n const rawError = await validateAsync(value, this)\n\n if (checkLatest()) {\n const error = normalizeError(rawError)\n this.setMeta((prev) => ({\n ...prev,\n isValidating: false,\n error,\n }))\n this.getInfo().validationResolve?.(error)\n }\n } catch (error) {\n if (checkLatest()) {\n this.getInfo().validationReject?.(error)\n throw error\n }\n } finally {\n if (checkLatest()) {\n this.setMeta((prev) => ({ ...prev, isValidating: false }))\n delete this.getInfo().validationPromise\n }\n }\n }\n\n // Always return the latest validation promise to the caller\n return this.getInfo().validationPromise\n }\n\n shouldValidate = (isAsync: boolean, cause?: ValidationCause) => {\n const { validateOn, validateAsyncOn } = this.options\n const level = getValidationCauseLevel(cause)\n\n // Must meet *at least* the validation level to validate,\n // e.g. if validateOn is 'change' and validateCause is 'blur',\n // the field will still validate\n return Object.keys(validateCauseLevels).some((d) =>\n isAsync\n ? validateAsyncOn\n : validateOn === d && level >= validateCauseLevels[d],\n )\n }\n\n validate = async (\n cause?: ValidationCause,\n value?: TData,\n ): Promise<ValidationError> => {\n // If the field is pristine and validatePristine is false, do not validate\n if (!this.options.validatePristine && !this.state.meta.isTouched) return\n\n // Attempt to sync validate first\n if (this.shouldValidate(false, cause)) {\n this.validateSync(value)\n }\n\n // If there is an error, return it, do not attempt async validation\n if (this.state.meta.error) {\n return this.state.meta.error\n }\n\n // No error? Attempt async validation\n if (this.shouldValidate(true, cause)) {\n return this.validateAsync(value)\n }\n\n // If there is no sync error or async validation attempt, there is no error\n return undefined\n }\n\n getChangeProps = <T extends UserChangeProps<any>>(\n props: T = {} as T,\n ): ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>> => {\n return {\n ...props,\n value: this.state.value,\n onChange: (value) => {\n this.setValue(value)\n props.onChange?.(value)\n },\n onBlur: (e) => {\n this.setMeta((prev) => ({ ...prev, isTouched: true }))\n this.validate('blur')\n props.onBlur?.(e)\n },\n } as ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>>\n }\n\n getInputProps = <T extends UserInputProps>(\n props: T = {} as T,\n ): InputProps & Omit<T, keyof InputProps> => {\n return {\n ...props,\n value: String(this.state.value),\n onChange: (e) => {\n this.setValue(e.target.value)\n props.onChange?.(e.target.value)\n },\n onBlur: this.getChangeProps(props).onBlur,\n }\n }\n}\n\nconst validateCauseLevels = {\n change: 0,\n blur: 1,\n submit: 2,\n}\n\nfunction getValidationCauseLevel(cause?: ValidationCause) {\n return !cause ? 3 : validateCauseLevels[cause]\n}\n\nfunction normalizeError(rawError?: ValidationError) {\n if (rawError) {\n if (typeof rawError !== 'string') {\n return 'Invalid Form Values'\n }\n\n return rawError\n }\n\n return undefined\n}\n"],"names":["Store","listeners","Set","batching","queue","constructor","initialState","options","this","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","push","forEach","flush","cb","batch","functionalUpdate","input","getBy","obj","path","Error","makePathArray","reduce","current","pathPart","setBy","_path","doSet","parent","length","key","shift","Array","isArray","prefix","slice","reFindNumbers0","reFindNumbers1","reFindNumbers2","reFindNumbers3","reFindMultiplePeriods","str","replace","split","map","d","indexOf","parseInt","substring","getDefaultFormState","defaultState","values","fieldMeta","canSubmit","isFieldsValid","isFieldsValidating","isFormValid","isFormValidating","isSubmitted","isSubmitting","isTouched","isValid","isValidating","submissionAttempts","formValidationCount","uid","FieldApi","opts","_this$getMeta","mount","info","getInfo","instances","unsubscribe","form","store","_classPrivateFieldLooseBase","_updateStore","Object","keys","fieldInfo","name","defineProperty","writable","value","nextValue","getValue","nextMeta","getMeta","prev","meta","update","_this$form$options$de","_this$form$options$de2","_this$form$options$de3","_this$form$options$de4","validatePristine","defaultValidatePristine","validateOn","defaultValidateOn","validateAsyncOn","defaultValidateAsyncOn","validateAsyncDebounceMs","defaultValidateAsyncDebounceMs","undefined","defaultValue","setValue","setMeta","getFieldValue","setFieldValue","getFieldMeta","setFieldMeta","getFieldInfo","pushValue","pushFieldValue","insertValue","index","insertFieldValue","removeValue","spliceFieldValue","swapValues","aIndex","bIndex","swapFieldValues","getSubField","validateSync","async","validate","validationCount","error","normalizeError","cancelValidateAsync","_leaseValidateAsync","count","validationAsyncCount","validateAsync","checkLatest","validationPromise","Promise","resolve","reject","validationResolve","validationReject","r","setTimeout","rawError","_this$getInfo$validat","_this$getInfo","call","_this$getInfo$validat2","_this$getInfo2","shouldValidate","isAsync","cause","level","validateCauseLevels","getValidationCauseLevel","some","getChangeProps","props","onChange","onBlur","e","getInputProps","String","target","fieldPrefix","fieldName","defaultMeta","next","touchedError","prevState","change","blur","submit","_opts$defaultValues","_opts$defaultState","validationMeta","defaultValues","reset","validateAllFields","fieldValidationPromises","field","instance","all","validateForm","_this$validationMeta$","_this$validationMeta","err","_this$validationMeta$2","_this$validationMeta2","doValidation","handleSubmit","preventDefault","stopPropagation","old","done","_this$options$onInval","_this$options","_this$options$onInval2","_this$options2","onInvalidSubmit","_this$options$onSubmi","_this$options3","onSubmit","_this$fieldInfo","_opts$touch","touch","i","filter","_d","index1","index2","prev1","prev2","fieldMetaValues","formError"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/form-core",
3
- "version": "0.0.4",
3
+ "version": "0.0.5",
4
4
  "description": "Powerful, type-safe, framework agnostic forms.",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
package/src/FieldApi.ts CHANGED
@@ -31,16 +31,28 @@ export type FieldMeta = {
31
31
  isValidating: boolean
32
32
  }
33
33
 
34
- export type ChangeProps<TData> = {
34
+ export type UserChangeProps<TData> = {
35
35
  onChange?: (updater: Updater<TData>) => void
36
36
  onBlur?: (event: any) => void
37
37
  }
38
38
 
39
- export type InputProps = {
39
+ export type UserInputProps = {
40
40
  onChange?: (event: any) => void
41
41
  onBlur?: (event: any) => void
42
42
  }
43
43
 
44
+ export type ChangeProps<TData> = {
45
+ value: TData
46
+ onChange: (updater: Updater<TData>) => void
47
+ onBlur: (event: any) => void
48
+ }
49
+
50
+ export type InputProps = {
51
+ value: string
52
+ onChange: (event: any) => void
53
+ onBlur: (event: any) => void
54
+ }
55
+
44
56
  export type FieldApiOptions<TData, TFormData> = RequiredByKey<
45
57
  FieldOptions<TData, TFormData>,
46
58
  'form'
@@ -332,7 +344,7 @@ export class FieldApi<TData, TFormData> {
332
344
  return undefined
333
345
  }
334
346
 
335
- getChangeProps = <T extends ChangeProps<any>>(
347
+ getChangeProps = <T extends UserChangeProps<any>>(
336
348
  props: T = {} as T,
337
349
  ): ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>> => {
338
350
  return {
@@ -350,7 +362,7 @@ export class FieldApi<TData, TFormData> {
350
362
  } as ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>>
351
363
  }
352
364
 
353
- getInputProps = <T extends InputProps>(
365
+ getInputProps = <T extends UserInputProps>(
354
366
  props: T = {} as T,
355
367
  ): InputProps & Omit<T, keyof InputProps> => {
356
368
  return {