cross-state 0.42.5 → 0.43.1
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.
package/dist/cjs/react/index.cjs
CHANGED
|
@@ -94,6 +94,7 @@ function FormField({
|
|
|
94
94
|
return defaultValue;
|
|
95
95
|
});
|
|
96
96
|
const setValue = (x) => form.getField(name).setValue(deserialize(x, getFormState()));
|
|
97
|
+
const hasTriggeredValidations = this.useFormState((form2) => form2.hasTriggeredValidations);
|
|
97
98
|
require$$0.useEffect(() => {
|
|
98
99
|
if (localValue === void 0 || !commitDebounce) {
|
|
99
100
|
return;
|
|
@@ -105,7 +106,6 @@ function FormField({
|
|
|
105
106
|
return () => clearTimeout(timeout);
|
|
106
107
|
}, [localValue, commitDebounce]);
|
|
107
108
|
const props = {
|
|
108
|
-
...restProps,
|
|
109
109
|
name,
|
|
110
110
|
value: localValue ?? value,
|
|
111
111
|
onChange: (event, ...moreArgs) => {
|
|
@@ -129,10 +129,10 @@ function FormField({
|
|
|
129
129
|
}
|
|
130
130
|
};
|
|
131
131
|
if (render) {
|
|
132
|
-
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: render(props) ?? null });
|
|
132
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: render(props, { ...form.getField(name), hasTriggeredValidations }) ?? null });
|
|
133
133
|
}
|
|
134
134
|
if (component) {
|
|
135
|
-
return require$$0.createElement(component, props);
|
|
135
|
+
return require$$0.createElement(component, { ...restProps, ...props });
|
|
136
136
|
}
|
|
137
137
|
return null;
|
|
138
138
|
}
|
|
@@ -239,47 +239,52 @@ function FormContainer({
|
|
|
239
239
|
}) {
|
|
240
240
|
const formInstance = form.useForm();
|
|
241
241
|
const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);
|
|
242
|
+
const formRef = require$$0.useRef(null);
|
|
243
|
+
function updateValidity(errors, buttonElement) {
|
|
244
|
+
const formElement = formRef.current;
|
|
245
|
+
if (!formElement) {
|
|
246
|
+
return;
|
|
247
|
+
}
|
|
248
|
+
const localizedErrors = new Map(
|
|
249
|
+
[...errors.entries()].map(
|
|
250
|
+
([field, errors2]) => [
|
|
251
|
+
field,
|
|
252
|
+
errors2.map((error) => formInstance.options.localizeError?.(error, field) ?? error)
|
|
253
|
+
]
|
|
254
|
+
)
|
|
255
|
+
);
|
|
256
|
+
for (const element of Array.from(formElement.elements)) {
|
|
257
|
+
if ("name" in element && "setCustomValidity" in element) {
|
|
258
|
+
element.setCustomValidity(
|
|
259
|
+
localizedErrors.get(element.name)?.join("\n") ?? ""
|
|
260
|
+
);
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
if (buttonElement && "setCustomValidity" in buttonElement) {
|
|
264
|
+
const errorString = [...errors.values()].flat().join("\n");
|
|
265
|
+
buttonElement.setCustomValidity(errorString);
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
require$$0.useEffect(() => {
|
|
269
|
+
return formInstance.derivedState.map("errors").subscribe((errors) => updateValidity(errors));
|
|
270
|
+
}, [formInstance.derivedState]);
|
|
242
271
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
243
272
|
"form",
|
|
244
273
|
{
|
|
274
|
+
ref: formRef,
|
|
245
275
|
noValidate: true,
|
|
246
276
|
...formProps,
|
|
247
|
-
className: [
|
|
277
|
+
className: [
|
|
278
|
+
formProps.className,
|
|
279
|
+
hasTriggeredValidations ? form.options.validClass ?? "validated" : void 0
|
|
280
|
+
].filter(Boolean).join(" "),
|
|
248
281
|
onSubmit: (event) => {
|
|
249
282
|
event.preventDefault();
|
|
250
283
|
const formElement = event.currentTarget;
|
|
251
284
|
const buttonElement = event.nativeEvent instanceof SubmitEvent && event.nativeEvent.submitter instanceof HTMLButtonElement ? event.nativeEvent.submitter : void 0;
|
|
252
|
-
|
|
253
|
-
const errors = new Map(
|
|
254
|
-
[...formInstance.getErrors().entries()].map(([field, errors2]) => [
|
|
255
|
-
field,
|
|
256
|
-
errors2.map((error) => formInstance.options.localizeError?.(error, field) ?? error)
|
|
257
|
-
])
|
|
258
|
-
);
|
|
259
|
-
for (const element of Array.from(formElement.elements)) {
|
|
260
|
-
if ("name" in element && "setCustomValidity" in element) {
|
|
261
|
-
element.setCustomValidity(
|
|
262
|
-
errors.get(element.name)?.join("\n") ?? ""
|
|
263
|
-
);
|
|
264
|
-
}
|
|
265
|
-
}
|
|
266
|
-
if (buttonElement && "setCustomValidity" in buttonElement) {
|
|
267
|
-
const errorString = [...errors.values()].flat().join("\n");
|
|
268
|
-
buttonElement.setCustomValidity(errorString);
|
|
269
|
-
}
|
|
285
|
+
updateValidity(formInstance.derivedState.get().errors, buttonElement);
|
|
270
286
|
formElement.reportValidity();
|
|
271
|
-
|
|
272
|
-
for (const element of Array.from(formElement.elements)) {
|
|
273
|
-
if ("name" in element && "setCustomValidity" in element) {
|
|
274
|
-
element.setCustomValidity("");
|
|
275
|
-
}
|
|
276
|
-
}
|
|
277
|
-
if (buttonElement && "setCustomValidity" in buttonElement) {
|
|
278
|
-
buttonElement.setCustomValidity("");
|
|
279
|
-
}
|
|
280
|
-
formElement.removeEventListener("input", reset);
|
|
281
|
-
}
|
|
282
|
-
formElement.addEventListener("input", reset);
|
|
287
|
+
const isValid = formInstance.validate();
|
|
283
288
|
if (isValid) {
|
|
284
289
|
formProps.onSubmit?.(event, {
|
|
285
290
|
...formInstance,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/react/form/customInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/formField.tsx","../../../src/react/form/formForEach.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string;\n children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps): JSX.Element {\n return (\n <div\n {...props}\n style={{\n position: 'relative',\n ...props.style,\n }}\n >\n {children}\n\n <input\n name={name}\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n opacity: 0,\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n }}\n />\n </div>\n );\n}\n","import { isObject } from '@lib/helpers';\nimport { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n if (typeof s === 'string') {\n s = castArrayPath(s);\n }\n\n if (typeof w === 'string') {\n w = castArrayPath(w);\n }\n\n return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n object: any,\n path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n const matches: Record<KeyType, any> = {};\n const [first, second, ...rest] = castArrayPath(path);\n\n if (first === undefined) {\n throw new Error('Path is empty');\n }\n\n if (!Array.isArray(object) && !isObject(object)) {\n object = {};\n }\n\n for (const [key, value] of first !== '*' ? [[first, object[first]]] : Object.entries(object)) {\n if (first !== '*' && first !== key) {\n continue;\n }\n\n if (second === undefined) {\n matches[key] = value;\n continue;\n }\n\n for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n matches[`${key}.${subKey}`] = subValue;\n }\n }\n\n return matches;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n createElement,\n useEffect,\n useState,\n type Component,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from 'react';\nimport { type Form, type FormInstance } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n name: TPath;\n value: TValue;\n onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n onBlur: (...args: any[]) => void;\n}\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n | (new (props: P, context?: any) => Component<P, any>)\n | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> =\n ComponentPropsWithoutRef<T> extends {\n onChange?: (update: infer U) => void;\n }\n ? U extends { target: { value: infer V } }\n ? V\n : U\n : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TPath> = {\n name?: TPath;\n commitOnBlur?: boolean;\n commitDebounce?: number;\n} & (TPath extends '' ? {} : { name: TPath });\n\nexport type FormFieldPropsWithRender<\n TDraft,\n TPath extends PathAsString<TDraft>,\n> = FormFieldProps<TPath> &\n NoInfer<{\n component?: undefined;\n render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;\n inputFilter?: undefined;\n defaultValue?: undefined;\n serialize?: undefined;\n deserialize?: undefined;\n onChange?: undefined;\n onBlur?: undefined;\n }>;\n\ntype Serialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n value: Value<TDraft, TPath>,\n formState: FormInstance<TDraft, TOriginal>,\n) => FieldValue<TComponent>;\n\ntype Deserialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n value: FieldChangeValue<TComponent>,\n formState: FormInstance<TDraft, TOriginal>,\n) => Value<TDraft, TPath>;\n\nexport type FormFieldPropsWithComponent<\n TDraft,\n TOriginal,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n> = FormFieldProps<TPath> & {\n component?: TComponent;\n render?: undefined;\n} & NoInfer<\n {\n inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n } & MakeOptional<\n Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value' | 'defaultValue'>,\n 'onChange' | 'onBlur'\n > &\n (Value<TDraft, TPath> extends Exclude<FieldValue<TComponent>, undefined>\n ? {\n defaultValue?: FieldValue<TComponent>;\n serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }\n : Value<TDraft, TPath> extends FieldValue<TComponent>\n ?\n | {\n defaultValue: FieldValue<TComponent>;\n serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }\n | {\n defaultValue?: FieldValue<TComponent>;\n serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }\n : {\n serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }) &\n (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n ? {\n deserialize?: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n }\n : {\n deserialize: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n })\n >;\n\nexport function FormField<\n TDraft,\n TOriginal,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n>(\n this: Form<TDraft, any>,\n {\n // id,\n name = '' as TPath,\n component,\n commitOnBlur,\n commitDebounce,\n render,\n inputFilter,\n defaultValue,\n serialize,\n deserialize = (x) => x as Value<TDraft, TPath>,\n onChange,\n onBlur,\n ...restProps\n }:\n | FormFieldPropsWithRender<TDraft, TPath>\n | FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>,\n): JSX.Element | null {\n type T = FieldChangeValue<TComponent>;\n\n const form = this.useForm();\n const getFormState = () => ({ ...form, ...form.derivedState.get() });\n const [localValue, setLocalValue] = useState<T>();\n\n const value = this.useFormState((form) => {\n const value = form.getField(name).value;\n if (serialize) {\n return serialize(value, getFormState());\n }\n if (value !== undefined) {\n return value;\n }\n return defaultValue;\n });\n\n const setValue = (x: FieldChangeValue<TComponent>) =>\n form.getField(name).setValue(deserialize(x, getFormState()));\n\n useEffect(() => {\n if (localValue === undefined || !commitDebounce) {\n return;\n }\n\n const timeout = setTimeout(() => {\n setValue(localValue);\n setLocalValue(undefined);\n }, commitDebounce);\n\n return () => clearTimeout(timeout);\n }, [localValue, commitDebounce]);\n\n const props = {\n ...restProps,\n name,\n value: localValue ?? value,\n onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n const value =\n typeof event === 'object' && event !== null && 'target' in event\n ? event.target.value\n : event;\n\n if (inputFilter && !inputFilter(value)) {\n return;\n }\n\n if (commitOnBlur || commitDebounce) {\n setLocalValue(value);\n } else {\n setValue(value);\n }\n\n onChange?.(event, ...moreArgs);\n },\n onBlur(...args: any[]) {\n if (localValue !== undefined) {\n setValue(localValue);\n setLocalValue(undefined);\n }\n\n onBlur?.(...args);\n },\n };\n\n if (render) {\n return <>{render(props as FormFieldComponentProps<Value<TDraft, TPath>, TPath>) ?? null}</>;\n }\n\n if (component) {\n return createElement(component, props);\n }\n\n return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n TPath,\n GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n name: TPath;\n renderElement?: (props: {\n name: ElementName<TDraft, TPath>;\n key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n index: number;\n remove: () => void;\n }) => ReactNode;\n children?: (\n props: {\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n } & FieldHelperMethods<TDraft, TPath>,\n ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n this: Form<TDraft, any>,\n { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n): JSX.Element {\n const form = this.useForm();\n\n const names = this.useFormState(() => {\n const field = form.getField(name) as any;\n return field.names as any[];\n });\n\n const add = useCallback(\n (...args: any[]) => {\n const field = form.getField(name) as any;\n field.add(...args);\n },\n [form],\n );\n\n const remove = useCallback(\n (key: any) => {\n const field = form.getField(name) as any;\n field.remove(key);\n },\n [form],\n );\n\n const setValue = useCallback(\n (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n const field = form.getField(name) as any;\n field.setValue(value);\n },\n [form],\n );\n\n return (\n <>\n {renderElement &&\n names.map((name, index) => {\n const key = name.split('.').pop();\n\n return (\n <Fragment key={key}>\n {renderElement({\n name,\n key,\n index,\n remove: () => remove(index),\n })}\n </Fragment>\n );\n })}\n\n {children?.({\n names,\n add,\n remove,\n setValue,\n } as any)}\n </>\n );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { deepEqual } from '@lib/equals';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { FormContext } from './form';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n debounce?: Duration;\n resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n form: FormContext<TDraft, TOriginal>,\n): void {\n const { formState, options, getDraft } = form;\n const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n const latestRef = useRef({ options });\n const lastValue = useRef<TDraft>();\n const q = useMemo(() => queue(), []);\n\n const run = useMemo(\n () =>\n debounce(async () => {\n const { options } = latestRef.current;\n const save = options.autoSave?.save;\n const draft = getDraft();\n\n lastValue.current = draft;\n\n q.clear();\n\n q(async () => {\n try {\n formState.set('saveInProgress', true);\n await save?.(draft, form);\n\n if (q.size === 0 && options.autoSave?.resetAfterSave) {\n form.reset();\n }\n } finally {\n formState.set('saveInProgress', false);\n\n if (q.size === 0) {\n formState.set('saveScheduled', false);\n }\n }\n });\n }, debounceTime),\n [formState, debounceTime],\n );\n\n useEffect(() => {\n if (!options.autoSave?.save) {\n return;\n }\n\n return formState\n .map((state) => state.draft)\n .subscribe(\n () => {\n if (deepEqual(getDraft(), lastValue.current)) {\n return;\n }\n\n run();\n formState.set('saveScheduled', true);\n },\n { runNow: false },\n );\n }, [formState]);\n\n useEffect(() => {\n latestRef.current = { options };\n });\n}\n","import { connectUrl, createStore, type Store, type Update, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { simpleHash } from '@lib/hash';\nimport { isObject } from '@lib/helpers';\nimport {\n type Path,\n type PathAsString,\n type Value,\n type WildcardPathAsString,\n type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n createContext,\n useContext,\n useEffect,\n useMemo,\n type Context,\n type FormEvent,\n type FunctionComponent,\n type HTMLProps,\n type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n FormField,\n type FormFieldComponent,\n type FormFieldPropsWithComponent,\n type FormFieldPropsWithRender,\n} from './formField';\nimport {\n FormForEach,\n type ElementName,\n type ForEachPath,\n type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n ? TPath extends TPath\n ? {\n update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n : never\n : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n defaultValue: TDraft;\n validations?: Validations<TDraft, TOriginal>;\n localizeError?: (error: string, field: string) => string | undefined;\n urlState?: boolean | UrlStoreOptions<TDraft>;\n autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n value: WildcardValue<TDraft, TPath>,\n context: {\n draft: TDraft;\n original: TOriginal;\n field: PathAsString<TDraft> | '';\n },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n originalValue: Value<TOriginal, TPath> | undefined;\n value: Value<TDraft, TPath>;\n setValue: (value: Update<Value<TDraft, TPath>>) => void;\n hasChange: boolean;\n errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n names: ElementName<TDraft, TPath>[];\n add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n ? (element: T) => void\n : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n ? (key: K, value: V) => void\n : never;\n remove: Value<TDraft, TPath> extends readonly any[]\n ? (index: number) => void\n : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n draft: TDraft | undefined;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n draft: TDraft;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n hasChanges: boolean;\n errors: Map<string, string[]>;\n isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n formState: Store<FormState<TDraft>>;\n derivedState: Store<FormDerivedState<TDraft>>;\n options: FormOptions<TDraft, TOriginal>;\n original: TOriginal | undefined;\n getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n getDraft: () => TDraft;\n hasTriggeredValidations: () => boolean;\n hasChanges: () => boolean;\n getErrors: () => Map<string, string[]>;\n isValid: () => boolean;\n validate: () => boolean;\n reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n extends FormDerivedState<TDraft>,\n Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n form,\n ...formProps\n}: {\n form: Form<any, any>;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n const formInstance = form.useForm();\n\n const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n return (\n <form\n noValidate\n {...formProps}\n className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n .filter(Boolean)\n .join(' ')}\n onSubmit={(event) => {\n event.preventDefault();\n\n const formElement = event.currentTarget;\n const buttonElement =\n event.nativeEvent instanceof SubmitEvent &&\n event.nativeEvent.submitter instanceof HTMLButtonElement\n ? event.nativeEvent.submitter\n : undefined;\n\n const isValid = formInstance.validate();\n const errors = new Map(\n [...formInstance.getErrors().entries()].map(([field, errors]) => [\n field,\n errors.map((error) => formInstance.options.localizeError?.(error, field) ?? error),\n ]),\n );\n\n for (const element of Array.from(formElement.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity(\n errors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n );\n }\n }\n\n if (buttonElement && 'setCustomValidity' in buttonElement) {\n const errorString = [...errors.values()].flat().join('\\n');\n\n buttonElement.setCustomValidity(errorString);\n }\n\n formElement.reportValidity();\n\n function reset() {\n for (const element of Array.from(formElement.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity('');\n }\n }\n\n if (buttonElement && 'setCustomValidity' in buttonElement) {\n buttonElement.setCustomValidity('');\n }\n\n formElement.removeEventListener('input', reset);\n }\n formElement.addEventListener('input', reset);\n\n if (isValid) {\n formProps.onSubmit?.(event, {\n ...formInstance,\n ...formInstance.derivedState.get(),\n });\n }\n }}\n />\n );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n derivedState: Store<FormDerivedState<TDraft>>,\n original: TOriginal | undefined,\n path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n return {\n get originalValue() {\n return original !== undefined ? get(original as any, path as any) : undefined;\n },\n\n get value() {\n const { draft } = derivedState.get();\n return get(draft, path);\n },\n\n setValue(update: any) {\n derivedState.set(join('draft', path) as any, update);\n },\n\n get hasChange() {\n return !deepEqual(this.originalValue, this.value);\n },\n\n get errors() {\n const { errors } = derivedState.get();\n return errors.get(path) ?? [];\n },\n\n get names(): any {\n const { value } = this;\n\n if (Array.isArray(value)) {\n return value.map((_, index) => join(path, String(index)));\n }\n\n if (isObject(value)) {\n return Object.keys(value).map((key) => join(path, key));\n }\n\n return [];\n },\n\n add(...args: any[]) {\n this.setValue((value: any) => {\n if (args.length === 1) {\n return [...(value ?? []), args[0]];\n }\n\n return {\n ...value,\n [args[0]]: args[1],\n };\n });\n },\n\n remove(key: any) {\n this.setValue((value: any) => {\n if (!value) {\n return value;\n }\n\n if (Array.isArray(value)) {\n return value.filter((_, index) => index !== key);\n }\n\n if (isObject(value)) {\n const { [key]: _, ...rest } = value;\n return rest;\n }\n\n return value;\n });\n },\n } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n draft: TDraft,\n original: TOriginal | undefined,\n validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n const errors = new Map<string, string[]>();\n\n for (const [path, block] of Object.entries(validations ?? {})) {\n for (const [validationName, validate] of Object.entries(\n block as Record<string, Validation<any, any, any>>,\n )) {\n let matched = false;\n\n for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n matched = true;\n if (!validate(value, { draft, original, field })) {\n const fieldErrors = errors.get(field) ?? [];\n fieldErrors.push(validationName);\n errors.set(field, fieldErrors);\n }\n }\n\n if (!matched && !path.includes('*')) {\n if (!validate(undefined, { draft, original, field: path })) {\n const fieldErrors = errors.get(path) ?? [];\n fieldErrors.push(validationName);\n errors.set(path, fieldErrors);\n }\n }\n }\n }\n\n return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n context: Context<FormContext<TDraft, TOriginal> | null> = createContext<FormContext<\n TDraft,\n TOriginal\n > | null>(null);\n\n constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n autobind(Form);\n }\n\n useForm(): FormContext<TDraft, TOriginal> {\n const context = useContext(this.context);\n\n if (!context) {\n throw new Error('Form context not found');\n }\n\n return context;\n }\n\n useFormState<S>(\n selector: (state: FormInstance<TDraft, TOriginal>) => S,\n useStoreOptions?: UseStoreOptions<S>,\n ): S {\n const form = this.useForm();\n\n return useStore(\n form.derivedState.map((state) =>\n selector({\n ...form,\n ...state,\n }),\n ),\n useStoreOptions,\n );\n }\n\n useField<TPath extends PathAsString<TDraft>>(\n path: TPath,\n useStoreOptions?: UseStoreOptions<any>,\n ): Field<TDraft, TOriginal, TPath> {\n const form = this.useForm();\n this.useFormState((form) => [form.getField(path).value, form.original], useStoreOptions);\n return form.getField(path);\n }\n\n // ///////////////////////////////////////////////////////////////////////////\n // React Components\n // ///////////////////////////////////////////////////////////////////////////\n\n Form({\n original,\n defaultValue,\n validations,\n localizeError,\n urlState,\n autoSave,\n transform,\n ...formProps\n }: {\n original?: TOriginal;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n } & Partial<FormOptions<TDraft, TOriginal>> &\n Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>): JSX.Element {\n const options: FormOptions<TDraft, TOriginal> = {\n defaultValue: { ...this.options.defaultValue, ...defaultValue },\n validations: { ...this.options.validations, ...validations } as Validations<\n TDraft,\n TOriginal\n >,\n localizeError: localizeError ?? this.options.localizeError,\n autoSave: autoSave ?? this.options.autoSave,\n transform: transform ?? this.options.transform,\n };\n\n const formState = useMemo(() => {\n return createStore<FormState<TDraft>>({\n draft: undefined,\n hasTriggeredValidations: false,\n saveScheduled: false,\n saveInProgress: false,\n });\n }, []);\n\n const derivedState = useMemo(() => {\n return formState.map<FormDerivedState<TDraft>>(\n (state) => {\n const {\n draft = original ?? options.defaultValue,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n } = state;\n const errors = getErrors(draft, original, options.validations);\n\n return {\n draft,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n hasChanges: !deepEqual(draft, original ?? options.defaultValue),\n errors,\n isValid: errors.size === 0,\n };\n },\n (newState) => ({\n draft: newState.draft,\n hasTriggeredValidations: newState.hasTriggeredValidations,\n saveScheduled: newState.saveScheduled,\n saveInProgress: newState.saveInProgress,\n }),\n );\n }, [formState, original, options.validations, options.defaultValue]);\n\n const context = useMemo(() => {\n return {\n formState,\n derivedState,\n options,\n original,\n\n getField(path) {\n return getField(derivedState, original, path);\n },\n\n getDraft() {\n return formState.get().draft ?? original ?? options.defaultValue;\n },\n\n hasTriggeredValidations() {\n return formState.get().hasTriggeredValidations;\n },\n\n hasChanges() {\n return derivedState.get().hasChanges;\n },\n\n getErrors() {\n return derivedState.get().errors;\n },\n\n isValid() {\n return derivedState.get().isValid;\n },\n\n validate() {\n formState.set('hasTriggeredValidations', true);\n return derivedState.get().isValid;\n },\n\n reset() {\n formState.set('draft', undefined);\n formState.set('hasTriggeredValidations', false);\n },\n } satisfies FormContext<TDraft, TOriginal>;\n }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n useEffect(() => {\n if (urlState) {\n return connectUrl(\n formState.map('draft'),\n typeof urlState === 'object' ? urlState : { key: 'form' },\n );\n }\n\n return undefined;\n }, [formState, simpleHash(urlState)]);\n\n useEffect(() => {\n const handles = options.transform?.map(({ trigger, update }) => {\n const draft = derivedState.map('draft');\n const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n return triggerStore.subscribe(() => {\n const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n const result = update(value as any, draft);\n\n if (result !== undefined) {\n draft.set(result);\n }\n });\n });\n\n return () => {\n handles?.forEach((handle) => handle());\n };\n }, [options.transform]);\n\n useFormAutosave(context);\n\n return (\n <this.context.Provider value={context}>\n <FormContainer {...formProps} form={this} />\n </this.context.Provider>\n );\n }\n\n FormState<S>({\n selector,\n children,\n }: {\n selector: (form: FormInstance<TDraft, TOriginal>) => S;\n children: (selectedState: S) => ReactNode;\n }): JSX.Element {\n const selectedState = this.useFormState(selector);\n return <>{children(selectedState)}</>;\n }\n\n Field<TPath extends PathAsString<TDraft> = ''>(\n props: FormFieldPropsWithRender<TDraft, TPath>,\n ): JSX.Element;\n\n Field<\n const TPath extends PathAsString<TDraft> = '',\n const TComponent extends FormFieldComponent = 'input',\n >(props: FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>): JSX.Element;\n\n Field(props: any): JSX.Element {\n return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n }\n\n ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>): JSX.Element {\n return Reflect.apply(FormForEach, this, [props]);\n }\n\n withForm<TProps extends Record<string, unknown>>(\n Component: React.ComponentType<TProps>,\n formProps?: Parameters<this['Form']>[0],\n ): FunctionComponent<TProps> {\n const { Form } = this;\n return function FormWrapper(props: TProps) {\n return (\n <Form {...formProps}>\n <Component {...props} />\n </Form>\n );\n };\n }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n options: FormOptions<TDraft, TOriginal>,\n): Form<TDraft, TOriginal> {\n return new Form(options);\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { simpleHash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n debounce?: Duration;\n throttle?: Duration;\n onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n value: T,\n onChange: (value: T) => void,\n options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n const [dirty, setDirty] = useState<{ v: T }>();\n const ref = useRef({ onChange, onCommit: options.onCommit });\n\n useEffect(() => {\n ref.current = { onChange, onCommit: options.onCommit };\n }, [onChange]);\n\n const update = useMemo(() => {\n const { onChange, onCommit } = ref.current;\n\n const update = (value: T) => {\n onChange(value);\n setDirty(undefined);\n onCommit?.(value);\n };\n\n let delayedUpdate: (value: T) => void;\n\n if (options.debounce) {\n delayedUpdate = debounce(update, options.debounce);\n } else if (options.throttle) {\n delayedUpdate = throttle(update, options.throttle);\n } else {\n delayedUpdate = (value) => startTransition(() => update(value));\n }\n\n return (value: T) => {\n setDirty({ v: value });\n delayedUpdate(value);\n };\n }, [simpleHash([options.debounce, options.throttle])]);\n\n return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n return Array.isArray(value) ? value : [value];\n}\n","import { castArray } from '@lib/castArray';\nimport { simpleHash } from '@lib/hash';\nimport { useEffect } from 'react';\n\nexport function useUrlParamScope({\n key,\n type = 'search',\n}: {\n key: string | string[];\n type?: 'search' | 'hash';\n}): void {\n useEffect(\n () => () => {\n const url = new URL(window.location.href);\n const parameters = new URLSearchParams(url[type].slice(1));\n\n for (const _key of castArray(key)) {\n parameters.delete(_key);\n }\n\n url[type] = parameters.toString();\n window.history.replaceState(null, '', url.toString());\n },\n [simpleHash(key), type],\n );\n}\n"],"names":["jsxs","jsx","castArrayPath","isObject","useState","form","value","useEffect","Fragment","createElement","useCallback","name","calcDuration","useRef","useMemo","queue","debounce","options","deepEqual","errors","get","join","createContext","autobind","useContext","useStore","createStore","connectUrl","simpleHash","Form","onChange","update","throttle","startTransition"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/react/form/customInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/formField.tsx","../../../src/react/form/formForEach.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string;\n children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps): JSX.Element {\n return (\n <div\n {...props}\n style={{\n position: 'relative',\n ...props.style,\n }}\n >\n {children}\n\n <input\n name={name}\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n opacity: 0,\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n }}\n />\n </div>\n );\n}\n","import { isObject } from '@lib/helpers';\nimport { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n if (typeof s === 'string') {\n s = castArrayPath(s);\n }\n\n if (typeof w === 'string') {\n w = castArrayPath(w);\n }\n\n return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n object: any,\n path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n const matches: Record<KeyType, any> = {};\n const [first, second, ...rest] = castArrayPath(path);\n\n if (first === undefined) {\n throw new Error('Path is empty');\n }\n\n if (!Array.isArray(object) && !isObject(object)) {\n object = {};\n }\n\n for (const [key, value] of first !== '*' ? [[first, object[first]]] : Object.entries(object)) {\n if (first !== '*' && first !== key) {\n continue;\n }\n\n if (second === undefined) {\n matches[key] = value;\n continue;\n }\n\n for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n matches[`${key}.${subKey}`] = subValue;\n }\n }\n\n return matches;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n createElement,\n useEffect,\n useState,\n type Component,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from 'react';\nimport { type Field, type Form, type FormInstance } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n name: TPath;\n value: TValue;\n onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n onBlur: (...args: any[]) => void;\n}\n\nexport type FormFieldInfos<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = Field<\n TDraft,\n TOriginal,\n TPath\n> & {\n hasTriggeredValidations: boolean;\n};\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n | (new (props: P, context?: any) => Component<P, any>)\n | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> =\n ComponentPropsWithoutRef<T> extends {\n onChange?: (update: infer U) => void;\n }\n ? U extends { target: { value: infer V } }\n ? V\n : U\n : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TPath> = {\n name?: TPath;\n commitOnBlur?: boolean;\n commitDebounce?: number;\n} & (TPath extends '' ? {} : { name: TPath });\n\nexport type FormFieldPropsWithRender<\n TDraft,\n TOriginal,\n TPath extends PathAsString<TDraft>,\n> = FormFieldProps<TPath> &\n NoInfer<{\n component?: undefined;\n render: (\n props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>,\n info: FormFieldInfos<TDraft, TOriginal, TPath>,\n ) => ReactNode;\n inputFilter?: undefined;\n defaultValue?: undefined;\n serialize?: undefined;\n deserialize?: undefined;\n onChange?: undefined;\n onBlur?: undefined;\n }>;\n\ntype Serialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n value: Value<TDraft, TPath>,\n formState: FormInstance<TDraft, TOriginal>,\n) => FieldValue<TComponent>;\n\ntype Deserialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n value: FieldChangeValue<TComponent>,\n formState: FormInstance<TDraft, TOriginal>,\n) => Value<TDraft, TPath>;\n\nexport type FormFieldPropsWithComponent<\n TDraft,\n TOriginal,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n> = FormFieldProps<TPath> & {\n component?: TComponent;\n render?: undefined;\n} & NoInfer<\n {\n inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n } & MakeOptional<\n Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value' | 'defaultValue'>,\n 'onChange' | 'onBlur'\n > &\n (Value<TDraft, TPath> extends Exclude<FieldValue<TComponent>, undefined>\n ? {\n defaultValue?: FieldValue<TComponent>;\n serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }\n : Value<TDraft, TPath> extends FieldValue<TComponent>\n ?\n | {\n defaultValue: FieldValue<TComponent>;\n serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }\n | {\n defaultValue?: FieldValue<TComponent>;\n serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }\n : {\n serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }) &\n (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n ? {\n deserialize?: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n }\n : {\n deserialize: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n })\n >;\n\nexport function FormField<\n TDraft,\n TOriginal,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n>(\n this: Form<TDraft, any>,\n {\n // id,\n name = '' as TPath,\n component,\n commitOnBlur,\n commitDebounce,\n render,\n inputFilter,\n defaultValue,\n serialize,\n deserialize = (x) => x as Value<TDraft, TPath>,\n onChange,\n onBlur,\n ...restProps\n }:\n | FormFieldPropsWithRender<TDraft, TOriginal, TPath>\n | FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>,\n): JSX.Element | null {\n type T = FieldChangeValue<TComponent>;\n\n const form = this.useForm();\n const getFormState = () => ({ ...form, ...form.derivedState.get() });\n const [localValue, setLocalValue] = useState<T>();\n\n const value = this.useFormState((form) => {\n const value = form.getField(name).value;\n if (serialize) {\n return serialize(value, getFormState());\n }\n if (value !== undefined) {\n return value;\n }\n return defaultValue;\n });\n\n const setValue = (x: FieldChangeValue<TComponent>) =>\n form.getField(name).setValue(deserialize(x, getFormState()));\n\n const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);\n\n useEffect(() => {\n if (localValue === undefined || !commitDebounce) {\n return;\n }\n\n const timeout = setTimeout(() => {\n setValue(localValue);\n setLocalValue(undefined);\n }, commitDebounce);\n\n return () => clearTimeout(timeout);\n }, [localValue, commitDebounce]);\n\n const props = {\n name,\n value: localValue ?? value,\n onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n const value =\n typeof event === 'object' && event !== null && 'target' in event\n ? event.target.value\n : event;\n\n if (inputFilter && !inputFilter(value)) {\n return;\n }\n\n if (commitOnBlur || commitDebounce) {\n setLocalValue(value);\n } else {\n setValue(value);\n }\n\n onChange?.(event, ...moreArgs);\n },\n onBlur(...args: any[]) {\n if (localValue !== undefined) {\n setValue(localValue);\n setLocalValue(undefined);\n }\n\n onBlur?.(...args);\n },\n } as FormFieldComponentProps<Value<TDraft, TPath>, TPath>;\n\n if (render) {\n return <>{render(props, { ...form.getField(name), hasTriggeredValidations }) ?? null}</>;\n }\n\n if (component) {\n return createElement(component, { ...restProps, ...props });\n }\n\n return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n TPath,\n GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n name: TPath;\n renderElement?: (props: {\n name: ElementName<TDraft, TPath>;\n key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n index: number;\n remove: () => void;\n }) => ReactNode;\n children?: (\n props: {\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n } & FieldHelperMethods<TDraft, TPath>,\n ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n this: Form<TDraft, any>,\n { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n): JSX.Element {\n const form = this.useForm();\n\n const names = this.useFormState(() => {\n const field = form.getField(name) as any;\n return field.names as any[];\n });\n\n const add = useCallback(\n (...args: any[]) => {\n const field = form.getField(name) as any;\n field.add(...args);\n },\n [form],\n );\n\n const remove = useCallback(\n (key: any) => {\n const field = form.getField(name) as any;\n field.remove(key);\n },\n [form],\n );\n\n const setValue = useCallback(\n (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n const field = form.getField(name) as any;\n field.setValue(value);\n },\n [form],\n );\n\n return (\n <>\n {renderElement &&\n names.map((name, index) => {\n const key = name.split('.').pop();\n\n return (\n <Fragment key={key}>\n {renderElement({\n name,\n key,\n index,\n remove: () => remove(index),\n })}\n </Fragment>\n );\n })}\n\n {children?.({\n names,\n add,\n remove,\n setValue,\n } as any)}\n </>\n );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { deepEqual } from '@lib/equals';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { FormContext } from './form';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n debounce?: Duration;\n resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n form: FormContext<TDraft, TOriginal>,\n): void {\n const { formState, options, getDraft } = form;\n const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n const latestRef = useRef({ options });\n const lastValue = useRef<TDraft>();\n const q = useMemo(() => queue(), []);\n\n const run = useMemo(\n () =>\n debounce(async () => {\n const { options } = latestRef.current;\n const save = options.autoSave?.save;\n const draft = getDraft();\n\n lastValue.current = draft;\n\n q.clear();\n\n q(async () => {\n try {\n formState.set('saveInProgress', true);\n await save?.(draft, form);\n\n if (q.size === 0 && options.autoSave?.resetAfterSave) {\n form.reset();\n }\n } finally {\n formState.set('saveInProgress', false);\n\n if (q.size === 0) {\n formState.set('saveScheduled', false);\n }\n }\n });\n }, debounceTime),\n [formState, debounceTime],\n );\n\n useEffect(() => {\n if (!options.autoSave?.save) {\n return;\n }\n\n return formState\n .map((state) => state.draft)\n .subscribe(\n () => {\n if (deepEqual(getDraft(), lastValue.current)) {\n return;\n }\n\n run();\n formState.set('saveScheduled', true);\n },\n { runNow: false },\n );\n }, [formState]);\n\n useEffect(() => {\n latestRef.current = { options };\n });\n}\n","import { connectUrl, createStore, type Store, type Update, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { simpleHash } from '@lib/hash';\nimport { isObject } from '@lib/helpers';\nimport {\n type Path,\n type PathAsString,\n type Value,\n type WildcardPathAsString,\n type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n createContext,\n useContext,\n useEffect,\n useMemo,\n useRef,\n type Context,\n type FormEvent,\n type FunctionComponent,\n type HTMLProps,\n type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n FormField,\n type FormFieldComponent,\n type FormFieldPropsWithComponent,\n type FormFieldPropsWithRender,\n} from './formField';\nimport {\n FormForEach,\n type ElementName,\n type ForEachPath,\n type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n ? TPath extends TPath\n ? {\n update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n : never\n : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n defaultValue: TDraft;\n validations?: Validations<TDraft, TOriginal>;\n localizeError?: (error: string, field: string) => string | undefined;\n urlState?: boolean | UrlStoreOptions<TDraft>;\n autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n transform?: Transform<TDraft>[];\n validClass?: string;\n}\n\nexport type Validations<TDraft, TOriginal> = {\n [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n value: WildcardValue<TDraft, TPath>,\n context: {\n draft: TDraft;\n original: TOriginal;\n field: PathAsString<TDraft> | '';\n },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n originalValue: Value<TOriginal, TPath> | undefined;\n value: Value<TDraft, TPath>;\n setValue: (value: Update<Value<TDraft, TPath>>) => void;\n hasChange: boolean;\n errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n names: ElementName<TDraft, TPath>[];\n add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n ? (element: T) => void\n : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n ? (key: K, value: V) => void\n : never;\n remove: Value<TDraft, TPath> extends readonly any[]\n ? (index: number) => void\n : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n draft: TDraft | undefined;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n draft: TDraft;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n hasChanges: boolean;\n errors: Map<string, string[]>;\n isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n formState: Store<FormState<TDraft>>;\n derivedState: Store<FormDerivedState<TDraft>>;\n options: FormOptions<TDraft, TOriginal>;\n original: TOriginal | undefined;\n getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n getDraft: () => TDraft;\n hasTriggeredValidations: () => boolean;\n hasChanges: () => boolean;\n getErrors: () => Map<string, string[]>;\n isValid: () => boolean;\n validate: () => boolean;\n reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n extends FormDerivedState<TDraft>,\n Pick<\n FormContext<TDraft, TOriginal>,\n 'options' | 'original' | 'getField' | 'validate' | 'reset'\n > {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n form,\n ...formProps\n}: {\n form: Form<any, any>;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n const formInstance = form.useForm();\n const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n const formRef = useRef<HTMLFormElement>(null);\n\n function updateValidity(errors: Map<string, string[]>, buttonElement?: HTMLButtonElement) {\n const formElement = formRef.current;\n if (!formElement) {\n return;\n }\n\n const localizedErrors = new Map(\n [...errors.entries()].map(\n ([field, errors]) =>\n [\n field,\n errors.map((error) => formInstance.options.localizeError?.(error, field) ?? error),\n ] as const,\n ),\n );\n\n for (const element of Array.from(formElement.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity(\n localizedErrors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n );\n }\n }\n\n if (buttonElement && 'setCustomValidity' in buttonElement) {\n const errorString = [...errors.values()].flat().join('\\n');\n\n buttonElement.setCustomValidity(errorString);\n }\n }\n\n useEffect(() => {\n return formInstance.derivedState.map('errors').subscribe((errors) => updateValidity(errors));\n }, [formInstance.derivedState]);\n\n return (\n <form\n ref={formRef}\n noValidate\n {...formProps}\n className={[\n formProps.className,\n hasTriggeredValidations ? (form.options.validClass ?? 'validated') : undefined,\n ]\n .filter(Boolean)\n .join(' ')}\n onSubmit={(event) => {\n event.preventDefault();\n\n const formElement = event.currentTarget;\n const buttonElement =\n event.nativeEvent instanceof SubmitEvent &&\n event.nativeEvent.submitter instanceof HTMLButtonElement\n ? event.nativeEvent.submitter\n : undefined;\n\n updateValidity(formInstance.derivedState.get().errors, buttonElement);\n\n formElement.reportValidity();\n\n const isValid = formInstance.validate();\n if (isValid) {\n formProps.onSubmit?.(event, {\n ...formInstance,\n ...formInstance.derivedState.get(),\n });\n }\n }}\n />\n );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n derivedState: Store<FormDerivedState<TDraft>>,\n original: TOriginal | undefined,\n path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n return {\n get originalValue() {\n return original !== undefined ? get(original as any, path as any) : undefined;\n },\n\n get value() {\n const { draft } = derivedState.get();\n return get(draft, path);\n },\n\n setValue(update: any) {\n derivedState.set(join('draft', path) as any, update);\n },\n\n get hasChange() {\n return !deepEqual(this.originalValue, this.value);\n },\n\n get errors() {\n const { errors } = derivedState.get();\n return errors.get(path) ?? [];\n },\n\n get names(): any {\n const { value } = this;\n\n if (Array.isArray(value)) {\n return value.map((_, index) => join(path, String(index)));\n }\n\n if (isObject(value)) {\n return Object.keys(value).map((key) => join(path, key));\n }\n\n return [];\n },\n\n add(...args: any[]) {\n this.setValue((value: any) => {\n if (args.length === 1) {\n return [...(value ?? []), args[0]];\n }\n\n return {\n ...value,\n [args[0]]: args[1],\n };\n });\n },\n\n remove(key: any) {\n this.setValue((value: any) => {\n if (!value) {\n return value;\n }\n\n if (Array.isArray(value)) {\n return value.filter((_, index) => index !== key);\n }\n\n if (isObject(value)) {\n const { [key]: _, ...rest } = value;\n return rest;\n }\n\n return value;\n });\n },\n } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n draft: TDraft,\n original: TOriginal | undefined,\n validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n const errors = new Map<string, string[]>();\n\n for (const [path, block] of Object.entries(validations ?? {})) {\n for (const [validationName, validate] of Object.entries(\n block as Record<string, Validation<any, any, any>>,\n )) {\n let matched = false;\n\n for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n matched = true;\n if (!validate(value, { draft, original, field })) {\n const fieldErrors = errors.get(field) ?? [];\n fieldErrors.push(validationName);\n errors.set(field, fieldErrors);\n }\n }\n\n if (!matched && !path.includes('*')) {\n if (!validate(undefined, { draft, original, field: path })) {\n const fieldErrors = errors.get(path) ?? [];\n fieldErrors.push(validationName);\n errors.set(path, fieldErrors);\n }\n }\n }\n }\n\n return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n context: Context<FormContext<TDraft, TOriginal> | null> = createContext<FormContext<\n TDraft,\n TOriginal\n > | null>(null);\n\n constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n autobind(Form);\n }\n\n useForm(): FormContext<TDraft, TOriginal> {\n const context = useContext(this.context);\n\n if (!context) {\n throw new Error('Form context not found');\n }\n\n return context;\n }\n\n useFormState<S>(\n selector: (state: FormInstance<TDraft, TOriginal>) => S,\n useStoreOptions?: UseStoreOptions<S>,\n ): S {\n const form = this.useForm();\n\n return useStore(\n form.derivedState.map((state) =>\n selector({\n ...form,\n ...state,\n }),\n ),\n useStoreOptions,\n );\n }\n\n useField<TPath extends PathAsString<TDraft>>(\n path: TPath,\n useStoreOptions?: UseStoreOptions<any>,\n ): Field<TDraft, TOriginal, TPath> {\n const form = this.useForm();\n this.useFormState((form) => [form.getField(path).value, form.original], useStoreOptions);\n return form.getField(path);\n }\n\n // ///////////////////////////////////////////////////////////////////////////\n // React Components\n // ///////////////////////////////////////////////////////////////////////////\n\n Form({\n original,\n defaultValue,\n validations,\n localizeError,\n urlState,\n autoSave,\n transform,\n ...formProps\n }: {\n original?: TOriginal;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n } & Partial<FormOptions<TDraft, TOriginal>> &\n Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>): JSX.Element {\n const options: FormOptions<TDraft, TOriginal> = {\n defaultValue: { ...this.options.defaultValue, ...defaultValue },\n validations: { ...this.options.validations, ...validations } as Validations<\n TDraft,\n TOriginal\n >,\n localizeError: localizeError ?? this.options.localizeError,\n autoSave: autoSave ?? this.options.autoSave,\n transform: transform ?? this.options.transform,\n };\n\n const formState = useMemo(() => {\n return createStore<FormState<TDraft>>({\n draft: undefined,\n hasTriggeredValidations: false,\n saveScheduled: false,\n saveInProgress: false,\n });\n }, []);\n\n const derivedState = useMemo(() => {\n return formState.map<FormDerivedState<TDraft>>(\n (state) => {\n const {\n draft = original ?? options.defaultValue,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n } = state;\n const errors = getErrors(draft, original, options.validations);\n\n return {\n draft,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n hasChanges: !deepEqual(draft, original ?? options.defaultValue),\n errors,\n isValid: errors.size === 0,\n };\n },\n (newState) => ({\n draft: newState.draft,\n hasTriggeredValidations: newState.hasTriggeredValidations,\n saveScheduled: newState.saveScheduled,\n saveInProgress: newState.saveInProgress,\n }),\n );\n }, [formState, original, options.validations, options.defaultValue]);\n\n const context = useMemo(() => {\n return {\n formState,\n derivedState,\n options,\n original,\n\n getField(path) {\n return getField(derivedState, original, path);\n },\n\n getDraft() {\n return formState.get().draft ?? original ?? options.defaultValue;\n },\n\n hasTriggeredValidations() {\n return formState.get().hasTriggeredValidations;\n },\n\n hasChanges() {\n return derivedState.get().hasChanges;\n },\n\n getErrors() {\n return derivedState.get().errors;\n },\n\n isValid() {\n return derivedState.get().isValid;\n },\n\n validate() {\n formState.set('hasTriggeredValidations', true);\n return derivedState.get().isValid;\n },\n\n reset() {\n formState.set('draft', undefined);\n formState.set('hasTriggeredValidations', false);\n },\n } satisfies FormContext<TDraft, TOriginal>;\n }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n useEffect(() => {\n if (urlState) {\n return connectUrl(\n formState.map('draft'),\n typeof urlState === 'object' ? urlState : { key: 'form' },\n );\n }\n\n return undefined;\n }, [formState, simpleHash(urlState)]);\n\n useEffect(() => {\n const handles = options.transform?.map(({ trigger, update }) => {\n const draft = derivedState.map('draft');\n const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n return triggerStore.subscribe(() => {\n const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n const result = update(value as any, draft);\n\n if (result !== undefined) {\n draft.set(result);\n }\n });\n });\n\n return () => {\n handles?.forEach((handle) => handle());\n };\n }, [options.transform]);\n\n useFormAutosave(context);\n\n return (\n <this.context.Provider value={context}>\n <FormContainer {...formProps} form={this} />\n </this.context.Provider>\n );\n }\n\n FormState<S>({\n selector,\n children,\n }: {\n selector: (form: FormInstance<TDraft, TOriginal>) => S;\n children: (selectedState: S) => ReactNode;\n }): JSX.Element {\n const selectedState = this.useFormState(selector);\n return <>{children(selectedState)}</>;\n }\n\n Field<TPath extends PathAsString<TDraft> = ''>(\n props: FormFieldPropsWithRender<TDraft, TOriginal, TPath>,\n ): JSX.Element;\n\n Field<\n const TPath extends PathAsString<TDraft> = '',\n const TComponent extends FormFieldComponent = 'input',\n >(props: FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>): JSX.Element;\n\n Field(props: any): JSX.Element {\n return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n }\n\n ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>): JSX.Element {\n return Reflect.apply(FormForEach, this, [props]);\n }\n\n withForm<TProps extends Record<string, unknown>>(\n Component: React.ComponentType<TProps>,\n formProps?: Parameters<this['Form']>[0],\n ): FunctionComponent<TProps> {\n const { Form } = this;\n return function FormWrapper(props: TProps) {\n return (\n <Form {...formProps}>\n <Component {...props} />\n </Form>\n );\n };\n }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n options: FormOptions<TDraft, TOriginal>,\n): Form<TDraft, TOriginal> {\n return new Form(options);\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { simpleHash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n debounce?: Duration;\n throttle?: Duration;\n onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n value: T,\n onChange: (value: T) => void,\n options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n const [dirty, setDirty] = useState<{ v: T }>();\n const ref = useRef({ onChange, onCommit: options.onCommit });\n\n useEffect(() => {\n ref.current = { onChange, onCommit: options.onCommit };\n }, [onChange]);\n\n const update = useMemo(() => {\n const { onChange, onCommit } = ref.current;\n\n const update = (value: T) => {\n onChange(value);\n setDirty(undefined);\n onCommit?.(value);\n };\n\n let delayedUpdate: (value: T) => void;\n\n if (options.debounce) {\n delayedUpdate = debounce(update, options.debounce);\n } else if (options.throttle) {\n delayedUpdate = throttle(update, options.throttle);\n } else {\n delayedUpdate = (value) => startTransition(() => update(value));\n }\n\n return (value: T) => {\n setDirty({ v: value });\n delayedUpdate(value);\n };\n }, [simpleHash([options.debounce, options.throttle])]);\n\n return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n return Array.isArray(value) ? value : [value];\n}\n","import { castArray } from '@lib/castArray';\nimport { simpleHash } from '@lib/hash';\nimport { useEffect } from 'react';\n\nexport function useUrlParamScope({\n key,\n type = 'search',\n}: {\n key: string | string[];\n type?: 'search' | 'hash';\n}): void {\n useEffect(\n () => () => {\n const url = new URL(window.location.href);\n const parameters = new URLSearchParams(url[type].slice(1));\n\n for (const _key of castArray(key)) {\n parameters.delete(_key);\n }\n\n url[type] = parameters.toString();\n window.history.replaceState(null, '', url.toString());\n },\n [simpleHash(key), type],\n );\n}\n"],"names":["jsxs","jsx","castArrayPath","isObject","useState","form","value","useEffect","Fragment","createElement","useCallback","name","calcDuration","useRef","useMemo","queue","debounce","options","deepEqual","errors","get","join","createContext","autobind","useContext","useStore","createStore","connectUrl","simpleHash","Form","onChange","update","throttle","startTransition"],"mappings":"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"}
|
package/dist/es/react/index.mjs
CHANGED
|
@@ -91,6 +91,7 @@ function FormField({
|
|
|
91
91
|
return defaultValue;
|
|
92
92
|
});
|
|
93
93
|
const setValue = (x) => form.getField(name).setValue(deserialize(x, getFormState()));
|
|
94
|
+
const hasTriggeredValidations = this.useFormState((form2) => form2.hasTriggeredValidations);
|
|
94
95
|
useEffect(() => {
|
|
95
96
|
if (localValue === void 0 || !commitDebounce) {
|
|
96
97
|
return;
|
|
@@ -102,7 +103,6 @@ function FormField({
|
|
|
102
103
|
return () => clearTimeout(timeout);
|
|
103
104
|
}, [localValue, commitDebounce]);
|
|
104
105
|
const props = {
|
|
105
|
-
...restProps,
|
|
106
106
|
name,
|
|
107
107
|
value: localValue ?? value,
|
|
108
108
|
onChange: (event, ...moreArgs) => {
|
|
@@ -126,10 +126,10 @@ function FormField({
|
|
|
126
126
|
}
|
|
127
127
|
};
|
|
128
128
|
if (render) {
|
|
129
|
-
return /* @__PURE__ */ jsx(Fragment, { children: render(props) ?? null });
|
|
129
|
+
return /* @__PURE__ */ jsx(Fragment, { children: render(props, { ...form.getField(name), hasTriggeredValidations }) ?? null });
|
|
130
130
|
}
|
|
131
131
|
if (component) {
|
|
132
|
-
return createElement(component, props);
|
|
132
|
+
return createElement(component, { ...restProps, ...props });
|
|
133
133
|
}
|
|
134
134
|
return null;
|
|
135
135
|
}
|
|
@@ -236,47 +236,52 @@ function FormContainer({
|
|
|
236
236
|
}) {
|
|
237
237
|
const formInstance = form.useForm();
|
|
238
238
|
const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);
|
|
239
|
+
const formRef = useRef(null);
|
|
240
|
+
function updateValidity(errors, buttonElement) {
|
|
241
|
+
const formElement = formRef.current;
|
|
242
|
+
if (!formElement) {
|
|
243
|
+
return;
|
|
244
|
+
}
|
|
245
|
+
const localizedErrors = new Map(
|
|
246
|
+
[...errors.entries()].map(
|
|
247
|
+
([field, errors2]) => [
|
|
248
|
+
field,
|
|
249
|
+
errors2.map((error) => formInstance.options.localizeError?.(error, field) ?? error)
|
|
250
|
+
]
|
|
251
|
+
)
|
|
252
|
+
);
|
|
253
|
+
for (const element of Array.from(formElement.elements)) {
|
|
254
|
+
if ("name" in element && "setCustomValidity" in element) {
|
|
255
|
+
element.setCustomValidity(
|
|
256
|
+
localizedErrors.get(element.name)?.join("\n") ?? ""
|
|
257
|
+
);
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
if (buttonElement && "setCustomValidity" in buttonElement) {
|
|
261
|
+
const errorString = [...errors.values()].flat().join("\n");
|
|
262
|
+
buttonElement.setCustomValidity(errorString);
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
useEffect(() => {
|
|
266
|
+
return formInstance.derivedState.map("errors").subscribe((errors) => updateValidity(errors));
|
|
267
|
+
}, [formInstance.derivedState]);
|
|
239
268
|
return /* @__PURE__ */ jsx(
|
|
240
269
|
"form",
|
|
241
270
|
{
|
|
271
|
+
ref: formRef,
|
|
242
272
|
noValidate: true,
|
|
243
273
|
...formProps,
|
|
244
|
-
className: [
|
|
274
|
+
className: [
|
|
275
|
+
formProps.className,
|
|
276
|
+
hasTriggeredValidations ? form.options.validClass ?? "validated" : void 0
|
|
277
|
+
].filter(Boolean).join(" "),
|
|
245
278
|
onSubmit: (event) => {
|
|
246
279
|
event.preventDefault();
|
|
247
280
|
const formElement = event.currentTarget;
|
|
248
281
|
const buttonElement = event.nativeEvent instanceof SubmitEvent && event.nativeEvent.submitter instanceof HTMLButtonElement ? event.nativeEvent.submitter : void 0;
|
|
249
|
-
|
|
250
|
-
const errors = new Map(
|
|
251
|
-
[...formInstance.getErrors().entries()].map(([field, errors2]) => [
|
|
252
|
-
field,
|
|
253
|
-
errors2.map((error) => formInstance.options.localizeError?.(error, field) ?? error)
|
|
254
|
-
])
|
|
255
|
-
);
|
|
256
|
-
for (const element of Array.from(formElement.elements)) {
|
|
257
|
-
if ("name" in element && "setCustomValidity" in element) {
|
|
258
|
-
element.setCustomValidity(
|
|
259
|
-
errors.get(element.name)?.join("\n") ?? ""
|
|
260
|
-
);
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
if (buttonElement && "setCustomValidity" in buttonElement) {
|
|
264
|
-
const errorString = [...errors.values()].flat().join("\n");
|
|
265
|
-
buttonElement.setCustomValidity(errorString);
|
|
266
|
-
}
|
|
282
|
+
updateValidity(formInstance.derivedState.get().errors, buttonElement);
|
|
267
283
|
formElement.reportValidity();
|
|
268
|
-
|
|
269
|
-
for (const element of Array.from(formElement.elements)) {
|
|
270
|
-
if ("name" in element && "setCustomValidity" in element) {
|
|
271
|
-
element.setCustomValidity("");
|
|
272
|
-
}
|
|
273
|
-
}
|
|
274
|
-
if (buttonElement && "setCustomValidity" in buttonElement) {
|
|
275
|
-
buttonElement.setCustomValidity("");
|
|
276
|
-
}
|
|
277
|
-
formElement.removeEventListener("input", reset);
|
|
278
|
-
}
|
|
279
|
-
formElement.addEventListener("input", reset);
|
|
284
|
+
const isValid = formInstance.validate();
|
|
280
285
|
if (isValid) {
|
|
281
286
|
formProps.onSubmit?.(event, {
|
|
282
287
|
...formInstance,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/react/form/customInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/formField.tsx","../../../src/react/form/formForEach.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string;\n children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps): JSX.Element {\n return (\n <div\n {...props}\n style={{\n position: 'relative',\n ...props.style,\n }}\n >\n {children}\n\n <input\n name={name}\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n opacity: 0,\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n }}\n />\n </div>\n );\n}\n","import { isObject } from '@lib/helpers';\nimport { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n if (typeof s === 'string') {\n s = castArrayPath(s);\n }\n\n if (typeof w === 'string') {\n w = castArrayPath(w);\n }\n\n return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n object: any,\n path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n const matches: Record<KeyType, any> = {};\n const [first, second, ...rest] = castArrayPath(path);\n\n if (first === undefined) {\n throw new Error('Path is empty');\n }\n\n if (!Array.isArray(object) && !isObject(object)) {\n object = {};\n }\n\n for (const [key, value] of first !== '*' ? [[first, object[first]]] : Object.entries(object)) {\n if (first !== '*' && first !== key) {\n continue;\n }\n\n if (second === undefined) {\n matches[key] = value;\n continue;\n }\n\n for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n matches[`${key}.${subKey}`] = subValue;\n }\n }\n\n return matches;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n createElement,\n useEffect,\n useState,\n type Component,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from 'react';\nimport { type Form, type FormInstance } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n name: TPath;\n value: TValue;\n onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n onBlur: (...args: any[]) => void;\n}\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n | (new (props: P, context?: any) => Component<P, any>)\n | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> =\n ComponentPropsWithoutRef<T> extends {\n onChange?: (update: infer U) => void;\n }\n ? U extends { target: { value: infer V } }\n ? V\n : U\n : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TPath> = {\n name?: TPath;\n commitOnBlur?: boolean;\n commitDebounce?: number;\n} & (TPath extends '' ? {} : { name: TPath });\n\nexport type FormFieldPropsWithRender<\n TDraft,\n TPath extends PathAsString<TDraft>,\n> = FormFieldProps<TPath> &\n NoInfer<{\n component?: undefined;\n render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;\n inputFilter?: undefined;\n defaultValue?: undefined;\n serialize?: undefined;\n deserialize?: undefined;\n onChange?: undefined;\n onBlur?: undefined;\n }>;\n\ntype Serialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n value: Value<TDraft, TPath>,\n formState: FormInstance<TDraft, TOriginal>,\n) => FieldValue<TComponent>;\n\ntype Deserialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n value: FieldChangeValue<TComponent>,\n formState: FormInstance<TDraft, TOriginal>,\n) => Value<TDraft, TPath>;\n\nexport type FormFieldPropsWithComponent<\n TDraft,\n TOriginal,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n> = FormFieldProps<TPath> & {\n component?: TComponent;\n render?: undefined;\n} & NoInfer<\n {\n inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n } & MakeOptional<\n Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value' | 'defaultValue'>,\n 'onChange' | 'onBlur'\n > &\n (Value<TDraft, TPath> extends Exclude<FieldValue<TComponent>, undefined>\n ? {\n defaultValue?: FieldValue<TComponent>;\n serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }\n : Value<TDraft, TPath> extends FieldValue<TComponent>\n ?\n | {\n defaultValue: FieldValue<TComponent>;\n serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }\n | {\n defaultValue?: FieldValue<TComponent>;\n serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }\n : {\n serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }) &\n (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n ? {\n deserialize?: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n }\n : {\n deserialize: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n })\n >;\n\nexport function FormField<\n TDraft,\n TOriginal,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n>(\n this: Form<TDraft, any>,\n {\n // id,\n name = '' as TPath,\n component,\n commitOnBlur,\n commitDebounce,\n render,\n inputFilter,\n defaultValue,\n serialize,\n deserialize = (x) => x as Value<TDraft, TPath>,\n onChange,\n onBlur,\n ...restProps\n }:\n | FormFieldPropsWithRender<TDraft, TPath>\n | FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>,\n): JSX.Element | null {\n type T = FieldChangeValue<TComponent>;\n\n const form = this.useForm();\n const getFormState = () => ({ ...form, ...form.derivedState.get() });\n const [localValue, setLocalValue] = useState<T>();\n\n const value = this.useFormState((form) => {\n const value = form.getField(name).value;\n if (serialize) {\n return serialize(value, getFormState());\n }\n if (value !== undefined) {\n return value;\n }\n return defaultValue;\n });\n\n const setValue = (x: FieldChangeValue<TComponent>) =>\n form.getField(name).setValue(deserialize(x, getFormState()));\n\n useEffect(() => {\n if (localValue === undefined || !commitDebounce) {\n return;\n }\n\n const timeout = setTimeout(() => {\n setValue(localValue);\n setLocalValue(undefined);\n }, commitDebounce);\n\n return () => clearTimeout(timeout);\n }, [localValue, commitDebounce]);\n\n const props = {\n ...restProps,\n name,\n value: localValue ?? value,\n onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n const value =\n typeof event === 'object' && event !== null && 'target' in event\n ? event.target.value\n : event;\n\n if (inputFilter && !inputFilter(value)) {\n return;\n }\n\n if (commitOnBlur || commitDebounce) {\n setLocalValue(value);\n } else {\n setValue(value);\n }\n\n onChange?.(event, ...moreArgs);\n },\n onBlur(...args: any[]) {\n if (localValue !== undefined) {\n setValue(localValue);\n setLocalValue(undefined);\n }\n\n onBlur?.(...args);\n },\n };\n\n if (render) {\n return <>{render(props as FormFieldComponentProps<Value<TDraft, TPath>, TPath>) ?? null}</>;\n }\n\n if (component) {\n return createElement(component, props);\n }\n\n return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n TPath,\n GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n name: TPath;\n renderElement?: (props: {\n name: ElementName<TDraft, TPath>;\n key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n index: number;\n remove: () => void;\n }) => ReactNode;\n children?: (\n props: {\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n } & FieldHelperMethods<TDraft, TPath>,\n ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n this: Form<TDraft, any>,\n { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n): JSX.Element {\n const form = this.useForm();\n\n const names = this.useFormState(() => {\n const field = form.getField(name) as any;\n return field.names as any[];\n });\n\n const add = useCallback(\n (...args: any[]) => {\n const field = form.getField(name) as any;\n field.add(...args);\n },\n [form],\n );\n\n const remove = useCallback(\n (key: any) => {\n const field = form.getField(name) as any;\n field.remove(key);\n },\n [form],\n );\n\n const setValue = useCallback(\n (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n const field = form.getField(name) as any;\n field.setValue(value);\n },\n [form],\n );\n\n return (\n <>\n {renderElement &&\n names.map((name, index) => {\n const key = name.split('.').pop();\n\n return (\n <Fragment key={key}>\n {renderElement({\n name,\n key,\n index,\n remove: () => remove(index),\n })}\n </Fragment>\n );\n })}\n\n {children?.({\n names,\n add,\n remove,\n setValue,\n } as any)}\n </>\n );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { deepEqual } from '@lib/equals';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { FormContext } from './form';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n debounce?: Duration;\n resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n form: FormContext<TDraft, TOriginal>,\n): void {\n const { formState, options, getDraft } = form;\n const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n const latestRef = useRef({ options });\n const lastValue = useRef<TDraft>();\n const q = useMemo(() => queue(), []);\n\n const run = useMemo(\n () =>\n debounce(async () => {\n const { options } = latestRef.current;\n const save = options.autoSave?.save;\n const draft = getDraft();\n\n lastValue.current = draft;\n\n q.clear();\n\n q(async () => {\n try {\n formState.set('saveInProgress', true);\n await save?.(draft, form);\n\n if (q.size === 0 && options.autoSave?.resetAfterSave) {\n form.reset();\n }\n } finally {\n formState.set('saveInProgress', false);\n\n if (q.size === 0) {\n formState.set('saveScheduled', false);\n }\n }\n });\n }, debounceTime),\n [formState, debounceTime],\n );\n\n useEffect(() => {\n if (!options.autoSave?.save) {\n return;\n }\n\n return formState\n .map((state) => state.draft)\n .subscribe(\n () => {\n if (deepEqual(getDraft(), lastValue.current)) {\n return;\n }\n\n run();\n formState.set('saveScheduled', true);\n },\n { runNow: false },\n );\n }, [formState]);\n\n useEffect(() => {\n latestRef.current = { options };\n });\n}\n","import { connectUrl, createStore, type Store, type Update, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { simpleHash } from '@lib/hash';\nimport { isObject } from '@lib/helpers';\nimport {\n type Path,\n type PathAsString,\n type Value,\n type WildcardPathAsString,\n type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n createContext,\n useContext,\n useEffect,\n useMemo,\n type Context,\n type FormEvent,\n type FunctionComponent,\n type HTMLProps,\n type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n FormField,\n type FormFieldComponent,\n type FormFieldPropsWithComponent,\n type FormFieldPropsWithRender,\n} from './formField';\nimport {\n FormForEach,\n type ElementName,\n type ForEachPath,\n type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n ? TPath extends TPath\n ? {\n update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n : never\n : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n defaultValue: TDraft;\n validations?: Validations<TDraft, TOriginal>;\n localizeError?: (error: string, field: string) => string | undefined;\n urlState?: boolean | UrlStoreOptions<TDraft>;\n autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n value: WildcardValue<TDraft, TPath>,\n context: {\n draft: TDraft;\n original: TOriginal;\n field: PathAsString<TDraft> | '';\n },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n originalValue: Value<TOriginal, TPath> | undefined;\n value: Value<TDraft, TPath>;\n setValue: (value: Update<Value<TDraft, TPath>>) => void;\n hasChange: boolean;\n errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n names: ElementName<TDraft, TPath>[];\n add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n ? (element: T) => void\n : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n ? (key: K, value: V) => void\n : never;\n remove: Value<TDraft, TPath> extends readonly any[]\n ? (index: number) => void\n : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n draft: TDraft | undefined;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n draft: TDraft;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n hasChanges: boolean;\n errors: Map<string, string[]>;\n isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n formState: Store<FormState<TDraft>>;\n derivedState: Store<FormDerivedState<TDraft>>;\n options: FormOptions<TDraft, TOriginal>;\n original: TOriginal | undefined;\n getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n getDraft: () => TDraft;\n hasTriggeredValidations: () => boolean;\n hasChanges: () => boolean;\n getErrors: () => Map<string, string[]>;\n isValid: () => boolean;\n validate: () => boolean;\n reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n extends FormDerivedState<TDraft>,\n Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n form,\n ...formProps\n}: {\n form: Form<any, any>;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n const formInstance = form.useForm();\n\n const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n return (\n <form\n noValidate\n {...formProps}\n className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n .filter(Boolean)\n .join(' ')}\n onSubmit={(event) => {\n event.preventDefault();\n\n const formElement = event.currentTarget;\n const buttonElement =\n event.nativeEvent instanceof SubmitEvent &&\n event.nativeEvent.submitter instanceof HTMLButtonElement\n ? event.nativeEvent.submitter\n : undefined;\n\n const isValid = formInstance.validate();\n const errors = new Map(\n [...formInstance.getErrors().entries()].map(([field, errors]) => [\n field,\n errors.map((error) => formInstance.options.localizeError?.(error, field) ?? error),\n ]),\n );\n\n for (const element of Array.from(formElement.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity(\n errors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n );\n }\n }\n\n if (buttonElement && 'setCustomValidity' in buttonElement) {\n const errorString = [...errors.values()].flat().join('\\n');\n\n buttonElement.setCustomValidity(errorString);\n }\n\n formElement.reportValidity();\n\n function reset() {\n for (const element of Array.from(formElement.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity('');\n }\n }\n\n if (buttonElement && 'setCustomValidity' in buttonElement) {\n buttonElement.setCustomValidity('');\n }\n\n formElement.removeEventListener('input', reset);\n }\n formElement.addEventListener('input', reset);\n\n if (isValid) {\n formProps.onSubmit?.(event, {\n ...formInstance,\n ...formInstance.derivedState.get(),\n });\n }\n }}\n />\n );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n derivedState: Store<FormDerivedState<TDraft>>,\n original: TOriginal | undefined,\n path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n return {\n get originalValue() {\n return original !== undefined ? get(original as any, path as any) : undefined;\n },\n\n get value() {\n const { draft } = derivedState.get();\n return get(draft, path);\n },\n\n setValue(update: any) {\n derivedState.set(join('draft', path) as any, update);\n },\n\n get hasChange() {\n return !deepEqual(this.originalValue, this.value);\n },\n\n get errors() {\n const { errors } = derivedState.get();\n return errors.get(path) ?? [];\n },\n\n get names(): any {\n const { value } = this;\n\n if (Array.isArray(value)) {\n return value.map((_, index) => join(path, String(index)));\n }\n\n if (isObject(value)) {\n return Object.keys(value).map((key) => join(path, key));\n }\n\n return [];\n },\n\n add(...args: any[]) {\n this.setValue((value: any) => {\n if (args.length === 1) {\n return [...(value ?? []), args[0]];\n }\n\n return {\n ...value,\n [args[0]]: args[1],\n };\n });\n },\n\n remove(key: any) {\n this.setValue((value: any) => {\n if (!value) {\n return value;\n }\n\n if (Array.isArray(value)) {\n return value.filter((_, index) => index !== key);\n }\n\n if (isObject(value)) {\n const { [key]: _, ...rest } = value;\n return rest;\n }\n\n return value;\n });\n },\n } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n draft: TDraft,\n original: TOriginal | undefined,\n validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n const errors = new Map<string, string[]>();\n\n for (const [path, block] of Object.entries(validations ?? {})) {\n for (const [validationName, validate] of Object.entries(\n block as Record<string, Validation<any, any, any>>,\n )) {\n let matched = false;\n\n for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n matched = true;\n if (!validate(value, { draft, original, field })) {\n const fieldErrors = errors.get(field) ?? [];\n fieldErrors.push(validationName);\n errors.set(field, fieldErrors);\n }\n }\n\n if (!matched && !path.includes('*')) {\n if (!validate(undefined, { draft, original, field: path })) {\n const fieldErrors = errors.get(path) ?? [];\n fieldErrors.push(validationName);\n errors.set(path, fieldErrors);\n }\n }\n }\n }\n\n return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n context: Context<FormContext<TDraft, TOriginal> | null> = createContext<FormContext<\n TDraft,\n TOriginal\n > | null>(null);\n\n constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n autobind(Form);\n }\n\n useForm(): FormContext<TDraft, TOriginal> {\n const context = useContext(this.context);\n\n if (!context) {\n throw new Error('Form context not found');\n }\n\n return context;\n }\n\n useFormState<S>(\n selector: (state: FormInstance<TDraft, TOriginal>) => S,\n useStoreOptions?: UseStoreOptions<S>,\n ): S {\n const form = this.useForm();\n\n return useStore(\n form.derivedState.map((state) =>\n selector({\n ...form,\n ...state,\n }),\n ),\n useStoreOptions,\n );\n }\n\n useField<TPath extends PathAsString<TDraft>>(\n path: TPath,\n useStoreOptions?: UseStoreOptions<any>,\n ): Field<TDraft, TOriginal, TPath> {\n const form = this.useForm();\n this.useFormState((form) => [form.getField(path).value, form.original], useStoreOptions);\n return form.getField(path);\n }\n\n // ///////////////////////////////////////////////////////////////////////////\n // React Components\n // ///////////////////////////////////////////////////////////////////////////\n\n Form({\n original,\n defaultValue,\n validations,\n localizeError,\n urlState,\n autoSave,\n transform,\n ...formProps\n }: {\n original?: TOriginal;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n } & Partial<FormOptions<TDraft, TOriginal>> &\n Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>): JSX.Element {\n const options: FormOptions<TDraft, TOriginal> = {\n defaultValue: { ...this.options.defaultValue, ...defaultValue },\n validations: { ...this.options.validations, ...validations } as Validations<\n TDraft,\n TOriginal\n >,\n localizeError: localizeError ?? this.options.localizeError,\n autoSave: autoSave ?? this.options.autoSave,\n transform: transform ?? this.options.transform,\n };\n\n const formState = useMemo(() => {\n return createStore<FormState<TDraft>>({\n draft: undefined,\n hasTriggeredValidations: false,\n saveScheduled: false,\n saveInProgress: false,\n });\n }, []);\n\n const derivedState = useMemo(() => {\n return formState.map<FormDerivedState<TDraft>>(\n (state) => {\n const {\n draft = original ?? options.defaultValue,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n } = state;\n const errors = getErrors(draft, original, options.validations);\n\n return {\n draft,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n hasChanges: !deepEqual(draft, original ?? options.defaultValue),\n errors,\n isValid: errors.size === 0,\n };\n },\n (newState) => ({\n draft: newState.draft,\n hasTriggeredValidations: newState.hasTriggeredValidations,\n saveScheduled: newState.saveScheduled,\n saveInProgress: newState.saveInProgress,\n }),\n );\n }, [formState, original, options.validations, options.defaultValue]);\n\n const context = useMemo(() => {\n return {\n formState,\n derivedState,\n options,\n original,\n\n getField(path) {\n return getField(derivedState, original, path);\n },\n\n getDraft() {\n return formState.get().draft ?? original ?? options.defaultValue;\n },\n\n hasTriggeredValidations() {\n return formState.get().hasTriggeredValidations;\n },\n\n hasChanges() {\n return derivedState.get().hasChanges;\n },\n\n getErrors() {\n return derivedState.get().errors;\n },\n\n isValid() {\n return derivedState.get().isValid;\n },\n\n validate() {\n formState.set('hasTriggeredValidations', true);\n return derivedState.get().isValid;\n },\n\n reset() {\n formState.set('draft', undefined);\n formState.set('hasTriggeredValidations', false);\n },\n } satisfies FormContext<TDraft, TOriginal>;\n }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n useEffect(() => {\n if (urlState) {\n return connectUrl(\n formState.map('draft'),\n typeof urlState === 'object' ? urlState : { key: 'form' },\n );\n }\n\n return undefined;\n }, [formState, simpleHash(urlState)]);\n\n useEffect(() => {\n const handles = options.transform?.map(({ trigger, update }) => {\n const draft = derivedState.map('draft');\n const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n return triggerStore.subscribe(() => {\n const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n const result = update(value as any, draft);\n\n if (result !== undefined) {\n draft.set(result);\n }\n });\n });\n\n return () => {\n handles?.forEach((handle) => handle());\n };\n }, [options.transform]);\n\n useFormAutosave(context);\n\n return (\n <this.context.Provider value={context}>\n <FormContainer {...formProps} form={this} />\n </this.context.Provider>\n );\n }\n\n FormState<S>({\n selector,\n children,\n }: {\n selector: (form: FormInstance<TDraft, TOriginal>) => S;\n children: (selectedState: S) => ReactNode;\n }): JSX.Element {\n const selectedState = this.useFormState(selector);\n return <>{children(selectedState)}</>;\n }\n\n Field<TPath extends PathAsString<TDraft> = ''>(\n props: FormFieldPropsWithRender<TDraft, TPath>,\n ): JSX.Element;\n\n Field<\n const TPath extends PathAsString<TDraft> = '',\n const TComponent extends FormFieldComponent = 'input',\n >(props: FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>): JSX.Element;\n\n Field(props: any): JSX.Element {\n return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n }\n\n ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>): JSX.Element {\n return Reflect.apply(FormForEach, this, [props]);\n }\n\n withForm<TProps extends Record<string, unknown>>(\n Component: React.ComponentType<TProps>,\n formProps?: Parameters<this['Form']>[0],\n ): FunctionComponent<TProps> {\n const { Form } = this;\n return function FormWrapper(props: TProps) {\n return (\n <Form {...formProps}>\n <Component {...props} />\n </Form>\n );\n };\n }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n options: FormOptions<TDraft, TOriginal>,\n): Form<TDraft, TOriginal> {\n return new Form(options);\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { simpleHash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n debounce?: Duration;\n throttle?: Duration;\n onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n value: T,\n onChange: (value: T) => void,\n options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n const [dirty, setDirty] = useState<{ v: T }>();\n const ref = useRef({ onChange, onCommit: options.onCommit });\n\n useEffect(() => {\n ref.current = { onChange, onCommit: options.onCommit };\n }, [onChange]);\n\n const update = useMemo(() => {\n const { onChange, onCommit } = ref.current;\n\n const update = (value: T) => {\n onChange(value);\n setDirty(undefined);\n onCommit?.(value);\n };\n\n let delayedUpdate: (value: T) => void;\n\n if (options.debounce) {\n delayedUpdate = debounce(update, options.debounce);\n } else if (options.throttle) {\n delayedUpdate = throttle(update, options.throttle);\n } else {\n delayedUpdate = (value) => startTransition(() => update(value));\n }\n\n return (value: T) => {\n setDirty({ v: value });\n delayedUpdate(value);\n };\n }, [simpleHash([options.debounce, options.throttle])]);\n\n return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n return Array.isArray(value) ? value : [value];\n}\n","import { castArray } from '@lib/castArray';\nimport { simpleHash } from '@lib/hash';\nimport { useEffect } from 'react';\n\nexport function useUrlParamScope({\n key,\n type = 'search',\n}: {\n key: string | string[];\n type?: 'search' | 'hash';\n}): void {\n useEffect(\n () => () => {\n const url = new URL(window.location.href);\n const parameters = new URLSearchParams(url[type].slice(1));\n\n for (const _key of castArray(key)) {\n parameters.delete(_key);\n }\n\n url[type] = parameters.toString();\n window.history.replaceState(null, '', url.toString());\n },\n [simpleHash(key), type],\n );\n}\n"],"names":["form","value","name","Fragment","options","errors","Form","onChange","update"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/react/form/customInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/formField.tsx","../../../src/react/form/formForEach.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string;\n children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps): JSX.Element {\n return (\n <div\n {...props}\n style={{\n position: 'relative',\n ...props.style,\n }}\n >\n {children}\n\n <input\n name={name}\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n opacity: 0,\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n }}\n />\n </div>\n );\n}\n","import { isObject } from '@lib/helpers';\nimport { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n if (typeof s === 'string') {\n s = castArrayPath(s);\n }\n\n if (typeof w === 'string') {\n w = castArrayPath(w);\n }\n\n return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n object: any,\n path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n const matches: Record<KeyType, any> = {};\n const [first, second, ...rest] = castArrayPath(path);\n\n if (first === undefined) {\n throw new Error('Path is empty');\n }\n\n if (!Array.isArray(object) && !isObject(object)) {\n object = {};\n }\n\n for (const [key, value] of first !== '*' ? [[first, object[first]]] : Object.entries(object)) {\n if (first !== '*' && first !== key) {\n continue;\n }\n\n if (second === undefined) {\n matches[key] = value;\n continue;\n }\n\n for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n matches[`${key}.${subKey}`] = subValue;\n }\n }\n\n return matches;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n createElement,\n useEffect,\n useState,\n type Component,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from 'react';\nimport { type Field, type Form, type FormInstance } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n name: TPath;\n value: TValue;\n onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n onBlur: (...args: any[]) => void;\n}\n\nexport type FormFieldInfos<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = Field<\n TDraft,\n TOriginal,\n TPath\n> & {\n hasTriggeredValidations: boolean;\n};\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n | (new (props: P, context?: any) => Component<P, any>)\n | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> =\n ComponentPropsWithoutRef<T> extends {\n onChange?: (update: infer U) => void;\n }\n ? U extends { target: { value: infer V } }\n ? V\n : U\n : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TPath> = {\n name?: TPath;\n commitOnBlur?: boolean;\n commitDebounce?: number;\n} & (TPath extends '' ? {} : { name: TPath });\n\nexport type FormFieldPropsWithRender<\n TDraft,\n TOriginal,\n TPath extends PathAsString<TDraft>,\n> = FormFieldProps<TPath> &\n NoInfer<{\n component?: undefined;\n render: (\n props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>,\n info: FormFieldInfos<TDraft, TOriginal, TPath>,\n ) => ReactNode;\n inputFilter?: undefined;\n defaultValue?: undefined;\n serialize?: undefined;\n deserialize?: undefined;\n onChange?: undefined;\n onBlur?: undefined;\n }>;\n\ntype Serialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n value: Value<TDraft, TPath>,\n formState: FormInstance<TDraft, TOriginal>,\n) => FieldValue<TComponent>;\n\ntype Deserialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n value: FieldChangeValue<TComponent>,\n formState: FormInstance<TDraft, TOriginal>,\n) => Value<TDraft, TPath>;\n\nexport type FormFieldPropsWithComponent<\n TDraft,\n TOriginal,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n> = FormFieldProps<TPath> & {\n component?: TComponent;\n render?: undefined;\n} & NoInfer<\n {\n inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n } & MakeOptional<\n Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value' | 'defaultValue'>,\n 'onChange' | 'onBlur'\n > &\n (Value<TDraft, TPath> extends Exclude<FieldValue<TComponent>, undefined>\n ? {\n defaultValue?: FieldValue<TComponent>;\n serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }\n : Value<TDraft, TPath> extends FieldValue<TComponent>\n ?\n | {\n defaultValue: FieldValue<TComponent>;\n serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }\n | {\n defaultValue?: FieldValue<TComponent>;\n serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }\n : {\n serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n }) &\n (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n ? {\n deserialize?: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n }\n : {\n deserialize: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n })\n >;\n\nexport function FormField<\n TDraft,\n TOriginal,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n>(\n this: Form<TDraft, any>,\n {\n // id,\n name = '' as TPath,\n component,\n commitOnBlur,\n commitDebounce,\n render,\n inputFilter,\n defaultValue,\n serialize,\n deserialize = (x) => x as Value<TDraft, TPath>,\n onChange,\n onBlur,\n ...restProps\n }:\n | FormFieldPropsWithRender<TDraft, TOriginal, TPath>\n | FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>,\n): JSX.Element | null {\n type T = FieldChangeValue<TComponent>;\n\n const form = this.useForm();\n const getFormState = () => ({ ...form, ...form.derivedState.get() });\n const [localValue, setLocalValue] = useState<T>();\n\n const value = this.useFormState((form) => {\n const value = form.getField(name).value;\n if (serialize) {\n return serialize(value, getFormState());\n }\n if (value !== undefined) {\n return value;\n }\n return defaultValue;\n });\n\n const setValue = (x: FieldChangeValue<TComponent>) =>\n form.getField(name).setValue(deserialize(x, getFormState()));\n\n const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);\n\n useEffect(() => {\n if (localValue === undefined || !commitDebounce) {\n return;\n }\n\n const timeout = setTimeout(() => {\n setValue(localValue);\n setLocalValue(undefined);\n }, commitDebounce);\n\n return () => clearTimeout(timeout);\n }, [localValue, commitDebounce]);\n\n const props = {\n name,\n value: localValue ?? value,\n onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n const value =\n typeof event === 'object' && event !== null && 'target' in event\n ? event.target.value\n : event;\n\n if (inputFilter && !inputFilter(value)) {\n return;\n }\n\n if (commitOnBlur || commitDebounce) {\n setLocalValue(value);\n } else {\n setValue(value);\n }\n\n onChange?.(event, ...moreArgs);\n },\n onBlur(...args: any[]) {\n if (localValue !== undefined) {\n setValue(localValue);\n setLocalValue(undefined);\n }\n\n onBlur?.(...args);\n },\n } as FormFieldComponentProps<Value<TDraft, TPath>, TPath>;\n\n if (render) {\n return <>{render(props, { ...form.getField(name), hasTriggeredValidations }) ?? null}</>;\n }\n\n if (component) {\n return createElement(component, { ...restProps, ...props });\n }\n\n return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n TPath,\n GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n name: TPath;\n renderElement?: (props: {\n name: ElementName<TDraft, TPath>;\n key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n index: number;\n remove: () => void;\n }) => ReactNode;\n children?: (\n props: {\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n } & FieldHelperMethods<TDraft, TPath>,\n ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n this: Form<TDraft, any>,\n { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n): JSX.Element {\n const form = this.useForm();\n\n const names = this.useFormState(() => {\n const field = form.getField(name) as any;\n return field.names as any[];\n });\n\n const add = useCallback(\n (...args: any[]) => {\n const field = form.getField(name) as any;\n field.add(...args);\n },\n [form],\n );\n\n const remove = useCallback(\n (key: any) => {\n const field = form.getField(name) as any;\n field.remove(key);\n },\n [form],\n );\n\n const setValue = useCallback(\n (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n const field = form.getField(name) as any;\n field.setValue(value);\n },\n [form],\n );\n\n return (\n <>\n {renderElement &&\n names.map((name, index) => {\n const key = name.split('.').pop();\n\n return (\n <Fragment key={key}>\n {renderElement({\n name,\n key,\n index,\n remove: () => remove(index),\n })}\n </Fragment>\n );\n })}\n\n {children?.({\n names,\n add,\n remove,\n setValue,\n } as any)}\n </>\n );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { deepEqual } from '@lib/equals';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { FormContext } from './form';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n debounce?: Duration;\n resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n form: FormContext<TDraft, TOriginal>,\n): void {\n const { formState, options, getDraft } = form;\n const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n const latestRef = useRef({ options });\n const lastValue = useRef<TDraft>();\n const q = useMemo(() => queue(), []);\n\n const run = useMemo(\n () =>\n debounce(async () => {\n const { options } = latestRef.current;\n const save = options.autoSave?.save;\n const draft = getDraft();\n\n lastValue.current = draft;\n\n q.clear();\n\n q(async () => {\n try {\n formState.set('saveInProgress', true);\n await save?.(draft, form);\n\n if (q.size === 0 && options.autoSave?.resetAfterSave) {\n form.reset();\n }\n } finally {\n formState.set('saveInProgress', false);\n\n if (q.size === 0) {\n formState.set('saveScheduled', false);\n }\n }\n });\n }, debounceTime),\n [formState, debounceTime],\n );\n\n useEffect(() => {\n if (!options.autoSave?.save) {\n return;\n }\n\n return formState\n .map((state) => state.draft)\n .subscribe(\n () => {\n if (deepEqual(getDraft(), lastValue.current)) {\n return;\n }\n\n run();\n formState.set('saveScheduled', true);\n },\n { runNow: false },\n );\n }, [formState]);\n\n useEffect(() => {\n latestRef.current = { options };\n });\n}\n","import { connectUrl, createStore, type Store, type Update, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { simpleHash } from '@lib/hash';\nimport { isObject } from '@lib/helpers';\nimport {\n type Path,\n type PathAsString,\n type Value,\n type WildcardPathAsString,\n type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n createContext,\n useContext,\n useEffect,\n useMemo,\n useRef,\n type Context,\n type FormEvent,\n type FunctionComponent,\n type HTMLProps,\n type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n FormField,\n type FormFieldComponent,\n type FormFieldPropsWithComponent,\n type FormFieldPropsWithRender,\n} from './formField';\nimport {\n FormForEach,\n type ElementName,\n type ForEachPath,\n type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n ? TPath extends TPath\n ? {\n update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n : never\n : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n defaultValue: TDraft;\n validations?: Validations<TDraft, TOriginal>;\n localizeError?: (error: string, field: string) => string | undefined;\n urlState?: boolean | UrlStoreOptions<TDraft>;\n autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n transform?: Transform<TDraft>[];\n validClass?: string;\n}\n\nexport type Validations<TDraft, TOriginal> = {\n [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n value: WildcardValue<TDraft, TPath>,\n context: {\n draft: TDraft;\n original: TOriginal;\n field: PathAsString<TDraft> | '';\n },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n originalValue: Value<TOriginal, TPath> | undefined;\n value: Value<TDraft, TPath>;\n setValue: (value: Update<Value<TDraft, TPath>>) => void;\n hasChange: boolean;\n errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n names: ElementName<TDraft, TPath>[];\n add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n ? (element: T) => void\n : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n ? (key: K, value: V) => void\n : never;\n remove: Value<TDraft, TPath> extends readonly any[]\n ? (index: number) => void\n : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n draft: TDraft | undefined;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n draft: TDraft;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n hasChanges: boolean;\n errors: Map<string, string[]>;\n isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n formState: Store<FormState<TDraft>>;\n derivedState: Store<FormDerivedState<TDraft>>;\n options: FormOptions<TDraft, TOriginal>;\n original: TOriginal | undefined;\n getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n getDraft: () => TDraft;\n hasTriggeredValidations: () => boolean;\n hasChanges: () => boolean;\n getErrors: () => Map<string, string[]>;\n isValid: () => boolean;\n validate: () => boolean;\n reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n extends FormDerivedState<TDraft>,\n Pick<\n FormContext<TDraft, TOriginal>,\n 'options' | 'original' | 'getField' | 'validate' | 'reset'\n > {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n form,\n ...formProps\n}: {\n form: Form<any, any>;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n const formInstance = form.useForm();\n const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n const formRef = useRef<HTMLFormElement>(null);\n\n function updateValidity(errors: Map<string, string[]>, buttonElement?: HTMLButtonElement) {\n const formElement = formRef.current;\n if (!formElement) {\n return;\n }\n\n const localizedErrors = new Map(\n [...errors.entries()].map(\n ([field, errors]) =>\n [\n field,\n errors.map((error) => formInstance.options.localizeError?.(error, field) ?? error),\n ] as const,\n ),\n );\n\n for (const element of Array.from(formElement.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity(\n localizedErrors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n );\n }\n }\n\n if (buttonElement && 'setCustomValidity' in buttonElement) {\n const errorString = [...errors.values()].flat().join('\\n');\n\n buttonElement.setCustomValidity(errorString);\n }\n }\n\n useEffect(() => {\n return formInstance.derivedState.map('errors').subscribe((errors) => updateValidity(errors));\n }, [formInstance.derivedState]);\n\n return (\n <form\n ref={formRef}\n noValidate\n {...formProps}\n className={[\n formProps.className,\n hasTriggeredValidations ? (form.options.validClass ?? 'validated') : undefined,\n ]\n .filter(Boolean)\n .join(' ')}\n onSubmit={(event) => {\n event.preventDefault();\n\n const formElement = event.currentTarget;\n const buttonElement =\n event.nativeEvent instanceof SubmitEvent &&\n event.nativeEvent.submitter instanceof HTMLButtonElement\n ? event.nativeEvent.submitter\n : undefined;\n\n updateValidity(formInstance.derivedState.get().errors, buttonElement);\n\n formElement.reportValidity();\n\n const isValid = formInstance.validate();\n if (isValid) {\n formProps.onSubmit?.(event, {\n ...formInstance,\n ...formInstance.derivedState.get(),\n });\n }\n }}\n />\n );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n derivedState: Store<FormDerivedState<TDraft>>,\n original: TOriginal | undefined,\n path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n return {\n get originalValue() {\n return original !== undefined ? get(original as any, path as any) : undefined;\n },\n\n get value() {\n const { draft } = derivedState.get();\n return get(draft, path);\n },\n\n setValue(update: any) {\n derivedState.set(join('draft', path) as any, update);\n },\n\n get hasChange() {\n return !deepEqual(this.originalValue, this.value);\n },\n\n get errors() {\n const { errors } = derivedState.get();\n return errors.get(path) ?? [];\n },\n\n get names(): any {\n const { value } = this;\n\n if (Array.isArray(value)) {\n return value.map((_, index) => join(path, String(index)));\n }\n\n if (isObject(value)) {\n return Object.keys(value).map((key) => join(path, key));\n }\n\n return [];\n },\n\n add(...args: any[]) {\n this.setValue((value: any) => {\n if (args.length === 1) {\n return [...(value ?? []), args[0]];\n }\n\n return {\n ...value,\n [args[0]]: args[1],\n };\n });\n },\n\n remove(key: any) {\n this.setValue((value: any) => {\n if (!value) {\n return value;\n }\n\n if (Array.isArray(value)) {\n return value.filter((_, index) => index !== key);\n }\n\n if (isObject(value)) {\n const { [key]: _, ...rest } = value;\n return rest;\n }\n\n return value;\n });\n },\n } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n draft: TDraft,\n original: TOriginal | undefined,\n validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n const errors = new Map<string, string[]>();\n\n for (const [path, block] of Object.entries(validations ?? {})) {\n for (const [validationName, validate] of Object.entries(\n block as Record<string, Validation<any, any, any>>,\n )) {\n let matched = false;\n\n for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n matched = true;\n if (!validate(value, { draft, original, field })) {\n const fieldErrors = errors.get(field) ?? [];\n fieldErrors.push(validationName);\n errors.set(field, fieldErrors);\n }\n }\n\n if (!matched && !path.includes('*')) {\n if (!validate(undefined, { draft, original, field: path })) {\n const fieldErrors = errors.get(path) ?? [];\n fieldErrors.push(validationName);\n errors.set(path, fieldErrors);\n }\n }\n }\n }\n\n return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n context: Context<FormContext<TDraft, TOriginal> | null> = createContext<FormContext<\n TDraft,\n TOriginal\n > | null>(null);\n\n constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n autobind(Form);\n }\n\n useForm(): FormContext<TDraft, TOriginal> {\n const context = useContext(this.context);\n\n if (!context) {\n throw new Error('Form context not found');\n }\n\n return context;\n }\n\n useFormState<S>(\n selector: (state: FormInstance<TDraft, TOriginal>) => S,\n useStoreOptions?: UseStoreOptions<S>,\n ): S {\n const form = this.useForm();\n\n return useStore(\n form.derivedState.map((state) =>\n selector({\n ...form,\n ...state,\n }),\n ),\n useStoreOptions,\n );\n }\n\n useField<TPath extends PathAsString<TDraft>>(\n path: TPath,\n useStoreOptions?: UseStoreOptions<any>,\n ): Field<TDraft, TOriginal, TPath> {\n const form = this.useForm();\n this.useFormState((form) => [form.getField(path).value, form.original], useStoreOptions);\n return form.getField(path);\n }\n\n // ///////////////////////////////////////////////////////////////////////////\n // React Components\n // ///////////////////////////////////////////////////////////////////////////\n\n Form({\n original,\n defaultValue,\n validations,\n localizeError,\n urlState,\n autoSave,\n transform,\n ...formProps\n }: {\n original?: TOriginal;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n } & Partial<FormOptions<TDraft, TOriginal>> &\n Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>): JSX.Element {\n const options: FormOptions<TDraft, TOriginal> = {\n defaultValue: { ...this.options.defaultValue, ...defaultValue },\n validations: { ...this.options.validations, ...validations } as Validations<\n TDraft,\n TOriginal\n >,\n localizeError: localizeError ?? this.options.localizeError,\n autoSave: autoSave ?? this.options.autoSave,\n transform: transform ?? this.options.transform,\n };\n\n const formState = useMemo(() => {\n return createStore<FormState<TDraft>>({\n draft: undefined,\n hasTriggeredValidations: false,\n saveScheduled: false,\n saveInProgress: false,\n });\n }, []);\n\n const derivedState = useMemo(() => {\n return formState.map<FormDerivedState<TDraft>>(\n (state) => {\n const {\n draft = original ?? options.defaultValue,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n } = state;\n const errors = getErrors(draft, original, options.validations);\n\n return {\n draft,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n hasChanges: !deepEqual(draft, original ?? options.defaultValue),\n errors,\n isValid: errors.size === 0,\n };\n },\n (newState) => ({\n draft: newState.draft,\n hasTriggeredValidations: newState.hasTriggeredValidations,\n saveScheduled: newState.saveScheduled,\n saveInProgress: newState.saveInProgress,\n }),\n );\n }, [formState, original, options.validations, options.defaultValue]);\n\n const context = useMemo(() => {\n return {\n formState,\n derivedState,\n options,\n original,\n\n getField(path) {\n return getField(derivedState, original, path);\n },\n\n getDraft() {\n return formState.get().draft ?? original ?? options.defaultValue;\n },\n\n hasTriggeredValidations() {\n return formState.get().hasTriggeredValidations;\n },\n\n hasChanges() {\n return derivedState.get().hasChanges;\n },\n\n getErrors() {\n return derivedState.get().errors;\n },\n\n isValid() {\n return derivedState.get().isValid;\n },\n\n validate() {\n formState.set('hasTriggeredValidations', true);\n return derivedState.get().isValid;\n },\n\n reset() {\n formState.set('draft', undefined);\n formState.set('hasTriggeredValidations', false);\n },\n } satisfies FormContext<TDraft, TOriginal>;\n }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n useEffect(() => {\n if (urlState) {\n return connectUrl(\n formState.map('draft'),\n typeof urlState === 'object' ? urlState : { key: 'form' },\n );\n }\n\n return undefined;\n }, [formState, simpleHash(urlState)]);\n\n useEffect(() => {\n const handles = options.transform?.map(({ trigger, update }) => {\n const draft = derivedState.map('draft');\n const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n return triggerStore.subscribe(() => {\n const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n const result = update(value as any, draft);\n\n if (result !== undefined) {\n draft.set(result);\n }\n });\n });\n\n return () => {\n handles?.forEach((handle) => handle());\n };\n }, [options.transform]);\n\n useFormAutosave(context);\n\n return (\n <this.context.Provider value={context}>\n <FormContainer {...formProps} form={this} />\n </this.context.Provider>\n );\n }\n\n FormState<S>({\n selector,\n children,\n }: {\n selector: (form: FormInstance<TDraft, TOriginal>) => S;\n children: (selectedState: S) => ReactNode;\n }): JSX.Element {\n const selectedState = this.useFormState(selector);\n return <>{children(selectedState)}</>;\n }\n\n Field<TPath extends PathAsString<TDraft> = ''>(\n props: FormFieldPropsWithRender<TDraft, TOriginal, TPath>,\n ): JSX.Element;\n\n Field<\n const TPath extends PathAsString<TDraft> = '',\n const TComponent extends FormFieldComponent = 'input',\n >(props: FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>): JSX.Element;\n\n Field(props: any): JSX.Element {\n return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n }\n\n ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>): JSX.Element {\n return Reflect.apply(FormForEach, this, [props]);\n }\n\n withForm<TProps extends Record<string, unknown>>(\n Component: React.ComponentType<TProps>,\n formProps?: Parameters<this['Form']>[0],\n ): FunctionComponent<TProps> {\n const { Form } = this;\n return function FormWrapper(props: TProps) {\n return (\n <Form {...formProps}>\n <Component {...props} />\n </Form>\n );\n };\n }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n options: FormOptions<TDraft, TOriginal>,\n): Form<TDraft, TOriginal> {\n return new Form(options);\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { simpleHash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n debounce?: Duration;\n throttle?: Duration;\n onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n value: T,\n onChange: (value: T) => void,\n options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n const [dirty, setDirty] = useState<{ v: T }>();\n const ref = useRef({ onChange, onCommit: options.onCommit });\n\n useEffect(() => {\n ref.current = { onChange, onCommit: options.onCommit };\n }, [onChange]);\n\n const update = useMemo(() => {\n const { onChange, onCommit } = ref.current;\n\n const update = (value: T) => {\n onChange(value);\n setDirty(undefined);\n onCommit?.(value);\n };\n\n let delayedUpdate: (value: T) => void;\n\n if (options.debounce) {\n delayedUpdate = debounce(update, options.debounce);\n } else if (options.throttle) {\n delayedUpdate = throttle(update, options.throttle);\n } else {\n delayedUpdate = (value) => startTransition(() => update(value));\n }\n\n return (value: T) => {\n setDirty({ v: value });\n delayedUpdate(value);\n };\n }, [simpleHash([options.debounce, options.throttle])]);\n\n return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n return Array.isArray(value) ? value : [value];\n}\n","import { castArray } from '@lib/castArray';\nimport { simpleHash } from '@lib/hash';\nimport { useEffect } from 'react';\n\nexport function useUrlParamScope({\n key,\n type = 'search',\n}: {\n key: string | string[];\n type?: 'search' | 'hash';\n}): void {\n useEffect(\n () => () => {\n const url = new URL(window.location.href);\n const parameters = new URLSearchParams(url[type].slice(1));\n\n for (const _key of castArray(key)) {\n parameters.delete(_key);\n }\n\n url[type] = parameters.toString();\n window.history.replaceState(null, '', url.toString());\n },\n [simpleHash(key), type],\n );\n}\n"],"names":["form","value","name","Fragment","options","errors","Form","onChange","update"],"mappings":"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"}
|
|
@@ -20,6 +20,7 @@ export interface FormOptions<TDraft, TOriginal> {
|
|
|
20
20
|
urlState?: boolean | UrlStoreOptions<TDraft>;
|
|
21
21
|
autoSave?: FormAutosaveOptions<TDraft, TOriginal>;
|
|
22
22
|
transform?: Transform<TDraft>[];
|
|
23
|
+
validClass?: string;
|
|
23
24
|
}
|
|
24
25
|
export type Validations<TDraft, TOriginal> = {
|
|
25
26
|
[TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;
|
|
@@ -70,7 +71,7 @@ export interface FormContext<TDraft, TOriginal> {
|
|
|
70
71
|
validate: () => boolean;
|
|
71
72
|
reset: () => void;
|
|
72
73
|
}
|
|
73
|
-
export interface FormInstance<TDraft, TOriginal> extends FormDerivedState<TDraft>, Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {
|
|
74
|
+
export interface FormInstance<TDraft, TOriginal> extends FormDerivedState<TDraft>, Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField' | 'validate' | 'reset'> {
|
|
74
75
|
}
|
|
75
76
|
export declare class Form<TDraft, TOriginal extends TDraft = TDraft> {
|
|
76
77
|
readonly options: FormOptions<TDraft, TOriginal>;
|
|
@@ -87,7 +88,7 @@ export declare class Form<TDraft, TOriginal extends TDraft = TDraft> {
|
|
|
87
88
|
selector: (form: FormInstance<TDraft, TOriginal>) => S;
|
|
88
89
|
children: (selectedState: S) => ReactNode;
|
|
89
90
|
}): JSX.Element;
|
|
90
|
-
Field<TPath extends PathAsString<TDraft> = ''>(props: FormFieldPropsWithRender<TDraft, TPath>): JSX.Element;
|
|
91
|
+
Field<TPath extends PathAsString<TDraft> = ''>(props: FormFieldPropsWithRender<TDraft, TOriginal, TPath>): JSX.Element;
|
|
91
92
|
Field<const TPath extends PathAsString<TDraft> = '', const TComponent extends FormFieldComponent = 'input'>(props: FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>): JSX.Element;
|
|
92
93
|
ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>): JSX.Element;
|
|
93
94
|
withForm<TProps extends Record<string, unknown>>(Component: React.ComponentType<TProps>, formProps?: Parameters<this['Form']>[0]): FunctionComponent<TProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type PathAsString } from '../../index';
|
|
2
2
|
import { type Value } from '../../lib/path';
|
|
3
3
|
import { type Component, type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
4
|
-
import { type Form, type FormInstance } from './form';
|
|
4
|
+
import { type Field, type Form, type FormInstance } from './form';
|
|
5
5
|
export interface FormFieldComponentProps<TValue, TPath> {
|
|
6
6
|
name: TPath;
|
|
7
7
|
value: TValue;
|
|
@@ -12,6 +12,9 @@ export interface FormFieldComponentProps<TValue, TPath> {
|
|
|
12
12
|
} | TValue | undefined, ...args: any[]) => void;
|
|
13
13
|
onBlur: (...args: any[]) => void;
|
|
14
14
|
}
|
|
15
|
+
export type FormFieldInfos<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = Field<TDraft, TOriginal, TPath> & {
|
|
16
|
+
hasTriggeredValidations: boolean;
|
|
17
|
+
};
|
|
15
18
|
type NativeInputType = 'input' | 'select' | 'textarea';
|
|
16
19
|
type PartialComponentType<P> = (new (props: P, context?: any) => Component<P, any>) | ((props: P, context?: any) => ReactNode);
|
|
17
20
|
export type FormFieldComponent = NativeInputType | PartialComponentType<any>;
|
|
@@ -31,9 +34,9 @@ export type FormFieldProps<TPath> = {
|
|
|
31
34
|
} & (TPath extends '' ? {} : {
|
|
32
35
|
name: TPath;
|
|
33
36
|
});
|
|
34
|
-
export type FormFieldPropsWithRender<TDraft, TPath extends PathAsString<TDraft>> = FormFieldProps<TPath> & NoInfer<{
|
|
37
|
+
export type FormFieldPropsWithRender<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = FormFieldProps<TPath> & NoInfer<{
|
|
35
38
|
component?: undefined;
|
|
36
|
-
render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;
|
|
39
|
+
render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>, info: FormFieldInfos<TDraft, TOriginal, TPath>) => ReactNode;
|
|
37
40
|
inputFilter?: undefined;
|
|
38
41
|
defaultValue?: undefined;
|
|
39
42
|
serialize?: undefined;
|
|
@@ -64,5 +67,5 @@ export type FormFieldPropsWithComponent<TDraft, TOriginal, TPath extends PathAsS
|
|
|
64
67
|
} : {
|
|
65
68
|
deserialize: Deserialize<TDraft, TOriginal, TPath, TComponent>;
|
|
66
69
|
})>;
|
|
67
|
-
export declare function FormField<TDraft, TOriginal, TPath extends PathAsString<TDraft>, TComponent extends FormFieldComponent>(this: Form<TDraft, any>, { name, component, commitOnBlur, commitDebounce, render, inputFilter, defaultValue, serialize, deserialize, onChange, onBlur, ...restProps }: FormFieldPropsWithRender<TDraft, TPath> | FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>): JSX.Element | null;
|
|
70
|
+
export declare function FormField<TDraft, TOriginal, TPath extends PathAsString<TDraft>, TComponent extends FormFieldComponent>(this: Form<TDraft, any>, { name, component, commitOnBlur, commitDebounce, render, inputFilter, defaultValue, serialize, deserialize, onChange, onBlur, ...restProps }: FormFieldPropsWithRender<TDraft, TOriginal, TPath> | FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>): JSX.Element | null;
|
|
68
71
|
export {};
|