react-simple-formkit 1.1.1 → 1.1.3

package/dist/react-simple-formkit.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react");var z={exports:{}},D={};/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react");var z={exports:{}},$={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var K;function le(){if(K)return D;K=1;var o=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function f(d,c,s){var m=null;if(s!==void 0&&(m=""+s),c.key!==void 0&&(m=""+c.key),"key"in c){s={};for(var u in c)u!=="key"&&(s[u]=c[u])}else s=c;return c=s.ref,{$$typeof:o,type:d,key:m,ref:c!==void 0?c:null,props:s}}return D.Fragment=n,D.jsx=f,D.jsxs=f,D}var Y={};/**
+ */var K;function le(){if(K)return $;K=1;var s=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function f(i,u,o){var E=null;if(o!==void 0&&(E=""+o),u.key!==void 0&&(E=""+u.key),"key"in u){o={};for(var l in u)l!=="key"&&(o[l]=u[l])}else o=u;return u=o.ref,{$$typeof:s,type:i,key:E,ref:u!==void 0?u:null,props:o}}return $.Fragment=n,$.jsx=f,$.jsxs=f,$}var M={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ee;function ie(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===A?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case $:return"Profiler";case I:return"StrictMode";case W:return"Suspense";case U:return"SuspenseList";case q:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case x:return"Portal";case M:return(e.displayName||"Context")+".Provider";case G:return(e._context.displayName||"Context")+".Consumer";case L:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case F:return r=e.displayName||null,r!==null?r:o(e.type)||"Memo";case P:r=e._payload,e=e._init;try{return o(e(r))}catch{}}return null}function n(e){return""+e}function f(e){try{n(e);var r=!1}catch{r=!0}if(r){r=console;var i=r.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),n(e)}}function d(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===P)return"<...>";try{var r=o(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function c(){var e=N.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function m(e){if(t.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function u(e,r){function i(){g||(g=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function R(){var e=o(this.type);return O[e]||(O[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function E(e,r,i,k,C,S,X,B){return i=S.ref,e={$$typeof:j,type:e,key:r,props:S,_owner:C},(i!==void 0?i:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:R}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:X}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function T(e,r,i,k,C,S,X,B){var v=r.children;if(v!==void 0)if(k)if(p(v)){for(k=0;k<v.length;k++)l(v[k]);Object.freeze&&Object.freeze(v)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else l(v);if(t.call(r,"key")){v=o(e);var w=Object.keys(r).filter(function(ue){return ue!=="key"});k=0<w.length?"{key: someKey, "+w.join(": ..., ")+": ...}":"{key: someKey}",V[v+k]||(w=0<w.length?"{"+w.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var ee;function ie(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===w?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case C:return"Fragment";case O:return"Profiler";case N:return"StrictMode";case G:return"Suspense";case U:return"SuspenseList";case J:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case P:return"Portal";case F:return(e.displayName||"Context")+".Provider";case L:return(e._context.displayName||"Context")+".Consumer";case W:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case q:return r=e.displayName||null,r!==null?r:s(e.type)||"Memo";case V:r=e._payload,e=e._init;try{return s(e(r))}catch{}}return null}function n(e){return""+e}function f(e){try{n(e);var r=!1}catch{r=!0}if(r){r=console;var c=r.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),n(e)}}function i(e){if(e===C)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===V)return"<...>";try{var r=s(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=A.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function E(e){if(D.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function l(e,r){function c(){t||(t=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}function m(){var e=s(this.type);return _[e]||(_[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function d(e,r,c,k,j,h,X,B){return c=h.ref,e={$$typeof:g,type:e,key:r,props:h,_owner:j},(c!==void 0?c:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:m}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:X}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function T(e,r,c,k,j,h,X,B){var v=r.children;if(v!==void 0)if(k)if(Y(v)){for(k=0;k<v.length;k++)R(v[k]);Object.freeze&&Object.freeze(v)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else R(v);if(D.call(r,"key")){v=s(e);var x=Object.keys(r).filter(function(ue){return ue!=="key"});k=0<x.length?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}",y[v+k]||(x=0<x.length?"{"+x.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,k,v,w,v),V[v+k]=!0)}if(v=null,i!==void 0&&(f(i),v=""+i),m(r)&&(f(r.key),v=""+r.key),"key"in r){i={};for(var H in r)H!=="key"&&(i[H]=r[H])}else i=r;return v&&u(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),E(e,v,S,C,c(),i,X,B)}function l(e){typeof e=="object"&&e!==null&&e.$$typeof===j&&e._store&&(e._store.validated=1)}var _=a,j=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),$=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),M=Symbol.for("react.context"),L=Symbol.for("react.forward_ref"),W=Symbol.for("react.suspense"),U=Symbol.for("react.suspense_list"),F=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),q=Symbol.for("react.activity"),A=Symbol.for("react.client.reference"),N=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,t=Object.prototype.hasOwnProperty,p=Array.isArray,b=console.createTask?console.createTask:function(){return null};_={"react-stack-bottom-frame":function(e){return e()}};var g,O={},y=_["react-stack-bottom-frame"].bind(_,s)(),J=b(d(s)),V={};Y.Fragment=h,Y.jsx=function(e,r,i,k,C){var S=1e4>N.recentlyCreatedOwnerStacks++;return T(e,r,i,!1,k,C,S?Error("react-stack-top-frame"):y,S?b(d(e)):J)},Y.jsxs=function(e,r,i,k,C){var S=1e4>N.recentlyCreatedOwnerStacks++;return T(e,r,i,!0,k,C,S?Error("react-stack-top-frame"):y,S?b(d(e)):J)}}()),Y}var re;function fe(){return re||(re=1,process.env.NODE_ENV==="production"?z.exports=le():z.exports=ie()),z.exports}var te=fe();const ae=a.createContext({}),de=()=>a.useContext(ae),be=(o,n)=>{let f=!1;return Object.keys(n).forEach(d=>{if(!(d in o)||f)return;const c=n[d],s=o[d];(typeof c=="object"||c!==s)&&(f=!0)}),f},ne=o=>{var f;const n=((f=o.validity)==null?void 0:f.customError)&&Object.values(o.validity).filter(Boolean).length===1;return!o||typeof o.checkValidity!="function"||o.checkValidity()||n?null:o.validationMessage},oe=({id:o,form:n,method:f,action:d,children:c,onSubmit:s=()=>{},onInput:m=()=>{},onChange:u=()=>{},numberFields:R=[],className:E,...T})=>(a.useEffect(()=>n.actions.registerOnchange(u),[u]),te.jsx(ae.Provider,{value:n,children:te.jsx("form",{ref:n==null?void 0:n.ref,action:d,className:E,onSubmit:l=>{f||l.preventDefault();const _=n.actions.loadFormValues();s(_)},onInput:l=>{if(l.target.tagName==="FORM"){const _=n.actions.loadFormValues();n.actions.setFormState(_)}else m(l)},onChange:()=>{const l=n.actions.loadFormValues();n.actions.setFormState(l)},...T,children:c})})),se=({name:o,defaultValue:n,render:f=({ref:d,name:c,defaultValue:s,value:m,setValue:u})=>null})=>{const[d,c]=a.useState(n),s=de(),m=a.useRef(),u=a.useCallback((R,{shouldDirty:E=!1}={})=>{s.actions.setFormState(T=>({...T,[o]:R}),{shouldDirty:E}),c(R)},[c,s.actions.setFormState]);return a.useEffect(()=>(s.actions.setFormState(E=>({...E,[o]:n}),{shouldDirty:!1}),s.subscribe(o,(E,{shouldDirty:T=!0,shouldOnChange:l=!0}={})=>{c(E),s.actions.setFormState(_=>({..._,[o]:E}),{shouldDirty:T,shouldOnChange:l}),m.current&&typeof m.current.dispatchEvent=="function"&&l&&m.current.dispatchEvent(new Event("change"))})),[]),f({ref:m,name:o,defaultValue:n,value:d,setValue:u})},Q=()=>{const[o,n]=a.useState({}),f=a.useMemo(()=>Object.values(o).filter(Boolean).length>0,[o]),d=a.useCallback((u,R)=>{n(E=>E[u]===R?E:{...E,[u]:R})},[]),c=a.useCallback(u=>{n(R=>({...R,...u}))},[]),s=a.useCallback(u=>{n(R=>R[u]?{...R,[u]:""}:R)},[]),m=a.useCallback(()=>{n({})},[]);return{isError:f,errors:o,changeError:d,changeErrors:c,clearError:s,clearErrors:m}},Z={defaultValues:{},numberFields:[]},ce=(o=Z)=>{const{defaultValues:n=Z.defaultValues,numberFields:f=Z.numberFields}=o,{changeError:d,errors:c,changeErrors:s,clearError:m,clearErrors:u,isError:R}=Q(),[E,T]=a.useState(!1),l=a.useRef({}),_=a.useRef(n),j=a.useRef({}),x=a.useRef(()=>{}),h=a.useRef(),I=a.useCallback((t,{shouldDirty:p=!0,shouldOnChange:b=!0}={})=>{let g=t;typeof t=="function"&&(g=t(l.current)),l.current=g;let O=E;p&&(O=be(l.current,_.current),O!==E&&T(O)),b&&x.current(l.current)},[E]),$=a.useCallback(()=>{T(!1),u();const t=j.current;Object.values(t).forEach(b=>b("")),h.current.reset(),l.current=_.current},[u]),G=a.useCallback((t,p)=>{const b=j.current;return b[t]=p,()=>b[t]=null},[]),M=a.useCallback(t=>(x.current=t,()=>x.current=()=>{})),L=a.useCallback(t=>ne(t.target),[]),W=a.useCallback(t=>t?l.current[t]:l.current,[]),U=a.useCallback(()=>_.current,[]),F=a.useCallback(()=>{setTimeout(()=>h.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),P=a.useCallback(t=>{const p=ne(t.target);p?d(t.target.name,p):d(t.target.name,null)},[d]),q=a.useCallback((t,p,{shouldDirty:b=!0,shouldOnChange:g=!0}={})=>{const O=j.current;switch(typeof t){case"string":{const y=O[t];if(!y)throw new Error(`${t} is uncontrolled, please use Controller for it!`);y(p,{shouldDirty:b,shouldOnChange:g}),g&&F()}break;case"object":Object.entries(t).forEach(([y,J])=>{const V=O[y];if(!V)throw new Error(`${y} is uncontrolled, please use Controller for it!`);V(J,{shouldDirty:b,shouldOnChange:g})}),g&&F();default:return}},[F]),A=a.useCallback(()=>{const t=Object.fromEntries(new FormData(h.current)),p=j.current;return Object.keys(p).map(b=>{t[b]=l.current[b]}),f.forEach(b=>t.hasOwnProperty(b)&&(t[b]=+t[b])),t},[]),N=a.useMemo(()=>({setValue:q,instantChange:F,getDefaultValues:U,getFormState:W,setFormState:I,changeError:d,changeErrors:s,clearError:m,clearErrors:u,loadFormValues:A,checkValidity:P,getFieldValidity:L,registerOnchange:M,reset:$}),[q,F,U,W,I,d,s,m,A,L,P,M,$]);return a.useEffect(()=>{if(h.current){const t=A();_.current={...t,...n},l.current={...t,...n}}},[]),{ref:h,isDirty:E,isError:R,errors:c,numberFields:f,subscribe:G,actions:N}},Ee={Form:oe,Controller:se,useForm:ce,useValidateForm:Q};exports.Controller=se;exports.Form=oe;exports.default=Ee;exports.useForm=ce;exports.useValidateForm=Q;
+  <%s key={someKey} {...props} />`,k,v,x,v),y[v+k]=!0)}if(v=null,c!==void 0&&(f(c),v=""+c),E(r)&&(f(r.key),v=""+r.key),"key"in r){c={};for(var H in r)H!=="key"&&(c[H]=r[H])}else c=r;return v&&l(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),d(e,v,h,j,u(),c,X,B)}function R(e){typeof e=="object"&&e!==null&&e.$$typeof===g&&e._store&&(e._store.validated=1)}var p=a,g=Symbol.for("react.transitional.element"),P=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),L=Symbol.for("react.consumer"),F=Symbol.for("react.context"),W=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),U=Symbol.for("react.suspense_list"),q=Symbol.for("react.memo"),V=Symbol.for("react.lazy"),J=Symbol.for("react.activity"),w=Symbol.for("react.client.reference"),A=p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,D=Object.prototype.hasOwnProperty,Y=Array.isArray,I=console.createTask?console.createTask:function(){return null};p={"react-stack-bottom-frame":function(e){return e()}};var t,_={},b=p["react-stack-bottom-frame"].bind(p,o)(),S=I(i(o)),y={};M.Fragment=C,M.jsx=function(e,r,c,k,j){var h=1e4>A.recentlyCreatedOwnerStacks++;return T(e,r,c,!1,k,j,h?Error("react-stack-top-frame"):b,h?I(i(e)):S)},M.jsxs=function(e,r,c,k,j){var h=1e4>A.recentlyCreatedOwnerStacks++;return T(e,r,c,!0,k,j,h?Error("react-stack-top-frame"):b,h?I(i(e)):S)}}()),M}var re;function fe(){return re||(re=1,process.env.NODE_ENV==="production"?z.exports=le():z.exports=ie()),z.exports}var te=fe();const ae=a.createContext({}),de=()=>a.useContext(ae),be=(s,n)=>{let f=!1;return Object.keys(n).forEach(i=>{if(!(i in s)||f)return;const u=n[i],o=s[i];(typeof u=="object"||u!==o)&&(f=!0)}),f},ne=s=>(typeof s.setCustomValidity=="function"&&s.setCustomValidity(""),!s||typeof s.checkValidity!="function"||s.checkValidity()?null:s.validationMessage),se=({id:s,form:n,method:f,action:i,children:u,onSubmit:o=()=>{},onInput:E=()=>{},onChange:l=()=>{},numberFields:m=[],className:d,...T})=>(a.useEffect(()=>n.actions.registerOnchange(l),[l]),te.jsx(ae.Provider,{value:n,children:te.jsx("form",{ref:n==null?void 0:n.ref,action:i,className:d,onSubmit:R=>{f||R.preventDefault();const p=n.actions.loadFormValues();o(p)},onInput:R=>{if(R.target.tagName==="FORM"){const p=n.actions.loadFormValues();n.actions.setFormState(p)}else E(R)},onChange:()=>{const R=n.actions.loadFormValues();n.actions.setFormState(R)},onReset:R=>{n&&(R.preventDefault(),n.actions.reset())},...T,children:u},n==null?void 0:n.lastReloadedAt)})),oe=({name:s,defaultValue:n,render:f=({ref:i,name:u,defaultValue:o,value:E,setValue:l})=>null})=>{const[i,u]=a.useState(n),o=de(),E=a.useRef(),l=a.useCallback((m,{shouldDirty:d=!1}={})=>{o.actions.setFormState(T=>({...T,[s]:m}),{shouldDirty:d}),u(m)},[u,o.actions.setFormState]);return a.useEffect(()=>(o.actions.setFormState(d=>({...d,[s]:n}),{shouldDirty:!1}),o.subscribe(s,(d,{shouldDirty:T=!0,shouldOnChange:R=!0}={})=>{u(d),o.actions.setFormState(p=>({...p,[s]:d}),{shouldDirty:T,shouldOnChange:R}),E.current&&typeof E.current.dispatchEvent=="function"&&R&&E.current.dispatchEvent(new Event("change"))})),[]),f({ref:E,name:s,defaultValue:n,value:i,setValue:l})},Q=()=>{const[s,n]=a.useState({}),f=a.useMemo(()=>Object.values(s).filter(Boolean).length>0,[s]),i=a.useCallback((l,m)=>{n(d=>d[l]===m?d:{...d,[l]:m})},[]),u=a.useCallback(l=>{n(m=>({...m,...l}))},[]),o=a.useCallback(l=>{n(m=>m[l]?{...m,[l]:""}:m)},[]),E=a.useCallback(()=>{n({})},[]);return{isError:f,errors:s,changeError:i,changeErrors:u,clearError:o,clearErrors:E}},Z={defaultValues:{},numberFields:[]},ce=(s=Z)=>{const{defaultValues:n=Z.defaultValues,numberFields:f=Z.numberFields}=s,{changeError:i,errors:u,changeErrors:o,clearError:E,clearErrors:l,isError:m}=Q(),[d,T]=a.useState(!1),[R,p]=a.useState(null),g=a.useRef({}),P=a.useRef(n),C=a.useRef({}),N=a.useRef(()=>{}),O=a.useRef(),L=a.useCallback((t,{shouldDirty:_=!0,shouldOnChange:b=!0}={})=>{let S=t;typeof t=="function"&&(S=t(g.current)),g.current=S;let y=d;_&&(y=be(g.current,P.current),y!==d&&T(y)),b&&N.current(g.current)},[d]),F=a.useCallback(()=>p(new Date().toDateString()),[]),W=a.useCallback(()=>{T(!1),l();const t=C.current;Object.values(t).forEach(b=>b("")),O.current&&O.current.reset(),F()},[l]),G=a.useCallback((t,_)=>{const b=C.current;return b[t]=_,()=>b[t]=null},[]),U=a.useCallback(t=>(N.current=t,()=>N.current=()=>{})),q=a.useCallback(t=>ne(t.target),[]),V=a.useCallback(t=>t?g.current[t]:g.current,[]),J=a.useCallback(()=>P.current,[]),w=a.useCallback((t,{shouldDirty:_=!0}={})=>{setTimeout(()=>O.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),A=a.useCallback(t=>{const _=ne(t.target);_?i(t.target.name,_):i(t.target.name,null)},[i]),D=a.useCallback((t,_,{shouldDirty:b=!0,shouldOnChange:S=!0}={})=>{const y=C.current;switch(typeof t){case"string":{const e=y[t];if(!e)throw new Error(`${t} is uncontrolled, please use Controller for it!`);e(_,{shouldDirty:b,shouldOnChange:S}),S&&w()}break;case"object":Object.entries(t).forEach(([e,r])=>{const c=y[e];if(!c)throw new Error(`${e} is uncontrolled, please use Controller for it!`);c(r,{shouldDirty:b,shouldOnChange:S})}),S&&w();default:return}},[w]),Y=a.useCallback(()=>{const t=Object.fromEntries(new FormData(O.current)),_=C.current;return Object.keys(_).map(b=>{t[b]=g.current[b]}),f.forEach(b=>t.hasOwnProperty(b)&&(t[b]=+t[b])),t},[]),I=a.useMemo(()=>({setValue:D,instantChange:w,getDefaultValues:J,getFormState:V,setFormState:L,changeError:i,changeErrors:o,clearError:E,clearErrors:l,loadFormValues:Y,checkValidity:A,getFieldValidity:q,registerOnchange:U,reload:F,reset:W}),[D,w,J,V,L,i,o,E,Y,q,A,U,F,W]);return a.useEffect(()=>{if(O.current){const t=Y();P.current={...t,...n},g.current={...t,...n}}},[F]),{ref:O,lastReloadedAt:R,isDirty:d,isError:m,errors:u,numberFields:f,subscribe:G,actions:I}},Ee={Form:se,Controller:oe,useForm:ce,useValidateForm:Q};exports.Controller=oe;exports.Form=se;exports.default=Ee;exports.useForm=ce;exports.useValidateForm=Q;

package/dist/react-simple-formkit.mjs

@@ -1,5 +1,5 @@
-import ie, { createContext as fe, useContext as de, useEffect as K, useState as ee, useRef as F, useCallback as _, useMemo as se } from "react";
-var G = { exports: {} }, Y = {};
+import ie, { createContext as fe, useContext as de, useEffect as ee, useState as X, useRef as C, useCallback as R, useMemo as se } from "react";
+var G = { exports: {} }, M = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -11,27 +11,27 @@ var G = { exports: {} }, Y = {};
  */
 var re;
 function Ee() {
-  if (re) return Y;
+  if (re) return M;
   re = 1;
   var o = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function i(f, s, a) {
-    var m = null;
-    if (a !== void 0 && (m = "" + a), s.key !== void 0 && (m = "" + s.key), "key" in s) {
+  function i(l, c, a) {
+    var E = null;
+    if (a !== void 0 && (E = "" + a), c.key !== void 0 && (E = "" + c.key), "key" in c) {
       a = {};
-      for (var c in s)
-        c !== "key" && (a[c] = s[c]);
-    } else a = s;
-    return s = a.ref, {
+      for (var u in c)
+        u !== "key" && (a[u] = c[u]);
+    } else a = c;
+    return c = a.ref, {
       $$typeof: o,
-      type: f,
-      key: m,
-      ref: s !== void 0 ? s : null,
+      type: l,
+      key: E,
+      ref: c !== void 0 ? c : null,
       props: a
     };
   }
-  return Y.Fragment = n, Y.jsx = i, Y.jsxs = i, Y;
+  return M.Fragment = n, M.jsx = i, M.jsxs = i, M;
 }
-var I = {};
+var L = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,43 +42,43 @@ var I = {};
  * LICENSE file in the root directory of this source tree.
  */
 var te;
-function me() {
+function be() {
   return te || (te = 1, process.env.NODE_ENV !== "production" && function() {
     function o(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === N ? null : e.displayName || e.name || null;
+        return e.$$typeof === x ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case S:
+        case O:
           return "Fragment";
-        case M:
+        case j:
           return "Profiler";
-        case $:
+        case V:
           return "StrictMode";
-        case U:
+        case B:
           return "Suspense";
         case q:
           return "SuspenseList";
-        case J:
+        case z:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case P:
+          case N:
             return "Portal";
-          case L:
+          case A:
             return (e.displayName || "Context") + ".Provider";
-          case X:
-            return (e._context.displayName || "Context") + ".Consumer";
           case W:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case U:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case x:
+          case J:
             return r = e.displayName || null, r !== null ? r : o(e.type) || "Memo";
-          case C:
+          case D:
             r = e._payload, e = e._init;
             try {
               return o(e(r));
@@ -99,17 +99,17 @@ function me() {
       }
       if (r) {
         r = console;
-        var l = r.error, R = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return l.call(
+        var s = r.error, p = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          R
+          p
         ), n(e);
       }
     }
-    function f(e) {
-      if (e === S) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === C)
+    function l(e) {
+      if (e === O) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === D)
         return "<...>";
       try {
         var r = o(e);
@@ -118,46 +118,46 @@ function me() {
         return "<...>";
       }
     }
-    function s() {
-      var e = V.A;
+    function c() {
+      var e = F.A;
       return e === null ? null : e.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function m(e) {
-      if (t.call(e, "key")) {
+    function E(e) {
+      if (Y.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function c(e, r) {
-      function l() {
-        k || (k = !0, console.error(
+    function u(e, r) {
+      function s() {
+        t || (t = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
       }
-      l.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: l,
+      s.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: s,
         configurable: !0
       });
     }
     function b() {
       var e = o(this.type);
-      return O[e] || (O[e] = !0, console.error(
+      return _[e] || (_[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function E(e, r, l, R, j, h, B, H) {
-      return l = h.ref, e = {
-        $$typeof: w,
+    function f(e, r, s, p, w, h, H, Z) {
+      return s = h.ref, e = {
+        $$typeof: k,
         type: e,
         key: r,
         props: h,
-        _owner: j
-      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
+        _owner: w
+      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: b
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -174,289 +174,291 @@ function me() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: B
+        value: H
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
+        value: Z
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function g(e, r, l, R, j, h, B, H) {
+    function g(e, r, s, p, w, h, H, Z) {
       var v = r.children;
       if (v !== void 0)
-        if (R)
-          if (T(v)) {
-            for (R = 0; R < v.length; R++)
-              u(v[R]);
+        if (p)
+          if (I(v)) {
+            for (p = 0; p < v.length; p++)
+              m(v[p]);
             Object.freeze && Object.freeze(v);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else u(v);
-      if (t.call(r, "key")) {
+        else m(v);
+      if (Y.call(r, "key")) {
         v = o(e);
-        var A = Object.keys(r).filter(function(le) {
+        var P = Object.keys(r).filter(function(le) {
           return le !== "key";
         });
-        R = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", D[v + R] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+        p = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", y[v + p] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          R,
+          p,
           v,
-          A,
+          P,
           v
-        ), D[v + R] = !0);
+        ), y[v + p] = !0);
       }
-      if (v = null, l !== void 0 && (i(l), v = "" + l), m(r) && (i(r.key), v = "" + r.key), "key" in r) {
-        l = {};
-        for (var Z in r)
-          Z !== "key" && (l[Z] = r[Z]);
-      } else l = r;
-      return v && c(
-        l,
+      if (v = null, s !== void 0 && (i(s), v = "" + s), E(r) && (i(r.key), v = "" + r.key), "key" in r) {
+        s = {};
+        for (var Q in r)
+          Q !== "key" && (s[Q] = r[Q]);
+      } else s = r;
+      return v && u(
+        s,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), E(
+      ), f(
         e,
         v,
         h,
-        j,
-        s(),
-        l,
-        B,
-        H
+        w,
+        c(),
+        s,
+        H,
+        Z
       );
     }
-    function u(e) {
-      typeof e == "object" && e !== null && e.$$typeof === w && e._store && (e._store.validated = 1);
+    function m(e) {
+      typeof e == "object" && e !== null && e.$$typeof === k && e._store && (e._store.validated = 1);
     }
-    var p = ie, w = Symbol.for("react.transitional.element"), P = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), L = Symbol.for("react.context"), W = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), V = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, t = Object.prototype.hasOwnProperty, T = Array.isArray, d = console.createTask ? console.createTask : function() {
+    var T = ie, k = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), A = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), x = Symbol.for("react.client.reference"), F = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, I = Array.isArray, $ = console.createTask ? console.createTask : function() {
       return null;
     };
-    p = {
+    T = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var k, O = {}, y = p["react-stack-bottom-frame"].bind(
-      p,
+    var t, _ = {}, d = T["react-stack-bottom-frame"].bind(
+      T,
       a
-    )(), z = d(f(a)), D = {};
-    I.Fragment = S, I.jsx = function(e, r, l, R, j) {
-      var h = 1e4 > V.recentlyCreatedOwnerStacks++;
+    )(), S = $(l(a)), y = {};
+    L.Fragment = O, L.jsx = function(e, r, s, p, w) {
+      var h = 1e4 > F.recentlyCreatedOwnerStacks++;
       return g(
         e,
         r,
-        l,
+        s,
         !1,
-        R,
-        j,
-        h ? Error("react-stack-top-frame") : y,
-        h ? d(f(e)) : z
+        p,
+        w,
+        h ? Error("react-stack-top-frame") : d,
+        h ? $(l(e)) : S
       );
-    }, I.jsxs = function(e, r, l, R, j) {
-      var h = 1e4 > V.recentlyCreatedOwnerStacks++;
+    }, L.jsxs = function(e, r, s, p, w) {
+      var h = 1e4 > F.recentlyCreatedOwnerStacks++;
       return g(
         e,
         r,
-        l,
+        s,
         !0,
-        R,
-        j,
-        h ? Error("react-stack-top-frame") : y,
-        h ? d(f(e)) : z
+        p,
+        w,
+        h ? Error("react-stack-top-frame") : d,
+        h ? $(l(e)) : S
       );
     };
-  }()), I;
+  }()), L;
 }
 var ne;
-function be() {
-  return ne || (ne = 1, process.env.NODE_ENV === "production" ? G.exports = Ee() : G.exports = me()), G.exports;
+function me() {
+  return ne || (ne = 1, process.env.NODE_ENV === "production" ? G.exports = Ee() : G.exports = be()), G.exports;
 }
-var oe = be();
-const ce = fe({}), Re = () => de(ce), ve = (o, n) => {
+var oe = me();
+const ce = fe({}), Re = () => de(ce), pe = (o, n) => {
   let i = !1;
-  return Object.keys(n).forEach((f) => {
-    if (!(f in o) || i) return;
-    const s = n[f], a = o[f];
-    (typeof s == "object" || s !== a) && (i = !0);
+  return Object.keys(n).forEach((l) => {
+    if (!(l in o) || i) return;
+    const c = n[l], a = o[l];
+    (typeof c == "object" || c !== a) && (i = !0);
   }), i;
-}, ae = (o) => {
-  var i;
-  const n = ((i = o.validity) == null ? void 0 : i.customError) && Object.values(o.validity).filter(Boolean).length === 1;
-  return !o || typeof o.checkValidity != "function" || o.checkValidity() || n ? null : o.validationMessage;
-}, _e = ({
+}, ae = (o) => (typeof o.setCustomValidity == "function" && o.setCustomValidity(""), !o || typeof o.checkValidity != "function" || o.checkValidity() ? null : o.validationMessage), ve = ({
   id: o,
   form: n,
   method: i,
-  action: f,
-  children: s,
+  action: l,
+  children: c,
   onSubmit: a = () => {
   },
-  onInput: m = () => {
+  onInput: E = () => {
   },
-  onChange: c = () => {
+  onChange: u = () => {
   },
   numberFields: b = [],
-  className: E,
+  className: f,
   ...g
-}) => (K(() => n.actions.registerOnchange(c), [c]), /* @__PURE__ */ oe.jsx(ce.Provider, { value: n, children: /* @__PURE__ */ oe.jsx(
+}) => (ee(() => n.actions.registerOnchange(u), [u]), /* @__PURE__ */ oe.jsx(ce.Provider, { value: n, children: /* @__PURE__ */ oe.jsx(
   "form",
   {
     ref: n == null ? void 0 : n.ref,
-    action: f,
-    className: E,
-    onSubmit: (u) => {
-      i || u.preventDefault();
-      const p = n.actions.loadFormValues();
-      a(p);
+    action: l,
+    className: f,
+    onSubmit: (m) => {
+      i || m.preventDefault();
+      const T = n.actions.loadFormValues();
+      a(T);
     },
-    onInput: (u) => {
-      if (u.target.tagName === "FORM") {
-        const p = n.actions.loadFormValues();
-        n.actions.setFormState(p);
+    onInput: (m) => {
+      if (m.target.tagName === "FORM") {
+        const T = n.actions.loadFormValues();
+        n.actions.setFormState(T);
       } else
-        m(u);
+        E(m);
     },
     onChange: () => {
-      const u = n.actions.loadFormValues();
-      n.actions.setFormState(u);
+      const m = n.actions.loadFormValues();
+      n.actions.setFormState(m);
+    },
+    onReset: (m) => {
+      n && (m.preventDefault(), n.actions.reset());
     },
     ...g,
-    children: s
-  }
-) })), pe = ({ name: o, defaultValue: n, render: i = ({ ref: f, name: s, defaultValue: a, value: m, setValue: c }) => null }) => {
-  const [f, s] = ee(n), a = Re(), m = F(), c = _(
-    (b, { shouldDirty: E = !1 } = {}) => {
-      a.actions.setFormState((g) => ({ ...g, [o]: b }), { shouldDirty: E }), s(b);
+    children: c
+  },
+  n == null ? void 0 : n.lastReloadedAt
+) })), _e = ({ name: o, defaultValue: n, render: i = ({ ref: l, name: c, defaultValue: a, value: E, setValue: u }) => null }) => {
+  const [l, c] = X(n), a = Re(), E = C(), u = R(
+    (b, { shouldDirty: f = !1 } = {}) => {
+      a.actions.setFormState((g) => ({ ...g, [o]: b }), { shouldDirty: f }), c(b);
     },
-    [s, a.actions.setFormState]
+    [c, a.actions.setFormState]
   );
-  return K(() => (a.actions.setFormState((E) => ({ ...E, [o]: n }), { shouldDirty: !1 }), a.subscribe(o, (E, { shouldDirty: g = !0, shouldOnChange: u = !0 } = {}) => {
-    s(E), a.actions.setFormState((p) => ({ ...p, [o]: E }), { shouldDirty: g, shouldOnChange: u }), m.current && typeof m.current.dispatchEvent == "function" && u && m.current.dispatchEvent(new Event("change"));
-  })), []), i({ ref: m, name: o, defaultValue: n, value: f, setValue: c });
+  return ee(() => (a.actions.setFormState((f) => ({ ...f, [o]: n }), { shouldDirty: !1 }), a.subscribe(o, (f, { shouldDirty: g = !0, shouldOnChange: m = !0 } = {}) => {
+    c(f), a.actions.setFormState((T) => ({ ...T, [o]: f }), { shouldDirty: g, shouldOnChange: m }), E.current && typeof E.current.dispatchEvent == "function" && m && E.current.dispatchEvent(new Event("change"));
+  })), []), i({ ref: E, name: o, defaultValue: n, value: l, setValue: u });
 }, ue = () => {
-  const [o, n] = ee({}), i = se(() => Object.values(o).filter(Boolean).length > 0, [o]), f = _((c, b) => {
-    n((E) => E[c] === b ? E : { ...E, [c]: b });
-  }, []), s = _((c) => {
-    n((b) => ({ ...b, ...c }));
-  }, []), a = _((c) => {
-    n((b) => b[c] ? { ...b, [c]: "" } : b);
-  }, []), m = _(() => {
+  const [o, n] = X({}), i = se(() => Object.values(o).filter(Boolean).length > 0, [o]), l = R((u, b) => {
+    n((f) => f[u] === b ? f : { ...f, [u]: b });
+  }, []), c = R((u) => {
+    n((b) => ({ ...b, ...u }));
+  }, []), a = R((u) => {
+    n((b) => b[u] ? { ...b, [u]: "" } : b);
+  }, []), E = R(() => {
     n({});
   }, []);
-  return { isError: i, errors: o, changeError: f, changeErrors: s, clearError: a, clearErrors: m };
-}, Q = {
+  return { isError: i, errors: o, changeError: l, changeErrors: c, clearError: a, clearErrors: E };
+}, K = {
   defaultValues: {},
   numberFields: []
-}, Te = (o = Q) => {
-  const { defaultValues: n = Q.defaultValues, numberFields: i = Q.numberFields } = o, { changeError: f, errors: s, changeErrors: a, clearError: m, clearErrors: c, isError: b } = ue(), [E, g] = ee(!1), u = F({}), p = F(n), w = F({}), P = F(() => {
-  }), S = F(), $ = _(
-    (t, { shouldDirty: T = !0, shouldOnChange: d = !0 } = {}) => {
-      let k = t;
-      typeof t == "function" && (k = t(u.current)), u.current = k;
-      let O = E;
-      T && (O = ve(u.current, p.current), O !== E && g(O)), d && P.current(u.current);
+}, Te = (o = K) => {
+  const { defaultValues: n = K.defaultValues, numberFields: i = K.numberFields } = o, { changeError: l, errors: c, changeErrors: a, clearError: E, clearErrors: u, isError: b } = ue(), [f, g] = X(!1), [m, T] = X(null), k = C({}), N = C(n), O = C({}), V = C(() => {
+  }), j = C(), W = R(
+    (t, { shouldDirty: _ = !0, shouldOnChange: d = !0 } = {}) => {
+      let S = t;
+      typeof t == "function" && (S = t(k.current)), k.current = S;
+      let y = f;
+      _ && (y = pe(k.current, N.current), y !== f && g(y)), d && V.current(k.current);
     },
-    [E]
-  ), M = _(() => {
-    g(!1), c();
-    const t = w.current;
-    Object.values(t).forEach((d) => d("")), S.current.reset(), u.current = p.current;
-  }, [c]), X = _((t, T) => {
-    const d = w.current;
-    return d[t] = T, () => d[t] = null;
-  }, []), L = _((t) => (P.current = t, () => P.current = () => {
-  })), W = _((t) => ae(t.target), []), U = _((t) => t ? u.current[t] : u.current, []), q = _(() => p.current, []), x = _(() => {
-    setTimeout(() => S.current.dispatchEvent(new Event("input", { bubbles: !0 })));
-  }, []), C = _(
+    [f]
+  ), A = R(() => T((/* @__PURE__ */ new Date()).toDateString()), []), U = R(() => {
+    g(!1), u();
+    const t = O.current;
+    Object.values(t).forEach((d) => d("")), j.current && j.current.reset(), A();
+  }, [u]), B = R((t, _) => {
+    const d = O.current;
+    return d[t] = _, () => d[t] = null;
+  }, []), q = R((t) => (V.current = t, () => V.current = () => {
+  })), J = R((t) => ae(t.target), []), D = R((t) => t ? k.current[t] : k.current, []), z = R(() => N.current, []), x = R((t, { shouldDirty: _ = !0 } = {}) => {
+    setTimeout(() => j.current.dispatchEvent(new Event("input", { bubbles: !0 })));
+  }, []), F = R(
     (t) => {
-      const T = ae(t.target);
-      T ? f(t.target.name, T) : f(t.target.name, null);
+      const _ = ae(t.target);
+      _ ? l(t.target.name, _) : l(t.target.name, null);
     },
-    [f]
-  ), J = _(
-    (t, T, { shouldDirty: d = !0, shouldOnChange: k = !0 } = {}) => {
-      const O = w.current;
+    [l]
+  ), Y = R(
+    (t, _, { shouldDirty: d = !0, shouldOnChange: S = !0 } = {}) => {
+      const y = O.current;
       switch (typeof t) {
         case "string":
           {
-            const y = O[t];
-            if (!y)
+            const e = y[t];
+            if (!e)
               throw new Error(`${t} is uncontrolled, please use Controller for it!`);
-            y(T, { shouldDirty: d, shouldOnChange: k }), k && x();
+            e(_, { shouldDirty: d, shouldOnChange: S }), S && x();
           }
           break;
         case "object":
-          Object.entries(t).forEach(([y, z]) => {
-            const D = O[y];
-            if (!D)
-              throw new Error(`${y} is uncontrolled, please use Controller for it!`);
-            D(z, { shouldDirty: d, shouldOnChange: k });
-          }), k && x();
+          Object.entries(t).forEach(([e, r]) => {
+            const s = y[e];
+            if (!s)
+              throw new Error(`${e} is uncontrolled, please use Controller for it!`);
+            s(r, { shouldDirty: d, shouldOnChange: S });
+          }), S && x();
         default:
           return;
       }
     },
     [x]
-  ), N = _(() => {
-    const t = Object.fromEntries(new FormData(S.current)), T = w.current;
-    return Object.keys(T).map((d) => {
-      t[d] = u.current[d];
+  ), I = R(() => {
+    const t = Object.fromEntries(new FormData(j.current)), _ = O.current;
+    return Object.keys(_).map((d) => {
+      t[d] = k.current[d];
     }), i.forEach((d) => t.hasOwnProperty(d) && (t[d] = +t[d])), t;
-  }, []), V = se(
+  }, []), $ = se(
     () => ({
-      setValue: J,
+      setValue: Y,
       instantChange: x,
-      getDefaultValues: q,
-      getFormState: U,
-      setFormState: $,
-      changeError: f,
+      getDefaultValues: z,
+      getFormState: D,
+      setFormState: W,
+      changeError: l,
       changeErrors: a,
-      clearError: m,
-      clearErrors: c,
-      loadFormValues: N,
-      checkValidity: C,
-      getFieldValidity: W,
-      registerOnchange: L,
-      reset: M
+      clearError: E,
+      clearErrors: u,
+      loadFormValues: I,
+      checkValidity: F,
+      getFieldValidity: J,
+      registerOnchange: q,
+      reload: A,
+      reset: U
     }),
     [
-      J,
+      Y,
       x,
-      q,
-      U,
-      $,
-      f,
-      a,
-      m,
-      N,
+      z,
+      D,
       W,
-      C,
-      L,
-      M
+      l,
+      a,
+      E,
+      I,
+      J,
+      F,
+      q,
+      A,
+      U
     ]
   );
-  return K(() => {
-    if (S.current) {
-      const t = N();
-      p.current = { ...t, ...n }, u.current = { ...t, ...n };
+  return ee(() => {
+    if (j.current) {
+      const t = I();
+      N.current = { ...t, ...n }, k.current = { ...t, ...n };
     }
-  }, []), { ref: S, isDirty: E, isError: b, errors: s, numberFields: i, subscribe: X, actions: V };
+  }, [A]), { ref: j, lastReloadedAt: m, isDirty: f, isError: b, errors: c, numberFields: i, subscribe: B, actions: $ };
 }, ke = {
-  Form: _e,
-  Controller: pe,
+  Form: ve,
+  Controller: _e,
   useForm: Te,
   useValidateForm: ue
 };
 export {
-  pe as Controller,
-  _e as Form,
+  _e as Controller,
+  ve as Form,
   ke as default,
   Te as useForm,
   ue as useValidateForm

package/dist/react-simple-formkit.umd.js

@@ -1,4 +1,4 @@
-(function(T,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],r):(T=typeof globalThis<"u"?globalThis:T||self,r(T.Name={},T.React))})(this,function(T,r){"use strict";var M={exports:{}},A={};/**
+(function(T,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],r):(T=typeof globalThis<"u"?globalThis:T||self,r(T.Name={},T.React))})(this,function(T,r){"use strict";var U={exports:{}},N={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ee;function le(){if(ee)return A;ee=1;var o=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function f(d,c,s){var E=null;if(s!==void 0&&(E=""+s),c.key!==void 0&&(E=""+c.key),"key"in c){s={};for(var u in c)u!=="key"&&(s[u]=c[u])}else s=c;return c=s.ref,{$$typeof:o,type:d,key:E,ref:c!==void 0?c:null,props:s}}return A.Fragment=a,A.jsx=f,A.jsxs=f,A}var x={};/**
+ */var ee;function ue(){if(ee)return N;ee=1;var s=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function f(i,l,o){var E=null;if(o!==void 0&&(E=""+o),l.key!==void 0&&(E=""+l.key),"key"in l){o={};for(var u in l)u!=="key"&&(o[u]=l[u])}else o=l;return l=o.ref,{$$typeof:s,type:i,key:E,ref:l!==void 0?l:null,props:o}}return N.Fragment=a,N.jsx=f,N.jsxs=f,N}var V={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var te;function ie(){return te||(te=1,process.env.NODE_ENV!=="production"&&function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===D?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case y:return"Fragment";case W:return"Profiler";case L:return"StrictMode";case z:return"Suspense";case G:return"SuspenseList";case X:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case N:return"Portal";case U:return(e.displayName||"Context")+".Provider";case Q:return(e._context.displayName||"Context")+".Consumer";case J:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case w:return t=e.displayName||null,t!==null?t:o(e.type)||"Memo";case V:t=e._payload,e=e._init;try{return o(e(t))}catch{}}return null}function a(e){return""+e}function f(e){try{a(e);var t=!1}catch{t=!0}if(t){t=console;var i=t.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),a(e)}}function d(e){if(e===y)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===V)return"<...>";try{var t=o(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function c(){var e=Y.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function E(e){if(n.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function u(e,t){function i(){S||(S=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function R(){var e=o(this.type);return O[e]||(O[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function m(e,t,i,k,C,h,K,q){return i=h.ref,e={$$typeof:F,type:e,key:t,props:h,_owner:C},(i!==void 0?i:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:R}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:K}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function g(e,t,i,k,C,h,K,q){var v=t.children;if(v!==void 0)if(k)if(p(v)){for(k=0;k<v.length;k++)l(v[k]);Object.freeze&&Object.freeze(v)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else l(v);if(n.call(t,"key")){v=o(e);var P=Object.keys(t).filter(function(Ee){return Ee!=="key"});k=0<P.length?"{key: someKey, "+P.join(": ..., ")+": ...}":"{key: someKey}",I[v+k]||(P=0<P.length?"{"+P.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var te;function ie(){return te||(te=1,process.env.NODE_ENV!=="production"&&function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===F?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case O:return"Fragment";case j:return"Profiler";case Y:return"StrictMode";case Q:return"Suspense";case G:return"SuspenseList";case B:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case D:return"Portal";case A:return(e.displayName||"Context")+".Provider";case J:return(e._context.displayName||"Context")+".Consumer";case z:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case X:return t=e.displayName||null,t!==null?t:s(e.type)||"Memo";case I:t=e._payload,e=e._init;try{return s(e(t))}catch{}}return null}function a(e){return""+e}function f(e){try{a(e);var t=!1}catch{t=!0}if(t){t=console;var c=t.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),a(e)}}function i(e){if(e===O)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===I)return"<...>";try{var t=s(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function l(){var e=P.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function E(e){if(M.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function u(e,t){function c(){n||(n=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}function m(){var e=s(this.type);return v[e]||(v[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function d(e,t,c,k,w,y,K,q){return c=y.ref,e={$$typeof:g,type:e,key:t,props:y,_owner:w},(c!==void 0?c:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:m}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:K}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function S(e,t,c,k,w,y,K,q){var p=t.children;if(p!==void 0)if(k)if(L(p)){for(k=0;k<p.length;k++)R(p[k]);Object.freeze&&Object.freeze(p)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else R(p);if(M.call(t,"key")){p=s(e);var x=Object.keys(t).filter(function(me){return me!=="key"});k=0<x.length?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}",C[p+k]||(x=0<x.length?"{"+x.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,k,v,P,v),I[v+k]=!0)}if(v=null,i!==void 0&&(f(i),v=""+i),E(t)&&(f(t.key),v=""+t.key),"key"in t){i={};for(var $ in t)$!=="key"&&(i[$]=t[$])}else i=t;return v&&u(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),m(e,v,h,C,c(),i,K,q)}function l(e){typeof e=="object"&&e!==null&&e.$$typeof===F&&e._store&&(e._store.validated=1)}var _=r,F=Symbol.for("react.transitional.element"),N=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),L=Symbol.for("react.strict_mode"),W=Symbol.for("react.profiler"),Q=Symbol.for("react.consumer"),U=Symbol.for("react.context"),J=Symbol.for("react.forward_ref"),z=Symbol.for("react.suspense"),G=Symbol.for("react.suspense_list"),w=Symbol.for("react.memo"),V=Symbol.for("react.lazy"),X=Symbol.for("react.activity"),D=Symbol.for("react.client.reference"),Y=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,n=Object.prototype.hasOwnProperty,p=Array.isArray,b=console.createTask?console.createTask:function(){return null};_={"react-stack-bottom-frame":function(e){return e()}};var S,O={},j=_["react-stack-bottom-frame"].bind(_,s)(),B=b(d(s)),I={};x.Fragment=y,x.jsx=function(e,t,i,k,C){var h=1e4>Y.recentlyCreatedOwnerStacks++;return g(e,t,i,!1,k,C,h?Error("react-stack-top-frame"):j,h?b(d(e)):B)},x.jsxs=function(e,t,i,k,C){var h=1e4>Y.recentlyCreatedOwnerStacks++;return g(e,t,i,!0,k,C,h?Error("react-stack-top-frame"):j,h?b(d(e)):B)}}()),x}var re;function fe(){return re||(re=1,process.env.NODE_ENV==="production"?M.exports=le():M.exports=ie()),M.exports}var ne=fe();const ae=r.createContext({}),de=()=>r.useContext(ae),be=(o,a)=>{let f=!1;return Object.keys(a).forEach(d=>{if(!(d in o)||f)return;const c=a[d],s=o[d];(typeof c=="object"||c!==s)&&(f=!0)}),f},oe=o=>{var f;const a=((f=o.validity)==null?void 0:f.customError)&&Object.values(o.validity).filter(Boolean).length===1;return!o||typeof o.checkValidity!="function"||o.checkValidity()||a?null:o.validationMessage},se=({id:o,form:a,method:f,action:d,children:c,onSubmit:s=()=>{},onInput:E=()=>{},onChange:u=()=>{},numberFields:R=[],className:m,...g})=>(r.useEffect(()=>a.actions.registerOnchange(u),[u]),ne.jsx(ae.Provider,{value:a,children:ne.jsx("form",{ref:a==null?void 0:a.ref,action:d,className:m,onSubmit:l=>{f||l.preventDefault();const _=a.actions.loadFormValues();s(_)},onInput:l=>{if(l.target.tagName==="FORM"){const _=a.actions.loadFormValues();a.actions.setFormState(_)}else E(l)},onChange:()=>{const l=a.actions.loadFormValues();a.actions.setFormState(l)},...g,children:c})})),ce=({name:o,defaultValue:a,render:f=({ref:d,name:c,defaultValue:s,value:E,setValue:u})=>null})=>{const[d,c]=r.useState(a),s=de(),E=r.useRef(),u=r.useCallback((R,{shouldDirty:m=!1}={})=>{s.actions.setFormState(g=>({...g,[o]:R}),{shouldDirty:m}),c(R)},[c,s.actions.setFormState]);return r.useEffect(()=>(s.actions.setFormState(m=>({...m,[o]:a}),{shouldDirty:!1}),s.subscribe(o,(m,{shouldDirty:g=!0,shouldOnChange:l=!0}={})=>{c(m),s.actions.setFormState(_=>({..._,[o]:m}),{shouldDirty:g,shouldOnChange:l}),E.current&&typeof E.current.dispatchEvent=="function"&&l&&E.current.dispatchEvent(new Event("change"))})),[]),f({ref:E,name:o,defaultValue:a,value:d,setValue:u})},H=()=>{const[o,a]=r.useState({}),f=r.useMemo(()=>Object.values(o).filter(Boolean).length>0,[o]),d=r.useCallback((u,R)=>{a(m=>m[u]===R?m:{...m,[u]:R})},[]),c=r.useCallback(u=>{a(R=>({...R,...u}))},[]),s=r.useCallback(u=>{a(R=>R[u]?{...R,[u]:""}:R)},[]),E=r.useCallback(()=>{a({})},[]);return{isError:f,errors:o,changeError:d,changeErrors:c,clearError:s,clearErrors:E}},Z={defaultValues:{},numberFields:[]},ue=(o=Z)=>{const{defaultValues:a=Z.defaultValues,numberFields:f=Z.numberFields}=o,{changeError:d,errors:c,changeErrors:s,clearError:E,clearErrors:u,isError:R}=H(),[m,g]=r.useState(!1),l=r.useRef({}),_=r.useRef(a),F=r.useRef({}),N=r.useRef(()=>{}),y=r.useRef(),L=r.useCallback((n,{shouldDirty:p=!0,shouldOnChange:b=!0}={})=>{let S=n;typeof n=="function"&&(S=n(l.current)),l.current=S;let O=m;p&&(O=be(l.current,_.current),O!==m&&g(O)),b&&N.current(l.current)},[m]),W=r.useCallback(()=>{g(!1),u();const n=F.current;Object.values(n).forEach(b=>b("")),y.current.reset(),l.current=_.current},[u]),Q=r.useCallback((n,p)=>{const b=F.current;return b[n]=p,()=>b[n]=null},[]),U=r.useCallback(n=>(N.current=n,()=>N.current=()=>{})),J=r.useCallback(n=>oe(n.target),[]),z=r.useCallback(n=>n?l.current[n]:l.current,[]),G=r.useCallback(()=>_.current,[]),w=r.useCallback(()=>{setTimeout(()=>y.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),V=r.useCallback(n=>{const p=oe(n.target);p?d(n.target.name,p):d(n.target.name,null)},[d]),X=r.useCallback((n,p,{shouldDirty:b=!0,shouldOnChange:S=!0}={})=>{const O=F.current;switch(typeof n){case"string":{const j=O[n];if(!j)throw new Error(`${n} is uncontrolled, please use Controller for it!`);j(p,{shouldDirty:b,shouldOnChange:S}),S&&w()}break;case"object":Object.entries(n).forEach(([j,B])=>{const I=O[j];if(!I)throw new Error(`${j} is uncontrolled, please use Controller for it!`);I(B,{shouldDirty:b,shouldOnChange:S})}),S&&w();default:return}},[w]),D=r.useCallback(()=>{const n=Object.fromEntries(new FormData(y.current)),p=F.current;return Object.keys(p).map(b=>{n[b]=l.current[b]}),f.forEach(b=>n.hasOwnProperty(b)&&(n[b]=+n[b])),n},[]),Y=r.useMemo(()=>({setValue:X,instantChange:w,getDefaultValues:G,getFormState:z,setFormState:L,changeError:d,changeErrors:s,clearError:E,clearErrors:u,loadFormValues:D,checkValidity:V,getFieldValidity:J,registerOnchange:U,reset:W}),[X,w,G,z,L,d,s,E,D,J,V,U,W]);return r.useEffect(()=>{if(y.current){const n=D();_.current={...n,...a},l.current={...n,...a}}},[]),{ref:y,isDirty:m,isError:R,errors:c,numberFields:f,subscribe:Q,actions:Y}},me={Form:se,Controller:ce,useForm:ue,useValidateForm:H};T.Controller=ce,T.Form=se,T.default=me,T.useForm=ue,T.useValidateForm=H,Object.defineProperties(T,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+  <%s key={someKey} {...props} />`,k,p,x,p),C[p+k]=!0)}if(p=null,c!==void 0&&(f(c),p=""+c),E(t)&&(f(t.key),p=""+t.key),"key"in t){c={};for(var $ in t)$!=="key"&&(c[$]=t[$])}else c=t;return p&&u(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),d(e,p,y,w,l(),c,K,q)}function R(e){typeof e=="object"&&e!==null&&e.$$typeof===g&&e._store&&(e._store.validated=1)}var _=r,g=Symbol.for("react.transitional.element"),D=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),Y=Symbol.for("react.strict_mode"),j=Symbol.for("react.profiler"),J=Symbol.for("react.consumer"),A=Symbol.for("react.context"),z=Symbol.for("react.forward_ref"),Q=Symbol.for("react.suspense"),G=Symbol.for("react.suspense_list"),X=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),B=Symbol.for("react.activity"),F=Symbol.for("react.client.reference"),P=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,L=Array.isArray,W=console.createTask?console.createTask:function(){return null};_={"react-stack-bottom-frame":function(e){return e()}};var n,v={},b=_["react-stack-bottom-frame"].bind(_,o)(),h=W(i(o)),C={};V.Fragment=O,V.jsx=function(e,t,c,k,w){var y=1e4>P.recentlyCreatedOwnerStacks++;return S(e,t,c,!1,k,w,y?Error("react-stack-top-frame"):b,y?W(i(e)):h)},V.jsxs=function(e,t,c,k,w){var y=1e4>P.recentlyCreatedOwnerStacks++;return S(e,t,c,!0,k,w,y?Error("react-stack-top-frame"):b,y?W(i(e)):h)}}()),V}var re;function fe(){return re||(re=1,process.env.NODE_ENV==="production"?U.exports=ue():U.exports=ie()),U.exports}var ne=fe();const ae=r.createContext({}),de=()=>r.useContext(ae),be=(s,a)=>{let f=!1;return Object.keys(a).forEach(i=>{if(!(i in s)||f)return;const l=a[i],o=s[i];(typeof l=="object"||l!==o)&&(f=!0)}),f},se=s=>(typeof s.setCustomValidity=="function"&&s.setCustomValidity(""),!s||typeof s.checkValidity!="function"||s.checkValidity()?null:s.validationMessage),oe=({id:s,form:a,method:f,action:i,children:l,onSubmit:o=()=>{},onInput:E=()=>{},onChange:u=()=>{},numberFields:m=[],className:d,...S})=>(r.useEffect(()=>a.actions.registerOnchange(u),[u]),ne.jsx(ae.Provider,{value:a,children:ne.jsx("form",{ref:a==null?void 0:a.ref,action:i,className:d,onSubmit:R=>{f||R.preventDefault();const _=a.actions.loadFormValues();o(_)},onInput:R=>{if(R.target.tagName==="FORM"){const _=a.actions.loadFormValues();a.actions.setFormState(_)}else E(R)},onChange:()=>{const R=a.actions.loadFormValues();a.actions.setFormState(R)},onReset:R=>{a&&(R.preventDefault(),a.actions.reset())},...S,children:l},a==null?void 0:a.lastReloadedAt)})),ce=({name:s,defaultValue:a,render:f=({ref:i,name:l,defaultValue:o,value:E,setValue:u})=>null})=>{const[i,l]=r.useState(a),o=de(),E=r.useRef(),u=r.useCallback((m,{shouldDirty:d=!1}={})=>{o.actions.setFormState(S=>({...S,[s]:m}),{shouldDirty:d}),l(m)},[l,o.actions.setFormState]);return r.useEffect(()=>(o.actions.setFormState(d=>({...d,[s]:a}),{shouldDirty:!1}),o.subscribe(s,(d,{shouldDirty:S=!0,shouldOnChange:R=!0}={})=>{l(d),o.actions.setFormState(_=>({..._,[s]:d}),{shouldDirty:S,shouldOnChange:R}),E.current&&typeof E.current.dispatchEvent=="function"&&R&&E.current.dispatchEvent(new Event("change"))})),[]),f({ref:E,name:s,defaultValue:a,value:i,setValue:u})},H=()=>{const[s,a]=r.useState({}),f=r.useMemo(()=>Object.values(s).filter(Boolean).length>0,[s]),i=r.useCallback((u,m)=>{a(d=>d[u]===m?d:{...d,[u]:m})},[]),l=r.useCallback(u=>{a(m=>({...m,...u}))},[]),o=r.useCallback(u=>{a(m=>m[u]?{...m,[u]:""}:m)},[]),E=r.useCallback(()=>{a({})},[]);return{isError:f,errors:s,changeError:i,changeErrors:l,clearError:o,clearErrors:E}},Z={defaultValues:{},numberFields:[]},le=(s=Z)=>{const{defaultValues:a=Z.defaultValues,numberFields:f=Z.numberFields}=s,{changeError:i,errors:l,changeErrors:o,clearError:E,clearErrors:u,isError:m}=H(),[d,S]=r.useState(!1),[R,_]=r.useState(null),g=r.useRef({}),D=r.useRef(a),O=r.useRef({}),Y=r.useRef(()=>{}),j=r.useRef(),J=r.useCallback((n,{shouldDirty:v=!0,shouldOnChange:b=!0}={})=>{let h=n;typeof n=="function"&&(h=n(g.current)),g.current=h;let C=d;v&&(C=be(g.current,D.current),C!==d&&S(C)),b&&Y.current(g.current)},[d]),A=r.useCallback(()=>_(new Date().toDateString()),[]),z=r.useCallback(()=>{S(!1),u();const n=O.current;Object.values(n).forEach(b=>b("")),j.current&&j.current.reset(),A()},[u]),Q=r.useCallback((n,v)=>{const b=O.current;return b[n]=v,()=>b[n]=null},[]),G=r.useCallback(n=>(Y.current=n,()=>Y.current=()=>{})),X=r.useCallback(n=>se(n.target),[]),I=r.useCallback(n=>n?g.current[n]:g.current,[]),B=r.useCallback(()=>D.current,[]),F=r.useCallback((n,{shouldDirty:v=!0}={})=>{setTimeout(()=>j.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),P=r.useCallback(n=>{const v=se(n.target);v?i(n.target.name,v):i(n.target.name,null)},[i]),M=r.useCallback((n,v,{shouldDirty:b=!0,shouldOnChange:h=!0}={})=>{const C=O.current;switch(typeof n){case"string":{const e=C[n];if(!e)throw new Error(`${n} is uncontrolled, please use Controller for it!`);e(v,{shouldDirty:b,shouldOnChange:h}),h&&F()}break;case"object":Object.entries(n).forEach(([e,t])=>{const c=C[e];if(!c)throw new Error(`${e} is uncontrolled, please use Controller for it!`);c(t,{shouldDirty:b,shouldOnChange:h})}),h&&F();default:return}},[F]),L=r.useCallback(()=>{const n=Object.fromEntries(new FormData(j.current)),v=O.current;return Object.keys(v).map(b=>{n[b]=g.current[b]}),f.forEach(b=>n.hasOwnProperty(b)&&(n[b]=+n[b])),n},[]),W=r.useMemo(()=>({setValue:M,instantChange:F,getDefaultValues:B,getFormState:I,setFormState:J,changeError:i,changeErrors:o,clearError:E,clearErrors:u,loadFormValues:L,checkValidity:P,getFieldValidity:X,registerOnchange:G,reload:A,reset:z}),[M,F,B,I,J,i,o,E,L,X,P,G,A,z]);return r.useEffect(()=>{if(j.current){const n=L();D.current={...n,...a},g.current={...n,...a}}},[A]),{ref:j,lastReloadedAt:R,isDirty:d,isError:m,errors:l,numberFields:f,subscribe:Q,actions:W}},Ee={Form:oe,Controller:ce,useForm:le,useValidateForm:H};T.Controller=ce,T.Form=oe,T.default=Ee,T.useForm=le,T.useValidateForm=H,Object.defineProperties(T,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-formkit",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "keywords": [
     "react formkit",
     "react ez formkit",