gform-react 2.6.3 → 2.7.2

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

@@ -1 +1 @@
-{"version":3,"file":"GForm.production.js","sources":["../../src/GForm.tsx"],"sourcesContent":["import React, {forwardRef, useCallback, useEffect, useMemo, useRef} from \"react\";\r\nimport type {ChangeEvent, ClipboardEvent, FormEvent, ReactNode, RefObject, DetailedHTMLProps, FormHTMLAttributes, KeyboardEvent} from \"react\";\r\n\r\nimport {useFormSelector, GFormContextProvider, useFormStore} from \"./form-context\";\r\nimport {_buildFormInitialValues, _merge, _toFormData, _toRawData, _toURLSearchParams, _checkIfFormIsValid, _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 \"./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 fields = useFormSelector(state => state.fields) as IForm<T>;\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 isFormValid= _checkIfFormIsValid(fields);\r\n\r\n            const formState: GFormState<T> = {\r\n                ...fields,\r\n                isValid: isFormValid,\r\n                isInvalid: !isFormValid,\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        }, [fields]);\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 {...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(`DEV ONLY - [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 initialState={initialState} validators={validators} 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","fields","useFormSelector","state","refHandler","useCallback","element","current","getFormState","isFormValid","_checkIfFormIsValid","formState","_objectSpread","isValid","isInvalid","toRawData","options","_toRawData","toFormData","_toFormData","toURLSearchParams","_toURLSearchParams","checkValidity","this","dispatchChanges","changes","_dispatchChanges","_merge","formComponent","useMemo","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"],"mappings":"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"}
+{"version":3,"file":"GForm.production.js","sources":["../../src/GForm.tsx"],"sourcesContent":["import React, {forwardRef, useEffect, useMemo, useRef} from \"react\";\r\nimport type {ForwardedRef, ChangeEvent, ClipboardEvent, FormEvent, ReactNode, RefObject, DetailedHTMLProps, FormHTMLAttributes, KeyboardEvent} from \"react\";\r\n\r\nimport {useFormSelector, GFormContextProvider, useFormStore} from \"./form-context\";\r\nimport {_buildFormInitialValues, _merge, _hasSubmitter, _mergeRefs, _buildFormState} from \"./helpers\";\r\nimport type {GFormState} from \"./state\";\r\nimport type {GChangeEvent, IForm, PartialForm} from \"./form\";\r\nimport type {GInputState} from \"./fields\";\r\nimport type {GValidators} from \"./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: ForwardedRef<HTMLFormElement>) => {\r\n        const formRef = useRef<HTMLFormElement>(null);\r\n        const {handlers, getState} = useFormStore();\r\n        const fields = useFormSelector(state => state.fields) as IForm<T>;\r\n\r\n        const formComponent = useMemo(() => {\r\n            const state = _buildFormState(fields, formRef.current!, handlers._dispatchChanges);\r\n            const formChildren = typeof children === 'function' ? children(state) : children;\r\n\r\n            const _onSubmit = (e: FormEvent<HTMLFormElement>) => {\r\n                const state = _buildFormState(fields, formRef.current!, handlers._dispatchChanges);\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 (stateRef) stateRef.current = state;\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 as keyof T], 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 as keyof T], e, unknown);\r\n                    };\r\n                }\r\n                return (\r\n                    <form {...rest}\r\n                        ref={_mergeRefs(ref, formRef)}\r\n                        onPaste={_onPaste}\r\n                        onKeyDown={_onKeyDown}\r\n                        onKeyUp={_onKeyUp}\r\n                        onBlur={(e: GChangeEvent<HTMLFormElement>) => handlers._viHandler(state[e.target.name as keyof T], e)}\r\n                        onInvalid={(e: ChangeEvent<HTMLFormElement>) => {\r\n                            e.preventDefault(); // hide default browser validation tooltip\r\n                            handlers._viHandler(state[e.target.name as keyof T], 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={_mergeRefs(ref, formRef)}\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, fields]);\r\n\r\n        useEffect(() => {\r\n            const initialStateFields = getState<T>().fields;\r\n            const state = _buildFormState<T>(initialStateFields, formRef.current!, handlers._dispatchChanges);\r\n\r\n            if (__DEV__ && !_hasSubmitter(formRef.current)) {\r\n                console.warn(`DEV ONLY - [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\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        }, []);\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 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: ForwardedRef<HTMLFormElement>) => {\r\n        const initialState = useMemo(() => {\r\n            return _buildFormInitialValues<T>(\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 initialState={initialState} validators={validators} 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","handlers","getState","useFormStore","fields","useFormSelector","state","formComponent","useMemo","_buildFormState","current","_dispatchChanges","formChildren","_onSubmit","e","isValid","_onPaste","_onChange","_onKeyDown","_onKeyUp","optimized","unknown","_updateInputHandler","target","name","React","createElement","_extends","_mergeRefs","onBlur","_viHandler","onInvalid","preventDefault","useEffect","initialStateFields","changes","_handler","_c","_merge","Promise","then","fieldKey","field","value","GForm","_ref2","validators","props","_excluded2","initialState","_buildFormInitialValues","GFormContextProvider"],"mappings":"gdAUMA,EAAeC,GACjB,CAAAC,EAUkBC,KAAuC,IAVnDC,SACFA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,QACRA,EAAOC,UACPA,EAASC,QACTA,EAAOC,SACPA,EAAQC,OACRA,GAEYT,EADTU,EAAIC,EAAAX,EAAAY,GAEP,MAAMC,EAAUC,EAAwB,OAClCC,SAACA,EAAQC,SAAEA,GAAYC,IACvBC,EAASC,GAAgBC,GAASA,EAAMF,SAExCG,EAAgBC,GAAQ,KAC1B,MAAMF,EAAQG,EAAgBL,EAAQL,EAAQW,QAAUT,EAASU,kBAC3DC,EAAmC,mBAAblB,EAA0BA,EAASY,GAASZ,EAElEmB,EAAaC,IACf,MAAMR,EAAQG,EAAgBL,EAAQL,EAAQW,QAAUT,EAASU,kBAC7DL,EAAMS,SAAW1B,GACjBA,EAASiB,EAAOQ,EACpB,EAGJ,IAAIE,EAAUC,EAAWC,EAAYC,EAgBrC,OAdI5B,IACAyB,EAAYF,GAAuCvB,EAAQe,EAAOQ,IAGlEtB,IACA0B,EAAcJ,GAAsCtB,EAAUc,EAAOQ,IAGrErB,IACA0B,EAAYL,GAAsCrB,EAAQa,EAAOQ,IAGjE1B,IAAUA,EAASsB,QAAUJ,GAE7BL,EAASmB,WAELH,EADA3B,EACY2B,CAACH,EAAkCO,KAC3CpB,EAASqB,oBAAoBhB,EAAMQ,EAAES,OAAOC,MAAkBV,EAAGO,GACjE/B,EAASgB,EAAOQ,EAAE,EAGVG,CAACH,EAAkCO,KAC3CpB,EAASqB,oBAAoBhB,EAAMQ,EAAES,OAAOC,MAAkBV,EAAGO,EAAQ,EAI7EI,EAAAC,cAAA,OAAAC,KAAU/B,EAAI,CACVT,IAAKyC,EAAWzC,EAAKY,GACrBR,QAASyB,EACTxB,UAAW0B,EACXzB,QAAS0B,EACTU,OAASf,GAAqCb,EAAS6B,WAAWxB,EAAMQ,EAAES,OAAOC,MAAkBV,GACnGiB,UAAYjB,IACRA,EAAEkB,iBACF/B,EAAS6B,WAAWxB,EAAMQ,EAAES,OAAOC,MAAkBV,EAAE,EAE3DxB,SAAU2B,EACV5B,SAAUwB,IACTD,KAKTtB,IACA2B,EAAaH,GAAqCxB,EAASgB,EAAOQ,IAIlEW,EAAAC,cAAA,OAAAC,KAAU/B,EAAI,CACVT,IAAKyC,EAAWzC,EAAKY,GACrBV,SAAUwB,EACVvB,SAAU2B,EACV1B,QAASyB,EACTxB,UAAW0B,EACXzB,QAAS0B,IACRP,GACE,GAEZ,CAAClB,EAAUU,IA8Cd,OA5CA6B,GAAU,KACN,MAAMC,EAAqBhC,IAAcE,OACnCE,EAAQG,EAAmByB,EAAoBnC,EAAQW,QAAUT,EAASU,kBAMhF,GAAIhB,EAAQ,CACR,MAAMwC,EAAUxC,EAAOW,GACvB,GAAI6B,EAAS,CACT,MAAMC,EAAYC,GAA8BpC,EAASU,iBAAiB,CACtEP,OAAQkC,EAEL,GAAIhC,EAAO+B,KAEdF,aAAmBI,QACnBJ,EAAQK,KAAKJ,GACVA,EAASD,EACpB,CACJ,CAMA,IAAK,MAAMM,KAAYrC,EAAQ,CAC3B,MAAMsC,EAAQtC,EAAOqC,GAGhBC,EAAMC,OAUX1C,EAAS6B,WAAWY,EACxB,IACD,IAEInC,CAAa,IAoCfqC,EAAQ3D,GACjB,CAAA4D,EAAkE1D,KAAuC,IAAnGO,SAACA,EAAQoD,WAAEA,EAAU1B,UAAEA,GAAmCyB,EAArBE,EAAKlD,EAAAgD,EAAAG,GAC5C,MAAMC,EAAezC,GAAQ,IAClB0C,EACiB,mBAAbxD,EACDA,EAAS,CAAA,GACTA,IAEX,CAACA,IAEJ,OACI+B,EAAAC,cAACyB,EAAoB,CAACF,aAAcA,EAAcH,WAAYA,EAAY1B,UAAWA,GACjFK,EAAAC,cAAC1C,EAAY2C,EAAA,CAACxC,IAAKA,GAAS4D,GACvBrD,GAEc"}

package/dist/esm/GInput.development.js

@@ -1,17 +1,18 @@
-import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import React, { forwardRef, useMemo, useEffect, memo } from 'react';
-import { h as createSelector, a as useFormSelector, u as useFormStore, i as _debounce } from './shared.development.js';
+import { f as createSelector, a as useFormSelector, u as useFormStore, g as _debounce } from './shared.development.js';
 import './GValidator.development.js';
-import '@babel/runtime/helpers/esm/defineProperty';
 
 const selectFields = [state => state.fields];
 const makeSelectFields = (keys = []) => createSelector(selectFields, fields => {
-  const selected = keys.map(key => fields[key]).filter(Boolean);
+  const selected = keys.map(key => JSON.stringify(fields[key].value)).join(', ');
   return selected.length ? selected : null;
 });
 
 const _excluded = ["formKey", "element", "title", "type", "fetch", "fetchDeps", "optimized", "debounce", "defaultChecked", "defaultValue", "checked", "validatorKey", "value"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const _GInput = forwardRef((_ref, ref) => {
   let {
       formKey,
@@ -84,7 +85,6 @@ const _GInput = forwardRef((_ref, ref) => {
     return React.createElement("input", _props);
   }, [inputState, element]);
   const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));
-  const stableFetchDeps = useMemo(() => JSON.stringify(_fetchDeps), [_fetchDeps]);
   useEffect(() => {
     if (fetch) {
       _debounce(debounce, `${inputState.gid}-fetch`).then(() => {
@@ -96,7 +96,7 @@ const _GInput = forwardRef((_ref, ref) => {
         }
       });
     }
-  }, [stableFetchDeps]);
+  }, [_fetchDeps]);
   return _element;
 });
 const GInput = memo(_GInput);

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

@@ -1 +1 @@
-{"version":3,"file":"GInput.development.js","sources":["../../src/selectors.ts","../../src/fields/GInput.tsx"],"sourcesContent":["import {createSelector} from \"./form-context\";\r\nimport type { 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, {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            if (!inputState.touched && inputState.dispatchChanges) {\r\n                _props.onFocus = rest.onFocus ?\r\n                    (e) => {\r\n                        rest.onFocus!(e);\r\n                        inputState.dispatchChanges({touched: true});\r\n                    }\r\n                    :\r\n                    () => {\r\n                        inputState.dispatchChanges({touched: true});\r\n                    };\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":["selectFields","state","fields","makeSelectFields","keys","createSelector","selected","map","key","filter","Boolean","length","_GInput","forwardRef","_ref","ref","formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value","rest","_objectWithoutProperties","_excluded","inputState","useFormSelector","store","useFormStore","_element","useMemo","_props","_objectSpread","name","error","required","errorText","handlers","onBlur","e","_viHandler","onInvalid","preventDefault","onChange","unknown","_updateInputHandler","touched","dispatchChanges","onFocus","React","createElement","_fetchDeps","stableFetchDeps","JSON","stringify","useEffect","_debounce","gid","then","res","getState","Promise","_dispatchChanges","GInput","memo"],"mappings":"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"}
+{"version":3,"file":"GInput.development.js","sources":["../../src/selectors.ts","../../src/fields/GInput.tsx"],"sourcesContent":["import {createSelector} from \"./form-context\";\r\nimport type {InitialState} from \"./state\";\r\n\r\nconst selectFields = [(state: InitialState) => state.fields];\r\n\r\nexport const makeSelectFields = (keys: string[] = []) =>\r\n    createSelector(\r\n        selectFields,\r\n        (fields) => {\r\n            const selected = keys.map((key) => JSON.stringify(fields[key].value)).join(', ');\r\n            return selected.length ? selected : null;\r\n        }\r\n    );","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            if (!inputState.touched && inputState.dispatchChanges) {\r\n                _props.onFocus = rest.onFocus ?\r\n                    (e) => {\r\n                        rest.onFocus!(e);\r\n                        inputState.dispatchChanges({touched: true});\r\n                    }\r\n                    :\r\n                    () => {\r\n                        inputState.dispatchChanges({touched: true});\r\n                    };\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\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    }, [_fetchDeps]);\r\n\r\n    return _element;\r\n});\r\n\r\nexport const GInput = memo(_GInput);"],"names":["selectFields","state","fields","makeSelectFields","keys","createSelector","selected","map","key","JSON","stringify","value","join","length","_GInput","forwardRef","_ref","ref","formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","rest","_objectWithoutProperties","_excluded","inputState","useFormSelector","store","useFormStore","_element","useMemo","_props","_objectSpread","name","error","required","errorText","handlers","onBlur","e","_viHandler","onInvalid","preventDefault","onChange","unknown","_updateInputHandler","touched","dispatchChanges","onFocus","React","createElement","_fetchDeps","useEffect","_debounce","gid","then","res","getState","Promise","_dispatchChanges","GInput","memo"],"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 a,{forwardRef as n,useMemo as r,useEffect as l,memo as d}from"react";import{g as o,a as i,u as s,h}from"./shared.production.js";const u=[e=>e.fields],c=["formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value"],p=d(n(((n,d)=>{let{formKey:p,element:f,title:m,type:v="text",fetch:g,fetchDeps:C,optimized:b,debounce:y=300,defaultChecked:_,defaultValue:k,checked:H,validatorKey:I,value:x}=n,B=t(n,c);const D=i((e=>e.fields[p])),K=s(),j=r((()=>{let t,n;"checkbox"===v?n=D.value||!1:t=D.value||"";const r=e(e({},B),{},{type:v,name:p,value:t,checked:n,ref:d,"aria-invalid":D.error,"aria-required":D.required,title:m||D.errorText});return K.handlers.optimized&&b||(r.onBlur=B.onBlur?e=>{K.handlers._viHandler(D,e),B.onBlur(e)}:e=>{K.handlers._viHandler(D,e)},r.onInvalid=B.onInvalid?e=>{e.preventDefault(),K.handlers._viHandler(D,e),B.onInvalid(e)}:e=>{e.preventDefault(),K.handlers._viHandler(D,e)},r.onChange=B.onChange?(e,t)=>{K.handlers._updateInputHandler(D,e,t),B.onChange(e)}:(e,t)=>{K.handlers._updateInputHandler(D,e,t)},!D.touched&&D.dispatchChanges&&(r.onFocus=B.onFocus?e=>{B.onFocus(e),D.dispatchChanges({touched:!0})}:()=>{D.dispatchChanges({touched:!0})})),f?f(D,r):a.createElement("input",r)}),[D,f]),z=i(((e=[])=>o(u,(t=>{const a=e.map((e=>t[e])).filter(Boolean);return a.length?a:null})))(C)),F=r((()=>JSON.stringify(z)),[z]);return l((()=>{g&&h(y,`${D.gid}-fetch`).then((()=>{const e=g(D,K.getState().fields);e instanceof Promise?e.then((e=>e&&K.handlers._dispatchChanges(e,p))):e&&K.handlers._dispatchChanges(e,p)}))}),[F]),j})));export{p as GInput};
+import e from"@babel/runtime/helpers/esm/defineProperty";import t from"@babel/runtime/helpers/esm/objectWithoutProperties";import r,{forwardRef as n,useMemo as a,useEffect as o,memo as l}from"react";import{e as i,a as c,u as s,f as d}from"./shared.production.js";const u=[e=>e.fields],h=["formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function f(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?p(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}const m=l(n(((e,n)=>{let{formKey:l,element:p,title:m,type:b="text",fetch:v,fetchDeps:y,optimized:g,debounce:O=300,defaultChecked:j,defaultValue:P,checked:C,validatorKey:D,value:_}=e,k=t(e,h);const w=c((e=>e.fields[l])),H=s(),I=a((()=>{let e,t;"checkbox"===b?t=w.value||!1:e=w.value||"";const a=f(f({},k),{},{type:b,name:l,value:e,checked:t,ref:n,"aria-invalid":w.error,"aria-required":w.required,title:m||w.errorText});return H.handlers.optimized&&g||(a.onBlur=k.onBlur?e=>{H.handlers._viHandler(w,e),k.onBlur(e)}:e=>{H.handlers._viHandler(w,e)},a.onInvalid=k.onInvalid?e=>{e.preventDefault(),H.handlers._viHandler(w,e),k.onInvalid(e)}:e=>{e.preventDefault(),H.handlers._viHandler(w,e)},a.onChange=k.onChange?(e,t)=>{H.handlers._updateInputHandler(w,e,t),k.onChange(e)}:(e,t)=>{H.handlers._updateInputHandler(w,e,t)},!w.touched&&w.dispatchChanges&&(a.onFocus=k.onFocus?e=>{k.onFocus(e),w.dispatchChanges({touched:!0})}:()=>{w.dispatchChanges({touched:!0})})),p?p(w,a):r.createElement("input",a)}),[w,p]),x=c(((e=[])=>i(u,(t=>{const r=e.map((e=>JSON.stringify(t[e].value))).join(", ");return r.length?r:null})))(y));return o((()=>{v&&d(O,`${w.gid}-fetch`).then((()=>{const e=v(w,H.getState().fields);e instanceof Promise?e.then((e=>e&&H.handlers._dispatchChanges(e,l))):e&&H.handlers._dispatchChanges(e,l)}))}),[x]),I})));export{m as GInput};
 //# sourceMappingURL=GInput.production.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GInput.production.js","sources":["../../src/selectors.ts","../../src/fields/GInput.tsx"],"sourcesContent":["import {createSelector} from \"./form-context\";\r\nimport type { 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, {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            if (!inputState.touched && inputState.dispatchChanges) {\r\n                _props.onFocus = rest.onFocus ?\r\n                    (e) => {\r\n                        rest.onFocus!(e);\r\n                        inputState.dispatchChanges({touched: true});\r\n                    }\r\n                    :\r\n                    () => {\r\n                        inputState.dispatchChanges({touched: true});\r\n                    };\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":["selectFields","state","fields","GInput","memo","forwardRef","_ref","ref","formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value","rest","_objectWithoutProperties","_excluded","inputState","useFormSelector","store","useFormStore","_element","useMemo","_props","_objectSpread","name","error","required","errorText","handlers","onBlur","e","_viHandler","onInvalid","preventDefault","onChange","unknown","_updateInputHandler","touched","dispatchChanges","onFocus","React","createElement","_fetchDeps","makeSelectFields","keys","createSelector","selected","map","key","filter","Boolean","length","stableFetchDeps","JSON","stringify","useEffect","_debounce","gid","then","res","getState","Promise","_dispatchChanges"],"mappings":"iQAGA,MAAMA,EAAe,CAAEC,GAAwBA,EAAMC,2JCkHxCC,EAASC,EA9GNC,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,GAAgBxB,GAASA,EAAMC,OAAOM,KACnDkB,EAAQC,IAERC,EAAWC,GAAQ,KACrB,IAAIT,EAAYF,EAEH,aAATP,EAAqBO,EAAUM,EAAWJ,QAAS,EAClDA,EAAQI,EAAWJ,OAAS,GAEjC,MAAMU,EAAMC,EAAAA,KACLV,GAAI,GAAA,CACPV,OACAqB,KAAMxB,EACNY,QACAF,UACAX,MACA,eAAgBiB,EAAWS,MAC3B,gBAAiBT,EAAWU,SAC5BxB,MAAOA,GAASc,EAAWW,YA2C/B,OAxCKT,EAAMU,SAAStB,WAAcA,IAC9BgB,EAAOO,OAAShB,EAAKgB,OAChBC,IACGZ,EAAMU,SAASG,WAAWf,EAAYc,GACtCjB,EAAKgB,OAAQC,EAAE,EACdA,IACDZ,EAAMU,SAASG,WAAWf,EAAYc,EAAE,EAGhDR,EAAOU,UAAYnB,EAAKmB,UACnBF,IACGA,EAAEG,iBACFf,EAAMU,SAASG,WAAWf,EAAYc,GACtCjB,EAAKmB,UAAWF,EAAE,EACjBA,IACDA,EAAEG,iBACFf,EAAMU,SAASG,WAAWf,EAAYc,EAAE,EAGhDR,EAAOY,SAAWrB,EAAKqB,SACnB,CAACJ,EAAGK,KACAjB,EAAMU,SAASQ,oBAAoBpB,EAAYc,EAAGK,GAClDtB,EAAKqB,SAAUJ,EAAE,EACjB,CAACA,EAAGK,KACJjB,EAAMU,SAASQ,oBAAoBpB,EAAYc,EAAGK,EAAQ,GAG7DnB,EAAWqB,SAAWrB,EAAWsB,kBAClChB,EAAOiB,QAAU1B,EAAK0B,QACjBT,IACGjB,EAAK0B,QAAST,GACdd,EAAWsB,gBAAgB,CAACD,SAAS,GAAM,EAG/C,KACIrB,EAAWsB,gBAAgB,CAACD,SAAS,GAAM,IAKvDpC,EACQA,EAAkFe,EAAYM,GAItGkB,EAAAC,cAAA,QAAWnB,EAAU,GAE1B,CAACN,EAAYf,IAEVyC,EAAazB,EDhFS0B,EAACC,EAAiB,KAC9CC,EACIrD,GACCE,IACG,MAAMoD,EAAWF,EAAKG,KAAKC,GAAQtD,EAAOsD,KAAMC,OAAOC,SACvD,OAAOJ,EAASK,OAASL,EAAW,IAAI,IC2EbH,CAAiBtC,IAC9C+C,EAAkB/B,GAAQ,IAAMgC,KAAKC,UAAUZ,IAAa,CAACA,IAenE,OAbAa,GAAU,KACFnD,GACAoD,EAAUjD,EAAU,GAAGS,EAAWyC,aAAaC,MAAK,KAChD,MAAMC,EAAMvD,EAAMY,EAAYE,EAAM0C,WAAWlE,QAC3CiE,aAAeE,QACfF,EAAID,MAAMjE,GAAUA,GAASyB,EAAMU,SAASkC,iBAAiBrE,EAAOO,KAC7D2D,GACPzC,EAAMU,SAASkC,iBAAiBH,EAAK3D,EACzC,GAER,GACD,CAACoD,IAEGhC,CAAQ"}
+{"version":3,"file":"GInput.production.js","sources":["../../src/selectors.ts","../../src/fields/GInput.tsx"],"sourcesContent":["import {createSelector} from \"./form-context\";\r\nimport type {InitialState} from \"./state\";\r\n\r\nconst selectFields = [(state: InitialState) => state.fields];\r\n\r\nexport const makeSelectFields = (keys: string[] = []) =>\r\n    createSelector(\r\n        selectFields,\r\n        (fields) => {\r\n            const selected = keys.map((key) => JSON.stringify(fields[key].value)).join(', ');\r\n            return selected.length ? selected : null;\r\n        }\r\n    );","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            if (!inputState.touched && inputState.dispatchChanges) {\r\n                _props.onFocus = rest.onFocus ?\r\n                    (e) => {\r\n                        rest.onFocus!(e);\r\n                        inputState.dispatchChanges({touched: true});\r\n                    }\r\n                    :\r\n                    () => {\r\n                        inputState.dispatchChanges({touched: true});\r\n                    };\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\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    }, [_fetchDeps]);\r\n\r\n    return _element;\r\n});\r\n\r\nexport const GInput = memo(_GInput);"],"names":["selectFields","state","fields","GInput","memo","forwardRef","_ref","ref","formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value","rest","_objectWithoutProperties","_excluded","inputState","useFormSelector","store","useFormStore","_element","useMemo","_props","_objectSpread","name","error","required","errorText","handlers","onBlur","e","_viHandler","onInvalid","preventDefault","onChange","unknown","_updateInputHandler","touched","dispatchChanges","onFocus","React","createElement","_fetchDeps","makeSelectFields","keys","createSelector","selected","map","key","JSON","stringify","join","length","useEffect","_debounce","gid","then","res","getState","Promise","_dispatchChanges"],"mappings":"uQAGA,MAAMA,EAAe,CAAEC,GAAwBA,EAAMC,0tBCIrD,MA6GaC,EAASC,EA7GNC,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,GAAgBxB,GAASA,EAAMC,OAAOM,KACnDkB,EAAQC,IAERC,EAAWC,GAAQ,KACrB,IAAIT,EAAYF,EAEH,aAATP,EAAqBO,EAAUM,EAAWJ,QAAS,EAClDA,EAAQI,EAAWJ,OAAS,GAEjC,MAAMU,EAAMC,EAAAA,KACLV,GAAI,GAAA,CACPV,OACAqB,KAAMxB,EACNY,QACAF,UACAX,MACA,eAAgBiB,EAAWS,MAC3B,gBAAiBT,EAAWU,SAC5BxB,MAAOA,GAASc,EAAWW,YA2C/B,OAxCKT,EAAMU,SAAStB,WAAcA,IAC9BgB,EAAOO,OAAShB,EAAKgB,OAChBC,IACGZ,EAAMU,SAASG,WAAWf,EAAYc,GACtCjB,EAAKgB,OAAQC,EAAE,EACdA,IACDZ,EAAMU,SAASG,WAAWf,EAAYc,EAAE,EAGhDR,EAAOU,UAAYnB,EAAKmB,UACnBF,IACGA,EAAEG,iBACFf,EAAMU,SAASG,WAAWf,EAAYc,GACtCjB,EAAKmB,UAAWF,EAAE,EACjBA,IACDA,EAAEG,iBACFf,EAAMU,SAASG,WAAWf,EAAYc,EAAE,EAGhDR,EAAOY,SAAWrB,EAAKqB,SACnB,CAACJ,EAAGK,KACAjB,EAAMU,SAASQ,oBAAoBpB,EAAYc,EAAGK,GAClDtB,EAAKqB,SAAUJ,EAAE,EACjB,CAACA,EAAGK,KACJjB,EAAMU,SAASQ,oBAAoBpB,EAAYc,EAAGK,EAAQ,GAG7DnB,EAAWqB,SAAWrB,EAAWsB,kBAClChB,EAAOiB,QAAU1B,EAAK0B,QACjBT,IACGjB,EAAK0B,QAAST,GACdd,EAAWsB,gBAAgB,CAACD,SAAS,GAAM,EAG/C,KACIrB,EAAWsB,gBAAgB,CAACD,SAAS,GAAM,IAKvDpC,EACQA,EAAkFe,EAAYM,GAItGkB,EAAAC,cAAA,QAAWnB,EAAU,GAE1B,CAACN,EAAYf,IAEVyC,EAAazB,ED7FS0B,EAACC,EAAiB,KAC9CC,EACIrD,GACCE,IACG,MAAMoD,EAAWF,EAAKG,KAAKC,GAAQC,KAAKC,UAAUxD,EAAOsD,GAAKpC,SAAQuC,KAAK,MAC3E,OAAOL,EAASM,OAASN,EAAW,IAAI,ICwFbH,CAAiBtC,IAepD,OAbAgD,GAAU,KACFjD,GACAkD,EAAU/C,EAAU,GAAGS,EAAWuC,aAAaC,MAAK,KAChD,MAAMC,EAAMrD,EAAMY,EAAYE,EAAMwC,WAAWhE,QAC3C+D,aAAeE,QACfF,EAAID,MAAM/D,GAAUA,GAASyB,EAAMU,SAASgC,iBAAiBnE,EAAOO,KAC7DyD,GACPvC,EAAMU,SAASgC,iBAAiBH,EAAKzD,EACzC,GAER,GACD,CAAC0C,IAEGtB,CAAQ"}

package/dist/esm/GValidator.development.js

@@ -1,5 +1,3 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-
 let handlersMap;
 let validityMap;
 {
@@ -35,10 +33,6 @@ class GValidator {
     return this._asyncHandlers;
   }
   constructor(baseValidator) {
-    _defineProperty(this, "_handlers", void 0);
-    _defineProperty(this, "_constraintHandlers", void 0);
-    _defineProperty(this, "_asyncHandlers", void 0);
-    _defineProperty(this, "track", void 0);
     const baseHandlers = (baseValidator === null || baseValidator === void 0 ? void 0 : baseValidator.handlers) || [];
     const baseConstraintHandlers = (baseValidator === null || baseValidator === void 0 ? void 0 : baseValidator.constraintHandlers) || [];
     const baseHandlersAsync = (baseValidator === null || baseValidator === void 0 ? void 0 : baseValidator.asyncHandlers) || [];

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

@@ -1 +1 @@
-{"version":3,"file":"GValidator.development.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        type: 'withTypeMismatchMessage',\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        typeMismatch: 'type'\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    public hasConstraint(constraint: keyof ValidityState): boolean {\r\n        return this.track?.includes(constraint) || false;\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    /**\r\n     * register a `typeMismatch` violation handler<br />\r\n     * if its possible use `pattern` attribute (and `withPatternMismatchMessage`) or `custom validation` instead.<br/>\r\n     * use the `type` attribute to set the input's keyboard (for example type `'tel'` will show on mobile phones only numpads)\r\n     * and then with `pattern` or `custom validation` you can validate it.<br/>\r\n     * the reason for that is `type` is not a solid validation and likely will be replaced anyway.<br />\r\n     * if `pattern` or `custom` are used, then `withTypeMismatchMessage` is ignored\r\n     * */\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(`DEV ONLY - [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(`DEV ONLY - [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","minLength","maxLength","required","pattern","min","max","step","type","tooShort","valueMissing","tooLong","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","typeMismatch","GValidator","handlers","_handlers","constraintHandlers","_constraintHandlers","asyncHandlers","_asyncHandlers","constructor","baseValidator","_defineProperty","baseHandlers","baseConstraintHandlers","baseHandlersAsync","concat","track","hasConstraint","constraint","_this$track","includes","withRequiredMessage","message","__addConstraintValidationHandler","withMaxLengthMessage","withMinLengthMessage","withPatternMismatchMessage","withBadInputMessage","withRangeUnderflowMessage","withRangeOverflowMessage","withTypeMismatchMessage","withStepMismatchMessage","withCustomValidation","handler","push","withCustomValidationAsync","validityKey","console","warn","input","key","formKey","errorText"],"mappings":"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"}
+{"version":3,"file":"GValidator.development.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        type: 'withTypeMismatchMessage',\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        typeMismatch: 'type'\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    public hasConstraint(constraint: keyof ValidityState): boolean {\r\n        return this.track?.includes(constraint) || false;\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    /**\r\n     * register a `typeMismatch` violation handler<br />\r\n     * if its possible use `pattern` attribute (and `withPatternMismatchMessage`) or `custom validation` instead.<br/>\r\n     * use the `type` attribute to set the input's keyboard (for example type `'tel'` will show on mobile phones only numpads)\r\n     * and then with `pattern` or `custom validation` you can validate it.<br/>\r\n     * the reason for that is `type` is not a solid validation and likely will be replaced anyway.<br />\r\n     * if `pattern` or `custom` are used, then `withTypeMismatchMessage` is ignored\r\n     * */\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(`DEV ONLY - [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(`DEV ONLY - [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","minLength","maxLength","required","pattern","min","max","step","type","tooShort","valueMissing","tooLong","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","typeMismatch","GValidator","handlers","_handlers","constraintHandlers","_constraintHandlers","asyncHandlers","_asyncHandlers","constructor","baseValidator","baseHandlers","baseConstraintHandlers","baseHandlersAsync","concat","track","hasConstraint","constraint","_this$track","includes","withRequiredMessage","message","__addConstraintValidationHandler","withMaxLengthMessage","withMinLengthMessage","withPatternMismatchMessage","withBadInputMessage","withRangeUnderflowMessage","withRangeOverflowMessage","withTypeMismatchMessage","withStepMismatchMessage","withCustomValidation","handler","push","withCustomValidationAsync","validityKey","console","warn","input","key","formKey","errorText"],"mappings":"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"}

package/dist/esm/GValidator.production.js

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/esm/defineProperty";let n,a;class s{get handlers(){return this._handlers}get constraintHandlers(){return this._constraintHandlers}get asyncHandlers(){return this._asyncHandlers}constructor(n){t(this,"_handlers",void 0),t(this,"_constraintHandlers",void 0),t(this,"_asyncHandlers",void 0),t(this,"track",void 0);const a=(null==n?void 0:n.handlers)||[],s=(null==n?void 0:n.constraintHandlers)||[],r=(null==n?void 0:n.asyncHandlers)||[];this._handlers=[].concat(a),this._constraintHandlers=[].concat(s),this._asyncHandlers=[].concat(r),delete this.track}hasConstraint(t){var n;return(null===(n=this.track)||void 0===n?void 0:n.includes(t))||!1}withRequiredMessage(t){return this.__addConstraintValidationHandler("valueMissing",t)}withMaxLengthMessage(t){return this.__addConstraintValidationHandler("tooLong",t)}withMinLengthMessage(t){return this.__addConstraintValidationHandler("tooShort",t)}withPatternMismatchMessage(t){return this.__addConstraintValidationHandler("patternMismatch",t)}withBadInputMessage(t){return this.__addConstraintValidationHandler("badInput",t)}withRangeUnderflowMessage(t){return this.__addConstraintValidationHandler("rangeUnderflow",t)}withRangeOverflowMessage(t){return this.__addConstraintValidationHandler("rangeOverflow",t)}withTypeMismatchMessage(t){return this.__addConstraintValidationHandler("typeMismatch",t)}withStepMismatchMessage(t){return this.__addConstraintValidationHandler("stepMismatch",t)}withCustomValidation(t){return this._handlers.push(t),this}withCustomValidationAsync(t){return this._asyncHandlers.push(t),this}__addConstraintValidationHandler(t,n){return this._constraintHandlers.push(((a,s)=>s===t&&(a.errorText="string"==typeof n?n:n(a),!0))),this}}export{s as GValidator,n as handlersMap,a as validityMap};
+let t,n;class a{get handlers(){return this._handlers}get constraintHandlers(){return this._constraintHandlers}get asyncHandlers(){return this._asyncHandlers}constructor(t){const n=(null==t?void 0:t.handlers)||[],a=(null==t?void 0:t.constraintHandlers)||[],s=(null==t?void 0:t.asyncHandlers)||[];this._handlers=[].concat(n),this._constraintHandlers=[].concat(a),this._asyncHandlers=[].concat(s),delete this.track}hasConstraint(t){var n;return(null===(n=this.track)||void 0===n?void 0:n.includes(t))||!1}withRequiredMessage(t){return this.__addConstraintValidationHandler("valueMissing",t)}withMaxLengthMessage(t){return this.__addConstraintValidationHandler("tooLong",t)}withMinLengthMessage(t){return this.__addConstraintValidationHandler("tooShort",t)}withPatternMismatchMessage(t){return this.__addConstraintValidationHandler("patternMismatch",t)}withBadInputMessage(t){return this.__addConstraintValidationHandler("badInput",t)}withRangeUnderflowMessage(t){return this.__addConstraintValidationHandler("rangeUnderflow",t)}withRangeOverflowMessage(t){return this.__addConstraintValidationHandler("rangeOverflow",t)}withTypeMismatchMessage(t){return this.__addConstraintValidationHandler("typeMismatch",t)}withStepMismatchMessage(t){return this.__addConstraintValidationHandler("stepMismatch",t)}withCustomValidation(t){return this._handlers.push(t),this}withCustomValidationAsync(t){return this._asyncHandlers.push(t),this}__addConstraintValidationHandler(t,n){return this._constraintHandlers.push(((a,s)=>s===t&&(a.errorText="string"==typeof n?n:n(a),!0))),this}}export{a as GValidator,t as handlersMap,n 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        type: 'withTypeMismatchMessage',\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        typeMismatch: 'type'\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    public hasConstraint(constraint: keyof ValidityState): boolean {\r\n        return this.track?.includes(constraint) || false;\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    /**\r\n     * register a `typeMismatch` violation handler<br />\r\n     * if its possible use `pattern` attribute (and `withPatternMismatchMessage`) or `custom validation` instead.<br/>\r\n     * use the `type` attribute to set the input's keyboard (for example type `'tel'` will show on mobile phones only numpads)\r\n     * and then with `pattern` or `custom validation` you can validate it.<br/>\r\n     * the reason for that is `type` is not a solid validation and likely will be replaced anyway.<br />\r\n     * if `pattern` or `custom` are used, then `withTypeMismatchMessage` is ignored\r\n     * */\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(`DEV ONLY - [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(`DEV ONLY - [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","hasConstraint","constraint","_this$track","includes","withRequiredMessage","message","__addConstraintValidationHandler","withMaxLengthMessage","withMinLengthMessage","withPatternMismatchMessage","withBadInputMessage","withRangeUnderflowMessage","withRangeOverflowMessage","withTypeMismatchMessage","withStepMismatchMessage","withCustomValidation","handler","push","withCustomValidationAsync","validityKey","input","key","errorText"],"mappings":"6DAEWA,EACAC,EAkCJ,MAAMC,EAMLC,eACA,OAAOC,KAAKC,SAChB,CAEIC,yBACA,OAAOF,KAAKG,mBAChB,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,UAAY,GAAGW,OAAOH,GAC3BT,KAAKG,oBAAsB,GAAGS,OAAOF,GACrCV,KAAKK,eAAiB,GAAGO,OAAOD,UAQrBX,KAAKa,KAEpB,CAEOC,cAAcC,GAA0C,IAAAC,EAC3D,OAAiB,QAAVA,EAAAhB,KAAKa,aAAK,IAAAG,OAAA,EAAVA,EAAYC,SAASF,MAAe,CAC/C,CAGAG,oBAAoBC,GAChB,OAAOnB,KAAKoB,iCAAiC,eAAgBD,EACjE,CAGAE,qBAAqBF,GACjB,OAAOnB,KAAKoB,iCAAiC,UAAWD,EAC5D,CAGAG,qBAAqBH,GACjB,OAAOnB,KAAKoB,iCAAiC,WAAYD,EAC7D,CAGAI,2BAA2BJ,GACvB,OAAOnB,KAAKoB,iCAAiC,kBAAmBD,EACpE,CAGAK,oBAAoBL,GAChB,OAAOnB,KAAKoB,iCAAiC,WAAYD,EAC7D,CAGAM,0BAA0BN,GACtB,OAAOnB,KAAKoB,iCAAiC,iBAAkBD,EACnE,CAGAO,yBAAyBP,GACrB,OAAOnB,KAAKoB,iCAAiC,gBAAiBD,EAClE,CAUAQ,wBAAwBR,GACpB,OAAOnB,KAAKoB,iCAAiC,eAAgBD,EACjE,CAGAS,wBAAwBT,GACpB,OAAOnB,KAAKoB,iCAAiC,eAAgBD,EACjE,CAGAU,qBAAqBC,GAEjB,OADA9B,KAAKC,UAAU8B,KAAKD,GACb9B,IACX,CAEAgC,0BAA0BF,GAEtB,OADA9B,KAAKK,eAAe0B,KAAKD,GAClB9B,IACX,CAEQoB,iCAAiCa,EAAkCd,GAqBvE,OAdAnB,KAAKG,oBAAoB4B,MAAK,CAACG,EAAOC,IAO9BA,IAAQF,IACRC,EAAME,UAA+B,iBAAZjB,EAAuBA,EAAUA,EAAQe,IAC3D,KAKRlC,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        type: 'withTypeMismatchMessage',\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        typeMismatch: 'type'\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    public hasConstraint(constraint: keyof ValidityState): boolean {\r\n        return this.track?.includes(constraint) || false;\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    /**\r\n     * register a `typeMismatch` violation handler<br />\r\n     * if its possible use `pattern` attribute (and `withPatternMismatchMessage`) or `custom validation` instead.<br/>\r\n     * use the `type` attribute to set the input's keyboard (for example type `'tel'` will show on mobile phones only numpads)\r\n     * and then with `pattern` or `custom validation` you can validate it.<br/>\r\n     * the reason for that is `type` is not a solid validation and likely will be replaced anyway.<br />\r\n     * if `pattern` or `custom` are used, then `withTypeMismatchMessage` is ignored\r\n     * */\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(`DEV ONLY - [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(`DEV ONLY - [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","baseHandlers","baseConstraintHandlers","baseHandlersAsync","concat","track","hasConstraint","constraint","_this$track","includes","withRequiredMessage","message","__addConstraintValidationHandler","withMaxLengthMessage","withMinLengthMessage","withPatternMismatchMessage","withBadInputMessage","withRangeUnderflowMessage","withRangeOverflowMessage","withTypeMismatchMessage","withStepMismatchMessage","withCustomValidation","handler","push","withCustomValidationAsync","validityKey","input","key","errorText"],"mappings":"IAEWA,EACAC,EAkCJ,MAAMC,EAMLC,eACA,OAAOC,KAAKC,SAChB,CAEIC,yBACA,OAAOF,KAAKG,mBAChB,CAEIC,oBACA,OAAOJ,KAAKK,cAChB,CAEAC,YAAYC,GACR,MAAMC,GAAeD,aAAa,EAAbA,EAAeR,WAAY,GAC1CU,GAAyBF,aAAa,EAAbA,EAAeL,qBAAsB,GAC9DQ,GAAoBH,aAAa,EAAbA,EAAeH,gBAAiB,GAE1DJ,KAAKC,UAAY,GAAGU,OAAOH,GAC3BR,KAAKG,oBAAsB,GAAGQ,OAAOF,GACrCT,KAAKK,eAAiB,GAAGM,OAAOD,UAQrBV,KAAKY,KAEpB,CAEOC,cAAcC,GAA0C,IAAAC,EAC3D,OAAiB,QAAVA,EAAAf,KAAKY,aAAK,IAAAG,OAAA,EAAVA,EAAYC,SAASF,MAAe,CAC/C,CAGAG,oBAAoBC,GAChB,OAAOlB,KAAKmB,iCAAiC,eAAgBD,EACjE,CAGAE,qBAAqBF,GACjB,OAAOlB,KAAKmB,iCAAiC,UAAWD,EAC5D,CAGAG,qBAAqBH,GACjB,OAAOlB,KAAKmB,iCAAiC,WAAYD,EAC7D,CAGAI,2BAA2BJ,GACvB,OAAOlB,KAAKmB,iCAAiC,kBAAmBD,EACpE,CAGAK,oBAAoBL,GAChB,OAAOlB,KAAKmB,iCAAiC,WAAYD,EAC7D,CAGAM,0BAA0BN,GACtB,OAAOlB,KAAKmB,iCAAiC,iBAAkBD,EACnE,CAGAO,yBAAyBP,GACrB,OAAOlB,KAAKmB,iCAAiC,gBAAiBD,EAClE,CAUAQ,wBAAwBR,GACpB,OAAOlB,KAAKmB,iCAAiC,eAAgBD,EACjE,CAGAS,wBAAwBT,GACpB,OAAOlB,KAAKmB,iCAAiC,eAAgBD,EACjE,CAGAU,qBAAqBC,GAEjB,OADA7B,KAAKC,UAAU6B,KAAKD,GACb7B,IACX,CAEA+B,0BAA0BF,GAEtB,OADA7B,KAAKK,eAAeyB,KAAKD,GAClB7B,IACX,CAEQmB,iCAAiCa,EAAkCd,GAqBvE,OAdAlB,KAAKG,oBAAoB2B,MAAK,CAACG,EAAOC,IAO9BA,IAAQF,IACRC,EAAME,UAA+B,iBAAZjB,EAAuBA,EAAUA,EAAQe,IAC3D,KAKRjC,IACX"}

package/dist/esm/shared.development.js

@@ -1,7 +1,9 @@
 import React, { Children, isValidElement, createContext, useContext, useSyncExternalStore, useRef, useCallback, useMemo } from 'react';
-import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { validityMap, handlersMap } from './GValidator.development.js';
 
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const isObject = o => o && typeof o === 'object' && !Array.isArray(o);
 const defaultFieldProps = {
   text: {
@@ -24,7 +26,7 @@ const _copyStateFields = (source, destination) => {
     const sourceField = source.fields[key];
     const destField = destination.fields[key];
     if (!sourceField || sourceField.type !== destField.type) continue;
-    destination.fields[key] = _objectSpread(_objectSpread({}, destField), sourceField);
+    destination.fields[key] = _objectSpread$1(_objectSpread$1({}, destField), sourceField);
   }
 };
 const _buildFormInitialValues = (rows = []) => {
@@ -220,20 +222,54 @@ const _merge = (target = {}, ...nodes) => {
   const next = nodes.shift();
   if (isObject(next)) {
     for (const key in next) {
-      target[key] = target[key] ? _objectSpread(_objectSpread({}, target[key]), next[key]) : next[key];
+      target[key] = target[key] ? _objectSpread$1(_objectSpread$1({}, target[key]), next[key]) : next[key];
     }
   }
   return _merge(target, ...nodes);
 };
+const _mergeRefs = (refA, refB) => {
+  return value => {
+    if (typeof refA === 'function') {
+      refA(value);
+    } else if (refA) {
+      refA.current = value;
+    }
+    if (typeof refB === 'function') {
+      refB(value);
+    } else if (refB) {
+      refB.current = value;
+    }
+  };
+};
+const _buildFormState = (fields, formElement, dispatchChanges) => {
+  const isFormValid = _checkIfFormIsValid(fields);
+  const formState = _objectSpread$1(_objectSpread$1({}, fields), {}, {
+    isValid: isFormValid,
+    isInvalid: !isFormValid,
+    toRawData: options => _toRawData(fields, options),
+    toFormData: () => _toFormData(formElement),
+    toURLSearchParams: _toURLSearchParams,
+    checkValidity: function () {
+      this.isValid = formElement && formElement.checkValidity() || false;
+      this.isInvalid = !this.isValid;
+      return this.isValid;
+    },
+    dispatchChanges: changes => dispatchChanges({
+      fields: _merge({}, fields, changes)
+    })
+  });
+  return formState;
+};
 
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const useFormHandlers = (getState, setState, validators = {}, optimized = false) => {
   const _viHandler = (input, e) => {
     if (!input) return;
     const element = e && e.target;
-    const hasInitialValue = !input.dirty && input.value && !input.touched;
-    if (!element && !hasInitialValue) return;
     if (typeof document !== 'undefined' && (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement)) {
       if (!input.checkValidity) input.checkValidity = () => element.checkValidity();
+      const hasInitialValue = !input.dirty && input.value && !input.touched;
       if (hasInitialValue) {
         _checkInputManually(input);
         _dispatchChanges(input, input.formKey);
@@ -354,7 +390,12 @@ const GFormContextProvider = ({
   const stateRef = useRef(initialState);
   const listeners = useRef(null);
   const setState = useCallback(updater => {
-    stateRef.current = typeof updater === 'function' ? updater(stateRef.current) : updater;
+    const prevState = stateRef.current;
+    const nextState = typeof updater === "function" ? updater(prevState) : updater;
+    if (Object.is(prevState, nextState)) {
+      return;
+    }
+    stateRef.current = nextState;
     listeners.current.forEach(l => l());
   }, []);
   const handlers = useFormHandlers(() => stateRef.current, setState, validators, optimized);
@@ -406,5 +447,5 @@ function createSelector(selectors, combiner) {
   };
 }
 
-export { GFormContextProvider as G, _checkIfFormIsValid as _, useFormSelector as a, _toURLSearchParams as b, _toFormData as c, _toRawData as d, _merge as e, _hasSubmitter as f, _buildFormInitialValues as g, createSelector as h, _debounce as i, useFormStore as u };
+export { GFormContextProvider as G, _buildFormState as _, useFormSelector as a, _mergeRefs as b, _hasSubmitter as c, _buildFormInitialValues as d, _merge as e, createSelector as f, _debounce as g, useFormStore as u };
 //# sourceMappingURL=shared.development.js.map