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

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.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.umd.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/types.d.ts

@@ -20,6 +20,16 @@ export type FormexController<T extends object> = {
     isSubmitting: boolean;
     setSubmitting: (isSubmitting: boolean) => void;
     isValidating: boolean;
+    /**
+     * The version of the form. This is incremented every time the form is reset
+     * or the form is submitted.
+     */
+    version: number;
+    debugId?: string;
+    undo: () => void;
+    redo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
 };
 export type FormexResetProps<T extends object> = {
     values?: T;

package/dist/useCreateFormex.d.ts

@@ -1,9 +1,12 @@
 import { FormexController } from "./types";
-export declare function useCreateFormex<T extends object>({ initialValues, initialErrors, validation, validateOnChange, onSubmit, validateOnInitialRender }: {
+export declare function useCreateFormex<T extends object>({ initialValues, initialErrors, initialDirty, validation, validateOnChange, validateOnInitialRender, onSubmit, onReset, debugId, }: {
     initialValues: T;
     initialErrors?: Record<string, string>;
+    initialDirty?: boolean;
     validateOnChange?: boolean;
     validateOnInitialRender?: boolean;
     validation?: (values: T) => Record<string, string> | Promise<Record<string, string>> | undefined | void;
     onSubmit?: (values: T, controller: FormexController<T>) => void | Promise<void>;
+    onReset?: (controller: FormexController<T>) => void | Promise<void>;
+    debugId?: string;
 }): FormexController<T>;

package/dist/utils.d.ts

@@ -16,7 +16,7 @@ export declare const isEmptyChildren: (children: any) => boolean;
 /** @private is the given object/value a promise? */
 export declare const isPromise: (value: any) => value is PromiseLike<any>;
 /** @private is the given object/value a type of synthetic event? */
-export declare const isInputEvent: (value: any) => value is React.SyntheticEvent<any, Event>;
+export declare const isInputEvent: (value: any) => value is React.SyntheticEvent<any>;
 /**
  * Same as document.activeElement but wraps in a try-catch block. In IE it is
  * not safe to call document.activeElement if there is nothing focused.
@@ -42,3 +42,4 @@ export declare function setIn(obj: any, path: string, value: any): any;
  * @param response
  */
 export declare function setNestedObjectValues<T>(object: any, value: any, visited?: any, response?: any): T;
+export declare function clone(value: any): any;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@firecms/formex",
   "type": "module",
-  "version": "3.0.0-canary.23",
+  "version": "3.0.0-canary.231",
   "publishConfig": {
     "access": "public"
   },
@@ -24,38 +24,35 @@
     },
     "./package.json": "./package.json"
   },
-  "packageManager": "yarn@4.1.0",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
   "types": "dist/index.d.ts",
   "source": "src/index.ts",
   "peerDependencies": {
-    "firebase": "^10.7.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "dependencies": {
     "react-fast-compare": "^3.2.2"
   },
   "devDependencies": {
-    "@types/node": "^20.11.30",
-    "@types/react": "^18.2.67",
-    "@types/react-dom": "^18.2.22",
-    "@typescript-eslint/parser": "^7.3.1",
-    "eslint": "^8.57.0",
-    "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^16.6.2",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "typescript": "^5.4.2",
-    "vite": "^5.2.3"
+    "@jest/globals": "^29.7.0",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^20.17.14",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.0",
+    "babel-plugin-react-compiler": "beta",
+    "eslint-plugin-react-compiler": "beta",
+    "jest": "^29.7.0",
+    "ts-jest": "^29.2.5",
+    "typescript": "^5.7.3",
+    "vite": "^5.4.14"
   },
   "scripts": {
     "dev": "vite",
     "build": "vite build && tsc --emitDeclarationOnly -p tsconfig.prod.json",
-    "clean": "rm -rf dist && find ./src -name '*.js' -type f | xargs rm -f"
+    "clean": "rm -rf dist && find ./src -name '*.js' -type f | xargs rm -f",
+    "test": "jest"
   },
   "files": [
     "dist",
@@ -63,11 +60,19 @@
     "tailwind.config.js",
     "bin"
   ],
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
+  "jest": {
+    "transform": {
+      "^.+\\.tsx?$": "ts-jest"
+    },
+    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$",
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json",
+      "node"
     ]
   },
-  "gitHead": "c8d7ad2f2d5f2ac8efc118d1588c47e38fd14559"
+  "gitHead": "c38a44b87565537d51e654a0565b0921c933c55e"
 }

package/src/Field.tsx

@@ -23,10 +23,6 @@ export interface FormexFieldProps<Value = any, FormValues extends object = any>
     form: FormexController<FormValues>;
 }
 
-export type FieldValidator = (
-    value: any
-) => string | void | Promise<string | void>;
-
 export interface FieldConfig<Value, C extends React.ElementType | undefined = undefined> {
 
     /**

package/src/types.ts

@@ -21,6 +21,19 @@ export type FormexController<T extends object> = {
     isSubmitting: boolean;
     setSubmitting: (isSubmitting: boolean) => void;
     isValidating: boolean;
+    /**
+     * The version of the form. This is incremented every time the form is reset
+     * or the form is submitted.
+     */
+    version: number;
+
+    debugId?: string;
+
+    undo: () => void;
+    redo: () => void;
+
+    canUndo: boolean;
+    canRedo: boolean;
 }
 
 export type FormexResetProps<T extends object> = {