@firecms/formex 3.0.0-canary.23 → 3.0.0-canary.231

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/Formex.tsx","../src/utils.ts","../src/Field.tsx","../src/useCreateFormex.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { FormexController } from \"./types\";\n\nconst FormexContext = React.createContext<FormexController<any>>({} as any);\n\nexport const useFormex = <T extends object>() => useContext<FormexController<T>>(FormexContext);\n\nexport const Formex = FormexContext.Provider;\n","import * as React from \"react\";\n\n/** @private is the value an empty array? */\nexport const isEmptyArray = (value?: any) =>\n    Array.isArray(value) && value.length === 0;\n\n/** @private is the given object a Function? */\nexport const isFunction = (obj: any): obj is Function =>\n    typeof obj === \"function\";\n\n/** @private is the given object an Object? */\nexport const isObject = (obj: any): obj is Object =>\n    obj !== null && typeof obj === \"object\";\n\n/** @private is the given object an integer? */\nexport const isInteger = (obj: any): boolean =>\n    String(Math.floor(Number(obj))) === obj;\n\n/** @private is the given object a string? */\nexport const isString = (obj: any): obj is string =>\n    Object.prototype.toString.call(obj) === \"[object String]\";\n\n/** @private is the given object a NaN? */\n// eslint-disable-next-line no-self-compare\nexport const isNaN = (obj: any): boolean => obj !== obj;\n\n/** @private Does a React component have exactly 0 children? */\nexport const isEmptyChildren = (children: any): boolean =>\n    React.Children.count(children) === 0;\n\n/** @private is the given object/value a promise? */\nexport const isPromise = (value: any): value is PromiseLike<any> =>\n    isObject(value) && isFunction(value.then);\n\n/** @private is the given object/value a type of synthetic event? */\nexport const isInputEvent = (value: any): value is React.SyntheticEvent<any> =>\n    value && isObject(value) && isObject(value.target);\n\n/**\n * Same as document.activeElement but wraps in a try-catch block. In IE it is\n * not safe to call document.activeElement if there is nothing focused.\n *\n * The activeElement will be null only if the document or document body is not\n * yet defined.\n *\n * @param {?Document} doc Defaults to current document.\n * @return {Element | null}\n * @see https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/core/dom/getActiveElement.js\n */\nexport function getActiveElement(doc?: Document): Element | null {\n    doc = doc || (typeof document !== \"undefined\" ? document : undefined);\n    if (typeof doc === \"undefined\") {\n        return null;\n    }\n    try {\n        return doc.activeElement || doc.body;\n    } catch (e) {\n        return doc.body;\n    }\n}\n\n/**\n * Deeply get a value from an object via its path.\n */\nexport function getIn(\n    obj: any,\n    key: string | string[],\n    def?: any,\n    p = 0\n) {\n    const path = toPath(key);\n    while (obj && p < path.length) {\n        obj = obj[path[p++]];\n    }\n\n    // check if path is not in the end\n    if (p !== path.length && !obj) {\n        return def;\n    }\n\n    return obj === undefined ? def : obj;\n}\n\nexport function setIn(obj: any, path: string, value: any): any {\n    const res: any = clone(obj); // this keeps inheritance when obj is a class\n    let resVal: any = 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: any = getIn(obj, pathArray.slice(0, i + 1));\n\n        if (currentObj && (isObject(currentObj) || Array.isArray(currentObj))) {\n            resVal = resVal[currentPath] = clone(currentObj);\n        } else {\n            const nextPath: string = pathArray[i + 1];\n            resVal = resVal[currentPath] =\n                isInteger(nextPath) && Number(nextPath) >= 0 ? [] : {};\n        }\n    }\n\n    // Return original object if new value is the same as current\n    if ((i === 0 ? obj : 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\n/**\n * Recursively a set the same value for all keys and arrays nested object, cloning\n * @param object\n * @param value\n * @param visited\n * @param response\n */\nexport function setNestedObjectValues<T>(\n    object: any,\n    value: any,\n    visited: any = new WeakMap(),\n    response: any = {}\n): T {\n    for (const k of Object.keys(object)) {\n        const val = object[k];\n        if (isObject(val)) {\n            if (!visited.get(val)) {\n                visited.set(val, true);\n                // In order to keep array values consistent for both dot path  and\n                // bracket syntax, we need to check if this is an array so that\n                // this will output  { friends: [true] } and not { friends: { \"0\": true } }\n                response[k] = Array.isArray(val) ? [] : {};\n                setNestedObjectValues(val, value, visited, response[k]);\n            }\n        } else {\n            response[k] = value;\n        }\n    }\n\n    return response;\n}\n\nfunction clone(value: any) {\n    if (Array.isArray(value)) {\n        return [...value];\n    } else if (typeof value === \"object\" && value !== null) {\n        return { ...value };\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 = any> {\n    field: FieldInputProps<Value>;\n    form: FormexController<FormValues>;\n}\n\nexport type FieldValidator = (\n    value: any\n) => string | void | Promise<string | void>;\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<any>;\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?: any;\n\n    /** Inner ref */\n    innerRef?: (instance: any) => 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, ...props }, formex);\n\n    if (isFunction(children)) {\n        return children({ field, form: 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, ...field, ...rest, className },\n            children\n        );\n    }\n\n    return React.createElement(asElement, { ...field, ...props, className }, children);\n}\n\nconst getFieldProps = (nameOrOptions: string | FieldConfig<any>, formex: FormexController<any>): FieldInputProps<any> => {\n    const isAnObject = isObject(nameOrOptions);\n    const name = isAnObject\n        ? (nameOrOptions as FieldConfig<any>).name\n        : nameOrOptions;\n    const valueState = getIn(formex.values, name);\n\n    const field: FieldInputProps<any> = {\n        name,\n        value: valueState,\n        onChange: formex.handleChange,\n        onBlur: formex.handleBlur,\n    };\n    if (isAnObject) {\n        const {\n            type,\n            value: valueProp, // value is special for checkboxes\n            as: is,\n            multiple,\n        } = nameOrOptions as FieldConfig<any>;\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, { FormEvent, useEffect, useState } from \"react\";\nimport { getIn, setIn } from \"./utils\";\nimport equal from \"react-fast-compare\"\n\nimport { FormexController, FormexResetProps } from \"./types\";\n\nexport function useCreateFormex<T extends object>({ initialValues, initialErrors, validation, validateOnChange = false, onSubmit, validateOnInitialRender = false }: {\n    initialValues: T,\n    initialErrors?: Record<string, string>,\n    validateOnChange?: boolean,\n    validateOnInitialRender?: boolean,\n    validation?: (values: T) => Record<string, string> | Promise<Record<string, string>> | undefined | void,\n    onSubmit?: (values: T, controller: FormexController<T>) => void | Promise<void>\n}): FormexController<T> {\n\n    const initialValuesRef = React.useRef<T>(initialValues);\n    const valuesRef = React.useRef<T>(initialValues);\n\n    const [values, setValuesInner] = useState<T>(initialValues);\n    const [touchedState, setTouchedState] = useState<Record<string, boolean>>({});\n    const [errors, setErrors] = useState<Record<string, string>>(initialErrors ?? {});\n    const [dirty, setDirty] = useState(false);\n    const [submitCount, setSubmitCount] = useState(0);\n    const [isSubmitting, setIsSubmitting] = useState(false);\n    const [isValidating, setIsValidating] = useState(false);\n\n    useEffect(() => {\n        if (validateOnInitialRender) {\n            validate();\n        }\n    }, []);\n\n    const setValues = (newValues: T) => {\n        valuesRef.current = newValues;\n        setValuesInner(newValues);\n        setDirty(equal(initialValuesRef.current, newValues));\n    }\n\n    const validate = async () => {\n        setIsValidating(true);\n        const values = valuesRef.current;\n        const validationErrors = await validation?.(values);\n        setErrors(validationErrors ?? {});\n        setIsValidating(false);\n        return validationErrors;\n    }\n\n    const setFieldValue = (key: string, value: any, shouldValidate?: boolean) => {\n        const newValues = setIn(valuesRef.current, key, value);\n        valuesRef.current = newValues;\n        setValuesInner(newValues);\n        if (!equal(getIn(initialValuesRef.current, key), value)) {\n            setDirty(true);\n        }\n        if (shouldValidate) {\n            validate();\n        }\n    }\n\n    const setFieldError = (key: string, error: string | undefined) => {\n        const newErrors = { ...errors };\n        if (error) {\n            newErrors[key] = error;\n        } else {\n            delete newErrors[key];\n        }\n        setErrors(newErrors);\n    }\n\n    const setFieldTouched = (key: string, touched: boolean, shouldValidate?: boolean | undefined) => {\n        const newTouched = { ...touchedState };\n        newTouched[key] = touched;\n        setTouchedState(newTouched);\n        if (shouldValidate) {\n            validate();\n        }\n    }\n\n    const handleChange = (event: React.SyntheticEvent) => {\n        const target = event.target as HTMLInputElement;\n        const value = target.type === \"checkbox\" ? target.checked : target.value;\n        const name = target.name;\n        setFieldValue(name, value, validateOnChange);\n        setFieldTouched(name, true);\n    }\n\n    const handleBlur = (event: React.FocusEvent) => {\n        const target = event.target as HTMLInputElement;\n        const name = target.name;\n        setFieldTouched(name, true);\n    }\n\n    const submit = async (e?: FormEvent<HTMLFormElement>) => {\n        e?.preventDefault();\n        e?.stopPropagation();\n        setIsSubmitting(true);\n        setSubmitCount(submitCount + 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    }\n\n    const resetForm = (props?: FormexResetProps<T>) => {\n        const {\n            submitCount: submitCountProp,\n            values: valuesProp,\n            errors: errorsProp,\n            touched: touchedProp\n        } = props ?? {};\n        initialValuesRef.current = valuesProp ?? initialValues;\n        valuesRef.current = valuesProp ?? initialValues;\n        setValuesInner(valuesProp ?? initialValues);\n        setErrors(errorsProp ?? {});\n        setTouchedState(touchedProp ?? {});\n        setDirty(false);\n        setSubmitCount(submitCountProp ?? 0);\n    }\n\n    const controller: FormexController<T> = {\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        dirty,\n        setDirty,\n        handleSubmit: submit,\n        submitCount,\n        setSubmitCount,\n        handleBlur,\n        validate,\n        isValidating,\n        resetForm\n    };\n\n    const controllerRef = React.useRef<FormexController<T>>(controller);\n    controllerRef.current = controller;\n    return controller\n}\n"],"names":["FormexContext","React","useFormex","useContext","Formex","isEmptyArray","value","isFunction","obj","isObject","isInteger","isString","isNaN","isEmptyChildren","children","isPromise","isInputEvent","getActiveElement","doc","getIn","key","def","p","path","toPath","setIn","res","clone","resVal","i","pathArray","currentPath","currentObj","nextPath","setNestedObjectValues","object","visited","response","k","val","Field","validate","name","is","className","props","formex","field","getFieldProps","asElement","innerRef","rest","nameOrOptions","isAnObject","valueState","type","valueProp","multiple","useCreateFormex","initialValues","initialErrors","validation","validateOnChange","onSubmit","validateOnInitialRender","initialValuesRef","valuesRef","values","setValuesInner","useState","touchedState","setTouchedState","errors","setErrors","dirty","setDirty","submitCount","setSubmitCount","isSubmitting","setIsSubmitting","isValidating","setIsValidating","useEffect","setValues","newValues","equal","validationErrors","setFieldValue","shouldValidate","setFieldError","error","newErrors","setFieldTouched","touched","newTouched","handleChange","event","target","handleBlur","submit","e","controllerRef","resetForm","submitCountProp","valuesProp","errorsProp","touchedProp","controller"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/Formex.tsx","../src/utils.ts","../src/Field.tsx","../src/useCreateFormex.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { FormexController } from \"./types\";\n\nconst FormexContext = React.createContext<FormexController<any>>({} as any);\n\nexport const useFormex = <T extends object>() => useContext<FormexController<T>>(FormexContext);\n\nexport const Formex = FormexContext.Provider;\n","import * as React from \"react\";\n\n/** @private is the value an empty array? */\nexport const isEmptyArray = (value?: any) =>\n    Array.isArray(value) && value.length === 0;\n\n/** @private is the given object a Function? */\nexport const isFunction = (obj: any): obj is Function =>\n    typeof obj === \"function\";\n\n/** @private is the given object an Object? */\nexport const isObject = (obj: any): obj is Object =>\n    obj !== null && typeof obj === \"object\";\n\n/** @private is the given object an integer? */\nexport const isInteger = (obj: any): boolean =>\n    String(Math.floor(Number(obj))) === obj;\n\n/** @private is the given object a string? */\nexport const isString = (obj: any): obj is string =>\n    Object.prototype.toString.call(obj) === \"[object String]\";\n\n/** @private is the given object a NaN? */\n// eslint-disable-next-line no-self-compare\nexport const isNaN = (obj: any): boolean => obj !== obj;\n\n/** @private Does a React component have exactly 0 children? */\nexport const isEmptyChildren = (children: any): boolean =>\n    React.Children.count(children) === 0;\n\n/** @private is the given object/value a promise? */\nexport const isPromise = (value: any): value is PromiseLike<any> =>\n    isObject(value) && isFunction(value.then);\n\n/** @private is the given object/value a type of synthetic event? */\nexport const isInputEvent = (value: any): value is React.SyntheticEvent<any> =>\n    value && isObject(value) && isObject(value.target);\n\n/**\n * Same as document.activeElement but wraps in a try-catch block. In IE it is\n * not safe to call document.activeElement if there is nothing focused.\n *\n * The activeElement will be null only if the document or document body is not\n * yet defined.\n *\n * @param {?Document} doc Defaults to current document.\n * @return {Element | null}\n * @see https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/core/dom/getActiveElement.js\n */\nexport function getActiveElement(doc?: Document): Element | null {\n    doc = doc || (typeof document !== \"undefined\" ? document : undefined);\n    if (typeof doc === \"undefined\") {\n        return null;\n    }\n    try {\n        return doc.activeElement || doc.body;\n    } catch (e) {\n        return doc.body;\n    }\n}\n\n/**\n * Deeply get a value from an object via its path.\n */\nexport function getIn(\n    obj: any,\n    key: string | string[],\n    def?: any,\n    p = 0\n) {\n    const path = toPath(key);\n    while (obj && p < path.length) {\n        obj = obj[path[p++]];\n    }\n\n    // check if path is not in the end\n    if (p !== path.length && !obj) {\n        return def;\n    }\n\n    return obj === undefined ? def : obj;\n}\n\nexport function setIn(obj: any, path: string, value: any): any {\n    const res: any = clone(obj); // this keeps inheritance when obj is a class\n    let resVal: any = 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: any = getIn(obj, pathArray.slice(0, i + 1));\n\n        if (currentObj && (isObject(currentObj) || Array.isArray(currentObj))) {\n            resVal = resVal[currentPath] = clone(currentObj);\n        } else {\n            const nextPath: string = pathArray[i + 1];\n            resVal = resVal[currentPath] =\n                isInteger(nextPath) && Number(nextPath) >= 0 ? [] : {};\n        }\n    }\n\n    // Return original object if new value is the same as current\n    if ((i === 0 ? obj : 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\n/**\n * Recursively a set the same value for all keys and arrays nested object, cloning\n * @param object\n * @param value\n * @param visited\n * @param response\n */\nexport function setNestedObjectValues<T>(\n    object: any,\n    value: any,\n    visited: any = new WeakMap(),\n    response: any = {}\n): T {\n    for (const k of Object.keys(object)) {\n        const val = object[k];\n        if (isObject(val)) {\n            if (!visited.get(val)) {\n                visited.set(val, true);\n                // In order to keep array values consistent for both dot path  and\n                // bracket syntax, we need to check if this is an array so that\n                // this will output  { friends: [true] } and not { friends: { \"0\": true } }\n                response[k] = Array.isArray(val) ? [] : {};\n                setNestedObjectValues(val, value, visited, response[k]);\n            }\n        } else {\n            response[k] = value;\n        }\n    }\n\n    return response;\n}\n\nexport function clone(value: any) {\n    if (Array.isArray(value)) {\n        return [...value];\n    } else if (typeof value === \"object\" && value !== null) {\n        return { ...value };\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 = any> {\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<any>;\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?: any;\n\n    /** Inner ref */\n    innerRef?: (instance: any) => 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, ...props }, formex);\n\n    if (isFunction(children)) {\n        return children({ field, form: 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, ...field, ...rest, className },\n            children\n        );\n    }\n\n    return React.createElement(asElement, { ...field, ...props, className }, children);\n}\n\nconst getFieldProps = (nameOrOptions: string | FieldConfig<any>, formex: FormexController<any>): FieldInputProps<any> => {\n    const isAnObject = isObject(nameOrOptions);\n    const name = isAnObject\n        ? (nameOrOptions as FieldConfig<any>).name\n        : nameOrOptions;\n    const valueState = getIn(formex.values, name);\n\n    const field: FieldInputProps<any> = {\n        name,\n        value: valueState,\n        onChange: formex.handleChange,\n        onBlur: formex.handleBlur,\n    };\n    if (isAnObject) {\n        const {\n            type,\n            value: valueProp, // value is special for checkboxes\n            as: is,\n            multiple,\n        } = nameOrOptions as FieldConfig<any>;\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 equal from \"react-fast-compare\";\n\nimport { FormexController, FormexResetProps } from \"./types\";\n\nexport function useCreateFormex<T extends object>({\n                                                      initialValues,\n                                                      initialErrors,\n                                                      initialDirty,\n                                                      validation,\n                                                      validateOnChange = false,\n                                                      validateOnInitialRender = false,\n                                                      onSubmit,\n                                                      onReset,\n                                                      debugId,\n                                                  }: {\n    initialValues: T;\n    initialErrors?: Record<string, string>;\n    initialDirty?: 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    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>>({});\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    // 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    }, []);\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: any, shouldValidate?: boolean) => {\n            const newValues = setIn(valuesRef.current, key, value);\n            valuesRef.current = newValues;\n            setValuesInner(newValues);\n            if (!equal(getIn(initialValuesRef.current, 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        },\n        [validate]\n    );\n\n    const setFieldError = useCallback((key: string, error: string | undefined) => {\n        setErrors((prevErrors) => {\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) => ({\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) => 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) => 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 ?? {});\n        setDirty(false);\n        setSubmitCount(submitCountProp ?? 0);\n        setVersion((prev) => prev + 1);\n        onReset?.(controllerRef.current);\n        // Reset history with refs\n        historyRef.current = [valuesProp ?? initialValuesRef.current];\n        historyIndexRef.current = 0;\n    }, [onReset]);\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        }\n    }, []);\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        }\n    }, []);\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            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            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"],"names":["FormexContext","React","createContext","useFormex","useContext","Formex","Provider","isEmptyArray","value","Array","isArray","length","isFunction","obj","isObject","isInteger","String","Math","floor","Number","isString","Object","prototype","toString","call","isNaN","isEmptyChildren","children","Children","count","isPromise","then","isInputEvent","target","getActiveElement","doc","document","undefined","activeElement","body","e","getIn","key","def","p","path","toPath","setIn","res","clone","resVal","i","pathArray","currentPath","currentObj","slice","nextPath","setNestedObjectValues","object","visited","WeakMap","response","k","keys","val","get","set","replace","split","Field","t0","$","_c","className","is","name","props","validate","t1","t2","as","t3","t4","t5","formex","field","Symbol","for","getFieldProps","form","bb0","asElement","innerRef","rest","ref","createElement","nameOrOptions","isAnObject","valueState","values","onChange","handleChange","onBlur","handleBlur","type","valueProp","multiple","checked","indexOf","useCreateFormex","initialValues","initialErrors","initialDirty","validation","validateOnChange","validateOnInitialRender","onSubmit","onReset","debugId","initialValuesRef","useRef","valuesRef","debugIdRef","setValuesInner","useState","touchedState","setTouchedState","errors","setErrors","dirty","setDirty","submitCount","setSubmitCount","isSubmitting","setIsSubmitting","isValidating","setIsValidating","version","setVersion","historyRef","historyIndexRef","useEffect","setValues","useCallback","newValues","current","equal","newHistory","push","validationErrors","setFieldValue","shouldValidate","setFieldError","error","prevErrors","newErrors","setFieldTouched","touched","prev","event","valueAsNumber","submit","preventDefault","stopPropagation","controllerRef","resetForm","submitCountProp","valuesProp","errorsProp","touchedProp","undo","newIndex","redo","controller","useMemo","setSubmitting","handleSubmit","canUndo","canRedo"],"mappings":"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"}

package/dist/index.umd.js

@@ -1,2 +1,497 @@
-(function(s,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react"),require("react-fast-compare")):typeof define=="function"&&define.amd?define(["exports","react","react-fast-compare"],f):(s=typeof globalThis<"u"?globalThis:s||self,f(s.Formex={},s.React,s.equal))})(this,function(s,f,k){"use strict";function x(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const F=x(f),N=f.createContext({}),w=()=>f.useContext(N),G=N.Provider,H=e=>Array.isArray(e)&&e.length===0,v=e=>typeof e=="function",h=e=>e!==null&&typeof e=="object",T=e=>String(Math.floor(Number(e)))===e,J=e=>Object.prototype.toString.call(e)==="[object String]",K=e=>e!==e,L=e=>F.Children.count(e)===0,Q=e=>h(e)&&v(e.then),U=e=>e&&h(e)&&h(e.target);function X(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function b(e,a,n,c=0){const r=V(a);for(;e&&c<r.length;)e=e[r[c++]];return c!==r.length&&!e||e===void 0?n:e}function j(e,a,n){const c=M(e);let r=c,t=0;const l=V(a);for(;t<l.length-1;t++){const u=l[t],m=b(e,l.slice(0,t+1));if(m&&(h(m)||Array.isArray(m)))r=r[u]=M(m);else{const y=l[t+1];r=r[u]=T(y)&&Number(y)>=0?[]:{}}}return(t===0?e:r)[l[t]]===n?e:(n===void 0?delete r[l[t]]:r[l[t]]=n,t===0&&n===void 0&&delete c[l[t]],c)}function D(e,a,n=new WeakMap,c={}){for(const r of Object.keys(e)){const t=e[r];h(t)?n.get(t)||(n.set(t,!0),c[r]=Array.isArray(t)?[]:{},D(t,a,n,c[r])):c[r]=a}return c}function M(e){return Array.isArray(e)?[...e]:typeof e=="object"&&e!==null?{...e}:e}function V(e){return Array.isArray(e)?e:e.replace(/\[(\d+)]/g,".$1").replace(/^\./,"").replace(/\.$/,"").split(".")}function Y({validate:e,name:a,children:n,as:c,className:r,...t}){const l=w(),u=Z({name:a,...t},l);if(v(n))return n({field:u,form:l});const m=c||"input";if(typeof m=="string"){const{innerRef:y,...p}=t;return F.createElement(m,{ref:y,...u,...p,className:r},n)}return F.createElement(m,{...u,...t,className:r},n)}const Z=(e,a)=>{const n=h(e),c=n?e.name:e,r=b(a.values,c),t={name:c,value:r,onChange:a.handleChange,onBlur:a.handleBlur};if(n){const{type:l,value:u,as:m,multiple:y}=e;l==="checkbox"?u===void 0?t.checked=!!r:(t.checked=!!(Array.isArray(r)&&~r.indexOf(u)),t.value=u):l==="radio"?(t.checked=r===u,t.value=u):m==="select"&&y&&(t.value=t.value||[],t.multiple=!0)}return t};function R({initialValues:e,initialErrors:a,validation:n,validateOnChange:c=!1,onSubmit:r,validateOnInitialRender:t=!1}){const l=f.useRef(e),u=f.useRef(e),[m,y]=f.useState(e),[p,B]=f.useState({}),[_,S]=f.useState(a??{}),[ee,A]=f.useState(!1),[q,P]=f.useState(0),[te,C]=f.useState(!1),[ne,$]=f.useState(!1);f.useEffect(()=>{t&&E()},[]);const re=o=>{u.current=o,y(o),A(k(l.current,o))},E=async()=>{$(!0);const o=u.current,i=await n?.(o);return S(i??{}),$(!1),i},z=(o,i,d)=>{const g=j(u.current,o,i);u.current=g,y(g),k(b(l.current,o),i)||A(!0),d&&E()},se=(o,i)=>{const d={..._};i?d[o]=i:delete d[o],S(d)},I=(o,i,d)=>{const g={...p};g[o]=i,B(g),d&&E()},ce=o=>{const i=o.target,d=i.type==="checkbox"?i.checked:i.value,g=i.name;z(g,d,c),I(g,!0)},oe=o=>{const d=o.target.name;I(d,!0)},ie=async o=>{o?.preventDefault(),o?.stopPropagation(),C(!0),P(q+1);const i=await n?.(u.current);i&&Object.keys(i).length>0?S(i):(S({}),await r?.(u.current,W.current)),C(!1)},ue=o=>{const{submitCount:i,values:d,errors:g,touched:ae}=o??{};l.current=d??e,u.current=d??e,y(d??e),S(g??{}),B(ae??{}),A(!1),P(i??0)},O={values:m,initialValues:l.current,handleChange:ce,isSubmitting:te,setSubmitting:C,setValues:re,setFieldValue:z,errors:_,setFieldError:se,touched:p,setFieldTouched:I,dirty:ee,setDirty:A,handleSubmit:ie,submitCount:q,setSubmitCount:P,handleBlur:oe,validate:E,isValidating:ne,resetForm:ue},W=f.useRef(O);return W.current=O,O}s.Field=Y,s.Formex=G,s.getActiveElement=X,s.getIn=b,s.isEmptyArray=H,s.isEmptyChildren=L,s.isFunction=v,s.isInputEvent=U,s.isInteger=T,s.isNaN=K,s.isObject=h,s.isPromise=Q,s.isString=J,s.setIn=j,s.setNestedObjectValues=D,s.useCreateFormex=R,s.useFormex=w,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react-compiler-runtime"), require("react"), require("react-fast-compare")) : typeof define === "function" && define.amd ? define(["exports", "react-compiler-runtime", "react", "react-fast-compare"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.Formex = {}, global.reactCompilerRuntime, global.React, global.equal));
+})(this, function(exports2, reactCompilerRuntime, React, equal) {
+  "use strict";
+  function _interopNamespaceDefault(e) {
+    const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+    if (e) {
+      for (const k in e) {
+        if (k !== "default") {
+          const d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: () => e[k]
+          });
+        }
+      }
+    }
+    n.default = e;
+    return Object.freeze(n);
+  }
+  const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+  const FormexContext = React.createContext({});
+  const useFormex = () => {
+    return React.useContext(FormexContext);
+  };
+  const Formex = FormexContext.Provider;
+  const isEmptyArray = (value) => Array.isArray(value) && value.length === 0;
+  const isFunction = (obj) => typeof obj === "function";
+  const isObject = (obj) => obj !== null && typeof obj === "object";
+  const isInteger = (obj) => String(Math.floor(Number(obj))) === obj;
+  const isString = (obj) => Object.prototype.toString.call(obj) === "[object String]";
+  const isNaN = (obj) => obj !== obj;
+  const isEmptyChildren = (children) => React__namespace.Children.count(children) === 0;
+  const isPromise = (value) => isObject(value) && isFunction(value.then);
+  const isInputEvent = (value) => value && isObject(value) && isObject(value.target);
+  function getActiveElement(doc) {
+    doc = doc || (typeof document !== "undefined" ? document : void 0);
+    if (typeof doc === "undefined") {
+      return null;
+    }
+    try {
+      return doc.activeElement || doc.body;
+    } catch (e) {
+      return doc.body;
+    }
+  }
+  function getIn(obj, key, def, p = 0) {
+    const path = toPath(key);
+    while (obj && p < path.length) {
+      obj = obj[path[p++]];
+    }
+    if (p !== path.length && !obj) {
+      return def;
+    }
+    return obj === void 0 ? def : obj;
+  }
+  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 setNestedObjectValues(object, value, visited = /* @__PURE__ */ new WeakMap(), response = {}) {
+    for (const k of Object.keys(object)) {
+      const val = object[k];
+      if (isObject(val)) {
+        if (!visited.get(val)) {
+          visited.set(val, true);
+          response[k] = Array.isArray(val) ? [] : {};
+          setNestedObjectValues(val, value, visited, response[k]);
+        }
+      } else {
+        response[k] = value;
+      }
+    }
+    return response;
+  }
+  function clone(value) {
+    if (Array.isArray(value)) {
+      return [...value];
+    } else if (typeof value === "object" && value !== null) {
+      return {
+        ...value
+      };
+    } else {
+      return value;
+    }
+  }
+  function toPath(value) {
+    if (Array.isArray(value)) return value;
+    return value.replace(/\[(\d+)]/g, ".$1").replace(/^\./, "").replace(/\.$/, "").split(".");
+  }
+  function Field(t0) {
+    const $ = reactCompilerRuntime.c(37);
+    let children;
+    let className;
+    let is;
+    let name;
+    let props;
+    if ($[0] !== t0) {
+      const {
+        validate,
+        name: t12,
+        children: t22,
+        as: t3,
+        className: t4,
+        ...t5
+      } = t0;
+      name = t12;
+      children = t22;
+      is = t3;
+      className = t4;
+      props = t5;
+      $[0] = t0;
+      $[1] = children;
+      $[2] = className;
+      $[3] = is;
+      $[4] = name;
+      $[5] = props;
+    } else {
+      children = $[1];
+      className = $[2];
+      is = $[3];
+      name = $[4];
+      props = $[5];
+    }
+    const formex = useFormex();
+    let field;
+    let t1;
+    if ($[6] !== children || $[7] !== formex || $[8] !== name || $[9] !== props) {
+      t1 = Symbol.for("react.early_return_sentinel");
+      bb0: {
+        field = getFieldProps({
+          name,
+          ...props
+        }, formex);
+        if (isFunction(children)) {
+          t1 = children({
+            field,
+            form: formex
+          });
+          break bb0;
+        }
+      }
+      $[6] = children;
+      $[7] = formex;
+      $[8] = name;
+      $[9] = props;
+      $[10] = field;
+      $[11] = t1;
+    } else {
+      field = $[10];
+      t1 = $[11];
+    }
+    if (t1 !== Symbol.for("react.early_return_sentinel")) {
+      return t1;
+    }
+    const asElement = is || "input";
+    if (typeof asElement === "string") {
+      let innerRef;
+      let rest;
+      if ($[12] !== props) {
+        ({
+          innerRef,
+          ...rest
+        } = props);
+        $[12] = props;
+        $[13] = innerRef;
+        $[14] = rest;
+      } else {
+        innerRef = $[13];
+        rest = $[14];
+      }
+      let t22;
+      if ($[15] !== asElement || $[16] !== children || $[17] !== className || $[18] !== field || $[19] !== innerRef || $[20] !== rest) {
+        let t3;
+        if ($[22] !== className || $[23] !== field || $[24] !== innerRef || $[25] !== rest) {
+          t3 = {
+            ref: innerRef,
+            ...field,
+            ...rest,
+            className
+          };
+          $[22] = className;
+          $[23] = field;
+          $[24] = innerRef;
+          $[25] = rest;
+          $[26] = t3;
+        } else {
+          t3 = $[26];
+        }
+        t22 = React__namespace.createElement(asElement, t3, children);
+        $[15] = asElement;
+        $[16] = children;
+        $[17] = className;
+        $[18] = field;
+        $[19] = innerRef;
+        $[20] = rest;
+        $[21] = t22;
+      } else {
+        t22 = $[21];
+      }
+      return t22;
+    }
+    let t2;
+    if ($[27] !== asElement || $[28] !== children || $[29] !== className || $[30] !== field || $[31] !== props) {
+      let t3;
+      if ($[33] !== className || $[34] !== field || $[35] !== props) {
+        t3 = {
+          ...field,
+          ...props,
+          className
+        };
+        $[33] = className;
+        $[34] = field;
+        $[35] = props;
+        $[36] = t3;
+      } else {
+        t3 = $[36];
+      }
+      t2 = React__namespace.createElement(asElement, t3, children);
+      $[27] = asElement;
+      $[28] = children;
+      $[29] = className;
+      $[30] = field;
+      $[31] = props;
+      $[32] = t2;
+    } else {
+      t2 = $[32];
+    }
+    return t2;
+  }
+  const getFieldProps = (nameOrOptions, formex) => {
+    const isAnObject = isObject(nameOrOptions);
+    const name = isAnObject ? nameOrOptions.name : nameOrOptions;
+    const valueState = getIn(formex.values, name);
+    const field = {
+      name,
+      value: valueState,
+      onChange: formex.handleChange,
+      onBlur: formex.handleBlur
+    };
+    if (isAnObject) {
+      const {
+        type,
+        value: valueProp,
+        // value is special for checkboxes
+        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;
+  };
+  function useCreateFormex({
+    initialValues,
+    initialErrors,
+    initialDirty,
+    validation,
+    validateOnChange = false,
+    validateOnInitialRender = false,
+    onSubmit,
+    onReset,
+    debugId
+  }) {
+    const initialValuesRef = React.useRef(initialValues);
+    const valuesRef = React.useRef(initialValues);
+    const debugIdRef = React.useRef(debugId);
+    const [values, setValuesInner] = React.useState(initialValues);
+    const [touchedState, setTouchedState] = React.useState({});
+    const [errors, setErrors] = React.useState(initialErrors ?? {});
+    const [dirty, setDirty] = React.useState(initialDirty ?? false);
+    const [submitCount, setSubmitCount] = React.useState(0);
+    const [isSubmitting, setIsSubmitting] = React.useState(false);
+    const [isValidating, setIsValidating] = React.useState(false);
+    const [version, setVersion] = React.useState(0);
+    const historyRef = React.useRef([initialValues]);
+    const historyIndexRef = React.useRef(0);
+    React.useEffect(() => {
+      if (validateOnInitialRender) {
+        validate();
+      }
+    }, []);
+    const setValues = React.useCallback((newValues) => {
+      valuesRef.current = newValues;
+      setValuesInner(newValues);
+      setDirty(!equal(initialValuesRef.current, newValues));
+      const newHistory = historyRef.current.slice(0, historyIndexRef.current + 1);
+      newHistory.push(newValues);
+      historyRef.current = newHistory;
+      historyIndexRef.current = newHistory.length - 1;
+    }, []);
+    const validate = React.useCallback(async () => {
+      setIsValidating(true);
+      const validationErrors = await validation?.(valuesRef.current);
+      setErrors(validationErrors ?? {});
+      setIsValidating(false);
+      return validationErrors;
+    }, [validation]);
+    const setFieldValue = React.useCallback((key, value, shouldValidate) => {
+      const newValues_0 = setIn(valuesRef.current, key, value);
+      valuesRef.current = newValues_0;
+      setValuesInner(newValues_0);
+      if (!equal(getIn(initialValuesRef.current, key), value)) {
+        setDirty(true);
+      }
+      if (shouldValidate) {
+        validate();
+      }
+      const newHistory_0 = historyRef.current.slice(0, historyIndexRef.current + 1);
+      newHistory_0.push(newValues_0);
+      historyRef.current = newHistory_0;
+      historyIndexRef.current = newHistory_0.length - 1;
+    }, [validate]);
+    const setFieldError = React.useCallback((key_0, error) => {
+      setErrors((prevErrors) => {
+        const newErrors = {
+          ...prevErrors
+        };
+        if (error) {
+          newErrors[key_0] = error;
+        } else {
+          delete newErrors[key_0];
+        }
+        return newErrors;
+      });
+    }, []);
+    const setFieldTouched = React.useCallback((key_1, touched, shouldValidate_0) => {
+      setTouchedState((prev) => ({
+        ...prev,
+        [key_1]: touched
+      }));
+      if (shouldValidate_0) {
+        validate();
+      }
+    }, [validate]);
+    const handleChange = React.useCallback((event) => {
+      const target = event.target;
+      let value_0;
+      if (target.type === "checkbox") {
+        value_0 = target.checked;
+      } else if (target.type === "number") {
+        value_0 = target.valueAsNumber;
+      } else {
+        value_0 = target.value;
+      }
+      const name = target.name;
+      setFieldValue(name, value_0, validateOnChange);
+      setFieldTouched(name, true);
+    }, [setFieldValue, setFieldTouched, validateOnChange]);
+    const handleBlur = React.useCallback((event_0) => {
+      const target_0 = event_0.target;
+      const name_0 = target_0.name;
+      setFieldTouched(name_0, true);
+    }, [setFieldTouched]);
+    const submit = React.useCallback(async (e) => {
+      e?.preventDefault();
+      e?.stopPropagation();
+      setIsSubmitting(true);
+      setSubmitCount((prev_0) => prev_0 + 1);
+      const validationErrors_0 = await validation?.(valuesRef.current);
+      if (validationErrors_0 && Object.keys(validationErrors_0).length > 0) {
+        setErrors(validationErrors_0);
+      } else {
+        setErrors({});
+        await onSubmit?.(valuesRef.current, controllerRef.current);
+      }
+      setIsSubmitting(false);
+      setVersion((prev_1) => prev_1 + 1);
+    }, [onSubmit, validation]);
+    const resetForm = React.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 ?? {});
+      setDirty(false);
+      setSubmitCount(submitCountProp ?? 0);
+      setVersion((prev_2) => prev_2 + 1);
+      onReset?.(controllerRef.current);
+      historyRef.current = [valuesProp ?? initialValuesRef.current];
+      historyIndexRef.current = 0;
+    }, [onReset]);
+    const undo = React.useCallback(() => {
+      if (historyIndexRef.current > 0) {
+        const newIndex = historyIndexRef.current - 1;
+        const newValues_1 = historyRef.current[newIndex];
+        setValuesInner(newValues_1);
+        valuesRef.current = newValues_1;
+        historyIndexRef.current = newIndex;
+      }
+    }, []);
+    const redo = React.useCallback(() => {
+      if (historyIndexRef.current < historyRef.current.length - 1) {
+        const newIndex_0 = historyIndexRef.current + 1;
+        const newValues_2 = historyRef.current[newIndex_0];
+        setValuesInner(newValues_2);
+        valuesRef.current = newValues_2;
+        historyIndexRef.current = newIndex_0;
+      }
+    }, []);
+    const controllerRef = React.useRef({});
+    const controller = React.useMemo(() => ({
+      values,
+      initialValues: initialValuesRef.current,
+      handleChange,
+      isSubmitting,
+      setSubmitting: setIsSubmitting,
+      setValues,
+      setFieldValue,
+      errors,
+      setFieldError,
+      touched: touchedState,
+      setFieldTouched,
+      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, setFieldError, validate, submit, resetForm, undo, redo]);
+    React.useEffect(() => {
+      controllerRef.current = controller;
+    }, [controller]);
+    return controller;
+  }
+  exports2.Field = Field;
+  exports2.Formex = Formex;
+  exports2.clone = clone;
+  exports2.getActiveElement = getActiveElement;
+  exports2.getIn = getIn;
+  exports2.isEmptyArray = isEmptyArray;
+  exports2.isEmptyChildren = isEmptyChildren;
+  exports2.isFunction = isFunction;
+  exports2.isInputEvent = isInputEvent;
+  exports2.isInteger = isInteger;
+  exports2.isNaN = isNaN;
+  exports2.isObject = isObject;
+  exports2.isPromise = isPromise;
+  exports2.isString = isString;
+  exports2.setIn = setIn;
+  exports2.setNestedObjectValues = setNestedObjectValues;
+  exports2.useCreateFormex = useCreateFormex;
+  exports2.useFormex = useFormex;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});
 //# sourceMappingURL=index.umd.js.map