@rebasepro/forms 0.0.1-canary.4829d6e

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Rebase
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,105 @@
+# @rebasepro/forms
+
+Lightweight React form state management with undo/redo support.
+
+## Installation
+
+```bash
+pnpm add @rebasepro/forms
+```
+
+**Peer dependencies:** `react >= 19.0.0`, `react-dom >= 19.0.0`
+
+## What This Package Does
+
+Formex is a minimal, Formik-inspired form library used throughout the Rebase admin panel. It manages form values, validation, touched/dirty state, submission, and provides built-in undo/redo history tracking. It uses `fast-equals` for deep equality checks and avoids unnecessary re-renders.
+
+## Key Exports
+
+| Export | Type | Description |
+|---|---|---|
+| `useCreateFormex<T>` | Hook | Creates a `FormexController` — the primary way to initialize a form |
+| `Formex` | Component | Context provider — wraps children to share form state via `useFormex` |
+| `useFormex<T>` | Hook | Consumes the nearest `Formex` context, returns `FormexController<T>` |
+| `Field` | Component | Connects an input to the form by `name`. Supports render-prop children, `as` prop, checkbox/radio/select types |
+| `FormexController<T>` | Type | The full form controller object (values, errors, touched, dirty, submit, undo/redo, etc.) |
+| `FormexResetProps<T>` | Type | Options for `resetForm()` (values, errors, touched, submitCount) |
+| `getIn` | Utility | Deep-get a value from an object by dot/bracket path |
+| `setIn` | Utility | Immutably deep-set a value in an object by path |
+
+### `useCreateFormex` Options
+
+| Option | Type | Default | Description |
+|---|---|---|---|
+| `initialValues` | `T` | *required* | Starting form values |
+| `initialErrors` | `Record<string, string>` | `{}` | Pre-set field errors |
+| `initialDirty` | `boolean` | `false` | Initial dirty flag |
+| `initialTouched` | `Record<string, boolean>` | `{}` | Pre-set touched fields |
+| `validation` | `(values: T) => Record<string, string> \| Promise<...> \| void` | — | Sync or async validation function |
+| `validateOnChange` | `boolean` | `false` | Run validation on every field change |
+| `validateOnInitialRender` | `boolean` | `false` | Run validation on mount |
+| `onSubmit` | `(values: T, controller) => void \| Promise<void>` | — | Submit handler |
+| `onReset` | `(controller) => void \| Promise<void>` | — | Reset callback |
+| `onValuesChangeDeferred` | `(values: T, controller) => void` | — | Debounced (300ms) callback on value changes |
+| `debugId` | `string` | — | Optional identifier for debugging |
+
+### `FormexController<T>` Properties
+
+| Property | Type | Description |
+|---|---|---|
+| `values` | `T` | Current form values |
+| `initialValues` | `T` | The initial values the form was created with |
+| `errors` | `Record<string, string>` | Current validation errors |
+| `touched` | `Record<string, boolean>` | Which fields have been touched |
+| `dirty` | `boolean` | Whether values differ from initial |
+| `isSubmitting` | `boolean` | Whether the form is currently submitting |
+| `isValidating` | `boolean` | Whether validation is running |
+| `submitCount` | `number` | How many times submit has been called |
+| `version` | `number` | Incremented on submit and reset |
+| `canUndo` / `canRedo` | `boolean` | Whether undo/redo is available |
+| `setValues`, `setFieldValue`, `setFieldError`, `setFieldTouched`, `setDirty`, `setSubmitting`, `setTouched`, `setSubmitCount` | Functions | State setters |
+| `handleChange`, `handleBlur`, `handleSubmit` | Event handlers | Bind to form/input events |
+| `validate`, `resetForm`, `undo`, `redo` | Functions | Form actions |
+
+## Quick Start
+
+```tsx
+import { useCreateFormex, Formex, useFormex, Field } from "@rebasepro/forms";
+
+function MyForm() {
+    const controller = useCreateFormex({
+        initialValues: { name: "", email: "" },
+        validation: (values) => {
+            const errors: Record<string, string> = {};
+            if (!values.name) errors.name = "Required";
+            return errors;
+        },
+        onSubmit: async (values) => {
+            await saveToAPI(values);
+        }
+    });
+
+    return (
+        <Formex value={controller}>
+            <form onSubmit={controller.handleSubmit}>
+                <Field name="name" />
+                <Field name="email" type="email" />
+                <button type="submit" disabled={controller.isSubmitting}>
+                    Save
+                </button>
+            </form>
+        </Formex>
+    );
+}
+
+// In a child component:
+function SubmitButton() {
+    const { isSubmitting, dirty } = useFormex();
+    return <button type="submit" disabled={isSubmitting || !dirty}>Save</button>;
+}
+```
+
+## Related Packages
+
+- `@rebasepro/admin` — Uses Formex for all snapshot editing forms
+- `@rebasepro/app` — Core Rebase framework

package/dist/Field.d.ts

@@ -0,0 +1,52 @@
+import * as React from "react";
+import { FormexController } from "./types";
+export interface FieldInputProps<Value> {
+    /** Value of the field */
+    value: Value;
+    /** Name of the field */
+    name: string;
+    /** Multiple select? */
+    multiple?: boolean;
+    /** Is the field checked? */
+    checked?: boolean;
+    /** Change event handler */
+    onChange: (event: React.SyntheticEvent) => void;
+    /** Blur event handler */
+    onBlur: (event: React.FocusEvent) => void;
+}
+export interface FormexFieldProps<Value = any, FormValues extends object = object> {
+    field: FieldInputProps<Value>;
+    form: FormexController<FormValues>;
+}
+export interface FieldConfig<Value, C extends React.ElementType | undefined = undefined> {
+    /**
+     * Component to render. Can either be a string e.g. 'select', 'input', or 'textarea', or a component.
+     */
+    as?: C | string | React.ForwardRefExoticComponent<Record<string, unknown>>;
+    /**
+     * Children render function <Field name>{props => ...}</Field>)
+     */
+    children?: ((props: FormexFieldProps<Value>) => React.ReactNode) | React.ReactNode;
+    /**
+     * Validate a single field value independently
+     */
+    /**
+     * Used for 'select' and related input types.
+     */
+    multiple?: boolean;
+    /**
+     * Field name
+     */
+    name: string;
+    /** HTML input type */
+    type?: string;
+    /** Field value */
+    value?: unknown;
+    /** Inner ref */
+    innerRef?: (instance: unknown) => void;
+}
+export type FieldProps<T, C extends React.ElementType | undefined> = {
+    as?: C;
+} & (C extends React.ElementType ? (React.ComponentProps<C> & FieldConfig<T, C>) : FieldConfig<T, C>);
+export declare function Field<T, C extends React.ElementType | undefined = undefined>({ validate, name, children, as: is, // `as` is reserved in typescript lol
+className, ...props }: FieldProps<T, C>): any;

package/dist/Formex.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FormexController } from "./types";
+export declare const useFormex: <T = any>() => FormexController<T>;
+export declare const Formex: <T = any>({ value, children }: {
+    value: FormexController<T>;
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./Field";
+export * from "./Formex";
+export * from "./types";
+export * from "./utils";
+export * from "./useCreateFormex";

package/dist/index.es.js

@@ -0,0 +1,329 @@
+import * as React$1 from "react";
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { deepEqual } from "fast-equals";
+//#region src/Formex.tsx
+var FormexContext = React.createContext(null);
+var useFormex = () => {
+	const ctx = useContext(FormexContext);
+	if (!ctx) throw new Error("useFormex must be used within a Formex provider");
+	return ctx;
+};
+var Formex = ({ value, children }) => {
+	return /* @__PURE__ */ jsx(FormexContext.Provider, {
+		value,
+		children
+	});
+};
+//#endregion
+//#region src/utils.ts
+/** @private is the value an empty array? */
+var isEmptyArray = (value) => Array.isArray(value) && value.length === 0;
+/** @private is the given object a Function? */
+var isFunction = (obj) => typeof obj === "function";
+/** @private is the given object an Object? */
+var isObject = (obj) => obj !== null && typeof obj === "object";
+/** @private is the given object an integer? */
+var isInteger = (obj) => String(Math.floor(Number(obj))) === obj;
+/** @private is the given object a NaN? */
+var isNaN = (obj) => obj !== obj;
+/**
+* Deeply get a value from an object via its path.
+*/
+function getIn(obj, key, def, p = 0) {
+	const path = toPath(key);
+	let current = obj;
+	while (current && p < path.length) current = current[path[p++]];
+	if (p !== path.length && !current) return def;
+	return current === void 0 ? def : current;
+}
+function setIn(obj, path, value) {
+	const res = clone(obj);
+	let resVal = res;
+	let i = 0;
+	const pathArray = toPath(path);
+	for (; i < pathArray.length - 1; i++) {
+		const currentPath = pathArray[i];
+		const currentObj = getIn(obj, pathArray.slice(0, i + 1));
+		if (currentObj && (isObject(currentObj) || Array.isArray(currentObj))) resVal = resVal[currentPath] = clone(currentObj);
+		else {
+			const nextPath = pathArray[i + 1];
+			resVal = resVal[currentPath] = isInteger(nextPath) && Number(nextPath) >= 0 ? [] : {};
+		}
+	}
+	if ((i === 0 ? obj : resVal)[pathArray[i]] === value) return obj;
+	if (value === void 0) delete resVal[pathArray[i]];
+	else resVal[pathArray[i]] = value;
+	if (i === 0 && value === void 0) delete res[pathArray[i]];
+	return res;
+}
+function clone(value) {
+	if (Array.isArray(value)) return [...value];
+	else if (typeof value === "object" && value !== null) {
+		if (Object.getPrototypeOf(value) !== Object.prototype) return value;
+		return { ...value };
+	} else return value;
+}
+function toPath(value) {
+	if (Array.isArray(value)) return value;
+	return value.replace(/\[(\d+)]/g, ".$1").replace(/^\./, "").replace(/\.$/, "").split(".");
+}
+//#endregion
+//#region src/Field.tsx
+function Field({ validate, name, children, as: is, className, ...props }) {
+	const formex = useFormex();
+	const field = getFieldProps({
+		name,
+		...props
+	}, formex);
+	if (isFunction(children)) return children({
+		field,
+		form: formex
+	});
+	const asElement = is || "input";
+	if (typeof asElement === "string") {
+		const { innerRef, ...rest } = props;
+		return React$1.createElement(asElement, {
+			ref: innerRef,
+			...field,
+			...rest,
+			className
+		}, children);
+	}
+	return React$1.createElement(asElement, {
+		...field,
+		...props,
+		className
+	}, children);
+}
+var getFieldProps = (nameOrOptions, formex) => {
+	const name = typeof nameOrOptions === "string" ? nameOrOptions : nameOrOptions.name;
+	const valueState = getIn(formex.values, name);
+	const field = {
+		name,
+		value: valueState,
+		onChange: formex.handleChange,
+		onBlur: formex.handleBlur
+	};
+	if (typeof nameOrOptions !== "string") {
+		const { type, value: valueProp, as: is, multiple } = nameOrOptions;
+		if (type === "checkbox") if (valueProp === void 0) field.checked = !!valueState;
+		else {
+			field.checked = !!(Array.isArray(valueState) && ~valueState.indexOf(valueProp));
+			field.value = valueProp;
+		}
+		else if (type === "radio") {
+			field.checked = valueState === valueProp;
+			field.value = valueProp;
+		} else if (is === "select" && multiple) {
+			field.value = field.value || [];
+			field.multiple = true;
+		}
+	}
+	return field;
+};
+//#endregion
+//#region src/useCreateFormex.tsx
+function useCreateFormex({ initialValues, initialErrors, initialDirty, initialTouched, validation, validateOnChange = false, validateOnInitialRender = false, onSubmit, onReset, onValuesChangeDeferred, debugId }) {
+	const initialValuesRef = useRef(initialValues);
+	const valuesRef = useRef(initialValues);
+	const debugIdRef = useRef(debugId);
+	const [values, setValuesInner] = useState(initialValues);
+	const [touchedState, setTouchedState] = useState(initialTouched ?? {});
+	const [errors, setErrors] = useState(initialErrors ?? {});
+	const [dirty, setDirty] = useState(initialDirty ?? false);
+	const [submitCount, setSubmitCount] = useState(0);
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const [isValidating, setIsValidating] = useState(false);
+	const [version, setVersion] = useState(0);
+	const onValuesChangeRef = useRef(onValuesChangeDeferred);
+	onValuesChangeRef.current = onValuesChangeDeferred;
+	const debounceTimeoutRef = useRef(void 0);
+	const callDebouncedOnValuesChange = useCallback((values) => {
+		if (onValuesChangeRef.current) {
+			if (debounceTimeoutRef.current) clearTimeout(debounceTimeoutRef.current);
+			debounceTimeoutRef.current = setTimeout(() => {
+				onValuesChangeRef.current?.(values, controllerRef.current);
+			}, 300);
+		}
+	}, []);
+	const historyRef = useRef([initialValues]);
+	const historyIndexRef = useRef(0);
+	useEffect(() => {
+		if (validateOnInitialRender) validate();
+	}, []);
+	const setValues = useCallback((newValues) => {
+		valuesRef.current = newValues;
+		setValuesInner(newValues);
+		setDirty(!deepEqual(initialValuesRef.current, newValues));
+		const newHistory = historyRef.current.slice(0, historyIndexRef.current + 1);
+		newHistory.push(newValues);
+		historyRef.current = newHistory;
+		historyIndexRef.current = newHistory.length - 1;
+		callDebouncedOnValuesChange(newValues);
+	}, [callDebouncedOnValuesChange]);
+	const validate = useCallback(async () => {
+		setIsValidating(true);
+		const validationErrors = await validation?.(valuesRef.current);
+		setErrors(validationErrors ?? {});
+		setIsValidating(false);
+		return validationErrors;
+	}, [validation]);
+	const setFieldValue = useCallback((key, value, shouldValidate) => {
+		const newValues = setIn(valuesRef.current, key, value);
+		valuesRef.current = newValues;
+		setValuesInner(newValues);
+		if (!deepEqual(getIn(initialValuesRef.current, key), value)) setDirty(true);
+		if (shouldValidate) validate();
+		const newHistory = historyRef.current.slice(0, historyIndexRef.current + 1);
+		newHistory.push(newValues);
+		historyRef.current = newHistory;
+		historyIndexRef.current = newHistory.length - 1;
+		callDebouncedOnValuesChange(newValues);
+	}, [validate, callDebouncedOnValuesChange]);
+	const setFieldError = useCallback((key, error) => {
+		setErrors((prevErrors) => {
+			const newErrors = { ...prevErrors };
+			if (error) newErrors[key] = error;
+			else delete newErrors[key];
+			return newErrors;
+		});
+	}, []);
+	const setFieldTouched = useCallback((key, touched, shouldValidate) => {
+		setTouchedState((prev) => ({
+			...prev,
+			[key]: touched
+		}));
+		if (shouldValidate) validate();
+	}, [validate]);
+	const handleChange = useCallback((event) => {
+		const target = event.target;
+		let value;
+		if (target.type === "checkbox") value = target.checked;
+		else if (target.type === "number") value = target.valueAsNumber;
+		else value = target.value;
+		const name = target.name;
+		setFieldValue(name, value, validateOnChange);
+		setFieldTouched(name, true);
+	}, [
+		setFieldValue,
+		setFieldTouched,
+		validateOnChange
+	]);
+	const handleBlur = useCallback((event) => {
+		const name = event.target.name;
+		setFieldTouched(name, true);
+	}, [setFieldTouched]);
+	const submit = useCallback(async (e) => {
+		e?.preventDefault();
+		e?.stopPropagation();
+		setIsSubmitting(true);
+		setSubmitCount((prev) => prev + 1);
+		const validationErrors = await validation?.(valuesRef.current);
+		if (validationErrors && Object.keys(validationErrors).length > 0) setErrors(validationErrors);
+		else {
+			setErrors({});
+			await onSubmit?.(valuesRef.current, controllerRef.current);
+		}
+		setIsSubmitting(false);
+		setVersion((prev) => prev + 1);
+	}, [onSubmit, validation]);
+	const resetForm = useCallback((props) => {
+		const { submitCount: submitCountProp, values: valuesProp, errors: errorsProp, touched: touchedProp } = props ?? {};
+		valuesRef.current = valuesProp ?? initialValuesRef.current;
+		initialValuesRef.current = valuesProp ?? initialValuesRef.current;
+		setValuesInner(valuesProp ?? initialValuesRef.current);
+		setErrors(errorsProp ?? {});
+		setTouchedState(touchedProp ?? initialTouched ?? {});
+		setDirty(false);
+		setSubmitCount(submitCountProp ?? 0);
+		setVersion((prev) => prev + 1);
+		onReset?.(controllerRef.current);
+		historyRef.current = [valuesProp ?? initialValuesRef.current];
+		historyIndexRef.current = 0;
+	}, [onReset, initialTouched]);
+	useEffect(() => {
+		if (!deepEqual(initialValuesRef.current, initialValues)) resetForm({ values: initialValues });
+	}, [initialValues, resetForm]);
+	const undo = useCallback(() => {
+		if (historyIndexRef.current > 0) {
+			const newIndex = historyIndexRef.current - 1;
+			const newValues = historyRef.current[newIndex];
+			setValuesInner(newValues);
+			valuesRef.current = newValues;
+			historyIndexRef.current = newIndex;
+			setDirty(!deepEqual(initialValuesRef.current, newValues));
+			callDebouncedOnValuesChange(newValues);
+		}
+	}, [callDebouncedOnValuesChange]);
+	const redo = useCallback(() => {
+		if (historyIndexRef.current < historyRef.current.length - 1) {
+			const newIndex = historyIndexRef.current + 1;
+			const newValues = historyRef.current[newIndex];
+			setValuesInner(newValues);
+			valuesRef.current = newValues;
+			historyIndexRef.current = newIndex;
+			setDirty(!deepEqual(initialValuesRef.current, newValues));
+			callDebouncedOnValuesChange(newValues);
+		}
+	}, [callDebouncedOnValuesChange]);
+	const controllerRef = useRef({});
+	const controller = useMemo(() => ({
+		values,
+		initialValues: initialValuesRef.current,
+		handleChange,
+		isSubmitting,
+		setSubmitting: setIsSubmitting,
+		setValues,
+		setFieldValue,
+		errors,
+		setFieldError,
+		touched: touchedState,
+		setFieldTouched,
+		setTouched: setTouchedState,
+		dirty,
+		setDirty,
+		handleSubmit: submit,
+		submitCount,
+		setSubmitCount,
+		handleBlur,
+		validate,
+		isValidating,
+		resetForm,
+		version,
+		debugId: debugIdRef.current,
+		undo,
+		redo,
+		canUndo: historyIndexRef.current > 0,
+		canRedo: historyIndexRef.current < historyRef.current.length - 1
+	}), [
+		values,
+		errors,
+		touchedState,
+		dirty,
+		isSubmitting,
+		submitCount,
+		isValidating,
+		version,
+		handleChange,
+		handleBlur,
+		setValues,
+		setFieldValue,
+		setFieldTouched,
+		setTouchedState,
+		setFieldError,
+		validate,
+		submit,
+		resetForm,
+		undo,
+		redo
+	]);
+	useEffect(() => {
+		controllerRef.current = controller;
+	}, [controller]);
+	return controller;
+}
+//#endregion
+export { Field, Formex, clone, getIn, isEmptyArray, isFunction, isInteger, isNaN, isObject, setIn, useCreateFormex, useFormex };
+
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../src/Formex.tsx","../src/utils.ts","../src/Field.tsx","../src/useCreateFormex.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { FormexController } from \"./types\";\n\n\nconst FormexContext = React.createContext<FormexController<any> | null>(null);\n\nexport const useFormex = <T = any>() => {\n    const ctx = useContext(FormexContext);\n    if (!ctx) throw new Error(\"useFormex must be used within a Formex provider\");\n    return ctx as FormexController<T>;\n};\n\nexport const Formex = <T = any>({ value, children }: { value: FormexController<T>, children: React.ReactNode }) => {\n    return <FormexContext.Provider value={value}>{children}</FormexContext.Provider>;\n};\n","/** @private is the value an empty array? */\nexport const isEmptyArray = (value?: unknown) =>\n    Array.isArray(value) && value.length === 0;\n\n/** @private is the given object a Function? */\n\nexport const isFunction = (obj: unknown): obj is Function =>\n    typeof obj === \"function\";\n\n/** @private is the given object an Object? */\nexport const isObject = (obj: unknown): obj is Record<string, unknown> =>\n    obj !== null && typeof obj === \"object\";\n\n/** @private is the given object an integer? */\nexport const isInteger = (obj: unknown): boolean =>\n    String(Math.floor(Number(obj))) === obj;\n\n/** @private is the given object a NaN? */\n\nexport const isNaN = (obj: unknown): boolean => obj !== obj;\n\n/**\n * Deeply get a value from an object via its path.\n */\nexport function getIn(\n    obj: unknown,\n    key: string | string[],\n    def?: unknown,\n    p = 0\n): unknown {\n    const path = toPath(key);\n    let current: unknown = obj;\n    while (current && p < path.length) {\n        current = (current as Record<string, unknown>)[path[p++]];\n    }\n\n    // check if path is not in the end\n    if (p !== path.length && !current) {\n        return def;\n    }\n\n    return current === undefined ? def : current;\n}\n\nexport function setIn(obj: unknown, path: string, value: unknown): unknown {\n    const res = clone(obj) as Record<string, unknown>; // this keeps inheritance when obj is a class\n    let resVal: Record<string, unknown> = res;\n    let i = 0;\n    const pathArray = toPath(path);\n\n    for (; i < pathArray.length - 1; i++) {\n        const currentPath: string = pathArray[i];\n        const currentObj = getIn(obj, pathArray.slice(0, i + 1));\n\n        if (currentObj && (isObject(currentObj) || Array.isArray(currentObj))) {\n            resVal = resVal[currentPath] = clone(currentObj) as Record<string, unknown>;\n        } else {\n            const nextPath: string = pathArray[i + 1];\n            resVal = resVal[currentPath] =\n                (isInteger(nextPath) && Number(nextPath) >= 0 ? [] : {}) as Record<string, unknown>;\n        }\n    }\n\n    // Return original object if new value is the same as current\n    if ((i === 0 ? (obj as Record<string, unknown>) : resVal)[pathArray[i]] === value) {\n        return obj;\n    }\n\n    if (value === undefined) {\n        delete resVal[pathArray[i]];\n    } else {\n        resVal[pathArray[i]] = value;\n    }\n\n    // If the path array has a single element, the loop did not run.\n    // Deleting on `resVal` had no effect in this scenario, so we delete on the result instead.\n    if (i === 0 && value === undefined) {\n        delete res[pathArray[i]];\n    }\n\n    return res;\n}\n\nexport function clone(value: unknown): unknown {\n    if (Array.isArray(value)) {\n        return [...value];\n    } else if (typeof value === \"object\" && value !== null) {\n        // Preserve class instances (EntityReference, GeoPoint, etc.) - don't spread them\n        if (Object.getPrototypeOf(value) !== Object.prototype) {\n            return value;\n        }\n        return { ...(value as Record<string, unknown>) };\n    } else {\n        return value; // This is for primitive types which do not need cloning.\n    }\n}\n\nfunction toPath(value: string | string[]) {\n    if (Array.isArray(value)) return value; // Already in path array form.\n    // Replace brackets with dots, remove leading/trailing dots, then split by dot.\n    return value.replace(/\\[(\\d+)]/g, \".$1\").replace(/^\\./, \"\").replace(/\\.$/, \"\").split(\".\");\n}\n","import * as React from \"react\";\nimport { useFormex } from \"./Formex\";\nimport { getIn, isFunction, isObject } from \"./utils\";\nimport { FormexController } from \"./types\";\n\nexport interface FieldInputProps<Value> {\n    /** Value of the field */\n    value: Value;\n    /** Name of the field */\n    name: string;\n    /** Multiple select? */\n    multiple?: boolean;\n    /** Is the field checked? */\n    checked?: boolean;\n    /** Change event handler */\n    onChange: (event: React.SyntheticEvent) => void,\n    /** Blur event handler */\n    onBlur: (event: React.FocusEvent) => void,\n}\n\nexport interface FormexFieldProps<Value = any, FormValues extends object = object> {\n    field: FieldInputProps<Value>;\n    form: FormexController<FormValues>;\n}\n\nexport interface FieldConfig<Value, C extends React.ElementType | undefined = undefined> {\n\n    /**\n     * Component to render. Can either be a string e.g. 'select', 'input', or 'textarea', or a component.\n     */\n    as?:\n        | C\n        | string\n        | React.ForwardRefExoticComponent<Record<string, unknown>>;\n\n    /**\n     * Children render function <Field name>{props => ...}</Field>)\n     */\n    children?: ((props: FormexFieldProps<Value>) => React.ReactNode) | React.ReactNode;\n\n    /**\n     * Validate a single field value independently\n     */\n    // validate?: FieldValidator;\n\n    /**\n     * Used for 'select' and related input types.\n     */\n    multiple?: boolean;\n\n    /**\n     * Field name\n     */\n    name: string;\n\n    /** HTML input type */\n    type?: string;\n\n    /** Field value */\n    value?: unknown;\n\n    /** Inner ref */\n    innerRef?: (instance: unknown) => void;\n\n}\n\nexport type FieldProps<T, C extends React.ElementType | undefined> = {\n    as?: C;\n} & (C extends React.ElementType ? (React.ComponentProps<C> & FieldConfig<T, C>) : FieldConfig<T, C>);\n\nexport function Field<T, C extends React.ElementType | undefined = undefined>({\n                                                                                  validate,\n                                                                                  name,\n                                                                                  children,\n                                                                                  as: is, // `as` is reserved in typescript lol\n                                                                                  // component,\n                                                                                  className,\n                                                                                  ...props\n                                                                              }: FieldProps<T, C>) {\n    const formex = useFormex();\n\n    const field = getFieldProps({ name,\n...props }, formex);\n\n    if (isFunction(children)) {\n        return children({ field,\nform: formex });\n    }\n\n    // if (component) {\n    //     if (typeof component === \"string\") {\n    //         const { innerRef, ...rest } = props;\n    //         return React.createElement(\n    //             component,\n    //             { ref: innerRef, ...field, ...rest, className },\n    //             children\n    //         );\n    //     }\n    //     return React.createElement(\n    //         component,\n    //         { field, form: formex, ...props, className },\n    //         children\n    //     );\n    // }\n\n    // default to input here so we can check for both `as` and `children` above\n    const asElement = is || \"input\";\n\n    if (typeof asElement === \"string\") {\n        const { innerRef, ...rest } = props;\n        return React.createElement(\n            asElement,\n            { ref: innerRef,\n...field,\n...rest,\nclassName },\n            children\n        );\n    }\n\n    return React.createElement(asElement, { ...field,\n...props,\nclassName }, children);\n}\n\nconst getFieldProps = (nameOrOptions: string | FieldConfig<unknown>, formex: FormexController<object>): FieldInputProps<unknown> => {\n    const name: string = typeof nameOrOptions === \"string\"\n        ? nameOrOptions\n        : nameOrOptions.name;\n    const valueState = getIn(formex.values as Record<string, unknown>, name);\n\n    const field: FieldInputProps<unknown> = {\n        name: name as string,\n        value: valueState,\n        onChange: formex.handleChange,\n        onBlur: formex.handleBlur\n    };\n    if (typeof nameOrOptions !== \"string\") {\n        const {\n            type,\n            value: valueProp, // value is special for checkboxes\n            as: is,\n            multiple\n        } = nameOrOptions as FieldConfig<unknown>;\n\n        if (type === \"checkbox\") {\n            if (valueProp === undefined) {\n                field.checked = !!valueState;\n            } else {\n                field.checked = !!(\n                    Array.isArray(valueState) && ~valueState.indexOf(valueProp)\n                );\n                field.value = valueProp;\n            }\n        } else if (type === \"radio\") {\n            field.checked = valueState === valueProp;\n            field.value = valueProp;\n        } else if (is === \"select\" && multiple) {\n            field.value = field.value || [];\n            field.multiple = true;\n        }\n    }\n    return field;\n};\n","import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { getIn, setIn } from \"./utils\";\nimport { deepEqual as equal } from \"fast-equals\";\n\nimport { FormexController, FormexResetProps } from \"./types\";\n\nexport function useCreateFormex<T = any>({\n    initialValues,\n    initialErrors,\n    initialDirty,\n    initialTouched,\n    validation,\n    validateOnChange = false,\n    validateOnInitialRender = false,\n    onSubmit,\n    onReset,\n    onValuesChangeDeferred,\n    debugId\n}: {\n    initialValues: T;\n    initialErrors?: Record<string, string>;\n    initialDirty?: boolean;\n    initialTouched?: Record<string, boolean>;\n    validateOnChange?: boolean;\n    validateOnInitialRender?: boolean;\n    validation?: (\n        values: T\n    ) =>\n        | Record<string, string>\n        | Promise<Record<string, string>>\n        | undefined\n        | void;\n    onValuesChangeDeferred?: (values: T, controller: FormexController<T>) => void;\n    onSubmit?: (values: T, controller: FormexController<T>) => void | Promise<void>;\n    onReset?: (controller: FormexController<T>) => void | Promise<void>;\n    debugId?: string;\n}): FormexController<T> {\n    const initialValuesRef = useRef<T>(initialValues);\n    const valuesRef = useRef<T>(initialValues);\n    const debugIdRef = useRef<string | undefined>(debugId);\n\n    const [values, setValuesInner] = useState<T>(initialValues);\n    const [touchedState, setTouchedState] = useState<Record<string, boolean>>(initialTouched ?? {});\n    const [errors, setErrors] = useState<Record<string, string>>(initialErrors ?? {});\n    const [dirty, setDirty] = useState(initialDirty ?? false);\n    const [submitCount, setSubmitCount] = useState(0);\n    const [isSubmitting, setIsSubmitting] = useState(false);\n    const [isValidating, setIsValidating] = useState(false);\n    const [version, setVersion] = useState(0);\n\n    const onValuesChangeRef = useRef(onValuesChangeDeferred);\n    onValuesChangeRef.current = onValuesChangeDeferred;\n    const debounceTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n    const callDebouncedOnValuesChange = useCallback((values: T) => {\n        if (onValuesChangeRef.current) {\n            if (debounceTimeoutRef.current) {\n                clearTimeout(debounceTimeoutRef.current);\n            }\n            debounceTimeoutRef.current = setTimeout(() => {\n                onValuesChangeRef.current?.(values, controllerRef.current);\n            }, 300);\n        }\n    }, []);\n\n    // Replace state for history with refs\n    const historyRef = useRef<T[]>([initialValues]);\n    const historyIndexRef = useRef<number>(0);\n\n    useEffect(() => {\n        if (validateOnInitialRender) {\n            validate();\n        }\n    }, []);\n\n    const setValues = useCallback((newValues: T) => {\n        valuesRef.current = newValues;\n        setValuesInner(newValues);\n        setDirty(!equal(initialValuesRef.current, newValues));\n        // Update history using refs\n        const newHistory = historyRef.current.slice(0, historyIndexRef.current + 1);\n        newHistory.push(newValues);\n        historyRef.current = newHistory;\n        historyIndexRef.current = newHistory.length - 1;\n        callDebouncedOnValuesChange(newValues);\n    }, [callDebouncedOnValuesChange]);\n\n    const validate = useCallback(async () => {\n        setIsValidating(true);\n        const validationErrors = await validation?.(valuesRef.current);\n        setErrors(validationErrors ?? {});\n        setIsValidating(false);\n        return validationErrors;\n    }, [validation]);\n\n    const setFieldValue = useCallback(\n        (key: string, value: unknown, shouldValidate?: boolean) => {\n            const newValues = setIn(valuesRef.current as Record<string, unknown>, key, value) as T;\n            valuesRef.current = newValues;\n            setValuesInner(newValues);\n            if (!equal(getIn(initialValuesRef.current as Record<string, unknown>, key), value)) {\n                setDirty(true);\n            }\n            if (shouldValidate) {\n                validate();\n            }\n            // Update history using refs\n            const newHistory = historyRef.current.slice(0, historyIndexRef.current + 1);\n            newHistory.push(newValues);\n            historyRef.current = newHistory;\n            historyIndexRef.current = newHistory.length - 1;\n            callDebouncedOnValuesChange(newValues);\n        },\n        [validate, callDebouncedOnValuesChange]\n    );\n\n    const setFieldError = useCallback((key: string, error: string | undefined) => {\n        setErrors((prevErrors: Record<string, string>) => {\n            const newErrors = { ...prevErrors };\n            if (error) {\n                newErrors[key] = error;\n            } else {\n                delete newErrors[key];\n            }\n            return newErrors;\n        });\n    }, []);\n\n    const setFieldTouched = useCallback(\n        (key: string, touched: boolean, shouldValidate?: boolean) => {\n            setTouchedState((prev: Record<string, boolean>) => ({\n                ...prev,\n                [key]: touched\n            }));\n            if (shouldValidate) {\n                validate();\n            }\n        },\n        [validate]\n    );\n\n    const handleChange = useCallback(\n        (event: React.SyntheticEvent) => {\n            const target = event.target as HTMLInputElement;\n            let value;\n            if (target.type === \"checkbox\") {\n                value = target.checked;\n            } else if (target.type === \"number\") {\n                value = target.valueAsNumber;\n            } else {\n                value = target.value;\n            }\n            const name = target.name;\n            setFieldValue(name, value, validateOnChange);\n            setFieldTouched(name, true);\n        },\n        [setFieldValue, setFieldTouched, validateOnChange]\n    );\n\n    const handleBlur = useCallback((event: React.FocusEvent) => {\n        const target = event.target as HTMLInputElement;\n        const name = target.name;\n        setFieldTouched(name, true);\n    }, [setFieldTouched]);\n\n    const submit = useCallback(\n        async (e?: React.FormEvent<HTMLFormElement>) => {\n            e?.preventDefault();\n            e?.stopPropagation();\n            setIsSubmitting(true);\n            setSubmitCount((prev: number) => prev + 1);\n            const validationErrors = await validation?.(valuesRef.current);\n            if (validationErrors && Object.keys(validationErrors).length > 0) {\n                setErrors(validationErrors);\n            } else {\n                setErrors({});\n                await onSubmit?.(valuesRef.current, controllerRef.current);\n            }\n            setIsSubmitting(false);\n            setVersion((prev: number) => prev + 1);\n        },\n        [onSubmit, validation]\n    );\n\n    const resetForm = useCallback((props?: FormexResetProps<T>) => {\n        const {\n            submitCount: submitCountProp,\n            values: valuesProp,\n            errors: errorsProp,\n            touched: touchedProp\n        } = props ?? {};\n        valuesRef.current = valuesProp ?? initialValuesRef.current;\n        initialValuesRef.current = valuesProp ?? initialValuesRef.current;\n        setValuesInner(valuesProp ?? initialValuesRef.current);\n        setErrors(errorsProp ?? {});\n        setTouchedState(touchedProp ?? initialTouched ?? {});\n        setDirty(false);\n        setSubmitCount(submitCountProp ?? 0);\n        setVersion((prev: number) => prev + 1);\n        onReset?.(controllerRef.current);\n        // Reset history with refs\n        historyRef.current = [valuesProp ?? initialValuesRef.current];\n        historyIndexRef.current = 0;\n    }, [onReset, initialTouched]);\n\n    useEffect(() => {\n        if (!equal(initialValuesRef.current, initialValues)) {\n            resetForm({ values: initialValues });\n        }\n    }, [initialValues, resetForm]);\n\n    const undo = useCallback(() => {\n        if (historyIndexRef.current > 0) {\n            const newIndex = historyIndexRef.current - 1;\n            const newValues = historyRef.current[newIndex];\n            setValuesInner(newValues);\n            valuesRef.current = newValues;\n            historyIndexRef.current = newIndex;\n            setDirty(!equal(initialValuesRef.current, newValues));\n            callDebouncedOnValuesChange(newValues);\n        }\n    }, [callDebouncedOnValuesChange]);\n\n    const redo = useCallback(() => {\n        if (historyIndexRef.current < historyRef.current.length - 1) {\n            const newIndex = historyIndexRef.current + 1;\n            const newValues = historyRef.current[newIndex];\n            setValuesInner(newValues);\n            valuesRef.current = newValues;\n            historyIndexRef.current = newIndex;\n            setDirty(!equal(initialValuesRef.current, newValues));\n            callDebouncedOnValuesChange(newValues);\n        }\n    }, [callDebouncedOnValuesChange]);\n\n    const controllerRef = useRef<FormexController<T>>({} as FormexController<T>);\n\n    const controller = useMemo<FormexController<T>>(\n        () => ({\n            values,\n            initialValues: initialValuesRef.current,\n            handleChange,\n            isSubmitting,\n            setSubmitting: setIsSubmitting,\n            setValues,\n            setFieldValue,\n            errors,\n            setFieldError,\n            touched: touchedState,\n            setFieldTouched,\n            setTouched: setTouchedState,\n            dirty,\n            setDirty,\n            handleSubmit: submit,\n            submitCount,\n            setSubmitCount,\n            handleBlur,\n            validate,\n            isValidating,\n            resetForm,\n            version,\n            debugId: debugIdRef.current,\n            undo,\n            redo,\n            canUndo: historyIndexRef.current > 0,\n            canRedo: historyIndexRef.current < historyRef.current.length - 1\n        }),\n        [\n            values,\n            errors,\n            touchedState,\n            dirty,\n            isSubmitting,\n            submitCount,\n            isValidating,\n            version,\n            handleChange,\n            handleBlur,\n            setValues,\n            setFieldValue,\n            setFieldTouched,\n            setTouchedState,\n            setFieldError,\n            validate,\n            submit,\n            resetForm,\n            undo,\n            redo\n        ]\n    );\n\n    useEffect(() => {\n        controllerRef.current = controller;\n    }, [controller]);\n\n    return controller;\n}\n"],"mappings":"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"}