gform-react 2.7.5 → 2.8.1

package/dist/esm/GInput.development.js

@@ -1,8 +1,8 @@
 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 { f as createSelector, a as useFormSelector, u as useFormStore, g as _debounce } from './shared.development.js';
-import './GValidator.development.js';
+import React, { forwardRef, useEffect, useMemo, memo } from 'react';
+import { e as createSelector, u as useFormStore, a as useFormSelector, f as _debounce } from './shared.development.js';
+import './shared.development2.js';
 
 const selectFields = [state => state.fields];
 const makeSelectFields = (keys = []) => createSelector(selectFields, fields => {
@@ -13,8 +13,9 @@ const makeSelectFields = (keys = []) => createSelector(selectFields, fields => {
 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 {
+const _GInput = forwardRef((props, ref) => {
+  const store = useFormStore();
+  const {
       formKey,
       element,
       title,
@@ -28,13 +29,26 @@ const _GInput = forwardRef((_ref, ref) => {
       checked,
       validatorKey,
       value
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  if (!store.getState().fields[formKey]) {
+    store.registerField(props);
+  }
   const inputState = useFormSelector(state => state.fields[formKey]);
-  const store = useFormStore();
+  const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));
+  useEffect(() => {
+    if (inputState.value) {
+      store.handlers._viHandler(inputState, {
+        target: store.getInputElement(formKey)
+      });
+    }
+    return () => {
+      store.unregisterField(formKey);
+    };
+  }, []);
   const _element = useMemo(() => {
     let value, checked;
-    if (type === 'checkbox') checked = inputState.value || false;else value = inputState.value || '';
+    if (type === 'checkbox') checked = inputState.value || false;else if (type === 'number') value = inputState.value || 0;else value = inputState.value || '';
     const _props = _objectSpread(_objectSpread({}, rest), {}, {
       type,
       name: formKey,
@@ -66,25 +80,12 @@ const _GInput = forwardRef((_ref, ref) => {
       } : (e, unknown) => {
         store.handlers._updateInputHandler(inputState, e, unknown);
       };
-      if (!inputState.touched && inputState.dispatchChanges) {
-        _props.onFocus = rest.onFocus ? e => {
-          rest.onFocus(e);
-          inputState.dispatchChanges({
-            touched: true
-          });
-        } : () => {
-          inputState.dispatchChanges({
-            touched: true
-          });
-        };
-      }
     }
     if (element) {
       return element(inputState, _props);
     }
     return React.createElement("input", _props);
   }, [inputState, element]);
-  const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));
   useEffect(() => {
     if (fetch) {
       _debounce(debounce, `${inputState.gid}-fetch`).then(() => {

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 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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"}
+{"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, {FormEvent, 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\nimport {type GDOMElement} from \"../form\";\r\n\r\nconst _GInput = forwardRef<HTMLInputElement, GInputProps>((props, ref) => {\r\n    const store = useFormStore();\r\n\r\n    const {\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    } = props;\r\n    if (!store.getState().fields[formKey]) {\r\n        if (__DEBUG__) {\r\n            console.log('[GInput] -', 'registering input', `(${formKey})`, props);\r\n        }\r\n        store.registerField(props);\r\n    }\r\n\r\n    const inputState = useFormSelector(state => state.fields[formKey]);\r\n    const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));\r\n\r\n    useEffect(() => {\r\n        if (inputState.value) {\r\n            store.handlers._viHandler(inputState, {target: store.getInputElement(formKey)} as unknown as FormEvent<GDOMElement>);\r\n        }\r\n        return () => {\r\n            if (__DEBUG__) {\r\n                console.log('[GInput] -', 'unregistering input', `(${formKey})`);\r\n            }\r\n            store.unregisterField(formKey);\r\n        };\r\n    }, []);\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 if (type === 'number') value = inputState.value || 0;\r\n        else value = inputState.value || '';\r\n\r\n        const _props = {\r\n            ...rest,\r\n            type,\r\n            name: formKey,\r\n            value,\r\n            checked,\r\n            ref,\r\n            'aria-invalid': inputState.error,\r\n            'aria-required': inputState.required,\r\n            title: title || inputState.errorText\r\n        };\r\n\r\n        if (!store.handlers.optimized || !optimized) {\r\n            _props.onBlur = rest.onBlur ?\r\n                (e) => {\r\n                    store.handlers._viHandler(inputState, e);\r\n                    rest.onBlur!(e);\r\n                } : (e) => {\r\n                    store.handlers._viHandler(inputState, e);\r\n                };\r\n\r\n            _props.onInvalid = rest.onInvalid ?\r\n                (e) => {\r\n                    e.preventDefault(); // hide default browser validation tooltip\r\n                    store.handlers._viHandler(inputState, e);\r\n                    rest.onInvalid!(e);\r\n                } : (e) => {\r\n                    e.preventDefault(); // hide default browser validation tooltip\r\n                    store.handlers._viHandler(inputState, e);\r\n                };\r\n\r\n            _props.onChange = rest.onChange ?\r\n                (e, unknown?: { value: unknown } | string | number) => {\r\n                    store.handlers._updateInputHandler(inputState, e, unknown);\r\n                    rest.onChange!(e);\r\n                } : (e, unknown?: { value: unknown } | string | number) => {\r\n                    store.handlers._updateInputHandler(inputState, e, unknown);\r\n                };\r\n        }\r\n\r\n        if (element) {\r\n            return (element as (input: GInputState, props: GElementProps<typeof value>) => ReactNode)(inputState, _props);\r\n        }\r\n\r\n        return (\r\n            <input {..._props} />\r\n        );\r\n    }, [inputState, element]);\r\n\r\n    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","props","ref","store","useFormStore","formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","rest","_objectWithoutProperties","_excluded","getState","registerField","inputState","useFormSelector","_fetchDeps","useEffect","handlers","_viHandler","target","getInputElement","unregisterField","_element","useMemo","_props","_objectSpread","name","error","required","errorText","onBlur","e","onInvalid","preventDefault","onChange","unknown","_updateInputHandler","React","createElement","_debounce","gid","then","res","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/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};
+import e from"@babel/runtime/helpers/esm/defineProperty";import t from"@babel/runtime/helpers/esm/objectWithoutProperties";import r,{forwardRef as n,useEffect as a,useMemo as l,memo as o}from"react";import{d as i,u as d,a as s,e as c}from"./shared.production.js";const u=[e=>e.fields],p=["formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value"];function h(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?h(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}const m=o(n(((e,n)=>{const o=d(),{formKey:h,element:m,title:v,type:b="text",fetch:g,fetchDeps:y,optimized:O,debounce:j=300,defaultChecked:P,defaultValue:_,checked:D,validatorKey:k,value:C}=e,H=t(e,p);o.getState().fields[h]||o.registerField(e);const w=s((e=>e.fields[h])),I=s(((e=[])=>i(u,(t=>{const r=e.map((e=>JSON.stringify(t[e].value))).join(", ");return r.length?r:null})))(y));a((()=>(w.value&&o.handlers._viHandler(w,{target:o.getInputElement(h)}),()=>{o.unregisterField(h)})),[]);const S=l((()=>{let e,t;"checkbox"===b?t=w.value||!1:e="number"===b?w.value||0:w.value||"";const a=f(f({},H),{},{type:b,name:h,value:e,checked:t,ref:n,"aria-invalid":w.error,"aria-required":w.required,title:v||w.errorText});return o.handlers.optimized&&O||(a.onBlur=H.onBlur?e=>{o.handlers._viHandler(w,e),H.onBlur(e)}:e=>{o.handlers._viHandler(w,e)},a.onInvalid=H.onInvalid?e=>{e.preventDefault(),o.handlers._viHandler(w,e),H.onInvalid(e)}:e=>{e.preventDefault(),o.handlers._viHandler(w,e)},a.onChange=H.onChange?(e,t)=>{o.handlers._updateInputHandler(w,e,t),H.onChange(e)}:(e,t)=>{o.handlers._updateInputHandler(w,e,t)}),m?m(w,a):r.createElement("input",a)}),[w,m]);return a((()=>{g&&c(j,`${w.gid}-fetch`).then((()=>{const e=g(w,o.getState().fields);e instanceof Promise?e.then((e=>e&&o.handlers._dispatchChanges(e,h))):e&&o.handlers._dispatchChanges(e,h)}))}),[I]),S})));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 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"}
+{"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, {FormEvent, 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\nimport {type GDOMElement} from \"../form\";\r\n\r\nconst _GInput = forwardRef<HTMLInputElement, GInputProps>((props, ref) => {\r\n    const store = useFormStore();\r\n\r\n    const {\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    } = props;\r\n    if (!store.getState().fields[formKey]) {\r\n        if (__DEBUG__) {\r\n            console.log('[GInput] -', 'registering input', `(${formKey})`, props);\r\n        }\r\n        store.registerField(props);\r\n    }\r\n\r\n    const inputState = useFormSelector(state => state.fields[formKey]);\r\n    const _fetchDeps = useFormSelector(makeSelectFields(fetchDeps));\r\n\r\n    useEffect(() => {\r\n        if (inputState.value) {\r\n            store.handlers._viHandler(inputState, {target: store.getInputElement(formKey)} as unknown as FormEvent<GDOMElement>);\r\n        }\r\n        return () => {\r\n            if (__DEBUG__) {\r\n                console.log('[GInput] -', 'unregistering input', `(${formKey})`);\r\n            }\r\n            store.unregisterField(formKey);\r\n        };\r\n    }, []);\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 if (type === 'number') value = inputState.value || 0;\r\n        else value = inputState.value || '';\r\n\r\n        const _props = {\r\n            ...rest,\r\n            type,\r\n            name: formKey,\r\n            value,\r\n            checked,\r\n            ref,\r\n            'aria-invalid': inputState.error,\r\n            'aria-required': inputState.required,\r\n            title: title || inputState.errorText\r\n        };\r\n\r\n        if (!store.handlers.optimized || !optimized) {\r\n            _props.onBlur = rest.onBlur ?\r\n                (e) => {\r\n                    store.handlers._viHandler(inputState, e);\r\n                    rest.onBlur!(e);\r\n                } : (e) => {\r\n                    store.handlers._viHandler(inputState, e);\r\n                };\r\n\r\n            _props.onInvalid = rest.onInvalid ?\r\n                (e) => {\r\n                    e.preventDefault(); // hide default browser validation tooltip\r\n                    store.handlers._viHandler(inputState, e);\r\n                    rest.onInvalid!(e);\r\n                } : (e) => {\r\n                    e.preventDefault(); // hide default browser validation tooltip\r\n                    store.handlers._viHandler(inputState, e);\r\n                };\r\n\r\n            _props.onChange = rest.onChange ?\r\n                (e, unknown?: { value: unknown } | string | number) => {\r\n                    store.handlers._updateInputHandler(inputState, e, unknown);\r\n                    rest.onChange!(e);\r\n                } : (e, unknown?: { value: unknown } | string | number) => {\r\n                    store.handlers._updateInputHandler(inputState, e, unknown);\r\n                };\r\n        }\r\n\r\n        if (element) {\r\n            return (element as (input: GInputState, props: GElementProps<typeof value>) => ReactNode)(inputState, _props);\r\n        }\r\n\r\n        return (\r\n            <input {..._props} />\r\n        );\r\n    }, [inputState, element]);\r\n\r\n    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","props","ref","store","useFormStore","formKey","element","title","type","fetch","fetchDeps","optimized","debounce","defaultChecked","defaultValue","checked","validatorKey","value","rest","_objectWithoutProperties","_excluded","getState","registerField","inputState","useFormSelector","_fetchDeps","makeSelectFields","keys","createSelector","selected","map","key","JSON","stringify","join","length","useEffect","handlers","_viHandler","target","getInputElement","unregisterField","_element","useMemo","_props","_objectSpread","name","error","required","errorText","onBlur","e","onInvalid","preventDefault","onChange","unknown","_updateInputHandler","React","createElement","_debounce","gid","then","res","Promise","_dispatchChanges"],"mappings":"uQAGA,MAAMA,EAAe,CAAEC,GAAwBA,EAAMC,0tBCKrD,MAsHaC,EAASC,EAtHNC,GAA0C,CAACC,EAAOC,KAC9D,MAAMC,EAAQC,KAERC,QACFA,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,GAEAhB,EADGiB,EAAIC,EACPlB,EAAKmB,GACJjB,EAAMkB,WAAWxB,OAAOQ,IAIzBF,EAAMmB,cAAcrB,GAGxB,MAAMsB,EAAaC,GAAgB5B,GAASA,EAAMC,OAAOQ,KACnDoB,EAAaD,EDnCSE,EAACC,EAAiB,KAC9CC,EACIjC,GACCE,IACG,MAAMgC,EAAWF,EAAKG,KAAKC,GAAQC,KAAKC,UAAUpC,EAAOkC,GAAKd,SAAQiB,KAAK,MAC3E,OAAOL,EAASM,OAASN,EAAW,IAAI,IC8BbH,CAAiBhB,IAEpD0B,GAAU,KACFb,EAAWN,OACXd,EAAMkC,SAASC,WAAWf,EAAY,CAACgB,OAAQpC,EAAMqC,gBAAgBnC,KAElE,KAIHF,EAAMsC,gBAAgBpC,EAAQ,IAEnC,IAEH,MAAMqC,EAAWC,GAAQ,KACrB,IAAI1B,EAAYF,EAEH,aAATP,EAAqBO,EAAUQ,EAAWN,QAAS,EAC3BA,EAAV,WAATT,EAA2Be,EAAWN,OAAS,EAC3CM,EAAWN,OAAS,GAEjC,MAAM2B,EAAMC,EAAAA,KACL3B,GAAI,GAAA,CACPV,OACAsC,KAAMzC,EACNY,QACAF,UACAb,MACA,eAAgBqB,EAAWwB,MAC3B,gBAAiBxB,EAAWyB,SAC5BzC,MAAOA,GAASgB,EAAW0B,YA+B/B,OA5BK9C,EAAMkC,SAAS1B,WAAcA,IAC9BiC,EAAOM,OAAShC,EAAKgC,OAChBC,IACGhD,EAAMkC,SAASC,WAAWf,EAAY4B,GACtCjC,EAAKgC,OAAQC,EAAE,EACdA,IACDhD,EAAMkC,SAASC,WAAWf,EAAY4B,EAAE,EAGhDP,EAAOQ,UAAYlC,EAAKkC,UACnBD,IACGA,EAAEE,iBACFlD,EAAMkC,SAASC,WAAWf,EAAY4B,GACtCjC,EAAKkC,UAAWD,EAAE,EACjBA,IACDA,EAAEE,iBACFlD,EAAMkC,SAASC,WAAWf,EAAY4B,EAAE,EAGhDP,EAAOU,SAAWpC,EAAKoC,SACnB,CAACH,EAAGI,KACApD,EAAMkC,SAASmB,oBAAoBjC,EAAY4B,EAAGI,GAClDrC,EAAKoC,SAAUH,EAAE,EACjB,CAACA,EAAGI,KACJpD,EAAMkC,SAASmB,oBAAoBjC,EAAY4B,EAAGI,EAAQ,GAIlEjD,EACQA,EAAkFiB,EAAYqB,GAItGa,EAAAC,cAAA,QAAWd,EAAU,GAE1B,CAACrB,EAAYjB,IAehB,OAbA8B,GAAU,KACF3B,GACAkD,EAAU/C,EAAU,GAAGW,EAAWqC,aAAaC,MAAK,KAChD,MAAMC,EAAMrD,EAAMc,EAAYpB,EAAMkB,WAAWxB,QAC3CiE,aAAeC,QACfD,EAAID,MAAMjE,GAAUA,GAASO,EAAMkC,SAAS2B,iBAAiBpE,EAAOS,KAC7DyD,GACP3D,EAAMkC,SAAS2B,iBAAiBF,EAAKzD,EACzC,GAER,GACD,CAACoB,IAEGiB,CAAQ"}

package/dist/esm/GValidator.development.js

@@ -1,112 +1,2 @@
-let handlersMap;
-let validityMap;
-{
-  handlersMap = {
-    minLength: 'withMinLengthMessage',
-    maxLength: 'withMaxLengthMessage',
-    required: 'withRequiredMessage',
-    pattern: 'withPatternMismatchMessage',
-    min: 'withRangeUnderflowMessage',
-    max: 'withRangeOverflowMessage',
-    step: 'withStepMismatchMessage',
-    type: 'withTypeMismatchMessage'
-  };
-  validityMap = {
-    tooShort: 'minLength',
-    valueMissing: 'required',
-    tooLong: 'maxLength',
-    patternMismatch: 'pattern',
-    rangeOverflow: 'max',
-    rangeUnderflow: 'min',
-    stepMismatch: 'step',
-    typeMismatch: 'type'
-  };
-}
-class GValidator {
-  get handlers() {
-    return this._handlers;
-  }
-  get constraintHandlers() {
-    return this._constraintHandlers;
-  }
-  get asyncHandlers() {
-    return this._asyncHandlers;
-  }
-  constructor(baseValidator) {
-    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) || [];
-    this._handlers = [].concat(baseHandlers);
-    this._constraintHandlers = [].concat(baseConstraintHandlers);
-    this._asyncHandlers = [].concat(baseHandlersAsync);
-    {
-      this.track = [];
-      if (baseValidator !== null && baseValidator !== void 0 && baseValidator.track) {
-        this.track = this.track.concat(baseValidator.track);
-      }
-    }
-  }
-  hasConstraint(constraint) {
-    var _this$track;
-    return ((_this$track = this.track) === null || _this$track === void 0 ? void 0 : _this$track.includes(constraint)) || false;
-  }
-  withRequiredMessage(message) {
-    return this.__addConstraintValidationHandler('valueMissing', message);
-  }
-  withMaxLengthMessage(message) {
-    return this.__addConstraintValidationHandler('tooLong', message);
-  }
-  withMinLengthMessage(message) {
-    return this.__addConstraintValidationHandler('tooShort', message);
-  }
-  withPatternMismatchMessage(message) {
-    return this.__addConstraintValidationHandler('patternMismatch', message);
-  }
-  withBadInputMessage(message) {
-    return this.__addConstraintValidationHandler('badInput', message);
-  }
-  withRangeUnderflowMessage(message) {
-    return this.__addConstraintValidationHandler('rangeUnderflow', message);
-  }
-  withRangeOverflowMessage(message) {
-    return this.__addConstraintValidationHandler('rangeOverflow', message);
-  }
-  withTypeMismatchMessage(message) {
-    return this.__addConstraintValidationHandler('typeMismatch', message);
-  }
-  withStepMismatchMessage(message) {
-    return this.__addConstraintValidationHandler('stepMismatch', message);
-  }
-  withCustomValidation(handler) {
-    this._handlers.push(handler);
-    return this;
-  }
-  withCustomValidationAsync(handler) {
-    this._asyncHandlers.push(handler);
-    return this;
-  }
-  __addConstraintValidationHandler(validityKey, message) {
-    if (this.track) {
-      if (this.track.includes(validityKey)) {
-        console.warn(`DEV ONLY - [Duplicate Handlers] - handler for '${validityKey}' has already been defined`);
-      }
-      this.track.push(validityKey);
-    }
-    this._constraintHandlers.push((input, key) => {
-      {
-        if (validityKey && validityMap[validityKey] && typeof input[validityMap[validityKey]] === 'undefined') {
-          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`);
-        }
-      }
-      if (key === validityKey) {
-        input.errorText = typeof message === 'string' ? message : message(input);
-        return true;
-      }
-      return false;
-    });
-    return this;
-  }
-}
-
-export { GValidator, handlersMap, validityMap };
+export { G as GValidator } from './shared.development2.js';
 //# sourceMappingURL=GValidator.development.js.map

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","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":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/GValidator.production.js

@@ -1,2 +1,2 @@
-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};
+class t{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){const a=(a,s)=>s===t&&(a.errorText="string"==typeof n?n:n(a),!0);return Object.defineProperty(a,"name",{value:`constraintHandler_${t}`}),this._constraintHandlers.push(a),this}}export{t as GValidator};
 //# 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","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"}
+{"version":3,"file":"GValidator.production.js","sources":["../../src/validations/GValidator.ts"],"sourcesContent":["import type { GConstraintValidator, GConstraintValidatorHandler, GCustomValidatorHandler, GCustomValidatorHandlerAsync } from \".\";\r\nimport type {GInputState} from \"../fields\";\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 (use this with `type` attributes like `email` or `url`)\r\n     * <br />\r\n     * Use the `type` attribute to set the appropriate virtual keyboard (e.g., `type=\"tel\"` for a numeric pad on mobile).\r\n     * Since native browser validation for certain types can vary, consider using `pattern` or custom validators for\r\n     * consistent cross-browser behavior. Ensure your custom validation is compatible with the native one to avoid\r\n     * blocking form submission.\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\r\n        const constraintHandler = (input: GInputState<T>, key?: keyof ValidityState) => {\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        Object.defineProperty(constraintHandler, 'name', {value: `constraintHandler_${validityKey}`});\r\n\r\n        this._constraintHandlers.push(constraintHandler);\r\n\r\n        return this;\r\n    }\r\n}"],"names":["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","constraintHandler","input","key","errorText","Object","defineProperty","value"],"mappings":"AAsCO,MAAMA,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,GAQvE,MAAMe,EAAoBA,CAACC,EAAuBC,IAO1CA,IAAQH,IACRE,EAAME,UAA+B,iBAAZlB,EAAuBA,EAAUA,EAAQgB,IAC3D,GASf,OAJAG,OAAOC,eAAeL,EAAmB,OAAQ,CAACM,MAAO,qBAAqBP,MAE9EhC,KAAKG,oBAAoB2B,KAAKG,GAEvBjC,IACX"}