react-simple-formkit 2.2.1 → 2.2.2
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 +2 -2
- package/dist/react-simple-formkit.js +4 -4
- package/dist/react-simple-formkit.mjs +469 -447
- package/dist/react-simple-formkit.umd.js +4 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -379,8 +379,8 @@ Generic props:
|
|
|
379
379
|
|
|
380
380
|
- `defaultValues`: `Object` [Example](#default-values-and-reset)
|
|
381
381
|
- `shouldUnRegister`: `Boolean` Default is **false**,
|
|
382
|
-
- `shouldConvertNumber`: `Boolean` Default is **false**
|
|
383
|
-
- `numberFields`: `Array` if passed, shouldConvertNumber will set **true**. Lib auto load field with type **number** by default
|
|
382
|
+
<!-- - `shouldConvertNumber`: `Boolean` Default is **false** -->
|
|
383
|
+
<!-- - `numberFields`: `Array` if passed, shouldConvertNumber will set **true**. Lib auto load field with type **number** by default -->
|
|
384
384
|
|
|
385
385
|
Return:
|
|
386
386
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");var ue={exports:{}},
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");var ue={exports:{}},Q={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var ie;function Re(){if(ie)return Q;ie=1;var s=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function l(f,h,E){var g=null;if(E!==void 0&&(g=""+E),h.key!==void 0&&(g=""+h.key),"key"in h){E={};for(var R in h)R!=="key"&&(E[R]=h[R])}else E=h;return h=E.ref,{$$typeof:s,type:f,key:g,ref:h!==void 0?h:null,props:E}}return Q.Fragment=u,Q.jsx=l,Q.jsxs=l,Q}var K={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
17
|
+
*/var fe;function ve(){return fe||(fe=1,process.env.NODE_ENV!=="production"&&function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===z?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case b:return"Fragment";case x:return"Profiler";case A:return"StrictMode";case ee:return"Suspense";case re:return"SuspenseList";case P: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 oe:return(e.displayName||"Context")+".Provider";case M:return(e._context.displayName||"Context")+".Consumer";case q:var o=e.render;return e=e.displayName,e||(e=o.displayName||o.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case te:return o=e.displayName||null,o!==null?o:s(e.type)||"Memo";case J:o=e._payload,e=e._init;try{return s(e(o))}catch{}}return null}function u(e){return""+e}function l(e){try{u(e);var o=!1}catch{o=!0}if(o){o=console;var k=o.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return k.call(o,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),u(e)}}function f(e){if(e===b)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===J)return"<...>";try{var o=s(e);return o?"<"+o+">":"<...>"}catch{return"<...>"}}function h(){var e=V.A;return e===null?null:e.getOwner()}function E(){return Error("react-stack-top-frame")}function g(e){if($.call(e,"key")){var o=Object.getOwnPropertyDescriptor(e,"key").get;if(o&&o.isReactWarning)return!1}return e.key!==void 0}function R(e,o){function k(){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)",o))}k.isReactWarning=!0,Object.defineProperty(e,"key",{get:k,configurable:!0})}function v(){var e=s(this.type);return H[e]||(H[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 F(e,o,k,p,O,_,B,I){return k=_.ref,e={$$typeof:c,type:e,key:o,props:_,_owner:O},(k!==void 0?k:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:v}):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:B}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function i(e,o,k,p,O,_,B,I){var y=o.children;if(y!==void 0)if(p)if(W(y)){for(p=0;p<y.length;p++)m(y[p]);Object.freeze&&Object.freeze(y)}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 m(y);if($.call(o,"key")){y=s(e);var N=Object.keys(o).filter(function(se){return se!=="key"});p=0<N.length?"{key: someKey, "+N.join(": ..., ")+": ...}":"{key: someKey}",Z[y+p]||(N=0<N.length?"{"+N.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,y,p,x,p),Q[p+y]=!0)}if(p=null,R!==void 0&&(l(R),p=""+R),i(u)&&(l(u.key),p=""+u.key),"key"in u){R={};for(var P in u)P!=="key"&&(R[P]=u[P])}else R=u;return p&&C(R,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,p,w,O,E(),R,B,I)}function m(e){typeof e=="object"&&e!==null&&e.$$typeof===a&&e._store&&(e._store.validated=1)}var f=t,a=Symbol.for("react.transitional.element"),b=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),A=Symbol.for("react.strict_mode"),Y=Symbol.for("react.profiler"),W=Symbol.for("react.consumer"),q=Symbol.for("react.context"),J=Symbol.for("react.forward_ref"),te=Symbol.for("react.suspense"),se=Symbol.for("react.suspense_list"),ne=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),j=Symbol.for("react.activity"),G=Symbol.for("react.client.reference"),N=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,V=Array.isArray,D=console.createTask?console.createTask:function(){return null};f={"react-stack-bottom-frame":function(e){return e()}};var H,X={},Z=f["react-stack-bottom-frame"].bind(f,h)(),S=D(g(h)),Q={};re.Fragment=d,re.jsx=function(e,u,R,y,O){var w=1e4>N.recentlyCreatedOwnerStacks++;return c(e,u,R,!1,y,O,w?Error("react-stack-top-frame"):Z,w?D(g(e)):S)},re.jsxs=function(e,u,R,y,O){var w=1e4>N.recentlyCreatedOwnerStacks++;return c(e,u,R,!0,y,O,w?Error("react-stack-top-frame"):Z,w?D(g(e)):S)}}()),re}var fe;function Se(){return fe||(fe=1,process.env.NODE_ENV==="production"?ue.exports=Re():ue.exports=ke()),ue.exports}var be=Se();const k=()=>{},me=t.createContext({ref:null,watch:k,actions:{reset:k,resetField:k,setValue:k,getValues:k,getErrors:k,getFieldStates:k,getFormStates:k,setError:k,clearError:k,clearErrors:k,checkValidity:k,getNumberFields:k,getFieldValidity:k,getDefaultValues:k,setFieldState:k,resetFieldState:k,getControlledFields:k},registerController:k,registerHookWatcher:k,lastReloadedAt:k,loadFormValues:k,getWatchValue:k,channels:{}}),ce=()=>t.useContext(me),Ce=({id:n,control:o,method:l,action:g,children:E,onSubmit:h=()=>{},onInput:i=()=>{},onChange:C=()=>{},onBlur:v=()=>{},onReset:T=()=>{},numberFields:c=[],className:m,...f})=>(t.useEffect(()=>{const a=o.channels.subscribe("onChange",C),b=o.channels.subscribe("onBlur",v);return()=>{a(),b()}},[]),be.jsx(me.Provider,{value:o,children:be.jsx("form",{id:n,ref:o.ref,action:g,method:l,className:m,onInput:i,onSubmit:a=>{l||a.preventDefault();const b=o.loadFormValues();h(b)},onChange:a=>{const b=a.target.name;o.actions.getControlledFields().has(b)||o.actions.setValue(b,a.target.value)},onBlur:a=>{const b=a.target.name;if(o.actions.getControlledFields().has(b))return;const d=a.target.value;o.channels.publish("onBlur",b,d,o.actions.getValues())},onReset:a=>{o.actions.reset(),T(a)},...f,children:E},o.lastReloadedAt)})),Ee=({control:n,name:o,compute:l})=>{const{getWatchValue:g,registerHookWatcher:E}=n||ce(),h=g({name:o,compute:l}),[i,C]=t.useState(h);return t.useEffect(()=>{const v=E({name:o,compute:l,value:i,setValue:C});return()=>v.forEach(T=>T())},[]),i},ge=({name:n,defaultValue:o})=>{const{actions:l,registerController:g,channels:E}=ce(),h=t.useRef(),i=l.getDefaultValues()[n]||o||"",[C,v]=t.useState(i),T=Ee({name:`fieldStates.${n}.customState`}),c=t.useCallback(a=>{l.setFieldState(n,"customState",a)},[]),m=t.useCallback((a,{shouldDirty:b=!0,shouldOnChange:d=!0}={})=>{v(a),l.setValue(n,a,{shouldDirty:b,shouldOnChange:d})},[l.setValue]),f=t.useCallback(()=>{E.publish("onBlur",n,C,l.getValues())},[]);return t.useEffect(()=>g(n,v),[]),{ref:h,name:n,defaultValue:i,value:C,onChange:m,onBlur:f,customState:T,setCustomState:c}},ve=({name:n,defaultValue:o,render:l=({ref:g,name:E,defaultValue:h,value:i,onChange:C,onBlur:v,customState:T,setCustomState:c})=>null})=>{const g=ge({name:n,defaultValue:o});return l(g)},ye=["errors","fieldStates","formState"],U=n=>ye.some(o=>n.startsWith(o))?n:"values."+n,pe=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"],de=n=>{typeof n.setCustomValidity=="function"&&n.setCustomValidity("");let o=n.validity,l=pe.find(g=>o[g]);if(l)return{type:l,message:n.validationMessage}};class Fe{constructor(){this.events=new Map}getEvents(){return this.events}subscribe(o,l){return this.events.has(o)||this.events.set(o,new Set),this.events.get(o).add(l),()=>{var g;return(g=this.events.get(o))==null?void 0:g.delete(l)}}publish(o,...l){const g=this.events.get(o);g&&g.forEach(E=>E(...l)),this.events.forEach((E,h)=>{h!==o&&o.includes(h)&&E.forEach(i=>i(...l))})}reset(){this.events.clear()}}const Te=()=>{const n=t.useRef(new Fe),o=t.useCallback((h,...i)=>{n.current.publish(h,...i)},[]),l=t.useCallback((h,i)=>n.current.subscribe(h,i),[]),g=t.useCallback(()=>n.current.getEvents(),[]),E=t.useCallback(()=>{n.current.reset()},[]);return{publish:o,subscribe:l,reset:E,getEvents:g}},_e=()=>{const[n,o]=t.useState(),l=t.useCallback(()=>o(new Date().toString()),[]);return[n,l]},we=()=>{const[,n]=t.useState({});return t.useCallback(()=>n({}),[])},Ae=({channels:n,getValues:o,getErrors:l,getFieldStates:g,getFormState:E})=>{const h=we(),i=t.useCallback(({name:c,compute:m})=>{if(typeof m=="function")return m(o());if(Array.isArray(c)){const f={};return c.forEach(a=>{f[a]=i({name:a})}),f}return c.split(".").reduce((f,a)=>f&&f[a]!==void 0?f[a]:void 0,{...o(),errors:{...l()},formState:{...E()},fieldStates:{...g()}})},[]),C=t.useCallback(c=>{if(!c)return n.subscribe("values",()=>h()),o();if(typeof c=="string"){const m=U(c);return n.subscribe(m,()=>h()),i({name:c})}if(Array.isArray(c)){const m={};return c.forEach(f=>{const a=U(f);n.subscribe(a,()=>h()),m[f]=i({name:f})}),{...m}}throw new Error("Parameters of watch must be string or array of string")},[]),v=t.useCallback(({name:c,compute:m,value:f,setValue:a})=>{if(typeof m=="function")return[n.subscribe("values",()=>{const d=i({compute:m});a(d)})];if(!c)return[n.subscribe("values",()=>{a(o())})];if(typeof c=="string"){const b=U(c);return[n.subscribe(b,()=>{const A=i({name:c});a(A)})]}if(Array.isArray(c)){const b=i({name:c}),d=[];return c.forEach(A=>{const Y=U(A),W=n.subscribe(Y,()=>{const q=i({name:A});b[A]=q,a({...b})});d.push(W)}),d}throw new Error("Parameters of name must be string or array of string or compute must be a function")},[]),T=t.useCallback((c,m)=>{if(!c)return n.subscribe("values",m);if(typeof c=="string"){const f=U(c);return n.subscribe(f,m)}if(Array.isArray(c)){const f={},a=[];return c.forEach(b=>{const d=U(b),A=n.subscribe(d,()=>{f[b]=i({name:b}),m({...f})});a.push(A)}),a}throw new Error("Parameters of name must be string or array of string")},[n]);return{watch:C,registerHookWatcher:v,getWatchValue:i,subscribe:T}},ae={isError:!1,isDirty:!1,isTouched:!1,customState:null},Oe=[],je={},Pe=({numberFields:n=Oe,defaultValues:o=je,shouldUnRegister:l=!1,shouldConvertNumber:g=!1}={})=>{const[E,h]=_e(),i=t.useRef(),C=t.useRef(!1),v=t.useRef(!1),T=t.useRef(n),c=t.useRef(new Map),m=t.useRef({}),f=t.useRef({}),a=t.useRef({...o}),b=t.useRef({...o}),d=Te(),A=t.useCallback(()=>{f.current=Object.keys(b.current).reduce((r,s)=>({...r,[s]:{...ae}}),{})},[]),Y=t.useCallback((r={})=>{b.current={...b.current,...r},a.current={...b.current},c.current.forEach((s,F)=>{s(b.current[F])}),C.current=!1,m.current={},T.current=n,c.current=new Map,d.reset(),A(),n.length>0&&(g=!0),h()},[]),W=t.useCallback(()=>{const r=Object.fromEntries(new FormData(i.current));return c.current.forEach((F,_)=>{r[_]=a.current[_]}),g&&T.current.forEach(F=>r.hasOwnProperty(F)&&(r[F]=Number(r[F])||0)),r},[]),q=t.useCallback(()=>!!Object.values(M()).find(r=>r.isDirty),[]),J=t.useCallback(()=>!!Object.values(N()).find(r=>!!r),[]),te=t.useCallback(r=>de(r.target),[]),se=t.useCallback(()=>b.current,[]),ne=t.useCallback(()=>T.current,[]),z=t.useCallback(()=>c.current,[]),j=t.useCallback((r,s)=>s?Array.isArray(s)?s.map(F=>r[F]):r[s]:{...r},[]),G=t.useCallback(r=>j(a.current,r),[j]),N=t.useCallback(r=>j(m.current,r),[j]),M=t.useCallback(r=>j(f.current,r),[j]),V=t.useCallback(r=>j({isDirty:C.current,isError:v.current,errorFields:Object.keys(m.current).filter(s=>!!m.current[s]),dirtyFields:Object.keys(f.current).filter(s=>f.current[s].isDirty),touchedFields:Object.keys(f.current).filter(s=>f.current[s].isTouched)},r),[j]),{watch:D,registerHookWatcher:H,getWatchValue:X,subscribe:Z}=Ae({channels:d,getValues:G,getErrors:N,getFieldStates:M,getFormState:V}),S=t.useCallback((r,s,F)=>{const _=f.current[r]||{...ae};_[s]!==F&&(f.current[r]={..._,[s]:F},d.publish(`fieldStates.${r}.${s}`,F),s==="isError"&&d.publish("formState.errorFields",V("errorFields")),s==="isDirty"&&d.publish("formState.dirtyFields",V("dirtyFields")),s==="isTouched"&&d.publish("formState.touchedFields",V("touchedFields")))},[]),Q=t.useCallback(r=>{S(r,"isError",!1),S(r,"isDirty",!1),S(r,"isTouched",!1),S(r,"customState",null)},[S]),e=t.useCallback((r,s)=>{if(m.current[r]===s)return;m.current[r]=s,S(r,"isError",!!s),d.publish(`errors.${r}`,s);const _=J();v.current!==_&&(v.current=_,d.publish("formState.isError",_))},[S]),u=t.useCallback(r=>{if(!m.current[r])return;m.current[r]=null,S(r,"isError",!1),d.publish(`errors.${r}`,null);const s=J();v.current!==s&&(v.current=s,d.publish("formState.isError",s))},[S]),R=t.useCallback(()=>{if(Object.keys(m.current)===0)return;Object.keys(m.current).forEach(s=>u(s)),m.current={};const r=J();v.current!==r&&(v.current=r,d.publish("formState.isError",r))},[]),y=t.useCallback(r=>{const s=de(r.target);s?e(r.target.name,s):u(r.target.name)},[e,u]),O=t.useCallback((r,s,{shouldDirty:F=!0,shouldOnChange:_=!0}={})=>{if(s===a.current[r])return;g&&T.current.includes(r)&&(s=Number(s)||void 0),S(r,"isTouched",!0);const K=s!==b.current[r];F&&f.current[r].isDirty!==K&&S(r,"isDirty",K);const $=q();C.current!==$&&(C.current=$,d.publish("formState.isDirty",$)),a.current[r]=s;const L=c.current.get(r);L&&L(s),d.publish(`values.${r}`,s,{shouldDirty:F,shouldOnChange:_}),_&&d.publish("onChange",r,s,a.current)},[S]),w=t.useCallback((r,s)=>(c.current.set(r,s),f.current[r]={...ae},()=>{l&&c.current.delete(r)}),[]),B=t.useCallback((r,{keepError:s,keepDirty:F,keepTouched:_,keepCustomState:K,defaultValue:$})=>{const L=c.current.get(r);if(!L)throw new Error(`Cannot reset "${r}" because it's uncontrolled field`);b.current[r]=$,a.current[r]=$,L&&L($),s||u(r),F||S(r,"isDirty",!1),_||S(r,"isTouched",!1),K||S(r,"customState",null)},[u,S]),I=t.useCallback((r,s=P.getValues(r))=>{d.publish("onBlur",r,s,P.getValues())},[]),p=t.useCallback(r=>d.subscribe("onChange",r),[]),x=t.useCallback(r=>d.subscribe("onBlur",r),[]),P=t.useMemo(()=>({subscribe:Z,reset:Y,resetField:B,setValue:O,getValues:G,getErrors:N,getFieldStates:M,getFormState:V,setError:e,clearError:u,clearErrors:R,checkValidity:y,getNumberFields:ne,getFieldValidity:te,getDefaultValues:se,setFieldState:S,triggerFieldBlur:I,resetFieldState:Q,getControlledFields:z,subscribeChange:p,subscribeBlur:x}),[Z,Y,B,O,G,N,M,V,e,u,R,y,ne,te,se,S,Q,I,z,p,x]),oe=t.useMemo(()=>({ref:i,watch:D,actions:P,registerController:w,registerHookWatcher:H,lastReloadedAt:E,loadFormValues:W,getWatchValue:X,channels:d}),[i,D,P,w,H,E,W,X,d]),he=t.useMemo(()=>({control:oe,actions:P,watch:D}),[E,oe,P,D]);return t.useLayoutEffect(()=>{if([...i.current.querySelectorAll("[name]")].forEach(s=>{!s.defaultValue&&!c.current.has(s.name)&&b.current[s.name]&&(s.defaultValue=b.current[s.name]),s.type==="number"&&!T.current.includes(s.name)&&T.current.push(s.name)}),i.current){const s=W();a.current={...s},b.current={...s}}},[E]),t.useLayoutEffect(()=>{A()},[]),he};exports.Controller=ve;exports.Form=Ce;exports.useController=ge;exports.useForm=Pe;exports.useFormContext=ce;exports.useWatch=Ee;
|
|
22
|
+
<%s key={someKey} {...props} />`,p,y,N,y),Z[y+p]=!0)}if(y=null,k!==void 0&&(l(k),y=""+k),g(o)&&(l(o.key),y=""+o.key),"key"in o){k={};for(var j in o)j!=="key"&&(k[j]=o[j])}else k=o;return y&&R(k,typeof e=="function"?e.displayName||e.name||"Unknown":e),F(e,y,_,O,h(),k,B,I)}function m(e){typeof e=="object"&&e!==null&&e.$$typeof===c&&e._store&&(e._store.validated=1)}var a=t,c=Symbol.for("react.transitional.element"),d=Symbol.for("react.portal"),b=Symbol.for("react.fragment"),A=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),M=Symbol.for("react.consumer"),oe=Symbol.for("react.context"),q=Symbol.for("react.forward_ref"),ee=Symbol.for("react.suspense"),re=Symbol.for("react.suspense_list"),te=Symbol.for("react.memo"),J=Symbol.for("react.lazy"),P=Symbol.for("react.activity"),z=Symbol.for("react.client.reference"),V=a.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$=Object.prototype.hasOwnProperty,W=Array.isArray,D=console.createTask?console.createTask:function(){return null};a={"react-stack-bottom-frame":function(e){return e()}};var G,H={},X=a["react-stack-bottom-frame"].bind(a,E)(),S=D(f(E)),Z={};K.Fragment=b,K.jsx=function(e,o,k,p,O){var _=1e4>V.recentlyCreatedOwnerStacks++;return i(e,o,k,!1,p,O,_?Error("react-stack-top-frame"):X,_?D(f(e)):S)},K.jsxs=function(e,o,k,p,O){var _=1e4>V.recentlyCreatedOwnerStacks++;return i(e,o,k,!0,p,O,_?Error("react-stack-top-frame"):X,_?D(f(e)):S)}}()),K}var be;function Ce(){return be||(be=1,process.env.NODE_ENV==="production"?ue.exports=Re():ue.exports=ve()),ue.exports}var de=Ce();const C=()=>{},Ee=t.createContext({ref:null,watch:C,actions:{reset:C,resetField:C,setValue:C,getValues:C,getErrors:C,getFieldStates:C,getFormStates:C,setError:C,clearError:C,clearErrors:C,checkValidity:C,getNumberFields:C,getFieldValidity:C,getDefaultValues:C,setFieldState:C,resetFieldState:C,getControlledFields:C},registerController:C,registerHookWatcher:C,lastReloadedAt:C,loadFormValues:C,getWatchValue:C,channels:{}}),le=()=>t.useContext(Ee),Se=({id:s,control:u,method:l,action:f,children:h,onSubmit:E=()=>{},onInput:g=()=>{},onChange:R=()=>{},onBlur:v=()=>{},onReset:F=()=>{},numberFields:i=[],className:m,...a})=>(t.useEffect(()=>{const c=u.channels.subscribe("onChange",R),d=u.channels.subscribe("onBlur",v);return()=>{c(),d()}},[]),de.jsx(Ee.Provider,{value:u,children:de.jsx("form",{id:s,ref:u.ref,action:f,method:l,className:m,onInput:g,onSubmit:c=>{l||c.preventDefault();const d=u.loadFormValues();E(d)},onChange:c=>{const d=c.target.name;!d||u.actions.getControlledFields().has(d)||u.actions.setValue(d,c.target.value)},onBlur:c=>{const d=c.target.name;if(!d||u.actions.getControlledFields().has(d))return;const b=c.target.value;u.channels.publish("onBlur",d,b,u.actions.getValues())},onReset:c=>{u.actions.reset(),F(c)},...a,children:h},u.lastReloadedAt)})),ge=({control:s,name:u,compute:l})=>{const{getWatchValue:f,registerHookWatcher:h}=s||le(),E=f({name:u,compute:l}),[g,R]=t.useState(E);return t.useEffect(()=>{const v=h({name:u,compute:l,value:g,setValue:R});return()=>v.forEach(F=>F())},[]),g},me=({name:s,defaultValue:u})=>{const{actions:l,registerController:f,channels:h}=le(),E=t.useRef(),g=l.getDefaultValues()[s]||u||"",[R,v]=t.useState(g),F=ge({name:`fieldStates.${s}`}),i=t.useCallback((a,{shouldDirty:c=!0,shouldOnChange:d=!0}={})=>{var A,x;let b=a;(A=a==null?void 0:a.target)!=null&&A.value&&(b=a.target.value),(x=a==null?void 0:a.target)!=null&&x.checked&&(b=a.target.checked+""),v(b),l.setValue(s,b,{shouldDirty:c,shouldOnChange:d})},[l.setValue]),m=t.useCallback(a=>{const c=l.getValues(),d=a??c[s];h.publish("onBlur",s,d,c)},[]);return t.useEffect(()=>f(s,v),[]),{ref:E,name:s,defaultValue:g,value:R,onChange:i,onBlur:m,fieldState:F}},pe=({name:s,defaultValue:u,render:l=({ref:f,name:h,defaultValue:E,value:g,onChange:R,onBlur:v,customState:F,setCustomState:i})=>null})=>{const f=me({name:s,defaultValue:u});return l(f)},ye=["errors","fieldStates","formState"],ae=(s={},u="")=>u.split(".").reduce((l,f)=>l&&l[f]!==void 0?l[f]:void 0,s),we=(s={},u="",l)=>{let f=s;const h=u.split(".");return h.forEach((E,g)=>{if(g<h.length-1){f[E]||(f[E]={}),f=f[E];return}f[E]=l}),s},U=s=>ye.some(u=>s.startsWith(u))?s:"values."+s,Fe=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"],he=s=>{typeof s.setCustomValidity=="function"&&s.setCustomValidity("");let u=s.validity,l=Fe.find(f=>u[f]);if(l)return{type:l,message:s.validationMessage}};class Te{constructor(){this.events=new Map,this.watchEvents=new Map}getWatchEvents(){return this.watchEvents}getEvents(){return this.events}subscribe(u,l){return this.events.has(u)||this.events.set(u,new Set),this.events.get(u).add(l),()=>{var f;return(f=this.events.get(u))==null?void 0:f.delete(l)}}subscribeWatch(u,l){this.watchEvents.has(u)||(this.watchEvents.set(u,new Set),this.watchEvents.get(u).add(l))}publish(u,...l){this.events.forEach((f,h)=>{u.includes(h)&&f.forEach(E=>E(...l))}),this.watchEvents.forEach((f,h)=>{u.includes(h)&&f.forEach(E=>E(...l))})}reset(){this.events.clear(),this.watchEvents.clear()}}const _e=()=>{const s=t.useRef(new Te),u=t.useCallback((R,...v)=>{s.current.publish(R,...v)},[]),l=t.useCallback((R,v)=>s.current.subscribe(R,v),[]),f=t.useCallback((R,v)=>{s.current.subscribeWatch(R,v)},[]),h=t.useCallback(()=>s.current.getEvents(),[]),E=t.useCallback(()=>s.current.getWatchEvents(),[]),g=t.useCallback(()=>{s.current.reset()},[]);return{publish:u,subscribe:l,reset:g,getEvents:h,subscribeWatch:f,getWatchEvents:E}},Ae=()=>{const[s,u]=t.useState(),l=t.useCallback(()=>u(new Date().toString()),[]);return[s,l]},Oe=()=>{const[,s]=t.useState({});return t.useCallback(()=>s({}),[])},Pe=({channels:s,getValues:u,getErrors:l,getFieldStates:f,getFormState:h})=>{const E=Oe(),g=t.useCallback(({name:i,compute:m})=>{if(typeof m=="function")return m(u());if(Array.isArray(i)){const a={};return i.forEach(c=>{a[c]=g({name:c})}),a}return ae({...u(),errors:{...l()},formState:{...h()},fieldStates:{...f()}},i)},[]),R=t.useCallback(i=>{if(!i)return s.subscribeWatch("values",()=>E()),u();if(typeof i=="string"){const m=U(i);return s.subscribeWatch(m,()=>E()),g({name:i})}if(Array.isArray(i)){const m={};return i.forEach(a=>{const c=U(a);s.subscribeWatch(c,()=>E()),m[a]=g({name:a})}),{...m}}throw new Error("Parameters of watch must be string or array of string")},[]),v=t.useCallback(({name:i,compute:m,setValue:a})=>{if(typeof m=="function")return[s.subscribe("values",()=>{const d=g({compute:m});a(d)})];if(!i)return[s.subscribe("values",()=>{a(u())})];if(typeof i=="string"){const c=U(i);return[s.subscribe(c,()=>{const b=g({name:i});a(b)})]}if(Array.isArray(i)){const c=g({name:i}),d=[];return i.forEach(b=>{const A=U(b),x=s.subscribe(A,()=>{const M=g({name:b});c[b]=M,a({...c})});d.push(x)}),d}throw new Error("Parameters of name must be string or array of string or compute must be a function")},[]),F=t.useCallback((i,m)=>{if(!i)return s.subscribe("values",m);if(typeof i=="string"){const a=U(i);return s.subscribe(a,m)}if(Array.isArray(i)){const a={},c=[];return i.forEach(d=>{const b=U(d),A=s.subscribe(b,()=>{a[d]=g({name:d}),m({...a})});c.push(A)}),c}throw new Error("Parameters of name must be string or array of string")},[s]);return{watch:R,registerHookWatcher:v,getWatchValue:g,subscribe:F}},ce={isDirty:!1,isTouched:!1,error:null},je=[],xe={},Ne=({numberFields:s=je,defaultValues:u=xe,shouldUnRegister:l=!1,shouldConvertNumber:f=!1}={})=>{const[h,E]=Ae(),g=t.useRef(),R=t.useRef(!1),v=t.useRef(!1),F=t.useRef(s),i=t.useRef(new Map),m=t.useRef({}),a=t.useRef({}),c=t.useRef({...u}),d=t.useRef({...u}),b=_e(),A=t.useCallback(()=>{a.current=Object.keys(d.current).reduce((r,n)=>({...r,[n]:{...ce}}),{})},[]),x=t.useCallback((r={})=>{d.current={...d.current,...r},c.current={...d.current},i.current.forEach((n,w)=>{n(d.current[w])}),R.current=!1,m.current={},F.current=s,i.current=new Map,b.reset(),A(),s.length>0&&(f=!0),E()},[]),M=t.useCallback(()=>{const r=Object.fromEntries(new FormData(g.current));return i.current.forEach((w,T)=>{r[T]=c.current[T]}),f&&F.current.forEach(w=>r.hasOwnProperty(w)&&(r[w]=Number(r[w])||0)),{...c.current,...r}},[]),oe=t.useCallback(()=>!!Object.values($()).find(r=>r.isDirty),[]),q=t.useCallback(()=>!!Object.values(V()).find(r=>!!r),[]),ee=t.useCallback(r=>he(r.target),[]),re=t.useCallback(()=>d.current,[]),te=t.useCallback(()=>F.current,[]),J=t.useCallback(()=>i.current,[]),P=t.useCallback((r,n)=>n?Array.isArray(n)?n.reduce((w,T)=>({...w,[T]:ae(r,T)}),{}):ae(r,n):{...r},[]),z=t.useCallback(r=>P(c.current,r),[P]),V=t.useCallback(r=>P(m.current,r),[P]),$=t.useCallback(r=>P(a.current,r),[P]),W=t.useCallback(r=>P({isDirty:R.current,isError:v.current,errorFields:Object.keys(m.current).filter(n=>!!m.current[n]),dirtyFields:Object.keys(a.current).filter(n=>a.current[n].isDirty),touchedFields:Object.keys(a.current).filter(n=>a.current[n].isTouched)},r),[P]),{watch:D,registerHookWatcher:G,getWatchValue:H,subscribe:X}=Pe({channels:b,getValues:z,getErrors:V,getFieldStates:$,getFormState:W}),S=t.useCallback((r,n,w)=>{const T=a.current[r]||{...ce};ae(T,n)!==w&&(we(a.current,`${r}.${n}`,w),b.publish(`fieldStates.${r}.${n}`,w),n==="error"&&b.publish("formState.errorFields",W("errorFields")),n==="isDirty"&&b.publish("formState.dirtyFields",W("dirtyFields")),n==="isTouched"&&b.publish("formState.touchedFields",W("touchedFields")))},[]),Z=t.useCallback(r=>{S(r,"isDirty",!1),S(r,"isTouched",!1),S(r,"error",null)},[S]),e=t.useCallback((r,n)=>{if(m.current[r]===n)return;m.current[r]=n,S(r,"error",n),b.publish(`errors.${r}`,n);const T=q();v.current!==T&&(v.current=T,b.publish("formState.isError",T))},[S]),o=t.useCallback(r=>{if(!m.current[r])return;m.current[r]=null,S(r,"error",null),b.publish(`errors.${r}`,null);const n=q();v.current!==n&&(v.current=n,b.publish("formState.isError",n))},[S]),k=t.useCallback(()=>{if(Object.keys(m.current)===0)return;Object.keys(m.current).forEach(n=>o(n)),m.current={};const r=q();v.current!==r&&(v.current=r,b.publish("formState.isError",r))},[]),p=t.useCallback(r=>{const n=he(r.target);n?e(r.target.name,n):o(r.target.name)},[e,o]),O=t.useCallback((r,n,{shouldDirty:w=!0,shouldOnChange:T=!0}={})=>{if(n===c.current[r])return;f&&F.current.includes(r)&&(n=Number(n)||void 0),S(r,"isTouched",!0);const ne=n!==d.current[r];w&&a.current[r].isDirty!==ne&&S(r,"isDirty",ne);const Y=oe();R.current!==Y&&(R.current=Y,b.publish("formState.isDirty",Y)),c.current[r]=n;const L=i.current.get(r);L&&L(n),b.publish(`values.${r}`,n,{shouldDirty:w,shouldOnChange:T}),T&&b.publish("onChange",r,n,c.current)},[S]),_=t.useCallback((r,n)=>(i.current.set(r,n),a.current[r]={...ce},()=>{l&&i.current.delete(r)}),[]),B=t.useCallback((r,{keepError:n,keepDirty:w,keepTouched:T,keepCustomState:ne,defaultValue:Y})=>{const L=i.current.get(r);if(!L)throw new Error(`Cannot reset "${r}" because it's uncontrolled field`);d.current[r]=Y,c.current[r]=Y,L&&L(Y),n||o(r),w||S(r,"isDirty",!1),T||S(r,"isTouched",!1)},[o,S]),I=t.useCallback((r,n=j.getValues(r))=>{b.publish("onBlur",r,n,j.getValues())},[]),y=t.useCallback(r=>b.subscribe("onChange",r),[]),N=t.useCallback(r=>b.subscribe("onBlur",r),[]),j=t.useMemo(()=>({subscribe:X,reset:x,resetField:B,setValue:O,getValues:z,getErrors:V,getFieldStates:$,getFormState:W,setError:e,clearError:o,clearErrors:k,checkValidity:p,getNumberFields:te,getFieldValidity:ee,getDefaultValues:re,setFieldState:S,triggerFieldBlur:I,resetFieldState:Z,getControlledFields:J,subscribeChange:y,subscribeBlur:N,getEvents:b.getEvents,getWatchEvents:b.getWatchEvents}),[X,x,B,O,z,V,$,W,e,o,k,p,te,ee,re,S,Z,I,J,y,N]),se=t.useMemo(()=>({ref:g,watch:D,actions:j,registerController:_,registerHookWatcher:G,lastReloadedAt:h,loadFormValues:M,getWatchValue:H,channels:b}),[g,D,j,_,G,h,M,H,b]),ke=t.useMemo(()=>({control:se,actions:j,watch:D}),[h,se,j,D]);return t.useLayoutEffect(()=>{if([...g.current.querySelectorAll("[name]")].forEach(n=>{!n.defaultValue&&!i.current.has(n.name)&&d.current[n.name]&&(n.defaultValue=d.current[n.name]),n.type==="number"&&!F.current.includes(n.name)&&F.current.push(n.name)}),g.current){const n=M();c.current={...n},d.current={...n}}},[h]),t.useLayoutEffect(()=>{A()},[]),ke};exports.Controller=pe;exports.Form=Se;exports.useController=me;exports.useForm=Ne;exports.useFormContext=le;exports.useWatch=ge;
|