gform-react 1.2.0 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -3
- package/dist/cjs/gform-react.development.js +576 -0
- package/dist/cjs/gform-react.development.js.map +1 -0
- package/dist/cjs/gform-react.production.js +2 -0
- package/dist/cjs/gform-react.production.js.map +1 -0
- package/dist/cjs/index.js +7 -0
- package/dist/esm/GForm.production.js +2 -0
- package/dist/esm/GForm.production.js.map +1 -0
- package/dist/esm/GInput.production.js +2 -0
- package/dist/esm/GInput.production.js.map +1 -0
- package/dist/esm/GValidator.production.js +2 -0
- package/dist/esm/GValidator.production.js.map +1 -0
- package/dist/esm/index.development.js +565 -0
- package/dist/esm/index.development.js.map +1 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/shared.production.js +2 -0
- package/dist/esm/shared.production.js.map +1 -0
- package/dist/index.d.ts +30 -16
- package/package.json +33 -31
- package/dist/index.cjs.js +0 -2
- package/dist/index.cjs.js.map +0 -1
- package/dist/index.esm.js +0 -2
- package/dist/index.esm.js.map +0 -1
package/dist/index.esm.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import*as e from"react";var t={d:(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},r={};t.d(r,{z2:()=>C,Ic:()=>A,e8:()=>E});const n=(e=>{var r={};return t.d(r,e),r})({createContext:()=>e.createContext,default:()=>e.default,useContext:()=>e.useContext,useEffect:()=>e.useEffect,useMemo:()=>e.useMemo,useRef:()=>e.useRef,useState:()=>e.useState});function i(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 a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function u(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var o=e=>e&&"object"==typeof e&&!Array.isArray(e),l={text:{value:""},checkbox:{value:!1},number:{value:0}},c=function e(t){var r,n,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return t?Array.isArray(t)?(t.forEach((t=>e(t,i))),i):null!==(r=t.props)&&void 0!==r&&r.formKey?(i.push(t.props),i):e(null===(n=t.props)||void 0===n?void 0:n.children,i):i};function f(e){var t;if(e){var{exclude:r,include:n,transform:i}=e;if(n?(t={},n.forEach((e=>{var r;return t[e]=null===(r=this[e])||void 0===r?void 0:r.value}))):(t=this.toRawData(),null==r||r.forEach((e=>delete t[e]))),i)for(var a in i){var u,o=i[a];t[a]=o(null===(u=this[a])||void 0===u?void 0:u.value)}}else t=this.toRawData();return new URLSearchParams(t)}var v=function(e,t){return new Promise((r=>{var n;null!==(n=this[t])&&void 0!==n&&n.timerId&&clearTimeout(this[t].timerId);var i=setTimeout((()=>r()),e);this[t]?this[t].timerId=i:this[t]={timerId:i}}))}.bind({}),s={checkbox:"checked",number:"valueAsNumber"},d=(e,t)=>"boolean"==typeof e?e:"string"==typeof t&&!e.test(t),b=function e(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];if(!n.length)return t;var u=n.shift();if(o(u))for(var l in u)t[l]=t[l]?a(a({},t[l]),u[l]):u[l];return e(t,...n)};function h(e,t,r,n,i,a,u){try{var o=e[a](u),l=o.value}catch(e){return void r(e)}o.done?t(l):Promise.resolve(l).then(n,i)}function m(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 p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){j(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function j(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var y=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=(0,n.useMemo)((()=>function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t={};return Array.isArray(e)||(e=[e]),e.forEach((e=>{c(e).forEach((e=>{t[e.formKey]&&console.warn("[Duplicate Keys].\nfield with key '".concat(e.formKey,"' has already been defined."));var{required:r=!1,max:n,maxLength:i,min:a,minLength:u,step:o,pattern:c,type:f="text",defaultValue:v,value:s,checked:d,defaultChecked:b,formKey:h,debounce:m,validatorKey:p}=e,j=s||v||d||b||(l[f]||l.text).value;t[e.formKey]={formKey:h,type:f,required:r,max:n,maxLength:i,min:a,minLength:u,step:o,pattern:c,value:j,validatorKey:p,debounce:m,dirty:!1,touched:!1,gid:Math.random().toString(36)},Object.keys(t[e.formKey]).forEach((r=>{void 0===t[e.formKey][r]&&delete t[e.formKey][r]}))}))})),{fields:t,loading:!1}}("function"==typeof e?e({}):e)),[e]),[a,u]=(0,n.useState)(i),f=(e,t)=>{if(e){var r=t.target;if(r instanceof HTMLInputElement||r instanceof HTMLTextAreaElement||r instanceof HTMLSelectElement){e.checkValidity||(e.checkValidity=()=>r.checkValidity()),r.setCustomValidity("");var n=(e=>{for(var t in e)if("valid"!==t&&e[t])return t})(r.validity);b(e,n,(e=>r.setCustomValidity(e))),!n&&e.error&&r.setCustomValidity(e.errorText||"error")}else b(e,e.required&&!e.value?"valueMissing":void 0)}},b=(e,r,n)=>{var i=t[e.validatorKey||e.formKey]||t["*"];i&&y(e,i,r,n),e.touched=!0,j(e,e.formKey)},m=(e,t)=>{var r=a.fields[e];r.value=t,r.dirty=!0},j=(e,t)=>u((r=>t?p(p({},r),{},{fields:p(p({},r.fields),{},{[t]:p(p({},r.fields[t]),e)})}):p(p({},r),e))),y=(e,t,r,n)=>{for(var i in t.constraintHandlers){var u=t.constraintHandlers[i](e,r);if(e.error=d(u,e.value),e.error)return}for(var o in t.handlers){var l=t.handlers[o](e,a.fields);if(e.error=d(l,e.value),e.error)return}e.errorText="",t.asyncHandlers.length&&(e.error=!0,v(e.debounce||300,"".concat(e.gid,"-async")).then((()=>{var r,i,u=(r=function*(){for(var r in t.asyncHandlers){var i=yield t.asyncHandlers[r](e,a.fields);if(e.error=d(i,e.value),e.error)break}e.error||(e.errorText=""),j({error:e.error,errorText:e.errorText},e.formKey),null==n||n(e.errorText)},i=function(){var e=this,t=arguments;return new Promise((function(n,i){var a=r.apply(e,t);function u(e){h(a,n,i,u,o,"next",e)}function o(e){h(a,n,i,u,o,"throw",e)}u(void 0)}))},function(){return i.apply(this,arguments)});u()})))};return{state:a,t:(e,t,r)=>{var n=((e,t)=>e.target?Object.hasOwn(s,e.target.type)?e.target[s[e.target.type]]:e.target.value:e.value||(o(t)?t.value:t))(t,r);m(e,n),f(a.fields[e],t)},i:f,u:j,optimized:r}},g=(0,n.createContext)({state:{fields:{},loading:!1},t:()=>null,i:()=>null,u:()=>null,optimized:!1}),O=g.Provider,w=["loader","stateRef","onSubmit","onChange","children","validators","onInit","optimized"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},S.apply(this,arguments)}function M(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 x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?M(Object(r),!0).forEach((function(t){I(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function I(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var C=e=>{var{loader:t=n.default.createElement("div",null,"loading"),stateRef:r,onSubmit:i,onChange:a,children:u,validators:o,onInit:l,optimized:c}=e,v=_(e,w),s=(0,n.useRef)(null),d=y(u,o,c),{state:h,t:m,i:p,u:j}=d,g=(0,n.useMemo)((()=>{var e=(e=>{for(var t in e)if(e[t].error)return!1;return!0})(h.fields),t=x(x({},h.fields),{},{isValid:e,isInvalid:!e,loading:h.loading,toRawData:e=>function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r={},{include:n,exclude:i,transform:a}=t;if(n)n.forEach((t=>{var n;return r[t]=null===(n=e[t])||void 0===n?void 0:n.value}));else for(var u in e)r[u]=e[u].value;if(null==i||i.forEach((e=>delete r[e])),a)for(var o in a){var l,c=a[o];r[o]=c(null===(l=e[o])||void 0===l?void 0:l.value)}return r}(h.fields,e),toFormData:()=>((e,t)=>{if(!e)return new FormData;if(t){var r,{exclude:n,include:i,transform:a}=t;if(i?(r=new FormData,i.forEach((t=>{var n;return r.set(t,null===(n=e[t])||void 0===n?void 0:n.value)}))):(r=new FormData(e),null==n||n.forEach((e=>r.delete(e)))),a)for(var u in a){var o,l=a[u];r.set(u,l(null===(o=e[u])||void 0===o?void 0:o.value))}return r}return new FormData(e)})(s.current),toURLSearchParams:f,updateValidity:function(){var e;this.isValid=(null===(e=s.current)||void 0===e?void 0:e.checkValidity())||!1,this.isInvalid=!this.isValid},setLoading:e=>j({loading:"function"==typeof e?e(h.loading):e})});return r&&(r.current=t),t}),[h.fields]),M=(0,n.useMemo)((()=>{var e="function"==typeof u?u(g):u,t=e=>{e.preventDefault(),null==i||i(g,e)};return c?n.default.createElement("form",S({},v,{ref:s,onBlur:e=>{p(h.fields[e.target.name],e)},onInvalid:e=>{e.preventDefault(),p(h.fields[e.target.name],e)},onChange:(e,t)=>{m(e.target.name,e,t),null==a||a(g,e)},onSubmit:t}),e):n.default.createElement("form",S({},v,{ref:s,onSubmit:t}),e)}),[g,u]);return(0,n.useEffect)((()=>{var e=Object.keys(h.fields).reduce(((e,t)=>(e[t]={dispatchChanges:e=>j(e,t)},e)),{});if(l){var t=t=>{j({fields:b({},h.fields,e,t)})},r=l(g);r instanceof Promise?r.then(t):t(r)}else j({fields:b({},h.fields,e)})}),[]),n.default.createElement(O,{value:d},h.loading?t:M)},H=["formKey","element","title","type","validatorKey","fetch","fetchDeps","optimized","defaultChecked","defaultValue","checked","value","debounce"];function k(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 L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?k(Object(r),!0).forEach((function(t){P(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function P(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function T(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var A=e=>{var{formKey:t,element:r,title:i,type:a,validatorKey:u,fetch:o,fetchDeps:l=[],optimized:c,defaultChecked:f,defaultValue:s,checked:d,value:b,debounce:h=300}=e,m=T(e,H),{state:{fields:p},t:j,i:y,u:O,optimized:w}=(0,n.useContext)(g),S=p[t],M=(0,n.useMemo)((()=>{var e,u;"checkbox"===a?u=S.value||!1:e=S.value||"";var o=L(L({},m),{},{type:a,name:t,value:e,checked:u,title:i||S.errorText});return w&&c||(o.onBlur=e=>y(S,e),o.onInvalid=e=>{e.preventDefault(),y(S,e)},o.onChange=(e,r)=>j(t,e,r)),r?r(S,o):n.default.createElement("input",o)}),[S,r]),x=(0,n.useMemo)((()=>l.map((e=>p[e].value))),[p]);return(0,n.useEffect)((()=>{o&&v(h,"".concat(S.gid,"-fetch")).then((()=>{var e=o(S,p);e instanceof Promise?e.then((e=>e&&O(e,t))):e&&O(e,t)}))}),x),M};function D(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class E{get handlers(){return this.l}get constraintHandlers(){return this.v}get asyncHandlers(){return this.h}constructor(e){D(this,"_handlers",void 0),D(this,"_constraintHandlers",void 0),D(this,"_asyncHandlers",void 0);var t=(null==e?void 0:e.handlers)||[],r=(null==e?void 0:e.constraintHandlers)||[],n=(null==e?void 0:e.asyncHandlers)||[];this.l=(new Array).concat(t),this.v=(new Array).concat(r),this.h=(new Array).concat(n)}withRequiredMessage(e){return this.m("valueMissing",e)}withMaxLengthMessage(e){return this.m("tooLong",e)}withMinLengthMessage(e){return this.m("tooShort",e)}withPatternMismatchMessage(e){return this.m("patternMismatch",e)}withBadInputMessage(e){return this.m("badInput",e)}withRangeUnderflowMessage(e){return this.m("rangeUnderflow",e)}withRangeOverflowMessage(e){return this.m("rangeOverflow",e)}withTypeMismatchMessage(e){return this.m("typeMismatch",e)}withStepMismatchMessage(e){return this.m("stepMismatch",e)}withCustomValidation(e){return this.l.push(e),this}withCustomValidationAsync(e){return this.h.push(e),this}m(e,t){return this.v.push(((r,n)=>n===e&&(r.errorText="string"==typeof t?t:t(r),!0))),this}}var K=r.z2,R=r.Ic,V=r.e8;export{K as GForm,R as GInput,V as GValidator};
|
|
2
|
-
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","mappings":"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","sources":["webpack://gform-react/webpack/bootstrap","webpack://gform-react/webpack/runtime/define property getters","webpack://gform-react/webpack/runtime/hasOwnProperty shorthand","webpack://gform-react/external module {\"root\":\"React\",\"commonjs\":\"react\",\"module\":\"react\"}","webpack://gform-react/./src/helpers.ts","webpack://gform-react/./src/useForm.ts","webpack://gform-react/./src/context.ts","webpack://gform-react/./src/GForm.tsx","webpack://gform-react/./src/fields/GInput.tsx","webpack://gform-react/./src/validations/GValidator.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }\nvar y = x => () => x\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"createContext\"]: () => __WEBPACK_EXTERNAL_MODULE_react__.createContext, [\"default\"]: () => __WEBPACK_EXTERNAL_MODULE_react__[\"default\"], [\"useContext\"]: () => __WEBPACK_EXTERNAL_MODULE_react__.useContext, [\"useEffect\"]: () => __WEBPACK_EXTERNAL_MODULE_react__.useEffect, [\"useMemo\"]: () => __WEBPACK_EXTERNAL_MODULE_react__.useMemo, [\"useRef\"]: () => __WEBPACK_EXTERNAL_MODULE_react__.useRef, [\"useState\"]: () => __WEBPACK_EXTERNAL_MODULE_react__.useState });","import type { GInputInitialState, GInputProps, GInputState } from './fields';\r\nimport type { GChangeEvent, GDOMElement, IForm } from './form';\r\nimport type { GFormState, RawData } from './state';\r\n\r\n/* =======================================================\r\n * reminder: `$DEF_DEBUG` blocks are excluded from bundle!\r\n * =====================================================*/\r\n\r\nexport const isObject = (o: any): o is object => (o && typeof o === 'object' && !Array.isArray(o));\r\n\r\nconst defaultFieldProps: { [key: string]: { value: string | number | boolean } } = {\r\n text: { value: '' },\r\n checkbox: { value: false },\r\n number: { value: 0 }\r\n};\r\n\r\nexport type InitialState<T> = {\r\n fields: IForm<T> & { [key: string]: GInputState<any> };\r\n loading: boolean;\r\n}\r\n\r\nexport const _buildFormInitialValues = <T>(rows: JSX.Element | JSX.Element[] = []): InitialState<T> => {\r\n const fields: {[key: string]: GInputInitialState} = {};\r\n \r\n if (!Array.isArray(rows)) rows = [rows];\r\n\r\n if ($DEF_DEBUG) {\r\n console.log('[buildFormInitialValues] -', 'building initial values for ', rows);\r\n }\r\n\r\n rows.forEach(row => {\r\n const inputConfigs = _findInputs(row);\r\n\r\n inputConfigs.forEach(config => {\r\n if ($DEF_DEBUG) {\r\n console.log('[buildFormInitialValues] -', 'building input', `(${config.formKey})`, config);\r\n }\r\n\r\n if (fields[config.formKey]) {\r\n console.warn(`[Duplicate Keys].\\nfield with key '${config.formKey}' has already been defined.`);\r\n }\r\n\r\n const { required = false, max, maxLength, min, minLength, step, pattern, type = 'text', defaultValue, value, checked, defaultChecked, formKey, debounce, validatorKey } = config;\r\n const defaultProps = defaultFieldProps[type] || defaultFieldProps.text;\r\n const inputValue = value || defaultValue || checked || defaultChecked || defaultProps.value;\r\n\r\n fields[config.formKey] = {\r\n formKey,\r\n type,\r\n required,\r\n max,\r\n maxLength,\r\n min,\r\n minLength,\r\n step,\r\n pattern,\r\n value: inputValue,\r\n validatorKey,\r\n debounce,\r\n dirty: false,\r\n touched: false,\r\n gid: Math.random().toString(36)\r\n };\r\n\r\n Object.keys(fields[config.formKey]).forEach(key => {\r\n if (typeof fields[config.formKey][key] === 'undefined') delete fields[config.formKey][key];\r\n });\r\n });\r\n });\r\n return { fields, loading: false } as InitialState<T>;\r\n};\r\n\r\nconst _findInputs = (root?: JSX.Element | JSX.Element[] | undefined[], total: GInputProps[] = []): GInputProps[] => {\r\n if (!root) return total;\r\n\r\n if (Array.isArray(root)) {\r\n root.forEach(element => _findInputs(element, total));\r\n return total;\r\n }\r\n\r\n if (root.props?.formKey) {\r\n if ($DEF_DEBUG) {\r\n console.log('[findInputs] -', 'input config found', `(${root.props.formKey})`);\r\n }\r\n total.push(root.props);\r\n return total;\r\n }\r\n\r\n return _findInputs(root.props?.children, total);\r\n};\r\n\r\nexport const _findValidityKey = (validity: ValidityState): keyof ValidityState | undefined => {\r\n for (const key in validity) {\r\n if (key !== 'valid' && validity[key as keyof ValidityState]) {\r\n if ($DEF_DEBUG) {\r\n console.log('[findValidityKey] -', 'found validity key:', key);\r\n }\r\n return key as keyof ValidityState;\r\n }\r\n }\r\n};\r\n\r\nexport const _checkIfFormIsValid = <T>(fields: IForm<T>): boolean => {\r\n for (const f in fields) {\r\n if (fields[f].error) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n};\r\n\r\nexport const _toRawData = <T>(fields: IForm<T> & { [key: string]: GInputState<any> }, options: ToRawDataOptions<T> = {}): RawData<T> => {\r\n const data: { [key: string]: unknown } = {};\r\n\r\n const {include, exclude, transform} = options;\r\n \r\n if (include) {\r\n include.forEach(key => data[key as string] = fields[key]?.value);\r\n } else for (const f in fields) {\r\n data[f] = fields[f].value;\r\n }\r\n\r\n exclude?.forEach(key => delete data[key as string]);\r\n\r\n if (transform) {\r\n for (const key in transform) {\r\n const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n data[key] = set(fields[key]?.value);\r\n }\r\n }\r\n\r\n return data as RawData<T>;\r\n};\r\n\r\nexport type ToRawDataOptions<T> = ToURLSearchParamsOptions<T>;\r\n\r\nexport type ToFormDataOptions<T> = ToURLSearchParamsOptions<T>;\r\n\r\nexport const _toFormData = <T>(form: HTMLFormElement | null, options?: ToFormDataOptions<T>): FormData => {\r\n if (!form) return new FormData();\r\n\r\n if (options) {\r\n const { exclude, include, transform } = options;\r\n let formData: FormData;\r\n\r\n if (include) {\r\n formData = new FormData();\r\n include.forEach(key => formData.set(key as string, form[key as string]?.value));\r\n } else {\r\n formData = new FormData(form);\r\n exclude?.forEach(key => formData.delete(key as string));\r\n }\r\n\r\n if (transform) {\r\n for (const key in transform) {\r\n const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n formData.set(key, set(form[key]?.value));\r\n }\r\n }\r\n return formData;\r\n\r\n }\r\n\r\n return new FormData(form);\r\n};\r\n\r\n\r\nexport type ToURLSearchParamsOptions<T> = {\r\n exclude?: (keyof T)[];\r\n include?: (keyof T)[];\r\n transform?: {\r\n [key in keyof T]?: (value: GFormState<T>[key]['value']) => any;\r\n };\r\n};\r\n\r\nexport function _toURLSearchParams<T>(this: GFormState<T>, options?: ToURLSearchParamsOptions<T>): URLSearchParams {\r\n let data: Record<keyof T, any>;\r\n if (options) {\r\n const { exclude, include, transform } = options;\r\n if (include) {\r\n data = {} as Record<keyof T, any>;\r\n include.forEach(key => (data[key] = this[key]?.value));\r\n } else {\r\n data = this.toRawData();\r\n exclude?.forEach(key => delete data[key]);\r\n }\r\n\r\n if (transform) {\r\n for (const key in transform) {\r\n const set = transform[key] as (value: GFormState<T>[typeof key]['value']) => any;\r\n (data[key] = set(this[key]?.value));\r\n }\r\n }\r\n }\r\n else data = this.toRawData();\r\n\r\n return new URLSearchParams(data); // this is ok because URLSearchParams will stringify the values (boolean/number)\r\n}\r\n\r\nfunction __debounce(this: { [key: string]: { timerId: NodeJS.Timeout } }, timeout: number, id: string): Promise<void> {\r\n return new Promise(resolve => {\r\n if (this[id]?.timerId)\r\n clearTimeout(this[id].timerId);\r\n\r\n const timerId = setTimeout(() => resolve(), timeout);\r\n\r\n if (this[id]) {\r\n this[id].timerId = timerId;\r\n } else this[id] = { timerId };\r\n });\r\n}\r\n\r\nexport const _debounce = __debounce.bind({});\r\n\r\nconst typeValueDict: { [key: string]: keyof HTMLFormElement | GDOMElement } = {\r\n checkbox: 'checked',\r\n number: 'valueAsNumber',\r\n};\r\n\r\nexport const _extractValue = <T>(e: GChangeEvent<GDOMElement | HTMLFormElement>, unknown?: { value: T } | string | number): undefined | string | number | boolean | T => {\r\n if (e.target) {\r\n if (Object.hasOwn(typeValueDict, e.target.type)) return e.target[typeValueDict[e.target.type] as 'value'];\r\n return e.target.value;\r\n }\r\n return (e.value as T) || (isObject(unknown) ? unknown.value : unknown);\r\n};\r\n\r\nexport const _checkResult = (handlerResult: boolean | RegExp, value: string | number | boolean): boolean => typeof handlerResult === 'boolean' ? handlerResult : typeof value === 'string' ? !handlerResult.test(value) : false;\r\n\r\nexport const _merge = <T extends object>(target: {[key: string]: any} = {}, ...nodes: ({[key: string]: any} | undefined | void)[]): T => {\r\n if (!nodes.length) return target as T;\r\n\r\n const next = nodes.shift();\r\n if (isObject(next)) {\r\n for (const key in next) {\r\n target[key] = target[key] ? {...target[key], ...next[key]} : next[key];\r\n }\r\n }\r\n\r\n return _merge(target, ...nodes);\r\n};","import { useMemo, useState } from \"react\";\r\n\r\nimport { _buildFormInitialValues, _findValidityKey, _checkResult, InitialState, _extractValue, _debounce } from \"./helpers\";\r\nimport type { GInputState } from \"./fields\";\r\nimport type { GInputValidator, GValidators } from \"./validations\";\r\nimport type { GFocusEvent, GInvalidEvent, GChangeEvent, GFormEvent, GDOMElement } from \"./form\";\r\nimport type { GFormState } from \"./state\";\r\n\r\nexport const useForm = <T>(children?: JSX.Element | JSX.Element[] | ((state: GFormState<T>) => JSX.Element | JSX.Element[]), validators: GValidators<T> = {}, optimized = false) => {\r\n const initialValues = useMemo(() => _buildFormInitialValues<T>(typeof children === 'function' ? children({} as GFormState<T>) : children), [children]);\r\n const [state, setState] = useState(initialValues);\r\n\r\n /**\r\n * handler for validating a form input\r\n * @param input the input to be validated\r\n * @param e the event object\r\n */\r\n const _validateInputHandler = (input: GInputState, e: GFocusEvent<GDOMElement | HTMLFormElement> | GInvalidEvent<GDOMElement | HTMLFormElement> | GFormEvent<GDOMElement | HTMLFormElement>): void => {\r\n if (!input) return;\r\n const element = e.target;\r\n\r\n if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement) {\r\n if (!input.checkValidity) input.checkValidity = () => element.checkValidity();\r\n element.setCustomValidity(''); //reset any previous error (custom)\r\n\r\n const validityKey = _findValidityKey(element.validity);\r\n _validateInput(input, validityKey, (v: string) => element.setCustomValidity(v));\r\n\r\n if (!validityKey && input.error) {\r\n element.setCustomValidity(input.errorText || 'error');\r\n }\r\n } else {\r\n if ($DEF_DEBUG) {\r\n console.log('[validateInputHandler] -', `the input '${input.formKey}' is not a native element\\nevent:`, e);\r\n }\r\n //fallback - validate the input for 'required' constraint validation (valueMissing)\r\n _validateInput(input, input.required && !input.value ? 'valueMissing' : undefined);\r\n }\r\n };\r\n\r\n /**\r\n * handler for updating and validating a form input\r\n * @param key the key used to identify the input (`formKey`)\r\n * @param e the event object\r\n */\r\n const _updateInputHandler = (key: string, e: GChangeEvent<GDOMElement | HTMLFormElement>, unknown?: { value: unknown } | string | number): void => {\r\n const value = _extractValue(e, unknown);\r\n _updateInput(key, value);\r\n _validateInputHandler(state.fields[key], e);\r\n };\r\n\r\n /**\r\n * Validates the input and updates the state with the result\r\n * @param input the input to be validated\r\n * @param validityKey the `Constraint Validation` key\r\n */\r\n const _validateInput = (input: GInputState, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n const inputValidator = validators[input.validatorKey || input.formKey] || validators['*'];\r\n if ($DEF_DEBUG) {\r\n console.log('[validateInput] -', 'validating input:', input.formKey, `(${validityKey ? validityKey : 'custom'})`);\r\n }\r\n inputValidator && __validateInput(input, inputValidator, validityKey, setValidity);\r\n input.touched = true;\r\n _dispatchChanges(input, input.formKey);\r\n };\r\n\r\n /**\r\n * update the input state.\r\n * @param key the key used to identify the input (`formKey`)\r\n * @param value the new value\r\n */\r\n const _updateInput = <V>(key: string, value: GInputState<V>['value']) => {\r\n const input = state.fields[key];\r\n input.value = value;\r\n input.dirty = true;\r\n };\r\n \r\n const _dispatchChanges = (changes: Partial<InitialState<T>> | Partial<GInputState>, key?: string) => setState(prev => {\r\n if (key) {\r\n return { ...prev, fields: {...prev.fields, [key]: { ...prev.fields[key], ...changes } }};\r\n }\r\n return { ...prev, ...changes };\r\n });\r\n\r\n /**\r\n * @internal\r\n */\r\n const __validateInput = (input: GInputState, inputValidator: GInputValidator<T>, validityKey?: keyof ValidityState, setValidity?: (e: string) => void): void => {\r\n if ($DEF_DEBUG) {\r\n console.log('[_validateInput] -', `validating input (${input.formKey}) with handlers:`, inputValidator.handlers);\r\n }\r\n\r\n for (const index in inputValidator.constraintHandlers) {\r\n const result = inputValidator.constraintHandlers[index](input, validityKey);\r\n if ($DEF_DEBUG) {\r\n console.log('[_validateInput] -', `validation results for constraint handler (${index}):\\n`, inputValidator.constraintHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n }\r\n\r\n input.error = _checkResult(result, input.value);\r\n if (input.error) return;\r\n }\r\n\r\n for (const index in inputValidator.handlers) {\r\n const result = inputValidator.handlers[index](input, state.fields);\r\n if ($DEF_DEBUG) {\r\n console.log('[_validateInput] -', `validation results for custom handler (${index}):\\n`, inputValidator.handlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n }\r\n\r\n input.error = _checkResult(result, input.value);\r\n if (input.error) return;\r\n }\r\n\r\n input.errorText = '';\r\n\r\n if (inputValidator.asyncHandlers.length) {\r\n input.error = true;\r\n _debounce(input.debounce || 300, `${input.gid}-async`).then(() => {\r\n const validateAsync = async () => {\r\n for (const index in inputValidator.asyncHandlers) {\r\n const result = await inputValidator.asyncHandlers[index](input, state.fields);\r\n if ($DEF_DEBUG) {\r\n console.log('[_validateInput] -', `validation results for custom async handler (${index}):\\n`, inputValidator.asyncHandlers[index], '\\n\\nvalidator result:', result, '\\nviolation:', input.error, `(${input.error ? 'failed' : 'passed'})`);\r\n }\r\n \r\n input.error = _checkResult(result, input.value);\r\n if (input.error) break;\r\n }\r\n if (!input.error) input.errorText = '';\r\n \r\n _dispatchChanges({ error: input.error, errorText: input.errorText }, input.formKey);\r\n setValidity?.(input.errorText);\r\n };\r\n \r\n if ($DEF_DEBUG) {\r\n console.log('[_validateInput] -', `validating input (${input.formKey}) with async handlers:`, inputValidator.asyncHandlers);\r\n }\r\n validateAsync();\r\n });\r\n }\r\n\r\n };\r\n\r\n return { state, _updateInputHandler, _validateInputHandler, _dispatchChanges, optimized };\r\n};","import { createContext, useContext } from \"react\";\r\nimport { useForm } from \"./useForm\";\r\n\r\nexport type GContext<T = any> = ReturnType<typeof useForm<T>>;\r\n\r\nconst gFormContext = createContext<GContext>({\r\n state: {\r\n fields: {},\r\n loading: false\r\n },\r\n _updateInputHandler: () => null,\r\n _validateInputHandler: () => null,\r\n _dispatchChanges: () => null,\r\n optimized: false\r\n});\r\n\r\nexport const useGenericFormContext = () => useContext<GContext>(gFormContext);\r\n\r\nexport const GFormContextProvider = gFormContext.Provider;","import React, { useMemo, MutableRefObject, useRef, useEffect } from \"react\";\r\nimport type { ReactNode, HTMLAttributes, ChangeEvent, FormEvent } from \"react\";\r\n\r\nimport { useForm } from \"./useForm\";\r\nimport { _checkIfFormIsValid, _toRawData, _toFormData, _toURLSearchParams, ToRawDataOptions, _merge } from \"./helpers\";\r\nimport { GFormContextProvider } from \"./context\";\r\nimport type { GFormState } from \"./state\";\r\nimport type { GValidators } from \"./validations\";\r\nimport type { GChangeEvent, IForm, PartialForm } from \"./form\";\r\nimport type { GInputState } from \"./fields\";\r\n\r\nexport type GFormProps<T> = Omit<HTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onChange'> & {\r\n children?: JSX.Element | JSX.Element[] | ((state: GFormState<T>) => JSX.Element | JSX.Element[]);\r\n /** @param loader - a component to display while loading (optional). */\r\n loader?: ReactNode;\r\n /** @param stateRef - pass a ref which will points to the current state of the form (optional). */\r\n stateRef?: MutableRefObject<GFormState<T> | undefined>;\r\n /** @param onSubmit - a handler for the form submission (optional). */\r\n onSubmit?: (state: GFormState<T>, e: FormEvent<HTMLFormElement>) => void;\r\n /** @param onChange - register onChange handler (optional). */\r\n onChange?: (state: GFormState<T>, e: ChangeEvent<HTMLFormElement>) => void;\r\n /** @param validators - an object for handling validations (optional). */\r\n validators?: GValidators<T>;\r\n /** @param onInit - execute a handler once the form has initialized (optional). */\r\n onInit?: (state: GFormState<T>) => void | PartialForm<T> | Promise<void | PartialForm<T>>;\r\n /** @param optimized - enable optimization by registering the required handlers on the form itself. \r\n * @see {@link https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_delegation|EventDelegation}\r\n * @optional\r\n */\r\n optimized?: boolean;\r\n};\r\n\r\n/**\r\n * build dynamic forms with validations.\r\n * @link Docs - https://gform-react.onrender.com\r\n * @link Npm - https://www.npmjs.com/package/gform-react\r\n */\r\nexport const GForm = <T extends any>({\r\n loader = <div>loading</div>,\r\n stateRef,\r\n onSubmit,\r\n onChange,\r\n children,\r\n validators,\r\n onInit,\r\n optimized,\r\n ...rest\r\n}: GFormProps<T>): JSX.Element => {\r\n const formRef = useRef<HTMLFormElement>(null);\r\n const values = useForm<T>(children, validators, optimized);\r\n const { state, _updateInputHandler, _validateInputHandler, _dispatchChanges } = values;\r\n\r\n const formState = useMemo(() => {\r\n const _isFormValid = _checkIfFormIsValid(state.fields);\r\n const formState: GFormState<T> = {\r\n ...state.fields,\r\n isValid: _isFormValid,\r\n isInvalid: !_isFormValid,\r\n loading: state.loading,\r\n toRawData: (options?: ToRawDataOptions<T>) => _toRawData(state.fields, options),\r\n toFormData: () => _toFormData(formRef.current),\r\n toURLSearchParams: _toURLSearchParams,\r\n updateValidity: function () { // it has to be function in order to refer to 'this'\r\n this.isValid = formRef.current?.checkValidity() || false;\r\n this.isInvalid = !this.isValid;\r\n },\r\n setLoading: (p) => _dispatchChanges({ loading: typeof p === 'function' ? p(state.loading) : p })\r\n };\r\n\r\n if (stateRef) stateRef.current = formState;\r\n\r\n return formState;\r\n }, [state.fields]);\r\n\r\n const form = useMemo(() => {\r\n const formChildren = typeof children === 'function' ? children(formState) : children;\r\n const _onSubmit = (e: FormEvent<HTMLFormElement>) => {\r\n e.preventDefault();\r\n onSubmit?.(formState, e);\r\n };\r\n\r\n return optimized\r\n ?\r\n <form {...rest} ref={formRef}\r\n onBlur={(e: GChangeEvent<HTMLFormElement>) => {\r\n _validateInputHandler(state.fields[e.target.name], e);\r\n }}\r\n onInvalid={(e: ChangeEvent<HTMLFormElement>) => {\r\n e.preventDefault(); // hide default browser validation tooltip\r\n _validateInputHandler(state.fields[e.target.name], e);\r\n }}\r\n onChange={(e: GChangeEvent<HTMLFormElement>, unknown?: { value: unknown } | string | number) => {\r\n _updateInputHandler(e.target.name, e, unknown);\r\n onChange?.(formState, e);\r\n }}\r\n onSubmit={_onSubmit}>\r\n {formChildren}\r\n </form>\r\n :\r\n <form {...rest} ref={formRef} onSubmit={_onSubmit}>\r\n {formChildren}\r\n </form>;\r\n }, [formState, children]);\r\n\r\n useEffect(() => {\r\n const dispatchers = Object.keys(state.fields).reduce<{[key:string]: Partial<GInputState>}>((fields, key) => {\r\n fields[key] = { dispatchChanges: (changes: Partial<GInputState>) => _dispatchChanges(changes, key) };\r\n return fields;\r\n }, {});\r\n\r\n if (onInit) {\r\n const _handler = (_c: void | PartialForm<T>) => {\r\n _dispatchChanges({fields: _merge<IForm<T> & { [key: string]: GInputState; }>({}, state.fields, dispatchers, _c) });\r\n };\r\n const changes = onInit(formState);\r\n changes instanceof Promise ? changes.then(_handler) : _handler(changes);\r\n } \r\n else {\r\n _dispatchChanges({ fields: _merge<IForm<T> & { [key: string]: GInputState; }>({}, state.fields, dispatchers)});\r\n }\r\n }, []);\r\n\r\n return (\r\n <GFormContextProvider value={values}>\r\n {\r\n state.loading\r\n ?\r\n loader\r\n :\r\n form\r\n }\r\n </GFormContextProvider>\r\n );\r\n};","import React, { useEffect, useMemo } from 'react';\r\nimport type { FC } from 'react';\r\n\r\nimport { useGenericFormContext } from \"../context\";\r\nimport { _debounce } from '@generic-form/helpers';\r\nimport type { GInputProps, GInputState, GElementProps } from '.';\r\n\r\nexport const GInput: FC<GInputProps> = ({ formKey, element, title, type, validatorKey, fetch, fetchDeps = [], optimized, defaultChecked, defaultValue, checked, value, debounce=300, ...rest }) => {\r\n const { state: { fields }, _updateInputHandler, _validateInputHandler, _dispatchChanges, optimized: formOptimized } = useGenericFormContext();\r\n const inputState = fields[formKey];\r\n\r\n const _element = useMemo(() => {\r\n let value, 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 title: title || inputState.errorText\r\n };\r\n\r\n if (!formOptimized || !optimized) {\r\n _props.onBlur = (e) => _validateInputHandler(inputState, e);\r\n _props.onInvalid = (e) => {\r\n e.preventDefault(); // hide default browser validation tooltip\r\n _validateInputHandler(inputState, e);\r\n };\r\n _props.onChange = (e, unknown?: { value: unknown } | string | number) => _updateInputHandler(formKey, e, unknown);\r\n }\r\n\r\n if (element) {\r\n return (element as (input: GInputState, props: GElementProps) => JSX.Element)(inputState, _props);\r\n }\r\n\r\n return (\r\n <input {..._props} />\r\n );\r\n }, [inputState, element]);\r\n\r\n const _fetchDeps = useMemo(() => fetchDeps.map(key => fields[key].value), [fields]);\r\n\r\n useEffect(() => {\r\n if (fetch) {\r\n _debounce(debounce, `${inputState.gid}-fetch`).then(() => {\r\n const res = fetch(inputState, fields);\r\n res instanceof Promise ? res.then((state) => state && _dispatchChanges(state, formKey)) : res && _dispatchChanges(res, formKey);\r\n });\r\n }\r\n }, _fetchDeps);\r\n\r\n return _element;\r\n};","import type { GConstraintValidator, GConstraintValidatorHandler, GCustomValidatorHandler, GCustomValidatorHandlerAsync } from \".\";\r\n\r\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\r\n get handlers() {\r\n return this._handlers;\r\n }\r\n\r\n get constraintHandlers() {\r\n return this._constraintHandlers;\r\n }\r\n\r\n get asyncHandlers() {\r\n return this._asyncHandlers;\r\n }\r\n\r\n constructor(baseValidator?: GValidator<T>) {\r\n const baseHandlers = baseValidator?.handlers || [];\r\n const baseConstraintHandlers = baseValidator?.constraintHandlers || [];\r\n const baseHandlersAsync = baseValidator?.asyncHandlers || [];\r\n \r\n this._handlers = new Array<GCustomValidatorHandler<T>>().concat(baseHandlers);\r\n this._constraintHandlers = new Array<GConstraintValidatorHandler>().concat(baseConstraintHandlers);\r\n this._asyncHandlers = new Array<GCustomValidatorHandlerAsync<T>>().concat(baseHandlersAsync);\r\n }\r\n\r\n /**register a `valueMissing` violation handler (use this with `required` attribute) */\r\n withRequiredMessage(message: string | GConstraintValidator): GValidator<T> {\r\n return this.__addConstraintValidationHandler('valueMissing', message);\r\n }\r\n\r\n /**register a `tooLong` violation handler (use this with `maxLength` attribute) */\r\n withMaxLengthMessage(message: string | GConstraintValidator): GValidator<T> {\r\n return this.__addConstraintValidationHandler('tooLong', message);\r\n }\r\n\r\n /**register a `tooShort` violation handler (use this with `minLength` attribute)*/ \r\n withMinLengthMessage(message: string | GConstraintValidator): GValidator<T> {\r\n return this.__addConstraintValidationHandler('tooShort', message);\r\n }\r\n\r\n /**register a `patternMismatch` violation handler (use this with `pattern` attribute)*/\r\n withPatternMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n return this.__addConstraintValidationHandler('patternMismatch', message);\r\n }\r\n\r\n /**register a `badInput` violation handler */\r\n withBadInputMessage(message: string | GConstraintValidator): GValidator<T> {\r\n return this.__addConstraintValidationHandler('badInput', message);\r\n }\r\n\r\n /**register a `rangeUnderflow` violation handler (use this with `min` attribute) */\r\n withRangeUnderflowMessage(message: string | GConstraintValidator): GValidator<T> {\r\n return this.__addConstraintValidationHandler('rangeUnderflow', message);\r\n }\r\n\r\n /**register a `rangeOverflow` violation handler (use this with `max` attribute) */\r\n withRangeOverflowMessage(message: string | GConstraintValidator): GValidator<T> {\r\n return this.__addConstraintValidationHandler('rangeOverflow', message);\r\n }\r\n\r\n /**register a `typeMismatch` violation handler */\r\n withTypeMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n return this.__addConstraintValidationHandler('typeMismatch', message);\r\n }\r\n\r\n /**register a `stepMismatch` violation handler (use this with `step` attribute)*/\r\n withStepMismatchMessage(message: string | GConstraintValidator): GValidator<T> {\r\n return this.__addConstraintValidationHandler('stepMismatch', message);\r\n }\r\n \r\n /**register a custom validation handler */\r\n withCustomValidation(handler: GCustomValidatorHandler<T>): GValidator<T> {\r\n this._handlers.push(handler);\r\n return this;\r\n }\r\n /**register a custom validation async handler */\r\n withCustomValidationAsync(handler: GCustomValidatorHandlerAsync<T>): GValidator<T> {\r\n this._asyncHandlers.push(handler);\r\n return this;\r\n }\r\n\r\n private __addConstraintValidationHandler(validityKey: keyof ValidityState, message: string | GConstraintValidator): GValidator<T> {\r\n this._constraintHandlers.push((input, key) => {\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":["__webpack_require__","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","y","x","d","__WEBPACK_EXTERNAL_MODULE_react__","createContext","useContext","useEffect","useMemo","useRef","useState","isObject","Array","isArray","defaultFieldProps","text","value","checkbox","number","_findInputs","root","total","forEach","element","props","formKey","push","children","_toURLSearchParams","options","data","exclude","include","transform","this","toRawData","set","URLSearchParams","_debounce","timeout","id","Promise","resolve","timerId","clearTimeout","setTimeout","bind","typeValueDict","_checkResult","handlerResult","test","_merge","target","nodes","length","next","shift","useForm","validators","optimized","initialValues","rows","fields","row","config","console","warn","required","max","maxLength","min","minLength","step","pattern","type","defaultValue","checked","defaultChecked","debounce","validatorKey","inputValue","dirty","touched","gid","Math","random","toString","keys","loading","_buildFormInitialValues","state","setState","_validateInputHandler","input","e","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","checkValidity","setCustomValidity","validityKey","validity","_findValidityKey","_validateInput","v","error","errorText","undefined","setValidity","inputValidator","__validateInput","_dispatchChanges","_updateInput","changes","prev","index","constraintHandlers","result","handlers","asyncHandlers","then","validateAsync","_updateInputHandler","unknown","hasOwn","_extractValue","gFormContext","GFormContextProvider","Provider","GForm","loader","stateRef","onSubmit","onChange","onInit","rest","formRef","values","formState","_isFormValid","f","_checkIfFormIsValid","isValid","isInvalid","_toRawData","toFormData","form","FormData","formData","delete","_toFormData","current","toURLSearchParams","updateValidity","setLoading","p","formChildren","_onSubmit","preventDefault","ref","onBlur","name","onInvalid","dispatchers","reduce","dispatchChanges","_handler","_c","GInput","title","fetch","fetchDeps","formOptimized","inputState","_element","_props","_fetchDeps","map","res","GValidator","_handlers","_constraintHandlers","_asyncHandlers","constructor","baseValidator","baseHandlers","baseConstraintHandlers","baseHandlersAsync","concat","withRequiredMessage","message","__addConstraintValidationHandler","withMaxLengthMessage","withMinLengthMessage","withPatternMismatchMessage","withBadInputMessage","withRangeUnderflowMessage","withRangeOverflowMessage","withTypeMismatchMessage","withStepMismatchMessage","withCustomValidation","handler","withCustomValidationAsync"],"sourceRoot":""}
|