gform-react 1.11.1 → 2.5.0

package/dist/cjs/gform-react.production.js.map

@@ -1 +1 @@
-{"version":3,"file":"gform-react.production.js","sources":["../../src/helpers.ts","../../src/useForm.ts","../../src/context.ts","../../src/GForm.tsx","../../src/fields/GInput.tsx","../../src/validations/GValidator.ts"],"sourcesContent":["import type { GInputInitialState, GInputProps, GInputState, GInputStateMutable } from './fields';\r\nimport type { GChangeEvent, GDOMElement, IForm } from './form';\r\nimport type { GFormState, InitialState, RawData, ToFormDataOptions, ToRawDataOptions, ToURLSearchParamsOptions } from './state';\r\n\r\nexport const isObject = (o: any): o is object => (o && typeof o === 'object' && !Array.isArray(o));\r\n\r\nconst defaultFieldProps: { [key: string]: { value: string | number | boolean } } = {\r\n    text: { value: '' },\r\n    checkbox: { value: false },\r\n    number: { value: 0 }\r\n};\r\n\r\nconst typeValueDict: { [key: string]: keyof HTMLFormElement | GDOMElement } = {\r\n    checkbox: 'checked',\r\n    number: 'valueAsNumber',\r\n};\r\n\r\nconst generateId = () => (+new Date()).toString(36) + (1 - Math.random()).toString(36).substring(2, 16);\r\n\r\nexport const _buildFormInitialValues = <T>(rows: JSX.Element | JSX.Element[] = []) => {\r\n    const fields: { [key: string]: GInputInitialState } = {};\r\n\r\n    if (!Array.isArray(rows)) rows = [rows];\r\n\r\n    if (__DEBUG__) {\r\n        console.log('[buildFormInitialValues] -', 'building initial values for ', rows);\r\n    }\r\n\r\n    rows.forEach(row => {\r\n        const inputConfigs = _findInputs(row);\r\n\r\n        inputConfigs.forEach(config => {\r\n            if (__DEBUG__) {\r\n                console.log('[buildFormInitialValues] -', 'building input', `(${config.formKey})`, config);\r\n            }\r\n\r\n            if (__DEV__ && fields[config.formKey]) {\r\n                console.warn(`[Duplicate Keys] - field with key '${config.formKey}' has already been defined.`);\r\n            }\r\n\r\n            const { required = false, max, maxLength, min, minLength, step, pattern, type = 'text', defaultValue, value, checked, defaultChecked, formKey, debounce, validatorKey } = config;\r\n            const defaultProps = defaultFieldProps[type] || defaultFieldProps.text;\r\n            const inputValue = value || defaultValue || checked || defaultChecked || defaultProps.value;\r\n\r\n            fields[config.formKey] = {\r\n                formKey,\r\n                type,\r\n                required,\r\n                max,\r\n                maxLength,\r\n                min,\r\n                minLength,\r\n                step,\r\n                pattern,\r\n                value: inputValue,\r\n                validatorKey,\r\n                debounce,\r\n                dirty: false,\r\n                touched: false,\r\n                gid: generateId()\r\n            };\r\n\r\n            Object.keys(fields[config.formKey]).forEach(key => {\r\n                if (typeof fields[config.formKey][key] === 'undefined') delete fields[config.formKey][key];\r\n            });\r\n        });\r\n    });\r\n    return { state: { fields, loading: false } as InitialState<T>, key: generateId() };\r\n};\r\n\r\nconst _findInputs = (root?: JSX.Element | JSX.Element[] | undefined[], total: (GInputProps & GInputStateMutable)[] = []): (GInputProps & GInputStateMutable)[] => {\r\n    if (!root) return total;\r\n\r\n    if (Array.isArray(root)) {\r\n        root.forEach(element => _findInputs(element, total));\r\n        return total;\r\n    }\r\n\r\n    if (root.props?.formKey) {\r\n        if (__DEBUG__) {\r\n            console.log('[findInputs] -', 'input config found', `(${root.props.formKey})`);\r\n        }\r\n        total.push(root.props);\r\n        return total;\r\n    }\r\n\r\n    return _findInputs(root.props?.children, total);\r\n};\r\n\r\nexport const _findValidityKey = (validity: Partial<ValidityState>): keyof ValidityState | undefined => {\r\n    for (const key in validity) {\r\n        if (key !== 'valid' && validity[key as keyof ValidityState]) {\r\n            if (__DEBUG__) {\r\n                console.log('[findValidityKey] -', 'found validity key:', key);\r\n            }\r\n            return key as keyof ValidityState;\r\n        }\r\n    }\r\n};\r\n\r\nexport const hasSubmitter = (form?: HTMLFormElement | null): boolean => {\r\n    if (!form) return false;\r\n\r\n    for (const element of form) {\r\n        if ((element as HTMLInputElement).type === 'submit') return true;\r\n    }\r\n\r\n    return false;\r\n};\r\n\r\nexport const _checkIfFormIsValid = <T>(fields: IForm<T>): boolean => {\r\n    for (const f in fields) {\r\n        if (fields[f].error) {\r\n            return false;\r\n        }\r\n    }\r\n    return true;\r\n};\r\n\r\nexport const _toRawData = <T>(fields: IForm<T> & { [key: string]: GInputState<any> }, options: ToRawDataOptions<T> = {}): RawData<T> => {\r\n    const data: { [key: string]: unknown } = {};\r\n\r\n    const { include, exclude, transform } = options;\r\n\r\n    if (include) {\r\n        include.forEach(key => data[key as string] = fields[key]?.value);\r\n    } else for (const f in fields) {\r\n        data[f] = fields[f].value;\r\n    }\r\n\r\n    exclude?.forEach(key => delete data[key as string]);\r\n\r\n    if (transform) {\r\n        for (const key in transform) {\r\n            const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n            data[key] = set(fields[key]?.value);\r\n        }\r\n    }\r\n\r\n    return data as RawData<T>;\r\n};\r\n\r\nexport const _toFormData = <T>(form: HTMLFormElement | null, options?: ToFormDataOptions<T>): FormData => {\r\n    if (!form) return new FormData();\r\n\r\n    if (options) {\r\n        const { exclude, include, transform } = options;\r\n        let formData: FormData;\r\n\r\n        if (include) {\r\n            formData = new FormData();\r\n            include.forEach(key => formData.set(key as string, form[key as string]?.value));\r\n        } else {\r\n            formData = new FormData(form);\r\n            exclude?.forEach(key => formData.delete(key as string));\r\n        }\r\n\r\n        if (transform) {\r\n            for (const key in transform) {\r\n                const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n                formData.set(key, set(form[key]?.value));\r\n            }\r\n        }\r\n        return formData;\r\n\r\n    }\r\n\r\n    return new FormData(form);\r\n};\r\n\r\nexport function _toURLSearchParams<T>(this: GFormState<T>, options?: ToURLSearchParamsOptions<T>): URLSearchParams {\r\n    let data: Record<keyof T, any>;\r\n    if (options) {\r\n        const { exclude, include, transform } = options;\r\n        if (include) {\r\n            data = {} as Record<keyof T, any>;\r\n            include.forEach(key => (data[key] = this[key]?.value));\r\n        } else {\r\n            data = this.toRawData();\r\n            exclude?.forEach(key => delete data[key]);\r\n        }\r\n\r\n        if (transform) {\r\n            for (const key in transform) {\r\n                const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n                (data[key] = set(this[key]?.value));\r\n            }\r\n        }\r\n    }\r\n    else data = this.toRawData();\r\n\r\n    return new URLSearchParams(data); // this is ok because URLSearchParams will stringify the values (boolean/number)\r\n}\r\n\r\nfunction __debounce(this: { [key: string]: { timerId: NodeJS.Timeout } }, timeout: number, id: string): Promise<void> {\r\n    return new Promise(resolve => {\r\n        if (this[id]?.timerId)\r\n            clearTimeout(this[id].timerId);\r\n\r\n        const timerId = setTimeout(() => resolve(), timeout);\r\n\r\n        if (this[id]) {\r\n            this[id].timerId = timerId;\r\n        } else this[id] = { timerId };\r\n    });\r\n}\r\n\r\nexport const _debounce = __debounce.bind({});\r\n\r\nexport const _extractValue = <T>(e?: GChangeEvent<GDOMElement | HTMLFormElement>, unknown?: { value: T } | string | number): undefined | string | number | boolean | T => {\r\n    if (e?.target) {\r\n        if (Object.hasOwn(typeValueDict, e.target.type)) return e.target[typeValueDict[e.target.type] as 'value'];\r\n        return e.target.value;\r\n    }\r\n    return (e?.value as T) || (isObject(unknown) ? unknown.value : unknown);\r\n};\r\n\r\nexport const _checkResult = (handlerResult: boolean | RegExp | string, value: string | number | boolean): boolean => typeof handlerResult === 'boolean' ? handlerResult : typeof value === 'string' ? typeof handlerResult === 'string' ? !new RegExp(handlerResult).test(value) : !handlerResult.test(value) : false;\r\n\r\nexport const _merge = <T extends object>(target: { [key: string]: any } = {}, ...nodes: ({ [key: string]: any } | undefined | void)[]): T => {\r\n    if (!nodes.length) return target as T;\r\n\r\n    const next = nodes.shift();\r\n    if (isObject(next)) {\r\n        for (const key in next) {\r\n            target[key] = target[key] ? { ...target[key], ...next[key] } : next[key];\r\n        }\r\n    }\r\n\r\n    return _merge(target, ...nodes);\r\n};","import { useMemo, useState } from \"react\";\r\n\r\nimport { _buildFormInitialValues, _findValidityKey, _checkResult, _extractValue, _debounce } from \"./helpers\";\r\nimport { GValidator, type GInputValidator, type GValidators } from \"./validations\";\r\nimport type { GInputState } from \"./fields\";\r\nimport type { GFocusEvent, GInvalidEvent, GChangeEvent, GFormEvent, GDOMElement } from \"./form\";\r\nimport type { GFormState, InitialState } from \"./state\";\r\nimport { handlersMap, validityMap } from \"./validations/GValidator\";\r\n\r\nexport const useForm = <T>(children?: JSX.Element | JSX.Element[] | ((state: GFormState<T>) => JSX.Element | JSX.Element[]), validators: GValidators<T> = {}, optimized = false) => {\r\n    const initialValues = useMemo(() => {\r\n        const values = _buildFormInitialValues<T>(typeof children === 'function' ? children({} as GFormState<T>) : children);\r\n        if (__DEV__) {\r\n            Object.keys(values.state.fields).forEach(key => {\r\n                const input = values.state.fields[key];\r\n                const validator = validators[key];\r\n                if (validator instanceof GValidator) {\r\n                    const validityKeys = validator.track?.filter(key => validityMap[key]);\r\n\r\n                    validityKeys?.forEach(vKey => {\r\n                        if (typeof input[validityMap[vKey]] === 'undefined') {\r\n                            console.warn(`[Missing Prop] - the input '${input.formKey}' has registered validator for the violation '${vKey}' but the input hasn't described the constraint '${validityMap[vKey]}'.\\nadd '${validityMap[vKey]}' to the input props.\\nexample:\\n<GInput formKey='${input.formKey}' ${validityMap[vKey]}={...} />\\n\\nor either remove '.${handlersMap[validityMap[vKey]]}(...)' validation`);\r\n                        }\r\n                    });\r\n\r\n                    Object.entries(validityMap).forEach(([validityKey, constraint]) => {\r\n                        if (typeof input[constraint] !== 'undefined' && !validator.track?.some(trackKey => validityKey === trackKey)) {\r\n                            console.warn(`[Missing Validator] - the input '${input.formKey}' has described the constraint '${constraint}' but the input hasn't registered a validator to handle it.\\nregister a handler '${handlersMap[constraint]}' for the input validator to handle the '${validityKey}' violation.\\nexample:\\ncosnt validators = {\\n\\t${input.formKey}: new GValidator().${handlersMap[constraint]}(...)\\n}`);\r\n                        }\r\n                    });\r\n                }\r\n            });\r\n        }\r\n        return values;\r\n    }, []);\r\n\r\n    const [state, setState] = useState(initialValues.state);\r\n\r\n    /**\r\n     * handler for validating a form input\r\n     * @param input the input to be validated\r\n     * @param e the event object\r\n     */\r\n    const _viHandler = (input: GInputState, e?: GFocusEvent<GDOMElement | HTMLFormElement> | GInvalidEvent<GDOMElement | HTMLFormElement> | GFormEvent<GDOMElement | HTMLFormElement> | GFormEvent): void => {\r\n        if (!input) return;\r\n        const element = e && e.target;\r\n\r\n        if (typeof document !== 'undefined' && (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement)) {\r\n            if (!input.checkValidity) input.checkValidity = () => element.checkValidity();\r\n            \r\n            //if the field has initial value\r\n            if (!input.dirty && input.value) {\r\n                /**\r\n                * for inputs with initial value we have to manually check for validations.\r\n                * validity.tooShort is false even though initial value is smaller than minLength, because its required to be filled in by user (native dirty flag is true).\r\n                * it only works for validity.valueMissing.\r\n                * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n                * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n                */\r\n                _checkInputManually(input);\r\n                _dispatchChanges(input, input.formKey);\r\n                return;\r\n            }\r\n            element.setCustomValidity(''); //reset any previous error (custom)\r\n\r\n            const validityKey = _findValidityKey(element.validity);\r\n            _validateInput(input, validityKey, (v: string) => element.setCustomValidity(v));\r\n\r\n            if (!validityKey && input.error) {\r\n                element.setCustomValidity(input.errorText || 'error');\r\n            }\r\n\r\n            _dispatchChanges(input, input.formKey);\r\n        } else {\r\n            if (__DEBUG__) {\r\n                console.log('[validateInputHandler] -', `the input '${input.formKey}' is not a native web element\\nevent:`, e);\r\n            }\r\n\r\n            //fallback - validate the input for validations manually\r\n            input.checkValidity = () => _checkInputManually(input);\r\n            input.checkValidity();\r\n\r\n            _dispatchChanges(input, input.formKey);\r\n        }\r\n    };\r\n\r\n    const _checkInputManually = (input: GInputState) => {\r\n        let validityKey = _findValidityKey({\r\n            valueMissing: input.required && !input.value || false,\r\n            tooShort: input.minLength && input.value.toString().length < input.minLength || false,\r\n            tooLong: input.maxLength && input.value.toString().length > input.maxLength || false,\r\n            patternMismatch: input.pattern && _checkResult(input.pattern, input.value) || false,\r\n            rangeUnderflow: input.min && Number(input.value) < Number(input.min) || false,\r\n            rangeOverflow: input.max && Number(input.value) > Number(input.max) || false\r\n        });\r\n\r\n        if (!validityKey && input.error) {\r\n            validityKey = 'customError';\r\n        }\r\n        _validateInput(input, validityKey);\r\n        return !input.error;\r\n    };\r\n\r\n    /**\r\n     * handler for updating and validating a form input\r\n     * @param key the key used to identify the input (`formKey`)\r\n     * @param e the event object\r\n     */\r\n    const _updateInputHandler = (key: string, e?: GChangeEvent<GDOMElement | HTMLFormElement>, unknown?: { value: unknown } | string | number): void => {\r\n        const value = _extractValue(e, unknown);\r\n        const input = _updateInput(key, value);\r\n\r\n        _viHandler(input, e);\r\n    };\r\n\r\n    /**\r\n     * Validates the input and updates the state with the result\r\n     * @param input the input to be validated\r\n     * @param validityKey the `Constraint Validation` key\r\n     */\r\n    const _validateInput = (input: GInputState, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n        const inputValidator = validators[input.validatorKey || input.formKey] || validators['*'];\r\n        if (__DEBUG__) {\r\n            console.log('[validateInput] -', 'validating input:', input.formKey, `(${validityKey ? validityKey : 'custom'})`);\r\n        }\r\n\r\n        inputValidator && __validateInput(input, inputValidator, validityKey, setValidity);\r\n        input.touched = true;\r\n    };\r\n\r\n    /**\r\n     * update the input state.\r\n     * @param key the key used to identify the input (`formKey`)\r\n     * @param value the new value\r\n     */\r\n    const _updateInput = <V>(key: string, value: GInputState<V>['value']) => {\r\n        const input = state.fields[key];\r\n        input.value = value;\r\n        input.dirty = true;\r\n        return input;\r\n    };\r\n\r\n    const _dispatchChanges = (changes: Partial<InitialState<T>> | Partial<GInputState>, key?: string) => setState(prev => {\r\n        if (key) {\r\n            return { ...prev, fields: { ...prev.fields, [key]: { ...prev.fields[key], ...changes } } };\r\n        }\r\n        return { ...prev, ...changes };\r\n    });\r\n\r\n    /**\r\n     * @internal\r\n     */\r\n    const __validateInput = (input: GInputState, inputValidator: GInputValidator<T>, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n        if (__DEBUG__) {\r\n            console.log('[_validateInput] -', `validating input (${input.formKey}) with handlers:`, inputValidator.handlers);\r\n        }\r\n\r\n        for (const index in inputValidator.constraintHandlers) {\r\n            const result = inputValidator.constraintHandlers[index](input, validityKey);\r\n            if (__DEBUG__) {\r\n                console.log('[_validateInput] -', `validation results for constraint handler (${index}):\\n`, inputValidator.constraintHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n            }\r\n\r\n            input.error = _checkResult(result, input.value);\r\n            if (input.error) return;\r\n        }\r\n\r\n        for (const index in inputValidator.handlers) {\r\n            const result = inputValidator.handlers[index](input, state.fields);\r\n            if (__DEBUG__) {\r\n                console.log('[_validateInput] -', `validation results for custom handler (${index}):\\n`, inputValidator.handlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n            }\r\n\r\n            input.error = _checkResult(result, input.value);\r\n            if (input.error) return;\r\n        }\r\n\r\n        input.errorText = '';\r\n\r\n        if (inputValidator.asyncHandlers.length) {\r\n            input.error = true;\r\n            _debounce(input.debounce || 300, `${input.gid}-async`).then(() => {\r\n                const validateAsync = async () => {\r\n                    for (const index in inputValidator.asyncHandlers) {\r\n                        const result = await inputValidator.asyncHandlers[index](input, state.fields);\r\n                        if (__DEBUG__) {\r\n                            console.log('[_validateInput] -', `validation results for custom async handler (${index}):\\n`, inputValidator.asyncHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n                        }\r\n\r\n                        input.error = _checkResult(result, input.value);\r\n                        if (input.error) break;\r\n                    }\r\n                    if (!input.error) input.errorText = '';\r\n\r\n                    _dispatchChanges({ error: input.error, errorText: input.errorText }, input.formKey);\r\n                    setValidity && setValidity(input.errorText);\r\n                };\r\n\r\n                if (__DEBUG__) {\r\n                    console.log('[_validateInput] -', `validating input (${input.formKey}) with async handlers:`, inputValidator.asyncHandlers);\r\n                }\r\n                validateAsync();\r\n            });\r\n        }\r\n\r\n    };\r\n\r\n    return { state, _updateInputHandler, _viHandler, _dispatchChanges, optimized, key: initialValues.key, _createInputChecker: _checkInputManually };\r\n};","import { createContext, useContext } from \"react\";\r\nimport { useForm } from \"./useForm\";\r\n\r\nexport type GContext<T = any> = ReturnType<typeof useForm<T>>;\r\n\r\nconst gFormContext = createContext<GContext>({\r\n    state: {\r\n        fields: {},\r\n        loading: false\r\n    },\r\n    _updateInputHandler: () => null,\r\n    _viHandler: () => null,\r\n    _dispatchChanges: () => null,\r\n    _createInputChecker: () => false,\r\n    optimized: false,\r\n    key: ''\r\n});\r\n\r\nexport const useGenericFormContext = () => useContext<GContext>(gFormContext);\r\n\r\nexport const GFormContextProvider = gFormContext.Provider;","import React, { useMemo, useRef, useEffect, forwardRef } from \"react\";\r\nimport type { ReactNode, HTMLAttributes, ChangeEvent, FormEvent, MutableRefObject, ClipboardEvent, FC } from \"react\";\r\n\r\nimport { useForm } from \"./useForm\";\r\nimport { _checkIfFormIsValid, _toRawData, _toFormData, _toURLSearchParams, _merge, hasSubmitter } from \"./helpers\";\r\nimport { GFormContextProvider } from \"./context\";\r\nimport type { GFormState, ToRawDataOptions } from \"./state\";\r\nimport type { GValidators } from \"./validations\";\r\nimport type { GChangeEvent, IForm, PartialForm } from \"./form\";\r\nimport type { GInputState } from \"./fields\";\r\n\r\nexport type GFormProps<T> = Omit<HTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onPaste' | 'onChange' | 'children'> & {\r\n    children?: ReactNode | ReactNode[] | ((state: GFormState<T>) => ReactNode | ReactNode[]);\r\n    /** @param loader - a component to display while loading (optional). */\r\n    loader?: ReactNode;\r\n    /** @param stateRef - pass a ref which will points to the current state of the form (optional). */\r\n    stateRef?: MutableRefObject<GFormState<T> | undefined>;\r\n    /** @param onSubmit - a handler for the form submission (optional). */\r\n    onSubmit?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n    /** @param onChange - register onChange handler (optional). */\r\n    onChange?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n    /** @param onPaste - register onPaste handler (optional). */\r\n    onPaste?: (state: GFormState<T>, e: ClipboardEvent<HTMLFormElement>) => void;\r\n    /** @param validators - an object for handling validations (optional). */\r\n    validators?: GValidators<T>;\r\n    /** @param onInit - execute a handler once the form has initialized (optional). */\r\n    onInit?: (state: GFormState<T>) => void | PartialForm<T> | Promise<void | PartialForm<T>>;\r\n    /** @param optimized - enable optimization by registering the required handlers on the form itself. \r\n     * @see {@link https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_delegation|EventDelegation}\r\n     * @optional\r\n    */\r\n    optimized?: boolean;\r\n};\r\n\r\n/**\r\n * build dynamic forms with validations.\r\n * @link Docs - https://gform-react.onrender.com\r\n * @link Npm - https://www.npmjs.com/package/gform-react\r\n */\r\nexport const GForm: <T extends any>(props: GFormProps<T>) => ReturnType<FC<GFormProps<T>>> = (<T extends any>() => {\r\n    return forwardRef<HTMLFormElement, GFormProps<T>>(({\r\n        loader = <div>loading</div>,\r\n        stateRef,\r\n        onSubmit,\r\n        onChange,\r\n        onPaste,\r\n        children,\r\n        validators,\r\n        onInit,\r\n        optimized,\r\n        ...rest\r\n    }, ref) => {\r\n        const formRef = useRef<HTMLFormElement | null>(null);\r\n        const values = useForm<T>(children as JSX.Element | JSX.Element[], validators, optimized);\r\n        const { state, _updateInputHandler, _viHandler, _dispatchChanges, key } = values;\r\n\r\n        const refHandler = (element: HTMLFormElement | null) => {\r\n            if (ref) {\r\n                if (typeof ref === 'function') {\r\n                    ref(element);\r\n                } else {\r\n                    ref.current = element;\r\n                }\r\n            }\r\n            formRef.current = element;\r\n        };\r\n\r\n        const formState = useMemo(() => {\r\n            const _isFormValid = _checkIfFormIsValid(state.fields);\r\n            const formState: GFormState<T> = {\r\n                ...state.fields,\r\n                isValid: _isFormValid,\r\n                isInvalid: !_isFormValid,\r\n                loading: state.loading,\r\n                toRawData: (options?: ToRawDataOptions<T>) => _toRawData(state.fields, options),\r\n                toFormData: () => _toFormData(formRef.current),\r\n                toURLSearchParams: _toURLSearchParams,\r\n                checkValidity: function () { // it has to be function in order to refer to 'this'\r\n                    this.isValid = formRef.current && formRef.current.checkValidity() || false;\r\n                    this.isInvalid = !this.isValid;\r\n                    return this.isValid;\r\n                },\r\n                setLoading: (p) => _dispatchChanges({ loading: typeof p === 'function' ? p(state.loading) : p }),\r\n                dispatchChanges: (changes: PartialForm<T> & { [key: string]: Partial<GInputState<any>> }) => _dispatchChanges({ fields: _merge<IForm<T> & { [key: string]: GInputState; }>({}, state.fields, changes) })\r\n            };\r\n\r\n            if (stateRef) stateRef.current = formState;\r\n\r\n            return formState;\r\n        }, [state.fields]);\r\n\r\n        const formComponent = useMemo(() => {\r\n            const formChildren = typeof children === 'function' ? children(formState) : children;\r\n            const _onSubmit = (e: FormEvent<HTMLFormElement>) => {\r\n                e.preventDefault();\r\n                if (formState.isValid && onSubmit) {\r\n                    onSubmit(formState, e);\r\n                }\r\n            };\r\n\r\n            let _onPaste;\r\n            if (onPaste) {\r\n                _onPaste = (e: ClipboardEvent<HTMLFormElement>) => onPaste(formState, e);\r\n            }\r\n\r\n            return optimized\r\n                ?\r\n                <form {...rest}\r\n                    ref={refHandler}\r\n                    onPaste={_onPaste}\r\n                    onBlur={(e: GChangeEvent<HTMLFormElement>) => {\r\n                        _viHandler(state.fields[e.target.name], e);\r\n                    }}\r\n                    onInvalid={(e: ChangeEvent<HTMLFormElement>) => {\r\n                        e.preventDefault(); // hide default browser validation tooltip\r\n                        _viHandler(state.fields[e.target.name], e);\r\n                    }}\r\n                    onChange={(e: GChangeEvent<HTMLFormElement>, unknown?: { value: unknown } | string | number) => {\r\n                        _updateInputHandler(e.target.name, e, unknown);\r\n                        onChange && onChange(formState, e);\r\n                    }}\r\n                    onSubmit={_onSubmit}>\r\n                    {formChildren}\r\n                </form>\r\n                :\r\n                <form {...rest} onChange={(e) => onChange && onChange(formState, e)} ref={refHandler} onSubmit={_onSubmit} onPaste={_onPaste}>\r\n                    {formChildren}\r\n                </form>;\r\n        }, [formState, children]);\r\n\r\n        useEffect(() => {\r\n            if (__DEV__ && !hasSubmitter(formRef.current)) {\r\n                console.warn(`[No Submit Button] - you have created a form without a button type=submit, this will prevent the onSubmit event from being fired.\\nif you have a button with onClick event that handle the submission of the form then ignore this warning\\nbut don't forget to manually invoke the checkValidity() function to check if the form is valid before perfoming any action, for example:\\nif (formState.checkValidity()) { \\n\\t//do somthing\\n}\\n`);\r\n            }\r\n\r\n            if (onInit) {\r\n                const _handler = (_c: void | PartialForm<T>) => _dispatchChanges({ fields: _merge<IForm<T> & { [key: string]: GInputState; }>({}, state.fields, _c) });\r\n                const changes = onInit(formState);\r\n                changes instanceof Promise ? changes.then(_handler) : _handler(changes);\r\n            }\r\n\r\n            const dipatchers: Record<string, Record<string, (changes: Partial<GInputState>) => void>> = {};\r\n\r\n            if (__DEBUG__) {\r\n                console.log('checking for initial values');\r\n            }\r\n\r\n            Object.values(state.fields).forEach(field => {\r\n                dipatchers[field.formKey] = {\r\n                    dispatchChanges: (changes: Partial<GInputState>) => _dispatchChanges(changes, field.formKey)\r\n                };\r\n\r\n                //we dont want to apply validation on empty fields so skip it.\r\n                if (!field.value) return;\r\n\r\n                if (__DEBUG__) {\r\n                    console.log(`found input '${field.formKey}', applying validation(s)`);\r\n                }\r\n                /**\r\n                * We have to manually check for validations (checkValidty() will not result with validty.tooShort = true).\r\n                * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n                * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n                */\r\n                _viHandler(field);\r\n            });\r\n            _dispatchChanges({fields: _merge(dipatchers, state.fields)});\r\n        }, []);\r\n\r\n        return (\r\n            <GFormContextProvider value={values} key={key}>\r\n                {\r\n                    state.loading\r\n                        ?\r\n                        loader\r\n                        :\r\n                        formComponent\r\n                }\r\n            </GFormContextProvider>\r\n        );\r\n    });\r\n})();","import React, { forwardRef, useEffect, useMemo } from 'react';\r\n\r\nimport { useGenericFormContext } from \"../context\";\r\nimport { _debounce } from '../helpers';\r\nimport type { GInputProps, GInputState, GElementProps } from '.';\r\n\r\nexport const GInput = forwardRef<HTMLInputElement, GInputProps>(({ formKey, element, title, type, validatorKey, fetch, fetchDeps = [], optimized, defaultChecked, defaultValue, checked, value, debounce=300, ...rest }, ref) => {\r\n    const { state: { fields }, _updateInputHandler, _dispatchChanges, optimized: formOptimized, _viHandler } = useGenericFormContext();\r\n    const inputState = fields[formKey];\r\n\r\n    const _element = useMemo(() => {\r\n        let value: any, checked;\r\n\r\n        if (type === 'checkbox') checked = inputState.value || false;\r\n        else value = inputState.value || '';\r\n\r\n        const _props = {\r\n            ...rest,\r\n            type,\r\n            name: formKey,\r\n            value,\r\n            checked,\r\n            ref,\r\n            'aria-invalid': inputState.error,\r\n            'aria-required': inputState.required,\r\n            title: title || inputState.errorText\r\n        };\r\n\r\n        if (!formOptimized || !optimized) {\r\n            _props.onBlur = (e) => {\r\n                _viHandler(inputState, e);\r\n                rest.onBlur && rest.onBlur(e);\r\n            };\r\n            _props.onInvalid = (e) => {\r\n                e.preventDefault(); // hide default browser validation tooltip\r\n                _viHandler(inputState, e);\r\n                rest.onInvalid && rest.onInvalid(e);\r\n            };\r\n            _props.onChange = (e, unknown?: { value: unknown } | string | number) => {\r\n                _updateInputHandler(formKey, e, unknown);\r\n                rest.onChange && rest.onChange(e);\r\n            };\r\n        }\r\n\r\n        if (element) {\r\n            return (element as (input: GInputState, props: GElementProps<typeof value>) => JSX.Element)(inputState, _props);\r\n        }\r\n\r\n        return (\r\n            <input {..._props} />\r\n        );\r\n    }, [inputState, element]);\r\n\r\n    const _fetchDeps = useMemo(() => fetchDeps.map(key => fields[key].value), [fields]);\r\n\r\n    useEffect(() => {\r\n        if (fetch) {\r\n            inputState.dispatchChanges = (changes: Partial<GInputState>) => _dispatchChanges(changes, formKey);\r\n            _debounce(debounce, `${inputState.gid}-fetch`).then(() => {\r\n                const res = fetch(inputState, fields);\r\n                res instanceof Promise ? res.then((state) => state && _dispatchChanges(state, formKey)) : res && _dispatchChanges(res, formKey);\r\n            });\r\n        }\r\n    }, _fetchDeps);\r\n\r\n    return _element;\r\n});","import type { GConstraintValidator, GConstraintValidatorHandler, GCustomValidatorHandler, GCustomValidatorHandlerAsync } from \".\";\r\n\r\nexport let handlersMap: { [key: string]: string };\r\nexport let validityMap: { [key in keyof Partial<ValidityState>]: any };\r\n\r\nif (__DEV__) {\r\n    handlersMap = {\r\n        minLength: 'withMinLengthMessage',\r\n        maxLength: 'withMaxLengthMessage',\r\n        required: 'withRequiredMessage',\r\n        pattern: 'withPatternMismatchMessage',\r\n        min: 'withRangeUnderflowMessage',\r\n        max: 'withRangeOverflowMessage',\r\n        step: 'withStepMismatchMessage'\r\n    };\r\n    validityMap = {\r\n        tooShort: 'minLength',\r\n        valueMissing: 'required',\r\n        tooLong: 'maxLength',\r\n        patternMismatch: 'pattern',\r\n        rangeOverflow: 'max',\r\n        rangeUnderflow: 'min',\r\n        stepMismatch: 'step'\r\n    };\r\n}\r\n\r\n/**a class for handling validations for input(s)\r\n * @example\r\n * const baseValidator = new GValidator().withRequiredMessage('this field is required');\r\n *\r\n * const validators: GValidators<SignInForm> = {\r\n *     username: new GValidator(baseValidator).withMinLengthMessage('...'),\r\n *     '*': baseValidator // a default validator for all other fields in the form\r\n * };\r\n */\r\nexport class GValidator<T = any> {\r\n    private _handlers: GCustomValidatorHandler<T>[];\r\n    private _constraintHandlers: GConstraintValidatorHandler[];\r\n    private _asyncHandlers: GCustomValidatorHandlerAsync<T>[];\r\n    track?: (keyof ValidityState)[];\r\n\r\n    get handlers() {\r\n        return this._handlers;\r\n    }\r\n\r\n    get constraintHandlers() {\r\n        return this._constraintHandlers;\r\n    }\r\n\r\n    get asyncHandlers() {\r\n        return this._asyncHandlers;\r\n    }\r\n\r\n    constructor(baseValidator?: GValidator<T>) {\r\n        const baseHandlers = baseValidator?.handlers || [];\r\n        const baseConstraintHandlers = baseValidator?.constraintHandlers || [];\r\n        const baseHandlersAsync = baseValidator?.asyncHandlers || [];\r\n\r\n        this._handlers = new Array<GCustomValidatorHandler<T>>().concat(baseHandlers);\r\n        this._constraintHandlers = new Array<GConstraintValidatorHandler>().concat(baseConstraintHandlers);\r\n        this._asyncHandlers = new Array<GCustomValidatorHandlerAsync<T>>().concat(baseHandlersAsync);\r\n\r\n        if (__DEV__) {\r\n            this.track = [];\r\n            if (baseValidator?.track) {\r\n                this.track = this.track.concat(baseValidator.track);\r\n            }\r\n        } else {\r\n            delete this.track;\r\n        }\r\n    }\r\n\r\n    /**register a `valueMissing` violation handler (use this with `required` attribute) */\r\n    withRequiredMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('valueMissing', message);\r\n    }\r\n\r\n    /**register a `tooLong` violation handler (use this with `maxLength` attribute) */\r\n    withMaxLengthMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('tooLong', message);\r\n    }\r\n\r\n    /**register a `tooShort` violation handler (use this with `minLength` attribute)*/\r\n    withMinLengthMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('tooShort', message);\r\n    }\r\n\r\n    /**register a `patternMismatch` violation handler (use this with `pattern` attribute)*/\r\n    withPatternMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('patternMismatch', message);\r\n    }\r\n\r\n    /**register a `badInput` violation handler */\r\n    withBadInputMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('badInput', message);\r\n    }\r\n\r\n    /**register a `rangeUnderflow` violation handler (use this with `min` attribute) */\r\n    withRangeUnderflowMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('rangeUnderflow', message);\r\n    }\r\n\r\n    /**register a `rangeOverflow` violation handler (use this with `max` attribute) */\r\n    withRangeOverflowMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('rangeOverflow', message);\r\n    }\r\n\r\n    /**register a `typeMismatch` violation handler */\r\n    withTypeMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('typeMismatch', message);\r\n    }\r\n\r\n    /**register a `stepMismatch` violation handler (use this with `step` attribute)*/\r\n    withStepMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('stepMismatch', message);\r\n    }\r\n\r\n    /**register a custom validation handler */\r\n    withCustomValidation(handler: GCustomValidatorHandler<T>): GValidator<T> {\r\n        this._handlers.push(handler);\r\n        return this;\r\n    }\r\n    /**register a custom validation async handler */\r\n    withCustomValidationAsync(handler: GCustomValidatorHandlerAsync<T>): GValidator<T> {\r\n        this._asyncHandlers.push(handler);\r\n        return this;\r\n    }\r\n\r\n    private __addConstraintValidationHandler(validityKey: keyof ValidityState, message: string | GConstraintValidator): GValidator<T> {\r\n        if (__DEV__ && this.track) {\r\n            if (this.track.includes(validityKey)) {\r\n                console.warn(`[Duplicate Handlers] - handler for '${validityKey}' has already been defined`);\r\n            }\r\n            this.track.push(validityKey);\r\n        }\r\n        this._constraintHandlers.push((input, key) => {\r\n            if (__DEV__) {\r\n                if (validityKey && validityMap[validityKey] && typeof input[validityMap[validityKey]] === 'undefined') {\r\n                    console.warn(`[Missing Prop] - the input '${input.formKey}' has registered validator for the violation '${validityKey}' but the input hasn't described the constraint '${validityMap[validityKey]}'.\\nadd '${validityMap[validityKey]}' to the input props.\\nexample:\\n<GInput formKey='${input.formKey}' ${validityMap[validityKey]}={...} />\\n\\nor either remove '.${handlersMap[validityMap[validityKey]]}(...)' validation`);\r\n                }\r\n            }\r\n\r\n            if (key === validityKey) {\r\n                input.errorText = typeof message === 'string' ? message : message(input);\r\n                return true;\r\n            }\r\n            return false;\r\n        });\r\n\r\n        return this;\r\n    }\r\n}"],"names":["isObject","o","Array","isArray","defaultFieldProps","text","value","checkbox","number","typeValueDict","generateId","Date","toString","Math","random","substring","_findInputs","root","total","_root$props","_root$props2","forEach","element","props","formKey","push","children","_findValidityKey","validity","key","_toURLSearchParams","options","data","exclude","include","transform","_this$key","this","toRawData","_this$key2","set","URLSearchParams","_debounce","timeout","id","Promise","resolve","_this$id","timerId","clearTimeout","setTimeout","bind","_checkResult","handlerResult","RegExp","test","_merge","target","nodes","length","next","shift","useForm","validators","optimized","initialValues","useMemo","_buildFormInitialValues","rows","fields","row","config","required","max","maxLength","min","minLength","step","pattern","type","defaultValue","checked","defaultChecked","debounce","validatorKey","inputValue","dirty","touched","gid","Object","keys","state","loading","setState","useState","_viHandler","input","e","document","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","checkValidity","_checkInputManually","_dispatchChanges","setCustomValidity","validityKey","_validateInput","v","error","errorText","valueMissing","tooShort","tooLong","patternMismatch","rangeUnderflow","Number","rangeOverflow","setValidity","inputValidator","__validateInput","_updateInput","changes","prev","index","constraintHandlers","result","handlers","asyncHandlers","then","async","validateAsync","_updateInputHandler","unknown","_extractValue","hasOwn","_createInputChecker","gFormContext","createContext","GFormContextProvider","Provider","GForm","forwardRef","loader","React","createElement","stateRef","onSubmit","onChange","onPaste","onInit","rest","ref","formRef","useRef","values","t","i","refHandler","current","formState","_isFormValid","f","_checkIfFormIsValid","isValid","isInvalid","_toRawData","_fields$key","_fields$key2","toFormData","_toFormData","form","FormData","formData","_form","delete","_form$key","toURLSearchParams","setLoading","p","dispatchChanges","formComponent","formChildren","_onSubmit","preventDefault","_onPaste","_extends","onBlur","name","onInvalid","useEffect","_handler","_c","dipatchers","field","GInput","title","fetch","fetchDeps","formOptimized","useContext","inputState","_element","_props","_fetchDeps","map","res","_handlers","_constraintHandlers","_asyncHandlers","constructor","baseValidator","_defineProperty","baseHandlers","baseConstraintHandlers","baseHandlersAsync","concat","track","withRequiredMessage","message","__addConstraintValidationHandler","withMaxLengthMessage","withMinLengthMessage","withPatternMismatchMessage","withBadInputMessage","withRangeUnderflowMessage","withRangeOverflowMessage","withTypeMismatchMessage","withStepMismatchMessage","withCustomValidation","handler","withCustomValidationAsync"],"mappings":"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"}
+{"version":3,"file":"gform-react.production.js","sources":["../../src/helpers.ts","../../src/useFormHandlers.ts","../../src/form-context.tsx","../../src/selectors.ts","../../src/GForm.tsx","../../src/fields/GInput.tsx","../../src/validations/GValidator.ts"],"sourcesContent":["import type { GInputInitialState, GInputProps, GInputState, GInputStateMutable } from './fields';\r\nimport type { GChangeEvent, GDOMElement, IForm } from './form';\r\nimport type {GFormState, InitialState, RawData, ToFormDataOptions, ToRawDataOptions, ToURLSearchParamsOptions} from './state';\r\nimport type {ReactElement, ReactNode} from \"react\";\r\n\r\nexport const isObject = (o: any): o is object => (o && typeof o === 'object' && !Array.isArray(o));\r\n\r\nconst defaultFieldProps: { [key: string]: { value: string | number | boolean } } = {\r\n    text: { value: '' },\r\n    checkbox: { value: false },\r\n    number: { value: 0 }\r\n};\r\n\r\nconst typeValueDict: { [key: string]: keyof HTMLFormElement | GDOMElement } = {\r\n    checkbox: 'checked',\r\n    number: 'valueAsNumber',\r\n};\r\n\r\nconst generateId = () => (+new Date()).toString(36) + (1 - Math.random()).toString(36).substring(2, 16);\r\n\r\nexport const _buildFormInitialValues = <T>(rows: ReactNode | ReactNode[] = []): InitialState<T> => {\r\n    const fields: { [key: string]: GInputInitialState } = {};\r\n\r\n    if (!Array.isArray(rows)) rows = [rows];\r\n\r\n    if (__DEBUG__) {\r\n        console.log('[buildFormInitialValues] -', 'building initial values for ', rows);\r\n    }\r\n\r\n    for (const row of rows) {\r\n        const inputConfigs = _findInputs(row as any);\r\n\r\n        inputConfigs.forEach(config => {\r\n            if (__DEBUG__) {\r\n                console.log('[buildFormInitialValues] -', 'building input', `(${config.formKey})`, config);\r\n            }\r\n\r\n            if (__DEV__ && fields[config.formKey]) {\r\n                console.warn(`[Duplicate Keys] - field with key '${config.formKey}' has already been defined.`);\r\n            }\r\n\r\n            const { required = false, max, maxLength, min, minLength, step, pattern, type = 'text', defaultValue, value, checked, defaultChecked, formKey, debounce, validatorKey } = config;\r\n            const defaultProps = defaultFieldProps[type] || defaultFieldProps.text;\r\n            const inputValue = value || defaultValue || checked || defaultChecked || defaultProps.value;\r\n\r\n            fields[config.formKey] = {\r\n                formKey,\r\n                type,\r\n                required,\r\n                max,\r\n                maxLength,\r\n                min,\r\n                minLength,\r\n                step,\r\n                pattern,\r\n                value: inputValue,\r\n                validatorKey,\r\n                debounce,\r\n                dirty: false,\r\n                touched: false,\r\n                gid: generateId()\r\n            };\r\n\r\n            Object.keys(fields[config.formKey]).forEach(key => {\r\n                if (typeof fields[config.formKey][key] === 'undefined') delete fields[config.formKey][key];\r\n            });\r\n        });\r\n    }\r\n\r\n    return { fields: fields as IForm<T>, key: generateId() };\r\n};\r\n\r\nconst _findInputs = (root?: ReactElement<any> | ReactElement<any>[] | undefined[], total: (GInputProps & GInputStateMutable)[] = []): (GInputProps & GInputStateMutable)[] => {\r\n    if (!root) return total;\r\n\r\n    if (Array.isArray(root)) {\r\n        root.forEach(element => _findInputs(element, total));\r\n        return total;\r\n    }\r\n\r\n\r\n    if (root.props?.formKey) {\r\n        if (__DEBUG__) {\r\n            console.log('[findInputs] -', 'input config found', `(${root.props.formKey})`);\r\n        }\r\n        total.push(root.props);\r\n        return total;\r\n    }\r\n\r\n    return _findInputs(root.props?.children, total);\r\n};\r\n\r\nexport const _findValidityKey = (validity: Partial<ValidityState>): keyof ValidityState | undefined => {\r\n    for (const key in validity) {\r\n        if (key !== 'valid' && validity[key as keyof ValidityState]) {\r\n            if (__DEBUG__) {\r\n                console.log('[findValidityKey] -', 'found validity key:', key);\r\n            }\r\n            return key as keyof ValidityState;\r\n        }\r\n    }\r\n};\r\n\r\nexport const _checkTypeMismatch = (input: GInputState<any>) => {\r\n    const value = input.value?.toString().trim();\r\n    if (!value) return false;\r\n\r\n    switch (input.type) {\r\n        case 'email':\r\n            return !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value); // basic email pattern\r\n        case 'url':\r\n            try {\r\n                new URL(value);\r\n                return false;\r\n            } catch {\r\n                return true;\r\n            }\r\n        case 'tel':\r\n            return !/^\\+?[0-9\\s\\-().]{7,}$/.test(value); // basic phone pattern\r\n        default:\r\n            return false;\r\n    }\r\n};\r\n\r\n\r\nexport const hasSubmitter = (form?: HTMLFormElement | null): boolean => {\r\n    if (!form) return false;\r\n\r\n    for (const element of form) {\r\n        if ((element as HTMLInputElement).type === 'submit') return true;\r\n    }\r\n\r\n    return false;\r\n};\r\n\r\nexport const _checkIfFormIsValid = <T>(fields: IForm<T>): boolean => {\r\n    for (const f in fields) {\r\n        if (fields[f].error) {\r\n            return false;\r\n        }\r\n    }\r\n    return true;\r\n};\r\n\r\nexport const _toRawData = <T>(fields: IForm<T> & { [key: string]: GInputState<any> }, options: ToRawDataOptions<T> = {}): RawData<T> => {\r\n    const data: { [key: string]: unknown } = {};\r\n\r\n    const { include, exclude, transform } = options;\r\n\r\n    if (include) {\r\n        include.forEach(key => data[key as string] = fields[key]?.value);\r\n    } else for (const f in fields) {\r\n        data[f] = fields[f].value;\r\n    }\r\n\r\n    exclude?.forEach(key => delete data[key as string]);\r\n\r\n    if (transform) {\r\n        for (const key in transform) {\r\n            const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n            data[key] = set(fields[key]?.value || fields[key]);\r\n        }\r\n    }\r\n\r\n    return data as RawData<T>;\r\n};\r\n\r\nexport const _toFormData = <T>(form: HTMLFormElement | null, options?: ToFormDataOptions<T>): FormData => {\r\n    if (!form) return new FormData();\r\n\r\n    if (options) {\r\n        const { exclude, include, transform } = options;\r\n        let formData: FormData;\r\n\r\n        if (include) {\r\n            formData = new FormData();\r\n            include.forEach(key => formData.set(key as string, form[key as string]?.value));\r\n        } else {\r\n            formData = new FormData(form);\r\n            exclude?.forEach(key => formData.delete(key as string));\r\n        }\r\n\r\n        if (transform) {\r\n            for (const key in transform) {\r\n                const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n                formData.set(key, set(form[key]?.value));\r\n            }\r\n        }\r\n        return formData;\r\n\r\n    }\r\n\r\n    return new FormData(form);\r\n};\r\n\r\nexport function _toURLSearchParams<T>(this: GFormState<T>, options?: ToURLSearchParamsOptions<T>): URLSearchParams {\r\n    let data: Record<keyof T, any>;\r\n    if (options) {\r\n        const { exclude, include, transform } = options;\r\n        if (include) {\r\n            data = {} as Record<keyof T, any>;\r\n            include.forEach(key => (data[key] = this[key]?.value));\r\n        } else {\r\n            data = this.toRawData();\r\n            exclude?.forEach(key => delete data[key]);\r\n        }\r\n\r\n        if (transform) {\r\n            for (const key in transform) {\r\n                const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n                (data[key] = set(this[key]?.value));\r\n            }\r\n        }\r\n    }\r\n    else data = this.toRawData();\r\n\r\n    return new URLSearchParams(data); // this is ok because URLSearchParams will stringify the values (boolean/number)\r\n}\r\n\r\nfunction __debounce(this: { [key: string]: { timerId: NodeJS.Timeout } }, timeout: number, id: string): Promise<void> {\r\n    return new Promise(resolve => {\r\n        if (this[id]?.timerId)\r\n            clearTimeout(this[id].timerId);\r\n\r\n        const timerId = setTimeout(() => resolve(), timeout);\r\n\r\n        if (this[id]) {\r\n            this[id].timerId = timerId;\r\n        } else this[id] = { timerId };\r\n    });\r\n}\r\n\r\nexport const _debounce = __debounce.bind({});\r\n\r\nexport const _extractValue = <T>(e?: GChangeEvent<GDOMElement | HTMLFormElement>, unknown?: { value: T } | string | number): undefined | string | number | boolean | T => {\r\n    if (e?.target) {\r\n        if (Object.hasOwn(typeValueDict, e.target.type)) return e.target[typeValueDict[e.target.type] as 'value'];\r\n        return e.target.value;\r\n    }\r\n    return (e?.value as T) || (isObject(unknown) ? unknown.value : unknown);\r\n};\r\n\r\nexport const _checkResult = (handlerResult: boolean | RegExp | string, value: string | number | boolean): boolean => typeof handlerResult === 'boolean' ? handlerResult : typeof value === 'string' ? typeof handlerResult === 'string' ? !new RegExp(handlerResult).test(value) : !handlerResult.test(value) : false;\r\n\r\nexport const _merge = <T extends object>(target: { [key: string]: any } = {}, ...nodes: ({ [key: string]: any } | undefined | void)[]): T => {\r\n    if (!nodes.length) return target as T;\r\n\r\n    const next = nodes.shift();\r\n    if (isObject(next)) {\r\n        for (const key in next) {\r\n            target[key] = target[key] ? { ...target[key], ...next[key] } : next[key];\r\n        }\r\n    }\r\n\r\n    return _merge(target, ...nodes);\r\n};","import {_checkResult, _checkTypeMismatch, _debounce, _extractValue, _findValidityKey} from \"./helpers\";\r\nimport {type GInputValidator, type GValidators} from \"./validations\";\r\nimport type {GInputState} from \"./fields\";\r\nimport type {GChangeEvent, GDOMElement, GFocusEvent, GFormEvent, GInvalidEvent} from \"./form\";\r\nimport type {InitialState, Store} from \"./state\";\r\n\r\nexport const useFormHandlers = (getState: Store['getState'], setState: Store['setState'], validators: GValidators = {}, optimized = false) => {\r\n    /**\r\n     * handler for validating a form input\r\n     * @param input the input to be validated\r\n     * @param e the event object\r\n     */\r\n    const _viHandler = (input: GInputState, e?: GFocusEvent<GDOMElement | HTMLFormElement> | GInvalidEvent<GDOMElement | HTMLFormElement> | GFormEvent<GDOMElement | HTMLFormElement> | GFormEvent): void => {\r\n        if (!input) return;\r\n        const element = e && e.target;\r\n\r\n        if (typeof document !== 'undefined' && (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement)) {\r\n            if (!input.checkValidity) input.checkValidity = () => element.checkValidity();\r\n\r\n            //if the field has initial value\r\n            if (!input.dirty && input.value && !input.touched) {\r\n                /**\r\n                 * for inputs with initial value we have to manually check for validations.\r\n                 * validity.tooShort is false even though initial value is smaller than minLength, because its required to be filled in by user (native dirty flag is true).\r\n                 * it only works for validity.valueMissing.\r\n                 * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n                 * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n                 */\r\n                _checkInputManually(input);\r\n                _dispatchChanges(input, input.formKey);\r\n                return;\r\n            }\r\n            element.setCustomValidity(''); //reset any previous error (custom)\r\n\r\n            const validityKey = _findValidityKey(element.validity);\r\n            _validateInput(input, validityKey, (v: string) => element.setCustomValidity(v));\r\n\r\n            if (!validityKey && input.error) {\r\n                element.setCustomValidity(input.errorText || 'error');\r\n            }\r\n\r\n            _dispatchChanges(input, input.formKey);\r\n        } else {\r\n            if (__DEBUG__) {\r\n                console.log('[validateInputHandler] -', `the input '${input.formKey}' is not a native web element\\nevent:`, e);\r\n            }\r\n\r\n            //fallback - validate the input for validations manually\r\n            input.checkValidity = () => _checkInputManually(input);\r\n            input.checkValidity();\r\n\r\n            _dispatchChanges(input, input.formKey);\r\n        }\r\n    };\r\n\r\n    const _checkInputManually = (input: GInputState) => {\r\n        let validityKey = _findValidityKey({\r\n            valueMissing: input.required && !input.value || false,\r\n            typeMismatch: _checkTypeMismatch(input),\r\n            tooShort: input.minLength && input.value.toString().length < input.minLength || false,\r\n            tooLong: input.maxLength && input.value.toString().length > input.maxLength || false,\r\n            patternMismatch: input.pattern && _checkResult(input.pattern, input.value) || false,\r\n            rangeUnderflow: input.min && Number(input.value) < Number(input.min) || false,\r\n            rangeOverflow: input.max && Number(input.value) > Number(input.max) || false\r\n        });\r\n\r\n        if (!validityKey && input.error) {\r\n            validityKey = 'customError';\r\n        }\r\n        _validateInput(input, validityKey);\r\n        return !input.error;\r\n    };\r\n\r\n    /**\r\n     * handler for updating and validating a form input\r\n     * @param input\r\n     * @param e the event object\r\n     * @param unknown\r\n     */\r\n    const _updateInputHandler = (input: GInputState, e?: GChangeEvent<GDOMElement | HTMLFormElement>, unknown?: {\r\n        value: unknown\r\n    } | string | number): void => {\r\n        input.value = _extractValue(e, unknown) as GInputState['value'];\r\n        _viHandler(input, e);\r\n    };\r\n\r\n    /**\r\n     * Validates the input and updates the state with the result\r\n     * @param input the input to be validated\r\n     * @param validityKey the `Constraint Validation` key\r\n     * @param setValidity\r\n     */\r\n    const _validateInput = (input: GInputState, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n        const inputValidator = validators[input.validatorKey || input.formKey] || validators['*'];\r\n        if (__DEBUG__) {\r\n            console.log('[validateInput] -', 'validating input:', input.formKey, `(${validityKey ? validityKey : 'custom'})`);\r\n        }\r\n\r\n        if (inputValidator) {\r\n            __validateInput(input, inputValidator, validityKey, setValidity);\r\n        }\r\n        input.touched = true;\r\n    };\r\n\r\n    const _dispatchChanges = (changes: Partial<InitialState> | Partial<GInputState>, key?: string) => setState(prev => {\r\n        if (key) {\r\n            return {...prev, fields: {...prev.fields, [key]: {...prev.fields[key], ...changes}}};\r\n        }\r\n        return {...prev, ...changes};\r\n    });\r\n\r\n    /**\r\n     * @internal\r\n     */\r\n    const __validateInput = (input: GInputState, inputValidator: GInputValidator<any>, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n        if (__DEBUG__) {\r\n            console.log('[_validateInput] -', `validating input (${input.formKey}) with handlers:`, inputValidator.handlers);\r\n        }\r\n        const fields = getState().fields;\r\n\r\n        for (const index in inputValidator.constraintHandlers) {\r\n            const result = inputValidator.constraintHandlers[index](input, validityKey);\r\n            if (__DEBUG__) {\r\n                console.log('[_validateInput] -', `validation results for constraint handler (${index}):\\n`, inputValidator.constraintHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n            }\r\n\r\n            input.error = _checkResult(result, input.value);\r\n            if (input.error) return;\r\n        }\r\n\r\n        for (const index in inputValidator.handlers) {\r\n            const result = inputValidator.handlers[index](input, fields);\r\n            if (__DEBUG__) {\r\n                console.log('[_validateInput] -', `validation results for custom handler (${index}):\\n`, inputValidator.handlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n            }\r\n\r\n            input.error = _checkResult(result, input.value);\r\n            if (input.error) return;\r\n        }\r\n\r\n        input.errorText = '';\r\n\r\n        if (inputValidator.asyncHandlers.length) {\r\n            input.error = true;\r\n            _debounce(input.debounce || 300, `${input.gid}-async`).then(() => {\r\n                const validateAsync = async () => {\r\n                    for (const index in inputValidator.asyncHandlers) {\r\n                        const result = await inputValidator.asyncHandlers[index](input, fields);\r\n                        if (__DEBUG__) {\r\n                            console.log('[_validateInput] -', `validation results for custom async handler (${index}):\\n`, inputValidator.asyncHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n                        }\r\n\r\n                        input.error = _checkResult(result, input.value);\r\n                        if (input.error) break;\r\n                    }\r\n                    if (!input.error) input.errorText = '';\r\n\r\n                    _dispatchChanges({error: input.error, errorText: input.errorText}, input.formKey);\r\n                    if (setValidity) {\r\n                        setValidity(input.errorText);\r\n                    }\r\n                };\r\n\r\n                if (__DEBUG__) {\r\n                    console.log('[_validateInput] -', `validating input (${input.formKey}) with async handlers:`, inputValidator.asyncHandlers);\r\n                }\r\n                validateAsync();\r\n            });\r\n        }\r\n    };\r\n\r\n    return {_updateInputHandler, _viHandler, _dispatchChanges, optimized, _createInputChecker: _checkInputManually};\r\n};","import React, {createContext, useCallback, useContext, useEffect, useRef, useSyncExternalStore} from 'react';\r\nimport type {FC, PropsWithChildren} from 'react';\r\n\r\nimport {useFormHandlers} from \"./useFormHandlers\";\r\nimport type {InitialState, Store} from \"./state\";\r\nimport type {GValidators} from \"./validations\";\r\nimport type {GInputState} from './fields';\r\n\r\nconst GFormContext = createContext<Store>({} as Store);\r\n\r\ntype GFormContextProviderProps = PropsWithChildren & {\r\n    initialState: InitialState;\r\n    validators?: GValidators;\r\n    optimized?: boolean;\r\n}\r\n\r\nexport const GFormContextProvider: FC<GFormContextProviderProps> = ({ children, initialState, validators, optimized }) => {\r\n    const stateRef = useRef(initialState);\r\n    const listeners = useRef(new Set<() => void>());\r\n\r\n    const setState = useCallback((updater: InitialState | ((state: InitialState) => InitialState)) => {\r\n        stateRef.current = typeof updater === 'function' ? updater(stateRef.current) : updater;\r\n        listeners.current.forEach((l) => l());\r\n    }, []);\r\n\r\n    const handlers = useFormHandlers(() => stateRef.current, setState, validators, optimized);\r\n\r\n    const getState = useCallback(() => stateRef.current, []);\r\n\r\n    const subscribe = useCallback((listener: () => void) => {\r\n        listeners.current.add(listener);\r\n        return () => listeners.current.delete(listener);\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        for (const fieldKey in initialState.fields) {\r\n            initialState.fields[fieldKey].dispatchChanges = (changes: Partial<GInputState>) => handlers._dispatchChanges(changes, fieldKey);\r\n        }\r\n    }, []);\r\n\r\n    const store = useRef<Store>({ getState, setState, subscribe, handlers });\r\n\r\n    return <GFormContext.Provider value={store.current}>{children}</GFormContext.Provider>;\r\n};\r\n\r\nexport const useFormStore = () => {\r\n    const store = useContext(GFormContext);\r\n    if (!store) throw new Error('useGFormStore must be used within `GForm` component');\r\n    return store;\r\n};\r\n\r\nexport const useFormSelector = <T extends any>(selector: (state: InitialState) => T): T => {\r\n    const store = useFormStore();\r\n\r\n    return useSyncExternalStore(\r\n        store.subscribe,\r\n        () => selector(store.getState()),\r\n        () => selector(store.getState()) // for SSR\r\n    );\r\n};\r\n\r\nexport function createSelector<\r\n    State=InitialState,\r\n    Selectors extends Array<(state: State) => any> = [],\r\n    Result = any\r\n>(\r\n    selectors: Selectors,\r\n    combiner: (...args: {\r\n        [K in keyof Selectors]: Selectors[K] extends (state: State) => infer R ? R : never;\r\n    }) => Result\r\n): (state: State) => Result {\r\n    let lastArgs: any[] = [];\r\n    let lastResult: Result;\r\n\r\n    return (state: State): Result => {\r\n        const args = selectors.map(fn => fn(state));\r\n        if (\r\n            lastArgs.length === args.length &&\r\n            args.every((val, i) => val === lastArgs[i])\r\n        ) {\r\n            return lastResult;\r\n        }\r\n        lastArgs = args;\r\n        lastResult = combiner(...args as any);\r\n        return lastResult;\r\n    };\r\n}","import {createSelector} from \"./form-context\";\r\nimport {InitialState} from \"./state\";\r\n\r\nconst selectFields = [(state: InitialState) => state.fields];\r\n\r\nexport const selectFirstInvalidField =\r\n    createSelector(\r\n        selectFields,\r\n        (fields) => {\r\n            for (const f in fields) {\r\n                if (fields[f].error) {\r\n                    return true;\r\n                }\r\n            }\r\n            return false;\r\n        }\r\n    );\r\n\r\nexport const makeSelectFields = (keys: string[] = []) =>\r\n    createSelector(\r\n        selectFields,\r\n        (fields) => {\r\n            const selected = keys.map((key) => fields[key]).filter(Boolean);\r\n            return selected.length ? selected : null;\r\n        }\r\n    );","import React, {\r\n    DetailedHTMLProps, FormHTMLAttributes, forwardRef,\r\n    KeyboardEvent, useCallback, useEffect, useMemo, useRef\r\n} from \"react\";\r\nimport type {ChangeEvent, ClipboardEvent, FormEvent, ReactNode, RefObject} from \"react\";\r\n\r\nimport {selectFirstInvalidField} from \"./selectors\";\r\nimport {useFormSelector, GFormContextProvider, useFormStore} from \"./form-context\";\r\nimport {_buildFormInitialValues, _merge, _toFormData, _toRawData, _toURLSearchParams, hasSubmitter} from \"./helpers\";\r\nimport type {GFormState, ToRawDataOptions} from \"./state\";\r\nimport type {GChangeEvent, IForm, PartialForm} from \"./form\";\r\nimport type {GInputState} from \"./fields\";\r\nimport type {GValidators} from \"@generic-form/validations\";\r\n\r\nconst FormRenderer = forwardRef<HTMLFormElement, GFormProps<any>>(\r\n    <T, >({\r\n        stateRef,\r\n        onSubmit,\r\n        onChange,\r\n        onPaste,\r\n        onKeyDown,\r\n        onKeyUp,\r\n        children,\r\n        onInit,\r\n        ...rest\r\n    }: GFormProps<T>, ref: React.Ref<HTMLFormElement>) => {\r\n        const formRef = useRef<HTMLFormElement | null>(null);\r\n        const {getState, handlers} = useFormStore();\r\n        const isFormInvalid = useFormSelector(selectFirstInvalidField);\r\n\r\n        const refHandler = useCallback((element: HTMLFormElement | null) => {\r\n            if (ref) {\r\n                if (typeof ref === 'function') {\r\n                    ref(element);\r\n                } else {\r\n                    ref.current = element;\r\n                }\r\n            }\r\n            formRef.current = element;\r\n        }, [ref]);\r\n\r\n        const getFormState = useCallback(() => {\r\n            const fields = getState<T>().fields;\r\n\r\n            const formState: GFormState<T> = {\r\n                ...fields,\r\n                isValid: !isFormInvalid,\r\n                isInvalid: isFormInvalid,\r\n                toRawData: (options?: ToRawDataOptions<T>) => _toRawData(fields, options),\r\n                toFormData: () => _toFormData(formRef.current),\r\n                toURLSearchParams: _toURLSearchParams,\r\n                checkValidity: function () { // it has to be a function in order to refer to 'this'\r\n                    this.isValid = formRef.current && formRef.current.checkValidity() || false;\r\n                    this.isInvalid = !this.isValid;\r\n                    return this.isValid;\r\n                },\r\n                dispatchChanges: (changes: PartialForm<T> & {\r\n                    [key: string]: Partial<GInputState<any>>\r\n                }) => handlers._dispatchChanges({\r\n                    fields: _merge<IForm<T> & {\r\n                        [key: string]: GInputState;\r\n                    }>({}, fields, changes)\r\n                })\r\n            };\r\n\r\n            if (stateRef) stateRef.current = formState;\r\n\r\n            return formState;\r\n        }, [isFormInvalid]);\r\n\r\n        const formComponent = useMemo(() => {\r\n            const state = getFormState();\r\n\r\n            const formChildren = typeof children === 'function' ? children(state) : children;\r\n\r\n            const _onSubmit = (e: FormEvent<HTMLFormElement>) => {\r\n                const state = getFormState();\r\n                if (state.isValid && onSubmit) {\r\n                    onSubmit(state, e);\r\n                }\r\n            };\r\n\r\n            let _onPaste, _onChange, _onKeyDown, _onKeyUp;\r\n\r\n            if (onPaste) {\r\n                _onPaste = (e: ClipboardEvent<HTMLFormElement>) => onPaste(state, e);\r\n            }\r\n\r\n            if (onKeyDown) {\r\n                _onKeyDown = (e: KeyboardEvent<HTMLFormElement>) => onKeyDown(state, e);\r\n            }\r\n\r\n            if (onKeyUp) {\r\n                _onKeyUp = (e: KeyboardEvent<HTMLFormElement>) => onKeyUp(state, e);\r\n            }\r\n\r\n            if (handlers.optimized) {\r\n                if (onChange) {\r\n                    _onChange = (e: GChangeEvent<HTMLFormElement>, unknown?: { value: unknown } | string | number) => {\r\n                        handlers._updateInputHandler(state[e.target.name], e, unknown);\r\n                        onChange(state, e);\r\n                    };\r\n                } else {\r\n                    _onChange = (e: GChangeEvent<HTMLFormElement>, unknown?: { value: unknown } | string | number) => {\r\n                        handlers._updateInputHandler(state[e.target.name], e, unknown);\r\n                    };\r\n                }\r\n                return (\r\n                    <form\r\n                        {...rest}\r\n                        ref={refHandler}\r\n                        onPaste={_onPaste}\r\n                        onKeyDown={_onKeyDown}\r\n                        onKeyUp={_onKeyUp}\r\n                        onBlur={(e: GChangeEvent<HTMLFormElement>) => handlers._viHandler(state[e.target.name], e)}\r\n                        onInvalid={(e: ChangeEvent<HTMLFormElement>) => {\r\n                            e.preventDefault(); // hide default browser validation tooltip\r\n                            handlers._viHandler(state[e.target.name], e);\r\n                        }}\r\n                        onChange={_onChange}\r\n                        onSubmit={_onSubmit}>\r\n                        {formChildren}\r\n                    </form>\r\n                );\r\n            }\r\n\r\n            if (onChange) {\r\n                _onChange = (e: GChangeEvent<HTMLFormElement>) => onChange(state, e);\r\n            }\r\n\r\n            return (\r\n                <form {...rest} \r\n                    ref={refHandler} \r\n                    onSubmit={_onSubmit} \r\n                    onChange={_onChange} \r\n                    onPaste={_onPaste} \r\n                    onKeyDown={_onKeyDown} \r\n                    onKeyUp={_onKeyUp}>\r\n                    {formChildren}\r\n                </form>\r\n            );\r\n        }, [children, getFormState]);\r\n\r\n        useEffect(() => {\r\n            const state = getFormState();\r\n\r\n            if (__DEV__ && !hasSubmitter(formRef.current)) {\r\n                console.warn(`[No Submit Button] - you have created a form without a button type=submit, this will prevent the onSubmit event from being fired.\\nif you have a button with onClick event that handle the submission of the form then ignore this warning\\nbut don't forget to manually invoke the checkValidity() function to check if the form is valid before perfoming any action, for example:\\nif (formState.checkValidity()) { \\n\\t//do somthing\\n}\\n`);\r\n            }\r\n\r\n            if (onInit) {\r\n                const changes = onInit(state);\r\n                if (changes) {\r\n                    const _handler = (_c: void | PartialForm<T>) => handlers._dispatchChanges({\r\n                        fields: _merge<IForm<T> & {\r\n                            [key: string]: GInputState;\r\n                        }>({}, state, _c)\r\n                    });\r\n                    if (changes instanceof Promise) {\r\n                        changes.then(_handler);\r\n                    } else _handler(changes);\r\n                }\r\n            }\r\n\r\n            if (__DEBUG__) {\r\n                console.log('checking for initial values');\r\n            }\r\n            const fields = getState().fields;\r\n\r\n            for (const fieldKey in fields) {\r\n                const field = fields[fieldKey];\r\n\r\n                //we don't want to apply validation on empty fields so skip it.\r\n                if (!field.value) continue;\r\n\r\n                if (__DEBUG__) {\r\n                    console.log(`found input '${fieldKey}', applying validation(s)`);\r\n                }\r\n                /**\r\n                 * We have to manually check for validations (checkValidity() will not result with validity.tooShort = true).\r\n                 * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n                 * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n                 */\r\n                handlers._viHandler(field);\r\n            }\r\n        }, [getFormState]);\r\n\r\n        return formComponent;\r\n    }\r\n) as <T>(props: GFormProps<T> & { ref?: React.Ref<HTMLFormElement> }) => React.ReactElement | null;\r\n\r\nexport type GFormProps<T> =\r\n    Omit<DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, 'onSubmit' | 'onPaste' | 'onChange' | 'onKeyUp' | 'onKeyDown' | 'children'>\r\n    & {\r\n    children?: ReactNode | ReactNode[] | ((state: GFormState<T>) => ReactNode | ReactNode[]);\r\n    /** @param loader - a component to display while loading (optional). */\r\n    loader?: ReactNode;\r\n    /** @param stateRef - pass a ref which will points to the current state of the form (optional). */\r\n    stateRef?: RefObject<GFormState<T> | undefined>;\r\n    /** @param onSubmit - a handler for the form submission (optional). */\r\n    onSubmit?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n    /** @param onChange - register onChange handler (optional). */\r\n    onChange?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n    /** @param onPaste - register onPaste handler (optional). */\r\n    onPaste?: (state: GFormState<T>, e: ClipboardEvent<HTMLFormElement>) => void;\r\n    /** @param onKeyUp - register onKeyUp handler (optional). */\r\n    onKeyUp?: (state: GFormState<T>, e: KeyboardEvent<HTMLFormElement>) => void;\r\n    /** @param onKeyDown - register onKeyDown handler (optional). */\r\n    onKeyDown?: (state: GFormState<T>, e: KeyboardEvent<HTMLFormElement>) => void;\r\n    /** @param validators - an object for handling validations (optional). */\r\n    validators?: GValidators<T>;\r\n    /** @param onInit - execute a handler once the form has initialized (optional). */\r\n    onInit?: (state: GFormState<T>) => void | PartialForm<T> | Promise<void | PartialForm<T>>;\r\n    /** @param optimized - enable optimization by registering the required handlers on the form itself.\r\n     * @see {@link https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_delegation|EventDelegation}\r\n     * @optional\r\n     */\r\n    optimized?: boolean;\r\n};\r\n\r\n/**\r\n * build dynamic forms with validations.\r\n * @link Docs - https://gform-react.onrender.com\r\n * @link Npm - https://www.npmjs.com/package/gform-react\r\n */\r\nexport const GForm = forwardRef<HTMLFormElement, GFormProps<any>>(\r\n    <T, >({children, validators, optimized, ...props}: GFormProps<T>, ref: React.Ref<HTMLFormElement>) => {\r\n        const initialState = useMemo(() => {\r\n            return _buildFormInitialValues(\r\n                typeof children === 'function'\r\n                    ? children({} as GFormState<T>)\r\n                    : children\r\n            );\r\n        }, [children]);\r\n\r\n        return (\r\n            <GFormContextProvider key={initialState.key} initialState={initialState} validators={validators}\r\n                optimized={optimized}>\r\n                <FormRenderer ref={ref} {...props}>\r\n                    {children}\r\n                </FormRenderer>\r\n            </GFormContextProvider>\r\n        );\r\n    }\r\n) as <T>(props: GFormProps<T> & { ref?: React.Ref<HTMLFormElement> }) => React.ReactElement | null;","import React, {forwardRef, memo, type ReactNode, useEffect, useMemo} from 'react';\r\n\r\nimport {_debounce} from '../helpers';\r\nimport type {GInputProps, GInputState, GElementProps} from '.';\r\nimport {useFormSelector, useFormStore} from \"../form-context\";\r\nimport {makeSelectFields} from \"../selectors\";\r\n\r\nconst _GInput = forwardRef<HTMLInputElement, GInputProps>(({\r\n    formKey,\r\n    element,\r\n    title,\r\n    type = 'text',\r\n    fetch,\r\n    fetchDeps,\r\n    optimized,\r\n    debounce = 300,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    defaultChecked,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    defaultValue,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    checked,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    validatorKey,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    value,\r\n    ...rest\r\n}, ref) => {\r\n    const inputState = useFormSelector(state => state.fields[formKey]);\r\n    const store = useFormStore();\r\n\r\n    const _element = useMemo(() => {\r\n        let value: any, checked;\r\n\r\n        if (type === 'checkbox') checked = inputState.value || false;\r\n        else value = inputState.value || '';\r\n\r\n        const _props = {\r\n            ...rest,\r\n            type,\r\n            name: formKey,\r\n            value,\r\n            checked,\r\n            ref,\r\n            'aria-invalid': inputState.error,\r\n            'aria-required': inputState.required,\r\n            title: title || inputState.errorText\r\n        };\r\n\r\n        if (!store.handlers.optimized || !optimized) {\r\n            _props.onBlur = rest.onBlur ?\r\n                (e) => {\r\n                    store.handlers._viHandler(inputState, e);\r\n                    rest.onBlur!(e);\r\n                } : (e) => {\r\n                    store.handlers._viHandler(inputState, e);\r\n                };\r\n\r\n            _props.onInvalid = rest.onInvalid ?\r\n                (e) => {\r\n                    e.preventDefault(); // hide default browser validation tooltip\r\n                    store.handlers._viHandler(inputState, e);\r\n                    rest.onInvalid!(e);\r\n                } : (e) => {\r\n                    e.preventDefault(); // hide default browser validation tooltip\r\n                    store.handlers._viHandler(inputState, e);\r\n                };\r\n\r\n            _props.onChange = rest.onChange ?\r\n                (e, unknown?: { value: unknown } | string | number) => {\r\n                    store.handlers._updateInputHandler(inputState, e, unknown);\r\n                    rest.onChange!(e);\r\n                } : (e, unknown?: { value: unknown } | string | number) => {\r\n                    store.handlers._updateInputHandler(inputState, e, unknown);\r\n                };\r\n        }\r\n\r\n        if (element) {\r\n            return (element as (input: GInputState, props: GElementProps<typeof value>) => ReactNode)(inputState, _props);\r\n        }\r\n\r\n        return (\r\n            <input {..._props} />\r\n        );\r\n    }, [inputState, element]);\r\n\r\n    const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));\r\n    const stableFetchDeps = useMemo(() => JSON.stringify(_fetchDeps), [_fetchDeps]);\r\n\r\n    useEffect(() => {\r\n        if (fetch) {\r\n            _debounce(debounce, `${inputState.gid}-fetch`).then(() => {\r\n                const res = fetch(inputState, store.getState().fields);\r\n                if (res instanceof Promise) {\r\n                    res.then((state) => state && store.handlers._dispatchChanges(state, formKey));\r\n                } else if (res) {\r\n                    store.handlers._dispatchChanges(res, formKey);\r\n                }\r\n            });\r\n        }\r\n    }, [stableFetchDeps]);\r\n\r\n    return _element;\r\n});\r\n\r\nexport const GInput = memo(_GInput);","import type { GConstraintValidator, GConstraintValidatorHandler, GCustomValidatorHandler, GCustomValidatorHandlerAsync } from \".\";\r\n\r\nexport let handlersMap: { [key: string]: string };\r\nexport let validityMap: { [key in keyof Partial<ValidityState>]: any };\r\n\r\nif (__DEV__) {\r\n    handlersMap = {\r\n        minLength: 'withMinLengthMessage',\r\n        maxLength: 'withMaxLengthMessage',\r\n        required: 'withRequiredMessage',\r\n        pattern: 'withPatternMismatchMessage',\r\n        min: 'withRangeUnderflowMessage',\r\n        max: 'withRangeOverflowMessage',\r\n        step: 'withStepMismatchMessage'\r\n    };\r\n    validityMap = {\r\n        tooShort: 'minLength',\r\n        valueMissing: 'required',\r\n        tooLong: 'maxLength',\r\n        patternMismatch: 'pattern',\r\n        rangeOverflow: 'max',\r\n        rangeUnderflow: 'min',\r\n        stepMismatch: 'step'\r\n    };\r\n}\r\n\r\n/**a class for handling validations for input(s)\r\n * @example\r\n * const baseValidator = new GValidator().withRequiredMessage('this field is required');\r\n *\r\n * const validators: GValidators<SignInForm> = {\r\n *     username: new GValidator(baseValidator).withMinLengthMessage('...'),\r\n *     '*': baseValidator // a default validator for all other fields in the form\r\n * };\r\n */\r\nexport class GValidator<T = any> {\r\n    private _handlers: GCustomValidatorHandler<T>[];\r\n    private _constraintHandlers: GConstraintValidatorHandler[];\r\n    private _asyncHandlers: GCustomValidatorHandlerAsync<T>[];\r\n    track?: (keyof ValidityState)[];\r\n\r\n    get handlers() {\r\n        return this._handlers;\r\n    }\r\n\r\n    get constraintHandlers() {\r\n        return this._constraintHandlers;\r\n    }\r\n\r\n    get asyncHandlers() {\r\n        return this._asyncHandlers;\r\n    }\r\n\r\n    constructor(baseValidator?: GValidator<T>) {\r\n        const baseHandlers = baseValidator?.handlers || [];\r\n        const baseConstraintHandlers = baseValidator?.constraintHandlers || [];\r\n        const baseHandlersAsync = baseValidator?.asyncHandlers || [];\r\n\r\n        this._handlers = [].concat(baseHandlers as any);\r\n        this._constraintHandlers = [].concat(baseConstraintHandlers as any);\r\n        this._asyncHandlers = [].concat(baseHandlersAsync as any);\r\n\r\n        if (__DEV__) {\r\n            this.track = [];\r\n            if (baseValidator?.track) {\r\n                this.track = this.track.concat(baseValidator.track);\r\n            }\r\n        } else {\r\n            delete this.track;\r\n        }\r\n    }\r\n\r\n    /**register a `valueMissing` violation handler (use this with `required` attribute) */\r\n    withRequiredMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('valueMissing', message);\r\n    }\r\n\r\n    /**register a `tooLong` violation handler (use this with `maxLength` attribute) */\r\n    withMaxLengthMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('tooLong', message);\r\n    }\r\n\r\n    /**register a `tooShort` violation handler (use this with `minLength` attribute)*/\r\n    withMinLengthMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('tooShort', message);\r\n    }\r\n\r\n    /**register a `patternMismatch` violation handler (use this with `pattern` attribute)*/\r\n    withPatternMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('patternMismatch', message);\r\n    }\r\n\r\n    /**register a `badInput` violation handler */\r\n    withBadInputMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('badInput', message);\r\n    }\r\n\r\n    /**register a `rangeUnderflow` violation handler (use this with `min` attribute) */\r\n    withRangeUnderflowMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('rangeUnderflow', message);\r\n    }\r\n\r\n    /**register a `rangeOverflow` violation handler (use this with `max` attribute) */\r\n    withRangeOverflowMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('rangeOverflow', message);\r\n    }\r\n\r\n    /**register a `typeMismatch` violation handler */\r\n    withTypeMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('typeMismatch', message);\r\n    }\r\n\r\n    /**register a `stepMismatch` violation handler (use this with `step` attribute)*/\r\n    withStepMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('stepMismatch', message);\r\n    }\r\n\r\n    /**register a custom validation handler */\r\n    withCustomValidation(handler: GCustomValidatorHandler<T>): GValidator<T> {\r\n        this._handlers.push(handler);\r\n        return this;\r\n    }\r\n    /**register a custom validation async handler */\r\n    withCustomValidationAsync(handler: GCustomValidatorHandlerAsync<T>): GValidator<T> {\r\n        this._asyncHandlers.push(handler);\r\n        return this;\r\n    }\r\n\r\n    private __addConstraintValidationHandler(validityKey: keyof ValidityState, message: string | GConstraintValidator): GValidator<T> {\r\n        if (__DEV__ && this.track) {\r\n            if (this.track.includes(validityKey)) {\r\n                console.warn(`[Duplicate Handlers] - handler for '${validityKey}' has already been defined`);\r\n            }\r\n            this.track.push(validityKey);\r\n        }\r\n        this._constraintHandlers.push((input, key) => {\r\n            if (__DEV__) {\r\n                if (validityKey && validityMap[validityKey] && typeof input[validityMap[validityKey]] === 'undefined') {\r\n                    console.warn(`[Missing Prop] - the input '${input.formKey}' has registered validator for the violation '${validityKey}' but the input hasn't described the constraint '${validityMap[validityKey]}'.\\nadd '${validityMap[validityKey]}' to the input props.\\nexample:\\n<GInput formKey='${input.formKey}' ${validityMap[validityKey]}={...} />\\n\\nor either remove '.${handlersMap[validityMap[validityKey]]}(...)' validation`);\r\n                }\r\n            }\r\n\r\n            if (key === validityKey) {\r\n                input.errorText = typeof message === 'string' ? message : message(input);\r\n                return true;\r\n            }\r\n            return false;\r\n        });\r\n\r\n        return this;\r\n    }\r\n}"],"names":["isObject","o","Array","isArray","defaultFieldProps","text","value","checkbox","number","typeValueDict","generateId","Date","toString","Math","random","substring","_findInputs","root","total","_root$props","_root$props2","forEach","element","props","formKey","push","children","_findValidityKey","validity","key","_checkTypeMismatch","input","_input$value","trim","type","test","URL","_toURLSearchParams","options","data","exclude","include","transform","_this$key","this","toRawData","_this$key2","set","URLSearchParams","_debounce","timeout","id","Promise","resolve","_this$id","timerId","clearTimeout","setTimeout","bind","_checkResult","handlerResult","RegExp","_merge","target","nodes","length","next","shift","useFormHandlers","getState","setState","validators","optimized","_viHandler","e","document","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","checkValidity","dirty","touched","_checkInputManually","_dispatchChanges","setCustomValidity","validityKey","_validateInput","v","error","errorText","valueMissing","required","typeMismatch","tooShort","minLength","tooLong","maxLength","patternMismatch","pattern","rangeUnderflow","min","Number","rangeOverflow","max","setValidity","inputValidator","validatorKey","__validateInput","changes","prev","fields","index","constraintHandlers","result","handlers","asyncHandlers","debounce","gid","then","async","validateAsync","_updateInputHandler","unknown","_extractValue","Object","hasOwn","_createInputChecker","GFormContext","createContext","GFormContextProvider","initialState","stateRef","useRef","listeners","Set","useCallback","updater","current","l","subscribe","listener","add","delete","useEffect","fieldKey","dispatchChanges","store","React","createElement","Provider","useFormStore","useContext","Error","useFormSelector","selector","useSyncExternalStore","createSelector","selectors","combiner","lastResult","lastArgs","state","args","map","fn","every","val","i","selectFields","selectFirstInvalidField","f","FormRenderer","forwardRef","onSubmit","onChange","onPaste","onKeyDown","onKeyUp","onInit","rest","ref","formRef","isFormInvalid","refHandler","getFormState","formState","isValid","isInvalid","_toRawData","_fields$key","_fields$key2","toFormData","_toFormData","form","FormData","toURLSearchParams","formComponent","useMemo","formChildren","_onSubmit","_onPaste","_onChange","_onKeyDown","_onKeyUp","name","_extends","onBlur","onInvalid","preventDefault","_handler","_c","field","GForm","_buildFormInitialValues","rows","row","config","step","defaultValue","checked","defaultChecked","inputValue","keys","_GInput","title","fetch","fetchDeps","inputState","_element","_props","_fetchDeps","makeSelectFields","selected","filter","Boolean","stableFetchDeps","JSON","stringify","res","GInput","memo","_handlers","_constraintHandlers","_asyncHandlers","constructor","baseValidator","_defineProperty","baseHandlers","baseConstraintHandlers","baseHandlersAsync","concat","track","withRequiredMessage","message","__addConstraintValidationHandler","withMaxLengthMessage","withMinLengthMessage","withPatternMismatchMessage","withBadInputMessage","withRangeUnderflowMessage","withRangeOverflowMessage","withTypeMismatchMessage","withStepMismatchMessage","withCustomValidation","handler","withCustomValidationAsync"],"mappings":"mIAKO,MAAMA,EAAYC,GAAyBA,GAAkB,iBAANA,IAAmBC,MAAMC,QAAQF,GAEzFG,EAA6E,CAC/EC,KAAM,CAAEC,MAAO,IACfC,SAAU,CAAED,OAAO,GACnBE,OAAQ,CAAEF,MAAO,IAGfG,EAAwE,CAC1EF,SAAU,UACVC,OAAQ,iBAGNE,EAAaA,MAAQ,IAAIC,MAAQC,SAAS,KAAO,EAAIC,KAAKC,UAAUF,SAAS,IAAIG,UAAU,EAAG,IAsD9FC,EAAcA,CAACC,EAA8DC,EAA8C,MAA6C,IAAAC,EAAAC,EAC1K,OAAKH,EAEDf,MAAMC,QAAQc,IACdA,EAAKI,SAAQC,GAAWN,EAAYM,EAASJ,KACtCA,GAIG,QAAdC,EAAIF,EAAKM,aAAK,IAAAJ,GAAVA,EAAYK,SAIZN,EAAMO,KAAKR,EAAKM,OACTL,GAGJF,EAAsB,QAAXI,EAACH,EAAKM,iBAAKH,SAAVA,EAAYM,SAAUR,GAhBvBA,CAgB6B,EAGtCS,EAAoBC,IAC7B,IAAK,MAAMC,KAAOD,EACd,GAAY,UAARC,GAAmBD,EAASC,GAI5B,OAAOA,CAEf,EAGSC,EAAsBC,IAA4B,IAAAC,EAC3D,MAAM1B,EAAmB,QAAd0B,EAAGD,EAAMzB,aAAK,IAAA0B,OAAA,EAAXA,EAAapB,WAAWqB,OACtC,IAAK3B,EAAO,OAAO,EAEnB,OAAQyB,EAAMG,MACV,IAAK,QACD,OAAQ,6BAA6BC,KAAK7B,GAC9C,IAAK,MACD,IAEI,OADA,IAAI8B,IAAI9B,IACD,CACX,CAAE,MACE,OAAO,CACX,CACJ,IAAK,MACD,OAAQ,wBAAwB6B,KAAK7B,GACzC,QACI,OAAO,EACf,EA0EG,SAAS+B,EAA2CC,GACvD,IAAIC,EACJ,GAAID,EAAS,CACT,MAAME,QAAEA,EAAOC,QAAEA,EAAOC,UAAEA,GAAcJ,EASxC,GARIG,GACAF,EAAO,CAAA,EACPE,EAAQpB,SAAQQ,IAAG,IAAAc,EAAA,OAAKJ,EAAKV,GAAgB,QAAZc,EAAGC,KAAKf,UAAI,IAAAc,OAAA,EAATA,EAAWrC,KAAK,MAEpDiC,EAAOK,KAAKC,YACZL,SAAAA,EAASnB,SAAQQ,UAAcU,EAAKV,MAGpCa,EACA,IAAK,MAAMb,KAAOa,EAAW,CAAA,IAAAI,EACzB,MAAMC,EAAML,EAAUb,GACrBU,EAAKV,GAAOkB,EAAa,QAAVD,EAACF,KAAKf,cAAIiB,SAATA,EAAWxC,MAChC,CAER,MACKiC,EAAOK,KAAKC,YAEjB,OAAO,IAAIG,gBAAgBT,EAC/B,CAeO,MAAMU,EAbb,SAA0EC,EAAiBC,GACvF,OAAO,IAAIC,SAAQC,IAAW,IAAAC,EACd,QAAZA,EAAIV,KAAKO,UAAG,IAAAG,GAARA,EAAUC,SACVC,aAAaZ,KAAKO,GAAII,SAE1B,MAAMA,EAAUE,YAAW,IAAMJ,KAAWH,GAExCN,KAAKO,GACLP,KAAKO,GAAII,QAAUA,EAChBX,KAAKO,GAAM,CAAEI,UAAS,GAErC,EAEoCG,KAAK,IAU5BC,EAAeA,CAACC,EAA0CtD,IAAuE,kBAAlBsD,EAA8BA,EAAiC,iBAAVtD,IAA8C,iBAAlBsD,GAA8B,IAAIC,OAAOD,GAAezB,KAAK7B,IAAUsD,EAAczB,KAAK7B,IAE1RwD,EAASA,CAAmBC,EAAiC,CAAA,KAAOC,KAC7E,IAAKA,EAAMC,OAAQ,OAAOF,EAE1B,MAAMG,EAAOF,EAAMG,QACnB,GAAInE,EAASkE,GACT,IAAK,MAAMrC,KAAOqC,EACdH,EAAOlC,GAAOkC,EAAOlC,GAAO,IAAKkC,EAAOlC,MAASqC,EAAKrC,IAASqC,EAAKrC,GAI5E,OAAOiC,EAAOC,KAAWC,EAAM,ECxP5B,MAAMI,EAAkBA,CAACC,EAA6BC,EAA6BC,EAA0B,CAAA,EAAIC,GAAY,KAMhI,MAAMC,EAAaA,CAAC1C,EAAoB2C,KACpC,IAAK3C,EAAO,OACZ,MAAMT,EAAUoD,GAAKA,EAAEX,OAEvB,GAAwB,oBAAbY,WAA6BrD,aAAmBsD,kBAAoBtD,aAAmBuD,qBAAuBvD,aAAmBwD,mBAAoB,CAI5J,GAHK/C,EAAMgD,gBAAehD,EAAMgD,cAAgB,IAAMzD,EAAQyD,kBAGzDhD,EAAMiD,OAASjD,EAAMzB,QAAUyB,EAAMkD,QAUtC,OAFAC,EAAoBnD,QACpBoD,EAAiBpD,EAAOA,EAAMP,SAGlCF,EAAQ8D,kBAAkB,IAE1B,MAAMC,EAAc1D,EAAiBL,EAAQM,UAC7C0D,EAAevD,EAAOsD,GAAcE,GAAcjE,EAAQ8D,kBAAkBG,MAEvEF,GAAetD,EAAMyD,OACtBlE,EAAQ8D,kBAAkBrD,EAAM0D,WAAa,SAGjDN,EAAiBpD,EAAOA,EAAMP,QAClC,MAMIO,EAAMgD,cAAgB,IAAMG,EAAoBnD,GAChDA,EAAMgD,gBAENI,EAAiBpD,EAAOA,EAAMP,QAClC,EAGE0D,EAAuBnD,IACzB,IAAIsD,EAAc1D,EAAiB,CAC/B+D,aAAc3D,EAAM4D,WAAa5D,EAAMzB,QAAS,EAChDsF,aAAc9D,EAAmBC,GACjC8D,SAAU9D,EAAM+D,WAAa/D,EAAMzB,MAAMM,WAAWqD,OAASlC,EAAM+D,YAAa,EAChFC,QAAShE,EAAMiE,WAAajE,EAAMzB,MAAMM,WAAWqD,OAASlC,EAAMiE,YAAa,EAC/EC,gBAAiBlE,EAAMmE,SAAWvC,EAAa5B,EAAMmE,QAASnE,EAAMzB,SAAU,EAC9E6F,eAAgBpE,EAAMqE,KAAOC,OAAOtE,EAAMzB,OAAS+F,OAAOtE,EAAMqE,OAAQ,EACxEE,cAAevE,EAAMwE,KAAOF,OAAOtE,EAAMzB,OAAS+F,OAAOtE,EAAMwE,OAAQ,IAO3E,OAJKlB,GAAetD,EAAMyD,QACtBH,EAAc,eAElBC,EAAevD,EAAOsD,IACdtD,EAAMyD,KAAK,EAsBjBF,EAAiBA,CAACvD,EAAoBsD,EAAmCmB,KAC3E,MAAMC,EAAiBlC,EAAWxC,EAAM2E,cAAgB3E,EAAMP,UAAY+C,EAAW,KAKjFkC,GACAE,EAAgB5E,EAAO0E,EAAgBpB,EAAamB,GAExDzE,EAAMkD,SAAU,CAAI,EAGlBE,EAAmBA,CAACyB,EAAuD/E,IAAiByC,GAASuC,GACnGhF,EACO,IAAIgF,EAAMC,OAAQ,IAAID,EAAKC,OAAQjF,CAACA,GAAM,IAAIgF,EAAKC,OAAOjF,MAAS+E,KAEvE,IAAIC,KAASD,KAMlBD,EAAkBA,CAAC5E,EAAoB0E,EAAsCpB,EAAmCmB,KAIlH,MAAMM,EAASzC,IAAWyC,OAE1B,IAAK,MAAMC,KAASN,EAAeO,mBAAoB,CACnD,MAAMC,EAASR,EAAeO,mBAAmBD,GAAOhF,EAAOsD,GAM/D,GADAtD,EAAMyD,MAAQ7B,EAAasD,EAAQlF,EAAMzB,OACrCyB,EAAMyD,MAAO,MACrB,CAEA,IAAK,MAAMuB,KAASN,EAAeS,SAAU,CACzC,MAAMD,EAASR,EAAeS,SAASH,GAAOhF,EAAO+E,GAMrD,GADA/E,EAAMyD,MAAQ7B,EAAasD,EAAQlF,EAAMzB,OACrCyB,EAAMyD,MAAO,MACrB,CAEAzD,EAAM0D,UAAY,GAEdgB,EAAeU,cAAclD,SAC7BlC,EAAMyD,OAAQ,EACdvC,EAAUlB,EAAMqF,UAAY,IAAK,GAAGrF,EAAMsF,aAAaC,MAAK,KAClCC,WAClB,IAAK,MAAMR,KAASN,EAAeU,cAAe,CAC9C,MAAMF,QAAeR,EAAeU,cAAcJ,GAAOhF,EAAO+E,GAMhE,GADA/E,EAAMyD,MAAQ7B,EAAasD,EAAQlF,EAAMzB,OACrCyB,EAAMyD,MAAO,KACrB,CACKzD,EAAMyD,QAAOzD,EAAM0D,UAAY,IAEpCN,EAAiB,CAACK,MAAOzD,EAAMyD,MAAOC,UAAW1D,EAAM0D,WAAY1D,EAAMP,SACrEgF,GACAA,EAAYzE,EAAM0D,UACtB,EAMJ+B,EAAe,IAEvB,EAGJ,MAAO,CAACC,EA5FoBA,CAAC1F,EAAoB2C,EAAiDgD,KAG9F3F,EAAMzB,MDwJeqH,EAAIjD,EAAiDgD,IAC1EhD,SAAAA,EAAGX,OACC6D,OAAOC,OAAOpH,EAAeiE,EAAEX,OAAO7B,MAAcwC,EAAEX,OAAOtD,EAAciE,EAAEX,OAAO7B,OACjFwC,EAAEX,OAAOzD,OAEZoE,aAAC,EAADA,EAAGpE,SAAgBN,EAAS0H,GAAWA,EAAQpH,MAAQoH,GC7J7CC,CAAcjD,EAAGgD,GAC/BjD,EAAW1C,EAAO2C,EAAE,EAwFKD,IAAYU,IAAkBX,YAAWsD,EAAqB5C,EAAoB,ECnK7G6C,EAAeC,EAAAA,cAAqB,IAQ7BC,EAAsDA,EAAGvG,WAAUwG,eAAc3D,aAAYC,gBACtG,MAAM2D,EAAWC,EAAAA,OAAOF,GAClBG,EAAYD,EAAAA,OAAO,IAAIE,KAEvBhE,EAAWiE,EAAAA,aAAaC,IAC1BL,EAASM,QAA6B,mBAAZD,EAAyBA,EAAQL,EAASM,SAAWD,EAC/EH,EAAUI,QAAQpH,SAASqH,GAAMA,KAAI,GACtC,IAEGxB,EAAW9C,GAAgB,IAAM+D,EAASM,SAASnE,EAAUC,EAAYC,GAEzEH,EAAWkE,EAAAA,aAAY,IAAMJ,EAASM,SAAS,IAE/CE,EAAYJ,EAAAA,aAAaK,IAC3BP,EAAUI,QAAQI,IAAID,GACf,IAAMP,EAAUI,QAAQK,OAAOF,KACvC,IAEHG,EAAAA,WAAU,KACN,IAAK,MAAMC,KAAYd,EAAapB,OAChCoB,EAAapB,OAAOkC,GAAUC,gBAAmBrC,GAAkCM,EAAS/B,EAAiByB,EAASoC,EAC1H,GACD,IAEH,MAAME,EAAQd,EAAAA,OAAc,CAAE/D,WAAUC,WAAUqE,YAAWzB,aAE7D,OAAOiC,EAAAC,cAACrB,EAAasB,SAAQ,CAAC/I,MAAO4I,EAAMT,SAAU/G,EAAiC,EAG7E4H,EAAeA,KACxB,MAAMJ,EAAQK,EAAAA,WAAWxB,GACzB,IAAKmB,EAAO,MAAM,IAAIM,MAAM,uDAC5B,OAAON,CAAK,EAGHO,EAAkCC,IAC3C,MAAMR,EAAQI,IAEd,OAAOK,EAAAA,qBACHT,EAAMP,WACN,IAAMe,EAASR,EAAM7E,cACrB,IAAMqF,EAASR,EAAM7E,aACxB,EAGE,SAASuF,EAKZC,EACAC,GAIA,IACIC,EADAC,EAAkB,GAGtB,OAAQC,IACJ,MAAMC,EAAOL,EAAUM,KAAIC,GAAMA,EAAGH,KACpC,OACID,EAAS/F,SAAWiG,EAAKjG,QACzBiG,EAAKG,OAAM,CAACC,EAAKC,IAAMD,IAAQN,EAASO,OAI5CP,EAAWE,EACXH,EAAaD,KAAYI,IAHdH,CAIM,CAEzB,CCnFA,MAAMS,EAAe,CAAEP,GAAwBA,EAAMnD,QAExC2D,EACTb,EACIY,GACC1D,IACG,IAAK,MAAM4D,KAAK5D,EACZ,GAAIA,EAAO4D,GAAGlF,MACV,OAAO,EAGf,OAAO,CAAK,ICAlBmF,EAAeC,EAAAA,YACjB,EACIzC,WACA0C,WACAC,WACAC,UACAC,YACAC,UACAvJ,WACAwJ,YACGC,GACWC,KACd,MAAMC,EAAUjD,EAAAA,OAA+B,OACzC/D,SAACA,EAAQ6C,SAAEA,GAAYoC,IACvBgC,EAAgB7B,EAAgBgB,GAEhCc,EAAahD,EAAAA,aAAajH,IACxB8J,IACmB,mBAARA,EACPA,EAAI9J,GAEJ8J,EAAI3C,QAAUnH,GAGtB+J,EAAQ5C,QAAUnH,CAAO,GAC1B,CAAC8J,IAEEI,EAAejD,EAAAA,aAAY,KAC7B,MAAMzB,EAASzC,IAAcyC,OAEvB2E,EAA2B,IAC1B3E,EACH4E,SAAUJ,EACVK,UAAWL,EACXzI,UAAYP,GJgGFsJ,EAAI9E,EAAwDxE,EAA+B,MACjH,MAAMC,EAAmC,CAAA,GAEnCE,QAAEA,EAAOD,QAAEA,EAAOE,UAAEA,GAAcJ,EAExC,GAAIG,EACAA,EAAQpB,SAAQQ,IAAG,IAAAgK,EAAA,OAAItJ,EAAKV,GAA4B,QAAdgK,EAAG/E,EAAOjF,UAAI,IAAAgK,OAAA,EAAXA,EAAavL,KAAK,SAC5D,IAAK,MAAMoK,KAAK5D,EACnBvE,EAAKmI,GAAK5D,EAAO4D,GAAGpK,MAKxB,GAFAkC,SAAAA,EAASnB,SAAQQ,UAAcU,EAAKV,KAEhCa,EACA,IAAK,MAAMb,KAAOa,EAAW,CAAA,IAAAoJ,EACzB,MAAM/I,EAAML,EAAUb,GACtBU,EAAKV,GAAOkB,GAAe,QAAX+I,EAAAhF,EAAOjF,UAAI,IAAAiK,OAAA,EAAXA,EAAaxL,QAASwG,EAAOjF,GACjD,CAGJ,OAAOU,CAAI,EIpH+CqJ,CAAW9E,EAAQxE,GACjEyJ,WAAYA,KAAMC,OJsHHC,EItHeZ,EAAQ5C,SJ+I3C,IAAIyD,SAASD,GAxBF,IAAIC,SADCF,IAAIC,CItH+B,EAC9CE,kBAAmB9J,EACnB0C,cAAe,WAGX,OAFAnC,KAAK8I,QAAUL,EAAQ5C,SAAW4C,EAAQ5C,QAAQ1D,kBAAmB,EACrEnC,KAAK+I,WAAa/I,KAAK8I,QAChB9I,KAAK8I,OAChB,EACAzC,gBAAkBrC,GAEZM,EAAS/B,EAAiB,CAC5B2B,OAAQhD,EAEL,GAAIgD,EAAQF,MAMvB,OAFIuB,IAAUA,EAASM,QAAUgD,GAE1BA,CAAS,GACjB,CAACH,IAEEc,EAAgBC,EAAAA,SAAQ,KAC1B,MAAMpC,EAAQuB,IAERc,EAAmC,mBAAb5K,EAA0BA,EAASuI,GAASvI,EAElE6K,EAAa7H,IACf,MAAMuF,EAAQuB,IACVvB,EAAMyB,SAAWb,GACjBA,EAASZ,EAAOvF,EACpB,EAGJ,IAAI8H,EAAUC,EAAWC,EAAYC,EAcrC,OAZI5B,IACAyB,EAAY9H,GAAuCqG,EAAQd,EAAOvF,IAGlEsG,IACA0B,EAAchI,GAAsCsG,EAAUf,EAAOvF,IAGrEuG,IACA0B,EAAYjI,GAAsCuG,EAAQhB,EAAOvF,IAGjEwC,EAAS1C,WAELiI,EADA3B,EACY2B,CAAC/H,EAAkCgD,KAC3CR,EAASO,EAAoBwC,EAAMvF,EAAEX,OAAO6I,MAAOlI,EAAGgD,GACtDoD,EAASb,EAAOvF,EAAE,EAGV+H,CAAC/H,EAAkCgD,KAC3CR,EAASO,EAAoBwC,EAAMvF,EAAEX,OAAO6I,MAAOlI,EAAGgD,EAAQ,EAIlEyB,EAAAC,cAAA,OAAAyD,KACQ1B,EAAI,CACRC,IAAKG,EACLR,QAASyB,EACTxB,UAAW0B,EACXzB,QAAS0B,EACTG,OAASpI,GAAqCwC,EAASzC,EAAWwF,EAAMvF,EAAEX,OAAO6I,MAAOlI,GACxFqI,UAAYrI,IACRA,EAAEsI,iBACF9F,EAASzC,EAAWwF,EAAMvF,EAAEX,OAAO6I,MAAOlI,EAAE,EAEhDoG,SAAU2B,EACV5B,SAAU0B,IACTD,KAKTxB,IACA2B,EAAa/H,GAAqCoG,EAASb,EAAOvF,IAIlEyE,EAAAC,cAAA,OAAAyD,KAAU1B,EAAI,CACVC,IAAKG,EACLV,SAAU0B,EACVzB,SAAU2B,EACV1B,QAASyB,EACTxB,UAAW0B,EACXzB,QAAS0B,IACRL,GACE,GAEZ,CAAC5K,EAAU8J,IA8Cd,OA5CAzC,EAAAA,WAAU,KACN,MAAMkB,EAAQuB,IAMd,GAAIN,EAAQ,CACR,MAAMtE,EAAUsE,EAAOjB,GACvB,GAAIrD,EAAS,CACT,MAAMqG,EAAYC,GAA8BhG,EAAS/B,EAAiB,CACtE2B,OAAQhD,EAEL,GAAImG,EAAOiD,KAEdtG,aAAmBxD,QACnBwD,EAAQU,KAAK2F,GACVA,EAASrG,EACpB,CACJ,CAKA,MAAME,EAASzC,IAAWyC,OAE1B,IAAK,MAAMkC,KAAYlC,EAAQ,CAC3B,MAAMqG,EAAQrG,EAAOkC,GAGhBmE,EAAM7M,OAUX4G,EAASzC,EAAW0I,EACxB,IACD,CAAC3B,IAEGY,CAAa,IAsCfgB,EAAQxC,EAAAA,YACjB,EAAOlJ,WAAU6C,aAAYC,eAAcjD,GAAuB6J,KAC9D,MAAMlD,EAAemE,EAAAA,SAAQ,IJ/MEgB,EAAIC,EAAgC,MACvE,MAAMxG,EAAgD,CAAA,EAEjD5G,MAAMC,QAAQmN,KAAOA,EAAO,CAACA,IAMlC,IAAK,MAAMC,KAAOD,EACOtM,EAAYuM,GAEpBlM,SAAQmM,IASjB,MAAM7H,SAAEA,GAAW,EAAKY,IAAEA,EAAGP,UAAEA,EAASI,IAAEA,EAAGN,UAAEA,EAAS2H,KAAEA,EAAIvH,QAAEA,EAAOhE,KAAEA,EAAO,OAAMwL,aAAEA,EAAYpN,MAAEA,EAAKqN,QAAEA,EAAOC,eAAEA,EAAcpM,QAAEA,EAAO4F,SAAEA,EAAQV,aAAEA,GAAiB8G,EAEpKK,EAAavN,GAASoN,GAAgBC,GAAWC,IADlCxN,EAAkB8B,IAAS9B,EAAkBC,MACoBC,MAEtFwG,EAAO0G,EAAOhM,SAAW,CACrBA,UACAU,OACAyD,WACAY,MACAP,YACAI,MACAN,YACA2H,OACAvH,UACA5F,MAAOuN,EACPnH,eACAU,WACApC,OAAO,EACPC,SAAS,EACToC,IAAK3G,KAGTkH,OAAOkG,KAAKhH,EAAO0G,EAAOhM,UAAUH,SAAQQ,SACG,IAAhCiF,EAAO0G,EAAOhM,SAASK,WAA6BiF,EAAO0G,EAAOhM,SAASK,EAAI,GAC5F,IAIV,MAAO,CAAEiF,OAAQA,EAAoBjF,IAAKnB,IAAc,EI+JzC2M,CACiB,mBAAb3L,EACDA,EAAS,CAAA,GACTA,IAEX,CAACA,IAEJ,OACIyH,EAAAC,cAACnB,EAAoB,CAACpG,IAAKqG,EAAarG,IAAKqG,aAAcA,EAAc3D,WAAYA,EACjFC,UAAWA,GACX2E,EAAAC,cAACuB,EAAYkC,EAAA,CAACzB,IAAKA,GAAS7J,GACvBG,GAEc,IC1O7BqM,EAAUnD,EAAAA,YAA0C,EACtDpJ,UACAF,UACA0M,QACA9L,OAAO,OACP+L,QACAC,YACA1J,YACA4C,WAAW,IAEXwG,iBAEAF,eAEAC,UAEAjH,eAEApG,WACG6K,GACJC,KACC,MAAM+C,EAAa1E,GAAgBQ,GAASA,EAAMnD,OAAOtF,KACnD0H,EAAQI,IAER8E,EAAW/B,EAAAA,SAAQ,KACrB,IAAI/L,EAAYqN,EAEH,aAATzL,EAAqByL,EAAUQ,EAAW7N,QAAS,EAClDA,EAAQ6N,EAAW7N,OAAS,GAEjC,MAAM+N,EAAS,IACRlD,EACHjJ,OACA0K,KAAMpL,EACNlB,QACAqN,UACAvC,MACA,eAAgB+C,EAAW3I,MAC3B,gBAAiB2I,EAAWxI,SAC5BqI,MAAOA,GAASG,EAAW1I,WA+B/B,OA5BKyD,EAAMhC,SAAS1C,WAAcA,IAC9B6J,EAAOvB,OAAS3B,EAAK2B,OAChBpI,IACGwE,EAAMhC,SAASzC,EAAW0J,EAAYzJ,GACtCyG,EAAK2B,OAAQpI,EAAE,EACdA,IACDwE,EAAMhC,SAASzC,EAAW0J,EAAYzJ,EAAE,EAGhD2J,EAAOtB,UAAY5B,EAAK4B,UACnBrI,IACGA,EAAEsI,iBACF9D,EAAMhC,SAASzC,EAAW0J,EAAYzJ,GACtCyG,EAAK4B,UAAWrI,EAAE,EACjBA,IACDA,EAAEsI,iBACF9D,EAAMhC,SAASzC,EAAW0J,EAAYzJ,EAAE,EAGhD2J,EAAOvD,SAAWK,EAAKL,SACnB,CAACpG,EAAGgD,KACAwB,EAAMhC,SAASO,EAAoB0G,EAAYzJ,EAAGgD,GAClDyD,EAAKL,SAAUpG,EAAE,EACjB,CAACA,EAAGgD,KACJwB,EAAMhC,SAASO,EAAoB0G,EAAYzJ,EAAGgD,EAAQ,GAIlEpG,EACQA,EAAkF6M,EAAYE,GAItGlF,EAAAC,cAAA,QAAWiF,EAAU,GAE1B,CAACF,EAAY7M,IAEVgN,EAAa7E,EFpES8E,EAACT,EAAiB,KAC9ClE,EACIY,GACC1D,IACG,MAAM0H,EAAWV,EAAK3D,KAAKtI,GAAQiF,EAAOjF,KAAM4M,OAAOC,SACvD,OAAOF,EAASvK,OAASuK,EAAW,IAAI,IE+DbD,CAAiBL,IAC9CS,EAAkBtC,EAAAA,SAAQ,IAAMuC,KAAKC,UAAUP,IAAa,CAACA,IAenE,OAbAvF,EAAAA,WAAU,KACFkF,GACAhL,EAAUmE,EAAU,GAAG+G,EAAW9G,aAAaC,MAAK,KAChD,MAAMwH,EAAMb,EAAME,EAAYjF,EAAM7E,WAAWyC,QAC3CgI,aAAe1L,QACf0L,EAAIxH,MAAM2C,GAAUA,GAASf,EAAMhC,SAAS/B,EAAiB8E,EAAOzI,KAC7DsN,GACP5F,EAAMhC,SAAS/B,EAAiB2J,EAAKtN,EACzC,GAER,GACD,CAACmN,IAEGP,CAAQ,IAGNW,EAASC,EAAAA,KAAKjB,uDCtEpB,MAMC7G,eACA,OAAOtE,KAAKqM,CAChB,CAEIjI,yBACA,OAAOpE,KAAKsM,CAChB,CAEI/H,oBACA,OAAOvE,KAAKuM,CAChB,CAEAC,YAAYC,GAA+BC,EAAA1M,KAAA,iBAAA,GAAA0M,EAAA1M,KAAA,2BAAA,GAAA0M,EAAA1M,KAAA,sBAAA,GAAA0M,EAAA1M,KAAA,aAAA,GACvC,MAAM2M,GAAeF,aAAa,EAAbA,EAAenI,WAAY,GAC1CsI,GAAyBH,aAAa,EAAbA,EAAerI,qBAAsB,GAC9DyI,GAAoBJ,aAAa,EAAbA,EAAelI,gBAAiB,GAE1DvE,KAAKqM,EAAY,GAAGS,OAAOH,GAC3B3M,KAAKsM,EAAsB,GAAGQ,OAAOF,GACrC5M,KAAKuM,EAAiB,GAAGO,OAAOD,UAQrB7M,KAAK+M,KAEpB,CAGAC,oBAAoBC,GAChB,OAAOjN,KAAKkN,EAAiC,eAAgBD,EACjE,CAGAE,qBAAqBF,GACjB,OAAOjN,KAAKkN,EAAiC,UAAWD,EAC5D,CAGAG,qBAAqBH,GACjB,OAAOjN,KAAKkN,EAAiC,WAAYD,EAC7D,CAGAI,2BAA2BJ,GACvB,OAAOjN,KAAKkN,EAAiC,kBAAmBD,EACpE,CAGAK,oBAAoBL,GAChB,OAAOjN,KAAKkN,EAAiC,WAAYD,EAC7D,CAGAM,0BAA0BN,GACtB,OAAOjN,KAAKkN,EAAiC,iBAAkBD,EACnE,CAGAO,yBAAyBP,GACrB,OAAOjN,KAAKkN,EAAiC,gBAAiBD,EAClE,CAGAQ,wBAAwBR,GACpB,OAAOjN,KAAKkN,EAAiC,eAAgBD,EACjE,CAGAS,wBAAwBT,GACpB,OAAOjN,KAAKkN,EAAiC,eAAgBD,EACjE,CAGAU,qBAAqBC,GAEjB,OADA5N,KAAKqM,EAAUxN,KAAK+O,GACb5N,IACX,CAEA6N,0BAA0BD,GAEtB,OADA5N,KAAKuM,EAAe1N,KAAK+O,GAClB5N,IACX,CAEQkN,EAAiCzK,EAAkCwK,GAqBvE,OAdAjN,KAAKsM,EAAoBzN,MAAK,CAACM,EAAOF,IAO9BA,IAAQwD,IACRtD,EAAM0D,UAA+B,iBAAZoK,EAAuBA,EAAUA,EAAQ9N,IAC3D,KAKRa,IACX"}

package/dist/esm/GForm.production.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/esm/extends";import t from"@babel/runtime/helpers/esm/objectSpread2";import n from"@babel/runtime/helpers/esm/objectWithoutProperties";import o,{useMemo as r,useState as a,forwardRef as s,useRef as i,useEffect as c}from"react";import{_ as l,a as f,b as u,c as d,d as m,e as p,f as h,g as b,h as g,i as v,G as y}from"./shared.production.js";const C=["loader","stateRef","onSubmit","onChange","onPaste","children","validators","onInit","optimized"],I=s(((s,I)=>{let{loader:S=o.createElement("div",null,"loading"),stateRef:_,onSubmit:H,onChange:P,onPaste:k,children:L,validators:M,onInit:T,optimized:j}=s,w=n(s,C);const x=i(null),E=((e,n={},o=!1)=>{const s=r((()=>l("function"==typeof e?e({}):e)),[]),[i,c]=a(s.state),p=(e,t)=>{if(!e)return;const n=t&&t.target;if("undefined"!=typeof document&&(n instanceof HTMLInputElement||n instanceof HTMLTextAreaElement||n instanceof HTMLSelectElement)){if(e.checkValidity||(e.checkValidity=()=>n.checkValidity()),!e.dirty&&e.value)return h(e),void v(e,e.formKey);n.setCustomValidity("");const t=f(n.validity);b(e,t,(e=>n.setCustomValidity(e))),!t&&e.error&&n.setCustomValidity(e.errorText||"error"),v(e,e.formKey)}else e.checkValidity=()=>h(e),e.checkValidity(),v(e,e.formKey)},h=e=>{let t=f({valueMissing:e.required&&!e.value||!1,tooShort:e.minLength&&e.value.toString().length<e.minLength||!1,tooLong:e.maxLength&&e.value.toString().length>e.maxLength||!1,patternMismatch:e.pattern&&u(e.pattern,e.value)||!1,rangeUnderflow:e.min&&Number(e.value)<Number(e.min)||!1,rangeOverflow:e.max&&Number(e.value)>Number(e.max)||!1});return!t&&e.error&&(t="customError"),b(e,t),!e.error},b=(e,t,o)=>{const r=n[e.validatorKey||e.formKey]||n["*"];r&&y(e,r,t,o),e.touched=!0},g=(e,t)=>{const n=i.fields[e];return n.value=t,n.dirty=!0,n},v=(e,n)=>c((o=>n?t(t({},o),{},{fields:t(t({},o.fields),{},{[n]:t(t({},o.fields[n]),e)})}):t(t({},o),e))),y=(e,t,n,o)=>{for(const o in t.constraintHandlers){const r=t.constraintHandlers[o](e,n);if(e.error=u(r,e.value),e.error)return}for(const n in t.handlers){const o=t.handlers[n](e,i.fields);if(e.error=u(o,e.value),e.error)return}e.errorText="",t.asyncHandlers.length&&(e.error=!0,m(e.debounce||300,`${e.gid}-async`).then((()=>{(async()=>{for(const n in t.asyncHandlers){const o=await t.asyncHandlers[n](e,i.fields);if(e.error=u(o,e.value),e.error)break}e.error||(e.errorText=""),v({error:e.error,errorText:e.errorText},e.formKey),o&&o(e.errorText)})()})))};return{state:i,t:(e,t,n)=>{const o=d(t,n),r=g(e,o);p(r,t)},o:p,i:v,optimized:o,key:s.key,l:h}})(L,M,j),{state:N,t:R,o:z,i:D,key:O}=E,U=e=>{I&&("function"==typeof I?I(e):I.current=e),x.current=e},V=r((()=>{const e=p(N.fields),n=t(t({},N.fields),{},{isValid:e,isInvalid:!e,loading:N.loading,toRawData:e=>h(N.fields,e),toFormData:()=>b(x.current),toURLSearchParams:g,checkValidity:function(){return this.isValid=x.current&&x.current.checkValidity()||!1,this.isInvalid=!this.isValid,this.isValid},setLoading:e=>D({loading:"function"==typeof e?e(N.loading):e}),dispatchChanges:e=>D({fields:v({},N.fields,e)})});return _&&(_.current=n),n}),[N.fields]),A=r((()=>{const t="function"==typeof L?L(V):L,n=e=>{e.preventDefault(),V.isValid&&H&&H(V,e)};let r;return k&&(r=e=>k(V,e)),j?o.createElement("form",e({},w,{ref:U,onPaste:r,onBlur:e=>{z(N.fields[e.target.name],e)},onInvalid:e=>{e.preventDefault(),z(N.fields[e.target.name],e)},onChange:(e,t)=>{R(e.target.name,e,t),P&&P(V,e)},onSubmit:n}),t):o.createElement("form",e({},w,{onChange:e=>P&&P(V,e),ref:U,onSubmit:n,onPaste:r}),t)}),[V,L]);return c((()=>{if(T){const e=e=>D({fields:v({},N.fields,e)}),t=T(V);t instanceof Promise?t.then(e):e(t)}const e={};Object.values(N.fields).forEach((t=>{e[t.formKey]={dispatchChanges:e=>D(e,t.formKey)},t.value&&z(t)})),D({fields:v(e,N.fields)})}),[]),o.createElement(y,{value:E,key:O},N.loading?S:A)}));export{I as GForm};
+import t from"@babel/runtime/helpers/esm/extends";import e from"@babel/runtime/helpers/esm/objectSpread2";import o from"@babel/runtime/helpers/esm/objectWithoutProperties";import n,{forwardRef as i,useRef as s,useCallback as r,useMemo as a,useEffect as c}from"react";import{u as m,a as l,_ as f,b as d,c as p,d as h,e as u,G as b,s as y}from"./shared.production.js";const K=["stateRef","onSubmit","onChange","onPaste","onKeyDown","onKeyUp","children","onInit"],S=["children","validators","optimized"],P=i(((i,u)=>{let{stateRef:b,onSubmit:S,onChange:P,onPaste:g,onKeyDown:D,onKeyUp:v,children:w,onInit:C}=i,U=o(i,K);const I=s(null),{getState:R,handlers:j}=m(),z=l(y),k=r((t=>{u&&("function"==typeof u?u(t):u.current=t),I.current=t}),[u]),x=r((()=>{const t=R().fields,o=e(e({},t),{},{isValid:!z,isInvalid:z,toRawData:e=>p(t,e),toFormData:()=>d(I.current),toURLSearchParams:f,checkValidity:function(){return this.isValid=I.current&&I.current.checkValidity()||!1,this.isInvalid=!this.isValid,this.isValid},dispatchChanges:e=>j.t({fields:h({},t,e)})});return b&&(b.current=o),o}),[z]),V=a((()=>{const e=x(),o="function"==typeof w?w(e):w,i=t=>{const e=x();e.isValid&&S&&S(e,t)};let s,r,a,c;return g&&(s=t=>g(e,t)),D&&(a=t=>D(e,t)),v&&(c=t=>v(e,t)),j.optimized?(r=P?(t,o)=>{j.o(e[t.target.name],t,o),P(e,t)}:(t,o)=>{j.o(e[t.target.name],t,o)},n.createElement("form",t({},U,{ref:k,onPaste:s,onKeyDown:a,onKeyUp:c,onBlur:t=>j.i(e[t.target.name],t),onInvalid:t=>{t.preventDefault(),j.i(e[t.target.name],t)},onChange:r,onSubmit:i}),o)):(P&&(r=t=>P(e,t)),n.createElement("form",t({},U,{ref:k,onSubmit:i,onChange:r,onPaste:s,onKeyDown:a,onKeyUp:c}),o))}),[w,x]);return c((()=>{const t=x();if(C){const e=C(t);if(e){const o=e=>j.t({fields:h({},t,e)});e instanceof Promise?e.then(o):o(e)}}const e=R().fields;for(const t in e){const o=e[t];o.value&&j.i(o)}}),[x]),V})),g=i(((e,i)=>{let{children:s,validators:r,optimized:c}=e,m=o(e,S);const l=a((()=>u("function"==typeof s?s({}):s)),[s]);return n.createElement(b,{key:l.key,initialState:l,validators:r,optimized:c},n.createElement(P,t({ref:i},m),s))}));export{g as GForm};
 //# sourceMappingURL=GForm.production.js.map

package/dist/esm/GForm.production.js.map

@@ -1 +1 @@
-{"version":3,"file":"GForm.production.js","sources":["../../src/useForm.ts","../../src/GForm.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\r\n\r\nimport { _buildFormInitialValues, _findValidityKey, _checkResult, _extractValue, _debounce } from \"./helpers\";\r\nimport { GValidator, type GInputValidator, type GValidators } from \"./validations\";\r\nimport type { GInputState } from \"./fields\";\r\nimport type { GFocusEvent, GInvalidEvent, GChangeEvent, GFormEvent, GDOMElement } from \"./form\";\r\nimport type { GFormState, InitialState } from \"./state\";\r\nimport { handlersMap, validityMap } from \"./validations/GValidator\";\r\n\r\nexport const useForm = <T>(children?: JSX.Element | JSX.Element[] | ((state: GFormState<T>) => JSX.Element | JSX.Element[]), validators: GValidators<T> = {}, optimized = false) => {\r\n    const initialValues = useMemo(() => {\r\n        const values = _buildFormInitialValues<T>(typeof children === 'function' ? children({} as GFormState<T>) : children);\r\n        if (__DEV__) {\r\n            Object.keys(values.state.fields).forEach(key => {\r\n                const input = values.state.fields[key];\r\n                const validator = validators[key];\r\n                if (validator instanceof GValidator) {\r\n                    const validityKeys = validator.track?.filter(key => validityMap[key]);\r\n\r\n                    validityKeys?.forEach(vKey => {\r\n                        if (typeof input[validityMap[vKey]] === 'undefined') {\r\n                            console.warn(`[Missing Prop] - the input '${input.formKey}' has registered validator for the violation '${vKey}' but the input hasn't described the constraint '${validityMap[vKey]}'.\\nadd '${validityMap[vKey]}' to the input props.\\nexample:\\n<GInput formKey='${input.formKey}' ${validityMap[vKey]}={...} />\\n\\nor either remove '.${handlersMap[validityMap[vKey]]}(...)' validation`);\r\n                        }\r\n                    });\r\n\r\n                    Object.entries(validityMap).forEach(([validityKey, constraint]) => {\r\n                        if (typeof input[constraint] !== 'undefined' && !validator.track?.some(trackKey => validityKey === trackKey)) {\r\n                            console.warn(`[Missing Validator] - the input '${input.formKey}' has described the constraint '${constraint}' but the input hasn't registered a validator to handle it.\\nregister a handler '${handlersMap[constraint]}' for the input validator to handle the '${validityKey}' violation.\\nexample:\\ncosnt validators = {\\n\\t${input.formKey}: new GValidator().${handlersMap[constraint]}(...)\\n}`);\r\n                        }\r\n                    });\r\n                }\r\n            });\r\n        }\r\n        return values;\r\n    }, []);\r\n\r\n    const [state, setState] = useState(initialValues.state);\r\n\r\n    /**\r\n     * handler for validating a form input\r\n     * @param input the input to be validated\r\n     * @param e the event object\r\n     */\r\n    const _viHandler = (input: GInputState, e?: GFocusEvent<GDOMElement | HTMLFormElement> | GInvalidEvent<GDOMElement | HTMLFormElement> | GFormEvent<GDOMElement | HTMLFormElement> | GFormEvent): void => {\r\n        if (!input) return;\r\n        const element = e && e.target;\r\n\r\n        if (typeof document !== 'undefined' && (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement)) {\r\n            if (!input.checkValidity) input.checkValidity = () => element.checkValidity();\r\n            \r\n            //if the field has initial value\r\n            if (!input.dirty && input.value) {\r\n                /**\r\n                * for inputs with initial value we have to manually check for validations.\r\n                * validity.tooShort is false even though initial value is smaller than minLength, because its required to be filled in by user (native dirty flag is true).\r\n                * it only works for validity.valueMissing.\r\n                * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n                * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n                */\r\n                _checkInputManually(input);\r\n                _dispatchChanges(input, input.formKey);\r\n                return;\r\n            }\r\n            element.setCustomValidity(''); //reset any previous error (custom)\r\n\r\n            const validityKey = _findValidityKey(element.validity);\r\n            _validateInput(input, validityKey, (v: string) => element.setCustomValidity(v));\r\n\r\n            if (!validityKey && input.error) {\r\n                element.setCustomValidity(input.errorText || 'error');\r\n            }\r\n\r\n            _dispatchChanges(input, input.formKey);\r\n        } else {\r\n            if (__DEBUG__) {\r\n                console.log('[validateInputHandler] -', `the input '${input.formKey}' is not a native web element\\nevent:`, e);\r\n            }\r\n\r\n            //fallback - validate the input for validations manually\r\n            input.checkValidity = () => _checkInputManually(input);\r\n            input.checkValidity();\r\n\r\n            _dispatchChanges(input, input.formKey);\r\n        }\r\n    };\r\n\r\n    const _checkInputManually = (input: GInputState) => {\r\n        let validityKey = _findValidityKey({\r\n            valueMissing: input.required && !input.value || false,\r\n            tooShort: input.minLength && input.value.toString().length < input.minLength || false,\r\n            tooLong: input.maxLength && input.value.toString().length > input.maxLength || false,\r\n            patternMismatch: input.pattern && _checkResult(input.pattern, input.value) || false,\r\n            rangeUnderflow: input.min && Number(input.value) < Number(input.min) || false,\r\n            rangeOverflow: input.max && Number(input.value) > Number(input.max) || false\r\n        });\r\n\r\n        if (!validityKey && input.error) {\r\n            validityKey = 'customError';\r\n        }\r\n        _validateInput(input, validityKey);\r\n        return !input.error;\r\n    };\r\n\r\n    /**\r\n     * handler for updating and validating a form input\r\n     * @param key the key used to identify the input (`formKey`)\r\n     * @param e the event object\r\n     */\r\n    const _updateInputHandler = (key: string, e?: GChangeEvent<GDOMElement | HTMLFormElement>, unknown?: { value: unknown } | string | number): void => {\r\n        const value = _extractValue(e, unknown);\r\n        const input = _updateInput(key, value);\r\n\r\n        _viHandler(input, e);\r\n    };\r\n\r\n    /**\r\n     * Validates the input and updates the state with the result\r\n     * @param input the input to be validated\r\n     * @param validityKey the `Constraint Validation` key\r\n     */\r\n    const _validateInput = (input: GInputState, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n        const inputValidator = validators[input.validatorKey || input.formKey] || validators['*'];\r\n        if (__DEBUG__) {\r\n            console.log('[validateInput] -', 'validating input:', input.formKey, `(${validityKey ? validityKey : 'custom'})`);\r\n        }\r\n\r\n        inputValidator && __validateInput(input, inputValidator, validityKey, setValidity);\r\n        input.touched = true;\r\n    };\r\n\r\n    /**\r\n     * update the input state.\r\n     * @param key the key used to identify the input (`formKey`)\r\n     * @param value the new value\r\n     */\r\n    const _updateInput = <V>(key: string, value: GInputState<V>['value']) => {\r\n        const input = state.fields[key];\r\n        input.value = value;\r\n        input.dirty = true;\r\n        return input;\r\n    };\r\n\r\n    const _dispatchChanges = (changes: Partial<InitialState<T>> | Partial<GInputState>, key?: string) => setState(prev => {\r\n        if (key) {\r\n            return { ...prev, fields: { ...prev.fields, [key]: { ...prev.fields[key], ...changes } } };\r\n        }\r\n        return { ...prev, ...changes };\r\n    });\r\n\r\n    /**\r\n     * @internal\r\n     */\r\n    const __validateInput = (input: GInputState, inputValidator: GInputValidator<T>, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n        if (__DEBUG__) {\r\n            console.log('[_validateInput] -', `validating input (${input.formKey}) with handlers:`, inputValidator.handlers);\r\n        }\r\n\r\n        for (const index in inputValidator.constraintHandlers) {\r\n            const result = inputValidator.constraintHandlers[index](input, validityKey);\r\n            if (__DEBUG__) {\r\n                console.log('[_validateInput] -', `validation results for constraint handler (${index}):\\n`, inputValidator.constraintHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n            }\r\n\r\n            input.error = _checkResult(result, input.value);\r\n            if (input.error) return;\r\n        }\r\n\r\n        for (const index in inputValidator.handlers) {\r\n            const result = inputValidator.handlers[index](input, state.fields);\r\n            if (__DEBUG__) {\r\n                console.log('[_validateInput] -', `validation results for custom handler (${index}):\\n`, inputValidator.handlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n            }\r\n\r\n            input.error = _checkResult(result, input.value);\r\n            if (input.error) return;\r\n        }\r\n\r\n        input.errorText = '';\r\n\r\n        if (inputValidator.asyncHandlers.length) {\r\n            input.error = true;\r\n            _debounce(input.debounce || 300, `${input.gid}-async`).then(() => {\r\n                const validateAsync = async () => {\r\n                    for (const index in inputValidator.asyncHandlers) {\r\n                        const result = await inputValidator.asyncHandlers[index](input, state.fields);\r\n                        if (__DEBUG__) {\r\n                            console.log('[_validateInput] -', `validation results for custom async handler (${index}):\\n`, inputValidator.asyncHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n                        }\r\n\r\n                        input.error = _checkResult(result, input.value);\r\n                        if (input.error) break;\r\n                    }\r\n                    if (!input.error) input.errorText = '';\r\n\r\n                    _dispatchChanges({ error: input.error, errorText: input.errorText }, input.formKey);\r\n                    setValidity && setValidity(input.errorText);\r\n                };\r\n\r\n                if (__DEBUG__) {\r\n                    console.log('[_validateInput] -', `validating input (${input.formKey}) with async handlers:`, inputValidator.asyncHandlers);\r\n                }\r\n                validateAsync();\r\n            });\r\n        }\r\n\r\n    };\r\n\r\n    return { state, _updateInputHandler, _viHandler, _dispatchChanges, optimized, key: initialValues.key, _createInputChecker: _checkInputManually };\r\n};","import React, { useMemo, useRef, useEffect, forwardRef } from \"react\";\r\nimport type { ReactNode, HTMLAttributes, ChangeEvent, FormEvent, MutableRefObject, ClipboardEvent, FC } from \"react\";\r\n\r\nimport { useForm } from \"./useForm\";\r\nimport { _checkIfFormIsValid, _toRawData, _toFormData, _toURLSearchParams, _merge, hasSubmitter } from \"./helpers\";\r\nimport { GFormContextProvider } from \"./context\";\r\nimport type { GFormState, ToRawDataOptions } from \"./state\";\r\nimport type { GValidators } from \"./validations\";\r\nimport type { GChangeEvent, IForm, PartialForm } from \"./form\";\r\nimport type { GInputState } from \"./fields\";\r\n\r\nexport type GFormProps<T> = Omit<HTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onPaste' | 'onChange' | 'children'> & {\r\n    children?: ReactNode | ReactNode[] | ((state: GFormState<T>) => ReactNode | ReactNode[]);\r\n    /** @param loader - a component to display while loading (optional). */\r\n    loader?: ReactNode;\r\n    /** @param stateRef - pass a ref which will points to the current state of the form (optional). */\r\n    stateRef?: MutableRefObject<GFormState<T> | undefined>;\r\n    /** @param onSubmit - a handler for the form submission (optional). */\r\n    onSubmit?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n    /** @param onChange - register onChange handler (optional). */\r\n    onChange?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n    /** @param onPaste - register onPaste handler (optional). */\r\n    onPaste?: (state: GFormState<T>, e: ClipboardEvent<HTMLFormElement>) => void;\r\n    /** @param validators - an object for handling validations (optional). */\r\n    validators?: GValidators<T>;\r\n    /** @param onInit - execute a handler once the form has initialized (optional). */\r\n    onInit?: (state: GFormState<T>) => void | PartialForm<T> | Promise<void | PartialForm<T>>;\r\n    /** @param optimized - enable optimization by registering the required handlers on the form itself. \r\n     * @see {@link https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_delegation|EventDelegation}\r\n     * @optional\r\n    */\r\n    optimized?: boolean;\r\n};\r\n\r\n/**\r\n * build dynamic forms with validations.\r\n * @link Docs - https://gform-react.onrender.com\r\n * @link Npm - https://www.npmjs.com/package/gform-react\r\n */\r\nexport const GForm: <T extends any>(props: GFormProps<T>) => ReturnType<FC<GFormProps<T>>> = (<T extends any>() => {\r\n    return forwardRef<HTMLFormElement, GFormProps<T>>(({\r\n        loader = <div>loading</div>,\r\n        stateRef,\r\n        onSubmit,\r\n        onChange,\r\n        onPaste,\r\n        children,\r\n        validators,\r\n        onInit,\r\n        optimized,\r\n        ...rest\r\n    }, ref) => {\r\n        const formRef = useRef<HTMLFormElement | null>(null);\r\n        const values = useForm<T>(children as JSX.Element | JSX.Element[], validators, optimized);\r\n        const { state, _updateInputHandler, _viHandler, _dispatchChanges, key } = values;\r\n\r\n        const refHandler = (element: HTMLFormElement | null) => {\r\n            if (ref) {\r\n                if (typeof ref === 'function') {\r\n                    ref(element);\r\n                } else {\r\n                    ref.current = element;\r\n                }\r\n            }\r\n            formRef.current = element;\r\n        };\r\n\r\n        const formState = useMemo(() => {\r\n            const _isFormValid = _checkIfFormIsValid(state.fields);\r\n            const formState: GFormState<T> = {\r\n                ...state.fields,\r\n                isValid: _isFormValid,\r\n                isInvalid: !_isFormValid,\r\n                loading: state.loading,\r\n                toRawData: (options?: ToRawDataOptions<T>) => _toRawData(state.fields, options),\r\n                toFormData: () => _toFormData(formRef.current),\r\n                toURLSearchParams: _toURLSearchParams,\r\n                checkValidity: function () { // it has to be function in order to refer to 'this'\r\n                    this.isValid = formRef.current && formRef.current.checkValidity() || false;\r\n                    this.isInvalid = !this.isValid;\r\n                    return this.isValid;\r\n                },\r\n                setLoading: (p) => _dispatchChanges({ loading: typeof p === 'function' ? p(state.loading) : p }),\r\n                dispatchChanges: (changes: PartialForm<T> & { [key: string]: Partial<GInputState<any>> }) => _dispatchChanges({ fields: _merge<IForm<T> & { [key: string]: GInputState; }>({}, state.fields, changes) })\r\n            };\r\n\r\n            if (stateRef) stateRef.current = formState;\r\n\r\n            return formState;\r\n        }, [state.fields]);\r\n\r\n        const formComponent = useMemo(() => {\r\n            const formChildren = typeof children === 'function' ? children(formState) : children;\r\n            const _onSubmit = (e: FormEvent<HTMLFormElement>) => {\r\n                e.preventDefault();\r\n                if (formState.isValid && onSubmit) {\r\n                    onSubmit(formState, e);\r\n                }\r\n            };\r\n\r\n            let _onPaste;\r\n            if (onPaste) {\r\n                _onPaste = (e: ClipboardEvent<HTMLFormElement>) => onPaste(formState, e);\r\n            }\r\n\r\n            return optimized\r\n                ?\r\n                <form {...rest}\r\n                    ref={refHandler}\r\n                    onPaste={_onPaste}\r\n                    onBlur={(e: GChangeEvent<HTMLFormElement>) => {\r\n                        _viHandler(state.fields[e.target.name], e);\r\n                    }}\r\n                    onInvalid={(e: ChangeEvent<HTMLFormElement>) => {\r\n                        e.preventDefault(); // hide default browser validation tooltip\r\n                        _viHandler(state.fields[e.target.name], e);\r\n                    }}\r\n                    onChange={(e: GChangeEvent<HTMLFormElement>, unknown?: { value: unknown } | string | number) => {\r\n                        _updateInputHandler(e.target.name, e, unknown);\r\n                        onChange && onChange(formState, e);\r\n                    }}\r\n                    onSubmit={_onSubmit}>\r\n                    {formChildren}\r\n                </form>\r\n                :\r\n                <form {...rest} onChange={(e) => onChange && onChange(formState, e)} ref={refHandler} onSubmit={_onSubmit} onPaste={_onPaste}>\r\n                    {formChildren}\r\n                </form>;\r\n        }, [formState, children]);\r\n\r\n        useEffect(() => {\r\n            if (__DEV__ && !hasSubmitter(formRef.current)) {\r\n                console.warn(`[No Submit Button] - you have created a form without a button type=submit, this will prevent the onSubmit event from being fired.\\nif you have a button with onClick event that handle the submission of the form then ignore this warning\\nbut don't forget to manually invoke the checkValidity() function to check if the form is valid before perfoming any action, for example:\\nif (formState.checkValidity()) { \\n\\t//do somthing\\n}\\n`);\r\n            }\r\n\r\n            if (onInit) {\r\n                const _handler = (_c: void | PartialForm<T>) => _dispatchChanges({ fields: _merge<IForm<T> & { [key: string]: GInputState; }>({}, state.fields, _c) });\r\n                const changes = onInit(formState);\r\n                changes instanceof Promise ? changes.then(_handler) : _handler(changes);\r\n            }\r\n\r\n            const dipatchers: Record<string, Record<string, (changes: Partial<GInputState>) => void>> = {};\r\n\r\n            if (__DEBUG__) {\r\n                console.log('checking for initial values');\r\n            }\r\n\r\n            Object.values(state.fields).forEach(field => {\r\n                dipatchers[field.formKey] = {\r\n                    dispatchChanges: (changes: Partial<GInputState>) => _dispatchChanges(changes, field.formKey)\r\n                };\r\n\r\n                //we dont want to apply validation on empty fields so skip it.\r\n                if (!field.value) return;\r\n\r\n                if (__DEBUG__) {\r\n                    console.log(`found input '${field.formKey}', applying validation(s)`);\r\n                }\r\n                /**\r\n                * We have to manually check for validations (checkValidty() will not result with validty.tooShort = true).\r\n                * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n                * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n                */\r\n                _viHandler(field);\r\n            });\r\n            _dispatchChanges({fields: _merge(dipatchers, state.fields)});\r\n        }, []);\r\n\r\n        return (\r\n            <GFormContextProvider value={values} key={key}>\r\n                {\r\n                    state.loading\r\n                        ?\r\n                        loader\r\n                        :\r\n                        formComponent\r\n                }\r\n            </GFormContextProvider>\r\n        );\r\n    });\r\n})();"],"names":["GForm","forwardRef","_ref","ref","loader","React","createElement","stateRef","onSubmit","onChange","onPaste","children","validators","onInit","optimized","rest","_objectWithoutProperties","_excluded","formRef","useRef","values","useForm","initialValues","useMemo","_buildFormInitialValues","state","setState","useState","_viHandler","input","e","element","target","document","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","checkValidity","dirty","value","_checkInputManually","_dispatchChanges","formKey","setCustomValidity","validityKey","_findValidityKey","validity","_validateInput","v","error","errorText","valueMissing","required","tooShort","minLength","toString","length","tooLong","maxLength","patternMismatch","pattern","_checkResult","rangeUnderflow","min","Number","rangeOverflow","max","setValidity","inputValidator","validatorKey","__validateInput","touched","_updateInput","key","fields","changes","prev","_objectSpread","index","constraintHandlers","result","handlers","asyncHandlers","_debounce","debounce","gid","then","async","validateAsync","_updateInputHandler","unknown","_extractValue","_createInputChecker","t","o","i","refHandler","current","formState","_isFormValid","_checkIfFormIsValid","isValid","isInvalid","loading","toRawData","options","_toRawData","toFormData","_toFormData","toURLSearchParams","_toURLSearchParams","this","setLoading","p","dispatchChanges","_merge","formComponent","formChildren","_onSubmit","preventDefault","_onPaste","_extends","onBlur","name","onInvalid","useEffect","_handler","_c","Promise","dipatchers","Object","forEach","field","GFormContextProvider"],"mappings":"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"}
+{"version":3,"file":"GForm.production.js","sources":["../../src/GForm.tsx"],"sourcesContent":["import React, {\r\n    DetailedHTMLProps, FormHTMLAttributes, forwardRef,\r\n    KeyboardEvent, useCallback, useEffect, useMemo, useRef\r\n} from \"react\";\r\nimport type {ChangeEvent, ClipboardEvent, FormEvent, ReactNode, RefObject} from \"react\";\r\n\r\nimport {selectFirstInvalidField} from \"./selectors\";\r\nimport {useFormSelector, GFormContextProvider, useFormStore} from \"./form-context\";\r\nimport {_buildFormInitialValues, _merge, _toFormData, _toRawData, _toURLSearchParams, hasSubmitter} from \"./helpers\";\r\nimport type {GFormState, ToRawDataOptions} from \"./state\";\r\nimport type {GChangeEvent, IForm, PartialForm} from \"./form\";\r\nimport type {GInputState} from \"./fields\";\r\nimport type {GValidators} from \"@generic-form/validations\";\r\n\r\nconst FormRenderer = forwardRef<HTMLFormElement, GFormProps<any>>(\r\n    <T, >({\r\n        stateRef,\r\n        onSubmit,\r\n        onChange,\r\n        onPaste,\r\n        onKeyDown,\r\n        onKeyUp,\r\n        children,\r\n        onInit,\r\n        ...rest\r\n    }: GFormProps<T>, ref: React.Ref<HTMLFormElement>) => {\r\n        const formRef = useRef<HTMLFormElement | null>(null);\r\n        const {getState, handlers} = useFormStore();\r\n        const isFormInvalid = useFormSelector(selectFirstInvalidField);\r\n\r\n        const refHandler = useCallback((element: HTMLFormElement | null) => {\r\n            if (ref) {\r\n                if (typeof ref === 'function') {\r\n                    ref(element);\r\n                } else {\r\n                    ref.current = element;\r\n                }\r\n            }\r\n            formRef.current = element;\r\n        }, [ref]);\r\n\r\n        const getFormState = useCallback(() => {\r\n            const fields = getState<T>().fields;\r\n\r\n            const formState: GFormState<T> = {\r\n                ...fields,\r\n                isValid: !isFormInvalid,\r\n                isInvalid: isFormInvalid,\r\n                toRawData: (options?: ToRawDataOptions<T>) => _toRawData(fields, options),\r\n                toFormData: () => _toFormData(formRef.current),\r\n                toURLSearchParams: _toURLSearchParams,\r\n                checkValidity: function () { // it has to be a function in order to refer to 'this'\r\n                    this.isValid = formRef.current && formRef.current.checkValidity() || false;\r\n                    this.isInvalid = !this.isValid;\r\n                    return this.isValid;\r\n                },\r\n                dispatchChanges: (changes: PartialForm<T> & {\r\n                    [key: string]: Partial<GInputState<any>>\r\n                }) => handlers._dispatchChanges({\r\n                    fields: _merge<IForm<T> & {\r\n                        [key: string]: GInputState;\r\n                    }>({}, fields, changes)\r\n                })\r\n            };\r\n\r\n            if (stateRef) stateRef.current = formState;\r\n\r\n            return formState;\r\n        }, [isFormInvalid]);\r\n\r\n        const formComponent = useMemo(() => {\r\n            const state = getFormState();\r\n\r\n            const formChildren = typeof children === 'function' ? children(state) : children;\r\n\r\n            const _onSubmit = (e: FormEvent<HTMLFormElement>) => {\r\n                const state = getFormState();\r\n                if (state.isValid && onSubmit) {\r\n                    onSubmit(state, e);\r\n                }\r\n            };\r\n\r\n            let _onPaste, _onChange, _onKeyDown, _onKeyUp;\r\n\r\n            if (onPaste) {\r\n                _onPaste = (e: ClipboardEvent<HTMLFormElement>) => onPaste(state, e);\r\n            }\r\n\r\n            if (onKeyDown) {\r\n                _onKeyDown = (e: KeyboardEvent<HTMLFormElement>) => onKeyDown(state, e);\r\n            }\r\n\r\n            if (onKeyUp) {\r\n                _onKeyUp = (e: KeyboardEvent<HTMLFormElement>) => onKeyUp(state, e);\r\n            }\r\n\r\n            if (handlers.optimized) {\r\n                if (onChange) {\r\n                    _onChange = (e: GChangeEvent<HTMLFormElement>, unknown?: { value: unknown } | string | number) => {\r\n                        handlers._updateInputHandler(state[e.target.name], e, unknown);\r\n                        onChange(state, e);\r\n                    };\r\n                } else {\r\n                    _onChange = (e: GChangeEvent<HTMLFormElement>, unknown?: { value: unknown } | string | number) => {\r\n                        handlers._updateInputHandler(state[e.target.name], e, unknown);\r\n                    };\r\n                }\r\n                return (\r\n                    <form\r\n                        {...rest}\r\n                        ref={refHandler}\r\n                        onPaste={_onPaste}\r\n                        onKeyDown={_onKeyDown}\r\n                        onKeyUp={_onKeyUp}\r\n                        onBlur={(e: GChangeEvent<HTMLFormElement>) => handlers._viHandler(state[e.target.name], e)}\r\n                        onInvalid={(e: ChangeEvent<HTMLFormElement>) => {\r\n                            e.preventDefault(); // hide default browser validation tooltip\r\n                            handlers._viHandler(state[e.target.name], e);\r\n                        }}\r\n                        onChange={_onChange}\r\n                        onSubmit={_onSubmit}>\r\n                        {formChildren}\r\n                    </form>\r\n                );\r\n            }\r\n\r\n            if (onChange) {\r\n                _onChange = (e: GChangeEvent<HTMLFormElement>) => onChange(state, e);\r\n            }\r\n\r\n            return (\r\n                <form {...rest} \r\n                    ref={refHandler} \r\n                    onSubmit={_onSubmit} \r\n                    onChange={_onChange} \r\n                    onPaste={_onPaste} \r\n                    onKeyDown={_onKeyDown} \r\n                    onKeyUp={_onKeyUp}>\r\n                    {formChildren}\r\n                </form>\r\n            );\r\n        }, [children, getFormState]);\r\n\r\n        useEffect(() => {\r\n            const state = getFormState();\r\n\r\n            if (__DEV__ && !hasSubmitter(formRef.current)) {\r\n                console.warn(`[No Submit Button] - you have created a form without a button type=submit, this will prevent the onSubmit event from being fired.\\nif you have a button with onClick event that handle the submission of the form then ignore this warning\\nbut don't forget to manually invoke the checkValidity() function to check if the form is valid before perfoming any action, for example:\\nif (formState.checkValidity()) { \\n\\t//do somthing\\n}\\n`);\r\n            }\r\n\r\n            if (onInit) {\r\n                const changes = onInit(state);\r\n                if (changes) {\r\n                    const _handler = (_c: void | PartialForm<T>) => handlers._dispatchChanges({\r\n                        fields: _merge<IForm<T> & {\r\n                            [key: string]: GInputState;\r\n                        }>({}, state, _c)\r\n                    });\r\n                    if (changes instanceof Promise) {\r\n                        changes.then(_handler);\r\n                    } else _handler(changes);\r\n                }\r\n            }\r\n\r\n            if (__DEBUG__) {\r\n                console.log('checking for initial values');\r\n            }\r\n            const fields = getState().fields;\r\n\r\n            for (const fieldKey in fields) {\r\n                const field = fields[fieldKey];\r\n\r\n                //we don't want to apply validation on empty fields so skip it.\r\n                if (!field.value) continue;\r\n\r\n                if (__DEBUG__) {\r\n                    console.log(`found input '${fieldKey}', applying validation(s)`);\r\n                }\r\n                /**\r\n                 * We have to manually check for validations (checkValidity() will not result with validity.tooShort = true).\r\n                 * If an element has a minimum allowed value length, its dirty value flag is true, its value was last changed by a user edit (as opposed to a change made by a script), its value is not the empty string, and the length of the element's API value is less than the element's minimum allowed value length, then the element is suffering from being too short.\r\n                 * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#setting-minimum-input-length-requirements:-the-minlength-attribute\r\n                 */\r\n                handlers._viHandler(field);\r\n            }\r\n        }, [getFormState]);\r\n\r\n        return formComponent;\r\n    }\r\n) as <T>(props: GFormProps<T> & { ref?: React.Ref<HTMLFormElement> }) => React.ReactElement | null;\r\n\r\nexport type GFormProps<T> =\r\n    Omit<DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, 'onSubmit' | 'onPaste' | 'onChange' | 'onKeyUp' | 'onKeyDown' | 'children'>\r\n    & {\r\n    children?: ReactNode | ReactNode[] | ((state: GFormState<T>) => ReactNode | ReactNode[]);\r\n    /** @param loader - a component to display while loading (optional). */\r\n    loader?: ReactNode;\r\n    /** @param stateRef - pass a ref which will points to the current state of the form (optional). */\r\n    stateRef?: RefObject<GFormState<T> | undefined>;\r\n    /** @param onSubmit - a handler for the form submission (optional). */\r\n    onSubmit?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n    /** @param onChange - register onChange handler (optional). */\r\n    onChange?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n    /** @param onPaste - register onPaste handler (optional). */\r\n    onPaste?: (state: GFormState<T>, e: ClipboardEvent<HTMLFormElement>) => void;\r\n    /** @param onKeyUp - register onKeyUp handler (optional). */\r\n    onKeyUp?: (state: GFormState<T>, e: KeyboardEvent<HTMLFormElement>) => void;\r\n    /** @param onKeyDown - register onKeyDown handler (optional). */\r\n    onKeyDown?: (state: GFormState<T>, e: KeyboardEvent<HTMLFormElement>) => void;\r\n    /** @param validators - an object for handling validations (optional). */\r\n    validators?: GValidators<T>;\r\n    /** @param onInit - execute a handler once the form has initialized (optional). */\r\n    onInit?: (state: GFormState<T>) => void | PartialForm<T> | Promise<void | PartialForm<T>>;\r\n    /** @param optimized - enable optimization by registering the required handlers on the form itself.\r\n     * @see {@link https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_delegation|EventDelegation}\r\n     * @optional\r\n     */\r\n    optimized?: boolean;\r\n};\r\n\r\n/**\r\n * build dynamic forms with validations.\r\n * @link Docs - https://gform-react.onrender.com\r\n * @link Npm - https://www.npmjs.com/package/gform-react\r\n */\r\nexport const GForm = forwardRef<HTMLFormElement, GFormProps<any>>(\r\n    <T, >({children, validators, optimized, ...props}: GFormProps<T>, ref: React.Ref<HTMLFormElement>) => {\r\n        const initialState = useMemo(() => {\r\n            return _buildFormInitialValues(\r\n                typeof children === 'function'\r\n                    ? children({} as GFormState<T>)\r\n                    : children\r\n            );\r\n        }, [children]);\r\n\r\n        return (\r\n            <GFormContextProvider key={initialState.key} initialState={initialState} validators={validators}\r\n                optimized={optimized}>\r\n                <FormRenderer ref={ref} {...props}>\r\n                    {children}\r\n                </FormRenderer>\r\n            </GFormContextProvider>\r\n        );\r\n    }\r\n) as <T>(props: GFormProps<T> & { ref?: React.Ref<HTMLFormElement> }) => React.ReactElement | null;"],"names":["FormRenderer","forwardRef","_ref","ref","stateRef","onSubmit","onChange","onPaste","onKeyDown","onKeyUp","children","onInit","rest","_objectWithoutProperties","_excluded","formRef","useRef","getState","handlers","useFormStore","isFormInvalid","useFormSelector","selectFirstInvalidField","refHandler","useCallback","element","current","getFormState","fields","formState","_objectSpread","isValid","isInvalid","toRawData","options","_toRawData","toFormData","_toFormData","toURLSearchParams","_toURLSearchParams","checkValidity","this","dispatchChanges","changes","_dispatchChanges","_merge","formComponent","useMemo","state","formChildren","_onSubmit","e","_onPaste","_onChange","_onKeyDown","_onKeyUp","optimized","unknown","_updateInputHandler","target","name","React","createElement","_extends","onBlur","_viHandler","onInvalid","preventDefault","useEffect","_handler","_c","Promise","then","fieldKey","field","value","GForm","_ref2","validators","props","_excluded2","initialState","_buildFormInitialValues","GFormContextProvider","key"],"mappings":"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"}

package/dist/esm/GInput.production.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/esm/objectSpread2";import t from"@babel/runtime/helpers/esm/objectWithoutProperties";import r,{forwardRef as a,useMemo as i,useEffect as o}from"react";import{u as c,d}from"./shared.production.js";const l=["formKey","element","title","type","validatorKey","fetch","fetchDeps","optimized","defaultChecked","defaultValue","checked","value","debounce"],n=a(((a,n)=>{let{formKey:p,element:u,title:m,type:s,validatorKey:f,fetch:h,fetchDeps:b=[],optimized:v,defaultChecked:y,defaultValue:k,checked:K,value:j,debounce:z=300}=a,C=t(a,l);const{state:{fields:_},t:x,i:D,optimized:H,o:P}=c(),V=_[p],g=i((()=>{let t,a;"checkbox"===s?a=V.value||!1:t=V.value||"";const i=e(e({},C),{},{type:s,name:p,value:t,checked:a,ref:n,"aria-invalid":V.error,"aria-required":V.required,title:m||V.errorText});return H&&v||(i.onBlur=e=>{P(V,e),C.onBlur&&C.onBlur(e)},i.onInvalid=e=>{e.preventDefault(),P(V,e),C.onInvalid&&C.onInvalid(e)},i.onChange=(e,t)=>{x(p,e,t),C.onChange&&C.onChange(e)}),u?u(V,i):r.createElement("input",i)}),[V,u]),q=i((()=>b.map((e=>_[e].value))),[_]);return o((()=>{h&&(V.dispatchChanges=e=>D(e,p),d(z,`${V.gid}-fetch`).then((()=>{const e=h(V,_);e instanceof Promise?e.then((e=>e&&D(e,p))):e&&D(e,p)})))}),q),g}));export{n as GInput};
+import e from"@babel/runtime/helpers/esm/objectSpread2";import t from"@babel/runtime/helpers/esm/objectWithoutProperties";import r,{forwardRef as a,useMemo as o,useEffect as c,memo as i}from"react";import{a as l,u as m,m as d,f as u}from"./shared.production.js";const s=["formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value"],f=i(a(((a,i)=>{let{formKey:f,element:n,title:p,type:h="text",fetch:b,fetchDeps:y,optimized:k,debounce:v=300,defaultChecked:K,defaultValue:j,checked:x,validatorKey:z,value:C}=a,D=t(a,s);const P=l((e=>e.fields[f])),S=m(),V=o((()=>{let t,a;"checkbox"===h?a=P.value||!1:t=P.value||"";const o=e(e({},D),{},{type:h,name:f,value:t,checked:a,ref:i,"aria-invalid":P.error,"aria-required":P.required,title:p||P.errorText});return S.handlers.optimized&&k||(o.onBlur=D.onBlur?e=>{S.handlers.t(P,e),D.onBlur(e)}:e=>{S.handlers.t(P,e)},o.onInvalid=D.onInvalid?e=>{e.preventDefault(),S.handlers.t(P,e),D.onInvalid(e)}:e=>{e.preventDefault(),S.handlers.t(P,e)},o.onChange=D.onChange?(e,t)=>{S.handlers.o(P,e,t),D.onChange(e)}:(e,t)=>{S.handlers.o(P,e,t)}),n?n(P,o):r.createElement("input",o)}),[P,n]),q=l(d(y)),J=o((()=>JSON.stringify(q)),[q]);return c((()=>{b&&u(v,`${P.gid}-fetch`).then((()=>{const e=b(P,S.getState().fields);e instanceof Promise?e.then((e=>e&&S.handlers.i(e,f))):e&&S.handlers.i(e,f)}))}),[J]),V})));export{f as GInput};
 //# sourceMappingURL=GInput.production.js.map

package/dist/esm/GInput.production.js.map

@@ -1 +1 @@
-{"version":3,"file":"GInput.production.js","sources":["../../src/fields/GInput.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo } from 'react';\r\n\r\nimport { useGenericFormContext } from \"../context\";\r\nimport { _debounce } from '../helpers';\r\nimport type { GInputProps, GInputState, GElementProps } from '.';\r\n\r\nexport const GInput = forwardRef<HTMLInputElement, GInputProps>(({ formKey, element, title, type, validatorKey, fetch, fetchDeps = [], optimized, defaultChecked, defaultValue, checked, value, debounce=300, ...rest }, ref) => {\r\n    const { state: { fields }, _updateInputHandler, _dispatchChanges, optimized: formOptimized, _viHandler } = useGenericFormContext();\r\n    const inputState = fields[formKey];\r\n\r\n    const _element = useMemo(() => {\r\n        let value: any, checked;\r\n\r\n        if (type === 'checkbox') checked = inputState.value || false;\r\n        else value = inputState.value || '';\r\n\r\n        const _props = {\r\n            ...rest,\r\n            type,\r\n            name: formKey,\r\n            value,\r\n            checked,\r\n            ref,\r\n            'aria-invalid': inputState.error,\r\n            'aria-required': inputState.required,\r\n            title: title || inputState.errorText\r\n        };\r\n\r\n        if (!formOptimized || !optimized) {\r\n            _props.onBlur = (e) => {\r\n                _viHandler(inputState, e);\r\n                rest.onBlur && rest.onBlur(e);\r\n            };\r\n            _props.onInvalid = (e) => {\r\n                e.preventDefault(); // hide default browser validation tooltip\r\n                _viHandler(inputState, e);\r\n                rest.onInvalid && rest.onInvalid(e);\r\n            };\r\n            _props.onChange = (e, unknown?: { value: unknown } | string | number) => {\r\n                _updateInputHandler(formKey, e, unknown);\r\n                rest.onChange && rest.onChange(e);\r\n            };\r\n        }\r\n\r\n        if (element) {\r\n            return (element as (input: GInputState, props: GElementProps<typeof value>) => JSX.Element)(inputState, _props);\r\n        }\r\n\r\n        return (\r\n            <input {..._props} />\r\n        );\r\n    }, [inputState, element]);\r\n\r\n    const _fetchDeps = useMemo(() => fetchDeps.map(key => fields[key].value), [fields]);\r\n\r\n    useEffect(() => {\r\n        if (fetch) {\r\n            inputState.dispatchChanges = (changes: Partial<GInputState>) => _dispatchChanges(changes, formKey);\r\n            _debounce(debounce, `${inputState.gid}-fetch`).then(() => {\r\n                const res = fetch(inputState, fields);\r\n                res instanceof Promise ? res.then((state) => state && _dispatchChanges(state, formKey)) : res && _dispatchChanges(res, formKey);\r\n            });\r\n        }\r\n    }, _fetchDeps);\r\n\r\n    return _element;\r\n});"],"names":["GInput","forwardRef","_ref","ref","formKey","element","title","type","validatorKey","fetch","fetchDeps","optimized","defaultChecked","defaultValue","checked","value","debounce","rest","_objectWithoutProperties","_excluded","state","fields","t","_updateInputHandler","i","_dispatchChanges","formOptimized","o","_viHandler","useGenericFormContext","inputState","_element","useMemo","_props","_objectSpread","name","error","required","errorText","onBlur","e","onInvalid","preventDefault","onChange","unknown","React","createElement","_fetchDeps","map","key","useEffect","dispatchChanges","changes","_debounce","gid","then","res","Promise"],"mappings":"kYAMaA,EAASC,GAA0C,CAAAC,EAAyJC,KAAQ,IAAhKC,QAAEA,EAAOC,QAAEA,EAAOC,MAAEA,EAAKC,KAAEA,EAAIC,aAAEA,EAAYC,MAAEA,EAAKC,UAAEA,EAAY,GAAEC,UAAEA,EAASC,eAAEA,EAAcC,aAAEA,EAAYC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAS,KAAcd,EAANe,EAAIC,EAAAhB,EAAAiB,GACjN,MAAQC,OAAOC,OAAEA,GAAQC,EAAEC,EAAmBC,EAAEC,EAAkBd,UAAWe,EAAaC,EAAEC,GAAeC,IACrGC,EAAaT,EAAOjB,GAEpB2B,EAAWC,GAAQ,KACrB,IAAIjB,EAAYD,EAEH,aAATP,EAAqBO,EAAUgB,EAAWf,QAAS,EAClDA,EAAQe,EAAWf,OAAS,GAEjC,MAAMkB,EAAMC,EAAAA,KACLjB,GAAI,GAAA,CACPV,OACA4B,KAAM/B,EACNW,QACAD,UACAX,MACA,eAAgB2B,EAAWM,MAC3B,gBAAiBN,EAAWO,SAC5B/B,MAAOA,GAASwB,EAAWQ,YAmB/B,OAhBKZ,GAAkBf,IACnBsB,EAAOM,OAAUC,IACbZ,EAAWE,EAAYU,GACvBvB,EAAKsB,QAAUtB,EAAKsB,OAAOC,EAAE,EAEjCP,EAAOQ,UAAaD,IAChBA,EAAEE,iBACFd,EAAWE,EAAYU,GACvBvB,EAAKwB,WAAaxB,EAAKwB,UAAUD,EAAE,EAEvCP,EAAOU,SAAW,CAACH,EAAGI,KAClBrB,EAAoBnB,EAASoC,EAAGI,GAChC3B,EAAK0B,UAAY1B,EAAK0B,SAASH,EAAE,GAIrCnC,EACQA,EAAoFyB,EAAYG,GAIxGY,EAAAC,cAAA,QAAWb,EAAU,GAE1B,CAACH,EAAYzB,IAEV0C,EAAaf,GAAQ,IAAMtB,EAAUsC,KAAIC,GAAO5B,EAAO4B,GAAKlC,SAAQ,CAACM,IAY3E,OAVA6B,GAAU,KACFzC,IACAqB,EAAWqB,gBAAmBC,GAAkC3B,EAAiB2B,EAAShD,GAC1FiD,EAAUrC,EAAW,GAAEc,EAAWwB,aAAaC,MAAK,KAChD,MAAMC,EAAM/C,EAAMqB,EAAYT,GAC9BmC,aAAeC,QAAUD,EAAID,MAAMnC,GAAUA,GAASK,EAAiBL,EAAOhB,KAAYoD,GAAO/B,EAAiB+B,EAAKpD,EAAQ,IAEvI,GACD2C,GAEIhB,CAAQ"}
+{"version":3,"file":"GInput.production.js","sources":["../../src/fields/GInput.tsx"],"sourcesContent":["import React, {forwardRef, memo, type ReactNode, useEffect, useMemo} from 'react';\r\n\r\nimport {_debounce} from '../helpers';\r\nimport type {GInputProps, GInputState, GElementProps} from '.';\r\nimport {useFormSelector, useFormStore} from \"../form-context\";\r\nimport {makeSelectFields} from \"../selectors\";\r\n\r\nconst _GInput = forwardRef<HTMLInputElement, GInputProps>(({\r\n    formKey,\r\n    element,\r\n    title,\r\n    type = 'text',\r\n    fetch,\r\n    fetchDeps,\r\n    optimized,\r\n    debounce = 300,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    defaultChecked,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    defaultValue,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    checked,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    validatorKey,\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    value,\r\n    ...rest\r\n}, ref) => {\r\n    const inputState = useFormSelector(state => state.fields[formKey]);\r\n    const store = useFormStore();\r\n\r\n    const _element = useMemo(() => {\r\n        let value: any, checked;\r\n\r\n        if (type === 'checkbox') checked = inputState.value || false;\r\n        else value = inputState.value || '';\r\n\r\n        const _props = {\r\n            ...rest,\r\n            type,\r\n            name: formKey,\r\n            value,\r\n            checked,\r\n            ref,\r\n            'aria-invalid': inputState.error,\r\n            'aria-required': inputState.required,\r\n            title: title || inputState.errorText\r\n        };\r\n\r\n        if (!store.handlers.optimized || !optimized) {\r\n            _props.onBlur = rest.onBlur ?\r\n                (e) => {\r\n                    store.handlers._viHandler(inputState, e);\r\n                    rest.onBlur!(e);\r\n                } : (e) => {\r\n                    store.handlers._viHandler(inputState, e);\r\n                };\r\n\r\n            _props.onInvalid = rest.onInvalid ?\r\n                (e) => {\r\n                    e.preventDefault(); // hide default browser validation tooltip\r\n                    store.handlers._viHandler(inputState, e);\r\n                    rest.onInvalid!(e);\r\n                } : (e) => {\r\n                    e.preventDefault(); // hide default browser validation tooltip\r\n                    store.handlers._viHandler(inputState, e);\r\n                };\r\n\r\n            _props.onChange = rest.onChange ?\r\n                (e, unknown?: { value: unknown } | string | number) => {\r\n                    store.handlers._updateInputHandler(inputState, e, unknown);\r\n                    rest.onChange!(e);\r\n                } : (e, unknown?: { value: unknown } | string | number) => {\r\n                    store.handlers._updateInputHandler(inputState, e, unknown);\r\n                };\r\n        }\r\n\r\n        if (element) {\r\n            return (element as (input: GInputState, props: GElementProps<typeof value>) => ReactNode)(inputState, _props);\r\n        }\r\n\r\n        return (\r\n            <input {..._props} />\r\n        );\r\n    }, [inputState, element]);\r\n\r\n    const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));\r\n    const stableFetchDeps = useMemo(() => JSON.stringify(_fetchDeps), [_fetchDeps]);\r\n\r\n    useEffect(() => {\r\n        if (fetch) {\r\n            _debounce(debounce, `${inputState.gid}-fetch`).then(() => {\r\n                const res = fetch(inputState, store.getState().fields);\r\n                if (res instanceof Promise) {\r\n                    res.then((state) => state && store.handlers._dispatchChanges(state, formKey));\r\n                } else if (res) {\r\n                    store.handlers._dispatchChanges(res, formKey);\r\n                }\r\n            });\r\n        }\r\n    }, [stableFetchDeps]);\r\n\r\n    return _element;\r\n});\r\n\r\nexport const GInput = memo(_GInput);"],"names":["GInput","memo","forwardRef","_ref","ref","formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value","rest","_objectWithoutProperties","_excluded","inputState","useFormSelector","state","fields","store","useFormStore","_element","useMemo","_props","_objectSpread","name","error","required","errorText","handlers","onBlur","e","_viHandler","onInvalid","preventDefault","onChange","unknown","_updateInputHandler","React","createElement","_fetchDeps","makeSelectFields","stableFetchDeps","JSON","stringify","useEffect","_debounce","gid","then","res","getState","Promise","_dispatchChanges"],"mappings":"+ZAyGaA,EAASC,EAlGNC,GAA0C,CAAAC,EAoBvDC,KAAQ,IApBgDC,QACvDA,EAAOC,QACPA,EAAOC,MACPA,EAAKC,KACLA,EAAO,OAAMC,MACbA,EAAKC,UACLA,EAASC,UACTA,EAASC,SACTA,EAAW,IAAGC,eAEdA,EAAcC,aAEdA,EAAYC,QAEZA,EAAOC,aAEPA,EAAYC,MAEZA,GAEHd,EADMe,EAAIC,EAAAhB,EAAAiB,GAEP,MAAMC,EAAaC,GAAgBC,GAASA,EAAMC,OAAOnB,KACnDoB,EAAQC,IAERC,EAAWC,GAAQ,KACrB,IAAIX,EAAYF,EAEH,aAATP,EAAqBO,EAAUM,EAAWJ,QAAS,EAClDA,EAAQI,EAAWJ,OAAS,GAEjC,MAAMY,EAAMC,EAAAA,KACLZ,GAAI,GAAA,CACPV,OACAuB,KAAM1B,EACNY,QACAF,UACAX,MACA,eAAgBiB,EAAWW,MAC3B,gBAAiBX,EAAWY,SAC5B1B,MAAOA,GAASc,EAAWa,YA+B/B,OA5BKT,EAAMU,SAASxB,WAAcA,IAC9BkB,EAAOO,OAASlB,EAAKkB,OAChBC,IACGZ,EAAMU,SAASG,EAAWjB,EAAYgB,GACtCnB,EAAKkB,OAAQC,EAAE,EACdA,IACDZ,EAAMU,SAASG,EAAWjB,EAAYgB,EAAE,EAGhDR,EAAOU,UAAYrB,EAAKqB,UACnBF,IACGA,EAAEG,iBACFf,EAAMU,SAASG,EAAWjB,EAAYgB,GACtCnB,EAAKqB,UAAWF,EAAE,EACjBA,IACDA,EAAEG,iBACFf,EAAMU,SAASG,EAAWjB,EAAYgB,EAAE,EAGhDR,EAAOY,SAAWvB,EAAKuB,SACnB,CAACJ,EAAGK,KACAjB,EAAMU,SAASQ,EAAoBtB,EAAYgB,EAAGK,GAClDxB,EAAKuB,SAAUJ,EAAE,EACjB,CAACA,EAAGK,KACJjB,EAAMU,SAASQ,EAAoBtB,EAAYgB,EAAGK,EAAQ,GAIlEpC,EACQA,EAAkFe,EAAYQ,GAItGe,EAAAC,cAAA,QAAWhB,EAAU,GAE1B,CAACR,EAAYf,IAEVwC,EAAaxB,EAAgByB,EAAiBrC,IAC9CsC,EAAkBpB,GAAQ,IAAMqB,KAAKC,UAAUJ,IAAa,CAACA,IAenE,OAbAK,GAAU,KACF1C,GACA2C,EAAUxC,EAAU,GAAGS,EAAWgC,aAAaC,MAAK,KAChD,MAAMC,EAAM9C,EAAMY,EAAYI,EAAM+B,WAAWhC,QAC3C+B,aAAeE,QACfF,EAAID,MAAM/B,GAAUA,GAASE,EAAMU,SAASuB,EAAiBnC,EAAOlB,KAC7DkD,GACP9B,EAAMU,SAASuB,EAAiBH,EAAKlD,EACzC,GAER,GACD,CAAC2C,IAEGrB,CAAQ"}

package/dist/esm/GValidator.production.js

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/esm/defineProperty";let e,s;class i{get handlers(){return this.t}get constraintHandlers(){return this.i}get asyncHandlers(){return this.h}constructor(e){t(this,"_handlers",void 0),t(this,"_constraintHandlers",void 0),t(this,"_asyncHandlers",void 0),t(this,"track",void 0);const s=(null==e?void 0:e.handlers)||[],i=(null==e?void 0:e.constraintHandlers)||[],r=(null==e?void 0:e.asyncHandlers)||[];this.t=(new Array).concat(s),this.i=(new Array).concat(i),this.h=(new Array).concat(r),delete this.track}withRequiredMessage(t){return this.o("valueMissing",t)}withMaxLengthMessage(t){return this.o("tooLong",t)}withMinLengthMessage(t){return this.o("tooShort",t)}withPatternMismatchMessage(t){return this.o("patternMismatch",t)}withBadInputMessage(t){return this.o("badInput",t)}withRangeUnderflowMessage(t){return this.o("rangeUnderflow",t)}withRangeOverflowMessage(t){return this.o("rangeOverflow",t)}withTypeMismatchMessage(t){return this.o("typeMismatch",t)}withStepMismatchMessage(t){return this.o("stepMismatch",t)}withCustomValidation(t){return this.t.push(t),this}withCustomValidationAsync(t){return this.h.push(t),this}o(t,e){return this.i.push(((s,i)=>i===t&&(s.errorText="string"==typeof e?e:e(s),!0))),this}}export{i as GValidator,e as handlersMap,s as validityMap};
+import t from"@babel/runtime/helpers/esm/defineProperty";let e,s;class i{get handlers(){return this.t}get constraintHandlers(){return this.i}get asyncHandlers(){return this.h}constructor(e){t(this,"_handlers",void 0),t(this,"_constraintHandlers",void 0),t(this,"_asyncHandlers",void 0),t(this,"track",void 0);const s=(null==e?void 0:e.handlers)||[],i=(null==e?void 0:e.constraintHandlers)||[],r=(null==e?void 0:e.asyncHandlers)||[];this.t=[].concat(s),this.i=[].concat(i),this.h=[].concat(r),delete this.track}withRequiredMessage(t){return this.o("valueMissing",t)}withMaxLengthMessage(t){return this.o("tooLong",t)}withMinLengthMessage(t){return this.o("tooShort",t)}withPatternMismatchMessage(t){return this.o("patternMismatch",t)}withBadInputMessage(t){return this.o("badInput",t)}withRangeUnderflowMessage(t){return this.o("rangeUnderflow",t)}withRangeOverflowMessage(t){return this.o("rangeOverflow",t)}withTypeMismatchMessage(t){return this.o("typeMismatch",t)}withStepMismatchMessage(t){return this.o("stepMismatch",t)}withCustomValidation(t){return this.t.push(t),this}withCustomValidationAsync(t){return this.h.push(t),this}o(t,e){return this.i.push(((s,i)=>i===t&&(s.errorText="string"==typeof e?e:e(s),!0))),this}}export{i as GValidator,e as handlersMap,s as validityMap};
 //# sourceMappingURL=GValidator.production.js.map

package/dist/esm/GValidator.production.js.map

@@ -1 +1 @@
-{"version":3,"file":"GValidator.production.js","sources":["../../src/validations/GValidator.ts"],"sourcesContent":["import type { GConstraintValidator, GConstraintValidatorHandler, GCustomValidatorHandler, GCustomValidatorHandlerAsync } from \".\";\r\n\r\nexport let handlersMap: { [key: string]: string };\r\nexport let validityMap: { [key in keyof Partial<ValidityState>]: any };\r\n\r\nif (__DEV__) {\r\n    handlersMap = {\r\n        minLength: 'withMinLengthMessage',\r\n        maxLength: 'withMaxLengthMessage',\r\n        required: 'withRequiredMessage',\r\n        pattern: 'withPatternMismatchMessage',\r\n        min: 'withRangeUnderflowMessage',\r\n        max: 'withRangeOverflowMessage',\r\n        step: 'withStepMismatchMessage'\r\n    };\r\n    validityMap = {\r\n        tooShort: 'minLength',\r\n        valueMissing: 'required',\r\n        tooLong: 'maxLength',\r\n        patternMismatch: 'pattern',\r\n        rangeOverflow: 'max',\r\n        rangeUnderflow: 'min',\r\n        stepMismatch: 'step'\r\n    };\r\n}\r\n\r\n/**a class for handling validations for input(s)\r\n * @example\r\n * const baseValidator = new GValidator().withRequiredMessage('this field is required');\r\n *\r\n * const validators: GValidators<SignInForm> = {\r\n *     username: new GValidator(baseValidator).withMinLengthMessage('...'),\r\n *     '*': baseValidator // a default validator for all other fields in the form\r\n * };\r\n */\r\nexport class GValidator<T = any> {\r\n    private _handlers: GCustomValidatorHandler<T>[];\r\n    private _constraintHandlers: GConstraintValidatorHandler[];\r\n    private _asyncHandlers: GCustomValidatorHandlerAsync<T>[];\r\n    track?: (keyof ValidityState)[];\r\n\r\n    get handlers() {\r\n        return this._handlers;\r\n    }\r\n\r\n    get constraintHandlers() {\r\n        return this._constraintHandlers;\r\n    }\r\n\r\n    get asyncHandlers() {\r\n        return this._asyncHandlers;\r\n    }\r\n\r\n    constructor(baseValidator?: GValidator<T>) {\r\n        const baseHandlers = baseValidator?.handlers || [];\r\n        const baseConstraintHandlers = baseValidator?.constraintHandlers || [];\r\n        const baseHandlersAsync = baseValidator?.asyncHandlers || [];\r\n\r\n        this._handlers = new Array<GCustomValidatorHandler<T>>().concat(baseHandlers);\r\n        this._constraintHandlers = new Array<GConstraintValidatorHandler>().concat(baseConstraintHandlers);\r\n        this._asyncHandlers = new Array<GCustomValidatorHandlerAsync<T>>().concat(baseHandlersAsync);\r\n\r\n        if (__DEV__) {\r\n            this.track = [];\r\n            if (baseValidator?.track) {\r\n                this.track = this.track.concat(baseValidator.track);\r\n            }\r\n        } else {\r\n            delete this.track;\r\n        }\r\n    }\r\n\r\n    /**register a `valueMissing` violation handler (use this with `required` attribute) */\r\n    withRequiredMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('valueMissing', message);\r\n    }\r\n\r\n    /**register a `tooLong` violation handler (use this with `maxLength` attribute) */\r\n    withMaxLengthMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('tooLong', message);\r\n    }\r\n\r\n    /**register a `tooShort` violation handler (use this with `minLength` attribute)*/\r\n    withMinLengthMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('tooShort', message);\r\n    }\r\n\r\n    /**register a `patternMismatch` violation handler (use this with `pattern` attribute)*/\r\n    withPatternMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('patternMismatch', message);\r\n    }\r\n\r\n    /**register a `badInput` violation handler */\r\n    withBadInputMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('badInput', message);\r\n    }\r\n\r\n    /**register a `rangeUnderflow` violation handler (use this with `min` attribute) */\r\n    withRangeUnderflowMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('rangeUnderflow', message);\r\n    }\r\n\r\n    /**register a `rangeOverflow` violation handler (use this with `max` attribute) */\r\n    withRangeOverflowMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('rangeOverflow', message);\r\n    }\r\n\r\n    /**register a `typeMismatch` violation handler */\r\n    withTypeMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('typeMismatch', message);\r\n    }\r\n\r\n    /**register a `stepMismatch` violation handler (use this with `step` attribute)*/\r\n    withStepMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('stepMismatch', message);\r\n    }\r\n\r\n    /**register a custom validation handler */\r\n    withCustomValidation(handler: GCustomValidatorHandler<T>): GValidator<T> {\r\n        this._handlers.push(handler);\r\n        return this;\r\n    }\r\n    /**register a custom validation async handler */\r\n    withCustomValidationAsync(handler: GCustomValidatorHandlerAsync<T>): GValidator<T> {\r\n        this._asyncHandlers.push(handler);\r\n        return this;\r\n    }\r\n\r\n    private __addConstraintValidationHandler(validityKey: keyof ValidityState, message: string | GConstraintValidator): GValidator<T> {\r\n        if (__DEV__ && this.track) {\r\n            if (this.track.includes(validityKey)) {\r\n                console.warn(`[Duplicate Handlers] - handler for '${validityKey}' has already been defined`);\r\n            }\r\n            this.track.push(validityKey);\r\n        }\r\n        this._constraintHandlers.push((input, key) => {\r\n            if (__DEV__) {\r\n                if (validityKey && validityMap[validityKey] && typeof input[validityMap[validityKey]] === 'undefined') {\r\n                    console.warn(`[Missing Prop] - the input '${input.formKey}' has registered validator for the violation '${validityKey}' but the input hasn't described the constraint '${validityMap[validityKey]}'.\\nadd '${validityMap[validityKey]}' to the input props.\\nexample:\\n<GInput formKey='${input.formKey}' ${validityMap[validityKey]}={...} />\\n\\nor either remove '.${handlersMap[validityMap[validityKey]]}(...)' validation`);\r\n                }\r\n            }\r\n\r\n            if (key === validityKey) {\r\n                input.errorText = typeof message === 'string' ? message : message(input);\r\n                return true;\r\n            }\r\n            return false;\r\n        });\r\n\r\n        return this;\r\n    }\r\n}"],"names":["handlersMap","validityMap","GValidator","handlers","this","_handlers","constraintHandlers","_constraintHandlers","asyncHandlers","_asyncHandlers","constructor","baseValidator","_defineProperty","baseHandlers","baseConstraintHandlers","baseHandlersAsync","Array","concat","track","withRequiredMessage","message","__addConstraintValidationHandler","withMaxLengthMessage","withMinLengthMessage","withPatternMismatchMessage","withBadInputMessage","withRangeUnderflowMessage","withRangeOverflowMessage","withTypeMismatchMessage","withStepMismatchMessage","withCustomValidation","handler","push","withCustomValidationAsync","validityKey","input","key","errorText"],"mappings":"6DAEWA,EACAC,EAgCJ,MAAMC,EAMLC,eACA,OAAOC,KAAKC,CAChB,CAEIC,yBACA,OAAOF,KAAKG,CAChB,CAEIC,oBACA,OAAOJ,KAAKK,CAChB,CAEAC,YAAYC,GAA+BC,EAAAR,KAAA,iBAAA,GAAAQ,EAAAR,KAAA,2BAAA,GAAAQ,EAAAR,KAAA,sBAAA,GAAAQ,EAAAR,KAAA,aAAA,GACvC,MAAMS,GAAeF,aAAa,EAAbA,EAAeR,WAAY,GAC1CW,GAAyBH,aAAa,EAAbA,EAAeL,qBAAsB,GAC9DS,GAAoBJ,aAAa,EAAbA,EAAeH,gBAAiB,GAE1DJ,KAAKC,GAAY,IAAIW,OAAoCC,OAAOJ,GAChET,KAAKG,GAAsB,IAAIS,OAAqCC,OAAOH,GAC3EV,KAAKK,GAAiB,IAAIO,OAAyCC,OAAOF,UAQ/DX,KAAKc,KAEpB,CAGAC,oBAAoBC,GAChB,OAAOhB,KAAKiB,EAAiC,eAAgBD,EACjE,CAGAE,qBAAqBF,GACjB,OAAOhB,KAAKiB,EAAiC,UAAWD,EAC5D,CAGAG,qBAAqBH,GACjB,OAAOhB,KAAKiB,EAAiC,WAAYD,EAC7D,CAGAI,2BAA2BJ,GACvB,OAAOhB,KAAKiB,EAAiC,kBAAmBD,EACpE,CAGAK,oBAAoBL,GAChB,OAAOhB,KAAKiB,EAAiC,WAAYD,EAC7D,CAGAM,0BAA0BN,GACtB,OAAOhB,KAAKiB,EAAiC,iBAAkBD,EACnE,CAGAO,yBAAyBP,GACrB,OAAOhB,KAAKiB,EAAiC,gBAAiBD,EAClE,CAGAQ,wBAAwBR,GACpB,OAAOhB,KAAKiB,EAAiC,eAAgBD,EACjE,CAGAS,wBAAwBT,GACpB,OAAOhB,KAAKiB,EAAiC,eAAgBD,EACjE,CAGAU,qBAAqBC,GAEjB,OADA3B,KAAKC,EAAU2B,KAAKD,GACb3B,IACX,CAEA6B,0BAA0BF,GAEtB,OADA3B,KAAKK,EAAeuB,KAAKD,GAClB3B,IACX,CAEQiB,EAAiCa,EAAkCd,GAqBvE,OAdAhB,KAAKG,EAAoByB,MAAK,CAACG,EAAOC,IAO9BA,IAAQF,IACRC,EAAME,UAA+B,iBAAZjB,EAAuBA,EAAUA,EAAQe,IAC3D,KAKR/B,IACX"}
+{"version":3,"file":"GValidator.production.js","sources":["../../src/validations/GValidator.ts"],"sourcesContent":["import type { GConstraintValidator, GConstraintValidatorHandler, GCustomValidatorHandler, GCustomValidatorHandlerAsync } from \".\";\r\n\r\nexport let handlersMap: { [key: string]: string };\r\nexport let validityMap: { [key in keyof Partial<ValidityState>]: any };\r\n\r\nif (__DEV__) {\r\n    handlersMap = {\r\n        minLength: 'withMinLengthMessage',\r\n        maxLength: 'withMaxLengthMessage',\r\n        required: 'withRequiredMessage',\r\n        pattern: 'withPatternMismatchMessage',\r\n        min: 'withRangeUnderflowMessage',\r\n        max: 'withRangeOverflowMessage',\r\n        step: 'withStepMismatchMessage'\r\n    };\r\n    validityMap = {\r\n        tooShort: 'minLength',\r\n        valueMissing: 'required',\r\n        tooLong: 'maxLength',\r\n        patternMismatch: 'pattern',\r\n        rangeOverflow: 'max',\r\n        rangeUnderflow: 'min',\r\n        stepMismatch: 'step'\r\n    };\r\n}\r\n\r\n/**a class for handling validations for input(s)\r\n * @example\r\n * const baseValidator = new GValidator().withRequiredMessage('this field is required');\r\n *\r\n * const validators: GValidators<SignInForm> = {\r\n *     username: new GValidator(baseValidator).withMinLengthMessage('...'),\r\n *     '*': baseValidator // a default validator for all other fields in the form\r\n * };\r\n */\r\nexport class GValidator<T = any> {\r\n    private _handlers: GCustomValidatorHandler<T>[];\r\n    private _constraintHandlers: GConstraintValidatorHandler[];\r\n    private _asyncHandlers: GCustomValidatorHandlerAsync<T>[];\r\n    track?: (keyof ValidityState)[];\r\n\r\n    get handlers() {\r\n        return this._handlers;\r\n    }\r\n\r\n    get constraintHandlers() {\r\n        return this._constraintHandlers;\r\n    }\r\n\r\n    get asyncHandlers() {\r\n        return this._asyncHandlers;\r\n    }\r\n\r\n    constructor(baseValidator?: GValidator<T>) {\r\n        const baseHandlers = baseValidator?.handlers || [];\r\n        const baseConstraintHandlers = baseValidator?.constraintHandlers || [];\r\n        const baseHandlersAsync = baseValidator?.asyncHandlers || [];\r\n\r\n        this._handlers = [].concat(baseHandlers as any);\r\n        this._constraintHandlers = [].concat(baseConstraintHandlers as any);\r\n        this._asyncHandlers = [].concat(baseHandlersAsync as any);\r\n\r\n        if (__DEV__) {\r\n            this.track = [];\r\n            if (baseValidator?.track) {\r\n                this.track = this.track.concat(baseValidator.track);\r\n            }\r\n        } else {\r\n            delete this.track;\r\n        }\r\n    }\r\n\r\n    /**register a `valueMissing` violation handler (use this with `required` attribute) */\r\n    withRequiredMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('valueMissing', message);\r\n    }\r\n\r\n    /**register a `tooLong` violation handler (use this with `maxLength` attribute) */\r\n    withMaxLengthMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('tooLong', message);\r\n    }\r\n\r\n    /**register a `tooShort` violation handler (use this with `minLength` attribute)*/\r\n    withMinLengthMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('tooShort', message);\r\n    }\r\n\r\n    /**register a `patternMismatch` violation handler (use this with `pattern` attribute)*/\r\n    withPatternMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('patternMismatch', message);\r\n    }\r\n\r\n    /**register a `badInput` violation handler */\r\n    withBadInputMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('badInput', message);\r\n    }\r\n\r\n    /**register a `rangeUnderflow` violation handler (use this with `min` attribute) */\r\n    withRangeUnderflowMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('rangeUnderflow', message);\r\n    }\r\n\r\n    /**register a `rangeOverflow` violation handler (use this with `max` attribute) */\r\n    withRangeOverflowMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('rangeOverflow', message);\r\n    }\r\n\r\n    /**register a `typeMismatch` violation handler */\r\n    withTypeMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('typeMismatch', message);\r\n    }\r\n\r\n    /**register a `stepMismatch` violation handler (use this with `step` attribute)*/\r\n    withStepMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n        return this.__addConstraintValidationHandler('stepMismatch', message);\r\n    }\r\n\r\n    /**register a custom validation handler */\r\n    withCustomValidation(handler: GCustomValidatorHandler<T>): GValidator<T> {\r\n        this._handlers.push(handler);\r\n        return this;\r\n    }\r\n    /**register a custom validation async handler */\r\n    withCustomValidationAsync(handler: GCustomValidatorHandlerAsync<T>): GValidator<T> {\r\n        this._asyncHandlers.push(handler);\r\n        return this;\r\n    }\r\n\r\n    private __addConstraintValidationHandler(validityKey: keyof ValidityState, message: string | GConstraintValidator): GValidator<T> {\r\n        if (__DEV__ && this.track) {\r\n            if (this.track.includes(validityKey)) {\r\n                console.warn(`[Duplicate Handlers] - handler for '${validityKey}' has already been defined`);\r\n            }\r\n            this.track.push(validityKey);\r\n        }\r\n        this._constraintHandlers.push((input, key) => {\r\n            if (__DEV__) {\r\n                if (validityKey && validityMap[validityKey] && typeof input[validityMap[validityKey]] === 'undefined') {\r\n                    console.warn(`[Missing Prop] - the input '${input.formKey}' has registered validator for the violation '${validityKey}' but the input hasn't described the constraint '${validityMap[validityKey]}'.\\nadd '${validityMap[validityKey]}' to the input props.\\nexample:\\n<GInput formKey='${input.formKey}' ${validityMap[validityKey]}={...} />\\n\\nor either remove '.${handlersMap[validityMap[validityKey]]}(...)' validation`);\r\n                }\r\n            }\r\n\r\n            if (key === validityKey) {\r\n                input.errorText = typeof message === 'string' ? message : message(input);\r\n                return true;\r\n            }\r\n            return false;\r\n        });\r\n\r\n        return this;\r\n    }\r\n}"],"names":["handlersMap","validityMap","GValidator","handlers","this","_handlers","constraintHandlers","_constraintHandlers","asyncHandlers","_asyncHandlers","constructor","baseValidator","_defineProperty","baseHandlers","baseConstraintHandlers","baseHandlersAsync","concat","track","withRequiredMessage","message","__addConstraintValidationHandler","withMaxLengthMessage","withMinLengthMessage","withPatternMismatchMessage","withBadInputMessage","withRangeUnderflowMessage","withRangeOverflowMessage","withTypeMismatchMessage","withStepMismatchMessage","withCustomValidation","handler","push","withCustomValidationAsync","validityKey","input","key","errorText"],"mappings":"6DAEWA,EACAC,EAgCJ,MAAMC,EAMLC,eACA,OAAOC,KAAKC,CAChB,CAEIC,yBACA,OAAOF,KAAKG,CAChB,CAEIC,oBACA,OAAOJ,KAAKK,CAChB,CAEAC,YAAYC,GAA+BC,EAAAR,KAAA,iBAAA,GAAAQ,EAAAR,KAAA,2BAAA,GAAAQ,EAAAR,KAAA,sBAAA,GAAAQ,EAAAR,KAAA,aAAA,GACvC,MAAMS,GAAeF,aAAa,EAAbA,EAAeR,WAAY,GAC1CW,GAAyBH,aAAa,EAAbA,EAAeL,qBAAsB,GAC9DS,GAAoBJ,aAAa,EAAbA,EAAeH,gBAAiB,GAE1DJ,KAAKC,EAAY,GAAGW,OAAOH,GAC3BT,KAAKG,EAAsB,GAAGS,OAAOF,GACrCV,KAAKK,EAAiB,GAAGO,OAAOD,UAQrBX,KAAKa,KAEpB,CAGAC,oBAAoBC,GAChB,OAAOf,KAAKgB,EAAiC,eAAgBD,EACjE,CAGAE,qBAAqBF,GACjB,OAAOf,KAAKgB,EAAiC,UAAWD,EAC5D,CAGAG,qBAAqBH,GACjB,OAAOf,KAAKgB,EAAiC,WAAYD,EAC7D,CAGAI,2BAA2BJ,GACvB,OAAOf,KAAKgB,EAAiC,kBAAmBD,EACpE,CAGAK,oBAAoBL,GAChB,OAAOf,KAAKgB,EAAiC,WAAYD,EAC7D,CAGAM,0BAA0BN,GACtB,OAAOf,KAAKgB,EAAiC,iBAAkBD,EACnE,CAGAO,yBAAyBP,GACrB,OAAOf,KAAKgB,EAAiC,gBAAiBD,EAClE,CAGAQ,wBAAwBR,GACpB,OAAOf,KAAKgB,EAAiC,eAAgBD,EACjE,CAGAS,wBAAwBT,GACpB,OAAOf,KAAKgB,EAAiC,eAAgBD,EACjE,CAGAU,qBAAqBC,GAEjB,OADA1B,KAAKC,EAAU0B,KAAKD,GACb1B,IACX,CAEA4B,0BAA0BF,GAEtB,OADA1B,KAAKK,EAAesB,KAAKD,GAClB1B,IACX,CAEQgB,EAAiCa,EAAkCd,GAqBvE,OAdAf,KAAKG,EAAoBwB,MAAK,CAACG,EAAOC,IAO9BA,IAAQF,IACRC,EAAME,UAA+B,iBAAZjB,EAAuBA,EAAUA,EAAQe,IAC3D,KAKR9B,IACX"}