@tanstack/form-core 0.0.6 → 0.0.8

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.
@@ -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 { 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 interface Register {\n // FormSubmitEvent\n}\n\nexport type FormSubmitEvent = Register extends {\n FormSubmitEvent: infer E\n}\n ? E\n : Event\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 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\nfunction 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: FormSubmitEvent) => {\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 interface FieldOptions<TData, TFormData> {\n name: unknown extends TFormData ? string : DeepKeys<TFormData>\n defaultValue?: TData\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 FieldApiOptions<TData, TFormData> = FieldOptions<\n TData,\n TFormData\n> & {\n form: FormApi<TFormData>\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\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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"}
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 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\nconst intPrefix = '__int__'\nconst intReplace = `${intPrefix}$1`\n\nfunction makePathArray(str: string) {\n if (typeof str !== 'string') {\n throw new Error()\n }\n\n return str\n .replace('[', '.')\n .replace(']', '')\n .replace(reFindNumbers0, intReplace)\n .replace(reFindNumbers1, `.${intReplace}.`)\n .replace(reFindNumbers2, `${intReplace}.`)\n .replace(reFindNumbers3, `.${intReplace}`)\n .replace(reFindMultiplePeriods, '.')\n .split('.')\n .map((d) => {\n if (d.indexOf(intPrefix) === 0) {\n return parseInt(d.substring(intPrefix.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 ? DeepKeys<T[number]>\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\ntype Narrowable = string | number | bigint | boolean\n\ntype NarrowRaw<A> =\n | (A extends [] ? [] : never)\n | (A extends Narrowable ? A : never)\n | {\n [K in keyof A]: A[K] extends Function ? A[K] : NarrowRaw<A[K]>\n }\n\nexport type Narrow<A> = Try<A, [], NarrowRaw<A>>\n\ntype Try<A1, A2, Catch = never> = A1 extends A2 ? A1 : Catch\n","import { 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 interface Register {\n // FormSubmitEvent\n}\n\nexport type FormSubmitEvent = Register extends {\n FormSubmitEvent: infer E\n}\n ? E\n : Event\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 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\nfunction 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 console.log(this.state)\n },\n },\n )\n\n this.state = this.store.state\n\n this.update(opts || {})\n }\n\n update = (options?: FormOptions<TFormData>) => {\n if (!options) return\n\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: FormSubmitEvent) => {\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 removeFieldValue = <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 interface FieldOptions<TData, TFormData> {\n name: unknown extends TFormData ? string : DeepKeys<TFormData>\n index?: TData extends any[] ? number : never\n defaultValue?: TData\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 FieldApiOptions<TData, TFormData> = FieldOptions<\n TData,\n TFormData\n> & {\n form: FormApi<TFormData>\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\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 = 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 console.log(this)\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 => {\n return this.form.getFieldValue(this.name)\n }\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 extends any[] ? TData[number] : never) =>\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.removeFieldValue(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","makePathArray","reduce","current","pathPart","setBy","_path","doSet","parent","length","key","shift","Array","isArray","prefix","slice","Error","reFindNumbers0","reFindNumbers1","reFindNumbers2","reFindNumbers3","reFindMultiplePeriods","intPrefix","intReplace","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","removeFieldValue","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","defaultMeta","next","touchedError","prevState","console","log","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.6",
3
+ "version": "0.0.8",
4
4
  "description": "Powerful, type-safe, framework agnostic forms.",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
package/src/FieldApi.ts CHANGED
@@ -7,6 +7,7 @@ export type ValidationCause = 'change' | 'blur' | 'submit'
7
7
 
8
8
  export interface FieldOptions<TData, TFormData> {
9
9
  name: unknown extends TFormData ? string : DeepKeys<TFormData>
10
+ index?: TData extends any[] ? number : never
10
11
  defaultValue?: TData
11
12
  validate?: (
12
13
  value: TData,
@@ -84,12 +85,12 @@ export class FieldApi<TData, TFormData> {
84
85
  this.form = opts.form
85
86
  this.uid = uid++
86
87
  // Support field prefixing from FieldScope
87
- let fieldPrefix = ''
88
- if (this.form.fieldName) {
89
- fieldPrefix = `${this.form.fieldName}.`
90
- }
88
+ // let fieldPrefix = ''
89
+ // if (this.form.fieldName) {
90
+ // fieldPrefix = `${this.form.fieldName}.`
91
+ // }
91
92
 
92
- this.name = (fieldPrefix + opts.name) as any
93
+ this.name = opts.name as any
93
94
 
94
95
  this.store = new Store<FieldState<TData>>(
95
96
  {
@@ -113,6 +114,7 @@ export class FieldApi<TData, TFormData> {
113
114
  if (next.value !== prevState.value) {
114
115
  this.validate('change', next.value)
115
116
  }
117
+ console.log(this)
116
118
  },
117
119
  },
118
120
  )
@@ -178,7 +180,9 @@ export class FieldApi<TData, TFormData> {
178
180
  }
179
181
  }
180
182
 
181
- getValue = (): TData => this.form.getFieldValue(this.name)
183
+ getValue = (): TData => {
184
+ return this.form.getFieldValue(this.name)
185
+ }
182
186
  setValue = (
183
187
  updater: Updater<TData>,
184
188
  options?: { touch?: boolean; notify?: boolean },
@@ -190,11 +194,11 @@ export class FieldApi<TData, TFormData> {
190
194
 
191
195
  getInfo = () => this.form.getFieldInfo(this.name)
192
196
 
193
- pushValue = (value: TData) =>
197
+ pushValue = (value: TData extends any[] ? TData[number] : never) =>
194
198
  this.form.pushFieldValue(this.name, value as any)
195
199
  insertValue = (index: number, value: TData) =>
196
200
  this.form.insertFieldValue(this.name, index, value as any)
197
- removeValue = (index: number) => this.form.spliceFieldValue(this.name, index)
201
+ removeValue = (index: number) => this.form.removeFieldValue(this.name, index)
198
202
  swapValues = (aIndex: number, bIndex: number) =>
199
203
  this.form.swapFieldValues(this.name, aIndex, bIndex)
200
204
 
package/src/FormApi.ts CHANGED
@@ -138,6 +138,7 @@ export class FormApi<TFormData> {
138
138
  // Write it back to the store
139
139
  this.store.state = next
140
140
  this.state = next
141
+ console.log(this.state)
141
142
  },
142
143
  },
143
144
  )
@@ -147,7 +148,9 @@ export class FormApi<TFormData> {
147
148
  this.update(opts || {})
148
149
  }
149
150
 
150
- update = (options: FormOptions<TFormData>) => {
151
+ update = (options?: FormOptions<TFormData>) => {
152
+ if (!options) return
153
+
151
154
  this.store.batch(() => {
152
155
  if (
153
156
  options.defaultState &&
@@ -402,7 +405,7 @@ export class FormApi<TFormData> {
402
405
  )
403
406
  }
404
407
 
405
- spliceFieldValue = <TField extends DeepKeys<TFormData>>(
408
+ removeFieldValue = <TField extends DeepKeys<TFormData>>(
406
409
  field: TField,
407
410
  index: number,
408
411
  opts?: { touch?: boolean },
package/src/utils.ts CHANGED
@@ -14,9 +14,6 @@ export function functionalUpdate<TInput, TOutput = TInput>(
14
14
  }
15
15
 
16
16
  export function getBy(obj: any, path: any) {
17
- if (!path) {
18
- throw new Error('A path string is required to use getBy')
19
- }
20
17
  const pathArray = makePathArray(path)
21
18
  const pathObj = pathArray
22
19
  return pathObj.reduce((current: any, pathPart: any) => {
@@ -73,19 +70,26 @@ const reFindNumbers2 = /^(\d*)\./gm
73
70
  const reFindNumbers3 = /\.(\d*$)/gm
74
71
  const reFindMultiplePeriods = /\.{2,}/gm
75
72
 
73
+ const intPrefix = '__int__'
74
+ const intReplace = `${intPrefix}$1`
75
+
76
76
  function makePathArray(str: string) {
77
+ if (typeof str !== 'string') {
78
+ throw new Error()
79
+ }
80
+
77
81
  return str
78
82
  .replace('[', '.')
79
83
  .replace(']', '')
80
- .replace(reFindNumbers0, '__int__$1')
81
- .replace(reFindNumbers1, '.__int__$1.')
82
- .replace(reFindNumbers2, '__int__$1.')
83
- .replace(reFindNumbers3, '.__int__$1')
84
+ .replace(reFindNumbers0, intReplace)
85
+ .replace(reFindNumbers1, `.${intReplace}.`)
86
+ .replace(reFindNumbers2, `${intReplace}.`)
87
+ .replace(reFindNumbers3, `.${intReplace}`)
84
88
  .replace(reFindMultiplePeriods, '.')
85
89
  .split('.')
86
90
  .map((d) => {
87
- if (d.indexOf('__int__') === 0) {
88
- return parseInt(d.substring('__int__'.length), 10)
91
+ if (d.indexOf(intPrefix) === 0) {
92
+ return parseInt(d.substring(intPrefix.length), 10)
89
93
  }
90
94
  return d
91
95
  })
@@ -126,7 +130,7 @@ export type DeepKeys<T> = unknown extends T
126
130
  : T extends readonly any[] & IsTuple<T>
127
131
  ? AllowedIndexes<T> | DeepKeysPrefix<T, AllowedIndexes<T>>
128
132
  : T extends any[]
129
- ? never & 'Dynamic length array indexing is not supported'
133
+ ? DeepKeys<T[number]>
130
134
  : T extends Date
131
135
  ? never
132
136
  : T extends object
@@ -142,3 +146,16 @@ export type DeepValue<T, TProp> = T extends Record<string | number, any>
142
146
  ? DeepValue<T[TBranch], TDeepProp>
143
147
  : T[TProp & string]
144
148
  : never
149
+
150
+ type Narrowable = string | number | bigint | boolean
151
+
152
+ type NarrowRaw<A> =
153
+ | (A extends [] ? [] : never)
154
+ | (A extends Narrowable ? A : never)
155
+ | {
156
+ [K in keyof A]: A[K] extends Function ? A[K] : NarrowRaw<A[K]>
157
+ }
158
+
159
+ export type Narrow<A> = Try<A, [], NarrowRaw<A>>
160
+
161
+ type Try<A1, A2, Catch = never> = A1 extends A2 ? A1 : Catch