react-simple-formkit 2.3.0 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +102 -67
- package/dist/react-simple-formkit.js +4 -4
- package/dist/react-simple-formkit.mjs +577 -506
- package/dist/react-simple-formkit.umd.js +4 -4
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(N,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],s):(N=typeof globalThis<"u"?globalThis:N||self,s(N.Name={},N.React))})(this,function(N,s){"use strict";var Q={exports:{}},J={};/**
|
|
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 ke(){if(ie)return J;ie=1;var o=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function c(l,u,b){var a=null;if(b!==void 0&&(a=""+b),u.key!==void 0&&(a=""+u.key),"key"in u){b={};for(var h in u)h!=="key"&&(b[h]=u[h])}else b=u;return u=b.ref,{$$typeof:o,type:l,key:a,ref:u!==void 0?u:null,props:b}}return J.Fragment=t,J.jsx=c,J.jsxs=c,J}var z={};/**
|
|
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 o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ce?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case S:return"Fragment";case p:return"Profiler";case T:return"StrictMode";case q:return"Suspense";case L:return"SuspenseList";case oe: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 C:return"Portal";case I:return(e.displayName||"Context")+".Provider";case V:return(e._context.displayName||"Context")+".Consumer";case B:var m=e.render;return e=e.displayName,e||(e=m.displayName||m.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case v:return m=e.displayName||null,m!==null?m:o(e.type)||"Memo";case H:m=e._payload,e=e._init;try{return o(e(m))}catch{}}return null}function t(e){return""+e}function c(e){try{t(e);var m=!1}catch{m=!0}if(m){m=console;var y=m.error,_=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return y.call(m,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",_),t(e)}}function l(e){if(e===S)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===H)return"<...>";try{var m=o(e);return m?"<"+m+">":"<...>"}catch{return"<...>"}}function u(){var e=X.A;return e===null?null:e.getOwner()}function b(){return Error("react-stack-top-frame")}function a(e){if(P.call(e,"key")){var m=Object.getOwnPropertyDescriptor(e,"key").get;if(m&&m.isReactWarning)return!1}return e.key!==void 0}function h(e,m){function y(){Y||(Y=!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)",m))}y.isReactWarning=!0,Object.defineProperty(e,"key",{get:y,configurable:!0})}function i(){var e=o(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 E(e,m,y,_,x,D,Z,r){return y=D.ref,e={$$typeof:A,type:e,key:m,props:D,_owner:x},(y!==void 0?y:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:i}):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:Z}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:r}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function f(e,m,y,_,x,D,Z,r){var n=m.children;if(n!==void 0)if(_)if(ae(n)){for(_=0;_<n.length;_++)R(n[_]);Object.freeze&&Object.freeze(n)}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(n);if(P.call(m,"key")){n=o(e);var d=Object.keys(m).filter(function(O){return O!=="key"});_=0<d.length?"{key: someKey, "+d.join(": ..., ")+": ...}":"{key: someKey}",te[n+_]||(d=0<d.length?"{"+d.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} />`,F,T,P,T),se[T+F]=!0)}if(T=null,S!==void 0&&(h(S),T=""+S),d(f)&&(h(f.key),T=""+f.key),"key"in f){S={};for(var M in f)M!=="key"&&(S[M]=f[M])}else S=f;return T&&C(S,typeof e=="function"?e.displayName||e.name||"Unknown":e),b(e,T,j,x,g(),S,Z,Q)}function u(e){typeof e=="object"&&e!==null&&e.$$typeof===i&&e._store&&(e._store.validated=1)}var l=r,i=Symbol.for("react.transitional.element"),n=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),O=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),J=Symbol.for("react.consumer"),z=Symbol.for("react.context"),ae=Symbol.for("react.forward_ref"),ce=Symbol.for("react.suspense"),ue=Symbol.for("react.suspense_list"),le=Symbol.for("react.memo"),N=Symbol.for("react.lazy"),q=Symbol.for("react.activity"),G=Symbol.for("react.client.reference"),D=l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,H=Object.prototype.hasOwnProperty,$=Array.isArray,X=console.createTask?console.createTask:function(){return null};l={"react-stack-bottom-frame":function(e){return e()}};var ee,te={},re=l["react-stack-bottom-frame"].bind(l,k)(),_=X(R(k)),se={};L.Fragment=E,L.jsx=function(e,f,S,F,x){var j=1e4>D.recentlyCreatedOwnerStacks++;return o(e,f,S,!1,F,x,j?Error("react-stack-top-frame"):re,j?X(R(e)):_)},L.jsxs=function(e,f,S,F,x){var j=1e4>D.recentlyCreatedOwnerStacks++;return o(e,f,S,!0,F,x,j?Error("react-stack-top-frame"):re,j?X(R(e)):_)}}()),L}var be;function pe(){return be||(be=1,process.env.NODE_ENV==="production"?K.exports=Se():K.exports=ye()),K.exports}var Ee=pe();const y=()=>{},ge=r.createContext({ref:null,watch:y,actions:{reset:y,resetField:y,setValue:y,getValues:y,getErrors:y,getFieldStates:y,getFormStates:y,setError:y,clearError:y,clearErrors:y,checkValidity:y,getNumberFields:y,getFieldValidity:y,getDefaultValues:y,setFieldState:y,resetFieldState:y,getControlledFields:y},registerController:y,registerHookWatcher:y,lastReloadedAt:y,loadFormValues:y,getWatchValue:y,channels:{}}),ne=()=>r.useContext(ge),ve=({id:s,control:a,method:h,action:R,children:g,onChange:k,onBlur:d,onSubmit:C=()=>{},onInput:p=()=>{},onReset:b=()=>{},numberFields:o=[],className:u,...l})=>{const i=r.useCallback(n=>{a.ref&&(a.ref.current=n,a.ref.current&&a.initForm())},[a]);return r.useEffect(()=>{let n=()=>{},E=()=>{};return k&&(n=a.channels.subscribe("onChange",k)),d&&(E=a.channels.subscribe("onBlur",d)),()=>{n(),E()}},[a.lastReloadedAt]),Ee.jsx(ge.Provider,{value:a,children:Ee.jsx("form",{id:s,ref:i,action:R,method:h,className:u,onInput:p,onSubmit:n=>{h||n.preventDefault();const E=a.loadFormValues();C(E)},onChange:n=>{const E=n.target.name;!E||a.actions.getControlledFields().has(E)||a.actions.setValue(E,n.target.value)},onBlur:n=>{const E=n.target.name;if(!E||a.actions.getControlledFields().has(E))return;const O=n.target.value;a.channels.publish("onBlur",E,O,a.actions.getValues())},onReset:n=>{a.actions.reset(),b(n)},...l,children:g},a.lastReloadedAt)})},he=({control:s,name:a,compute:h})=>{const{getWatchValue:R,registerHookWatcher:g}=s||ne(),k=R({name:a,compute:h}),[d,C]=r.useState(k);return r.useEffect(()=>g({name:a,compute:h,value:d,setValue:C}),[]),d},me=({name:s,defaultValue:a})=>{const{actions:h,registerController:R,channels:g}=ne(),k=r.useRef(),d=h.getDefaultValues()[s]||a||"",[C,p]=r.useState(d),b=he({name:`fieldStates.${s}`}),o=r.useCallback((l,{shouldDirty:i=!0,shouldOnChange:n=!0}={})=>{var O,V;let E=l;(O=l==null?void 0:l.target)!=null&&O.value&&(E=l.target.value),(V=l==null?void 0:l.target)!=null&&V.checked&&(E=l.target.checked+""),p(E),h.setValue(s,E,{shouldDirty:i,shouldOnChange:n})},[h.setValue]),u=r.useCallback(l=>{const i=h.getValues(),n=l??i[s];g.publish("onBlur",s,n,i)},[]);return r.useEffect(()=>R(s,p),[]),{ref:k,name:s,defaultValue:d,value:C,onChange:o,onBlur:u,fieldState:b}},Fe=({name:s,defaultValue:a,render:h=({ref:R,name:g,defaultValue:k,value:d,onChange:C,onBlur:p,fieldState:b})=>null})=>{const R=me({name:s,defaultValue:a});return h(R)},Te=["errors","fieldStates","formState"],U=(s={},a="")=>a.split(".").reduce((h,R)=>h&&h[R]!==void 0?h[R]:void 0,s),Re=(s={},a="",h)=>{const R={...s};let g=s;const k=a.split(".");return k.forEach((d,C)=>{C<k.length-1?(g[d]||(g[d]={}),R[d]={...g[d]},g=R[d]):g[d]=h}),R},W=s=>Te.some(a=>s.startsWith(a))?s:"values."+s,_e=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"],ke=s=>{typeof s.setCustomValidity=="function"&&s.setCustomValidity("");let a=s.validity,h=_e.find(R=>a[R]);if(h)return{type:h,message:s.validationMessage}},we=()=>{const s=r.useRef(new Map),a=r.useRef(new Map),h=r.useCallback(()=>a.current,[]),R=r.useCallback(()=>s.current,[]),g=r.useCallback(()=>{s.current.clear(),a.current.clear()},[]),k=r.useCallback((b,...o)=>{const u=s.current.get(b),l=a.current.get(b);u&&u.forEach(i=>i(...o)),l&&l.forEach(i=>i(...o)),s.current.forEach((i,n)=>{n!==b&&b.startsWith(n)&&i.forEach(E=>E(...o))}),a.current.forEach((i,n)=>{n!==b&&b.startsWith(n)&&i.forEach(E=>E(...o))})},[]),d=r.useCallback(b=>{s.current.forEach((o,u)=>{u.startsWith(b)&&o.forEach(l=>l())}),a.current.forEach((o,u)=>{u.startsWith(b)&&o.forEach(l=>l())})},[]),C=r.useCallback((b,o)=>(s.current.has(b)||s.current.set(b,new Set),s.current.get(b).add(o),()=>{var u;return(u=s.current.get(b))==null?void 0:u.delete(o)}),[]),p=r.useCallback((b,o)=>{a.current.has(b)||(a.current.set(b,new Set),a.current.get(b).add(o))},[]);return{reset:g,publish:k,subscribe:C,subscribeWatch:p,getEvents:R,getWatchEvents:h,trigger:d}},Ae=()=>{const[s,a]=r.useState(),h=r.useCallback(()=>a(new Date().toString()),[]);return[s,h]},Oe=()=>{const[,s]=r.useState({});return r.useCallback(()=>s({}),[])},je=({channels:s,getValues:a,getErrors:h,getFieldStates:R,getFormState:g})=>{const k=Oe(),d=r.useCallback(({name:o,compute:u})=>{if(typeof u=="function")return u(a());if(Array.isArray(o)){const l={};return o.forEach(i=>{l[i]=d({name:i})}),l}return U({...a(),errors:{...h()},formState:{...g()},fieldStates:{...R()}},o)},[]),C=r.useCallback(o=>{if(!o)return s.subscribeWatch("values",()=>k()),a();if(typeof o=="string"){const u=W(o);return s.subscribeWatch(u,()=>k()),d({name:o})}if(Array.isArray(o)){const u={};return o.forEach(l=>{const i=W(l);s.subscribeWatch(i,()=>k()),u[l]=d({name:l})}),{...u}}throw new Error("Parameters of watch must be string or array of string")},[]),p=r.useCallback(({name:o,compute:u,setValue:l})=>{if(typeof u=="function")return s.subscribe("values",()=>{const n=d({compute:u});l(n)});if(!o)return s.subscribe("values",()=>{l(a())});if(typeof o=="string"){const i=W(o);return s.subscribe(i,()=>{const E=d({name:o});l(E)})}if(Array.isArray(o)){const i=d({name:o}),n=[];return o.forEach(E=>{const O=W(E),V=s.subscribe(O,()=>{const J=d({name:E});i[E]=J,l({...i})});n.push(V)}),()=>n.forEach(E=>E())}throw new Error("Parameters of name must be string or array of string or compute must be a function")},[]),b=r.useCallback((o,u)=>{if(!o)return s.subscribe("values",()=>u(a()));if(["onChange","onBlur"].includes(o))return s.subscribe(o,u);if(typeof o=="string"){const l=W(o);return s.subscribe(l,()=>u(d({name:o})))}if(Array.isArray(o)){const l={},i=[];return o.forEach(n=>{const E=W(n),O=s.subscribe(E,()=>{l[n]=d({name:n}),u({...l})});i.push(O)}),()=>i.forEach(n=>n())}throw new Error("Parameters of name must be string or array of string")},[]);return{watch:C,registerHookWatcher:p,getWatchValue:d,subscribe:b}},Ce={lastReset:null,isDirty:!1,isError:!1,errorFields:[],dirtyFields:[],touchedFields:[]},oe={isDirty:!1,isTouched:!1,error:null},Pe=[],Ne={},xe=({numberFields:s=Pe,defaultValues:a=Ne,shouldUnRegister:h=!1,shouldConvertNumber:R=!1}={})=>{const[g,k]=Ae(),d=r.useRef(),C=r.useRef(s),p=r.useRef(new Map),b=r.useRef({}),o=r.useRef({}),u=r.useRef({...Ce}),l=r.useRef({...a}),i=r.useRef({...a}),n=we(),E=r.useCallback(t=>{o.current=Object.keys(i.current).reduce((c,m)=>({...c,[m]:{...t?{}:o.current[m]||{},...oe}}),{})},[]),O=r.useCallback((t={},{clearCustomFormStates:c=!1,clearCustomFieldStates:m=!1}={})=>{i.current={...i.current,...t},l.current={...i.current},p.current.forEach((v,Y)=>{v(i.current[Y]??"")}),b.current={},u.current={...c?{}:u.current,...Ce},C.current=s,p.current=new Map,n.reset(),E(m),s.length>0&&(R=!0),k()},[]),V=r.useCallback(()=>{const t=Object.fromEntries(new FormData(d.current));return p.current.forEach((m,v)=>{t[v]=l.current[v]}),R&&C.current.forEach(m=>t.hasOwnProperty(m)&&(t[m]=Number(t[m])||0)),{...l.current,...t}},[]),J=r.useCallback(()=>!!Object.values(D()).find(t=>t.isDirty),[]),z=r.useCallback(()=>!!Object.values(G()).find(t=>!!t),[]),ae=r.useCallback(t=>ke(t.target),[]),ce=r.useCallback(()=>i.current,[]),ue=r.useCallback(()=>C.current,[]),le=r.useCallback(()=>p.current,[]),N=r.useCallback((t,c)=>c?Array.isArray(c)?c.reduce((m,v)=>({...m,[v]:U(t,v)}),{}):U(t,c):{...t},[]),q=r.useCallback(t=>N(l.current,t),[N]),G=r.useCallback(t=>N(b.current,t),[N]),D=r.useCallback(t=>N(o.current,t),[N]),H=r.useCallback(t=>N({...u.current,lastReset:g},t),[g]),{watch:$,registerHookWatcher:X,getWatchValue:ee,subscribe:te}=je({channels:n,getValues:q,getErrors:G,getFieldStates:D,getFormState:H}),re=r.useCallback((t,c)=>{const m=u.current;U(m,t)!==c&&(u.current=Re(u.current,t,c),n.publish(`formState.${t}`,c))},[]),_=r.useCallback((t,c,m)=>{const v=o.current[t]||{...oe};U(v,c)!==m&&(o.current=Re(o.current,`${t}.${c}`,m),n.publish(`fieldStates.${t}.${c}`,m),c==="error"&&(u.current.errorFields=Object.keys(b.current).filter(w=>!!b.current[w]),n.publish("formState.errorFields",u.current.errorFields)),c==="isDirty"&&(u.current.dirtyFields=Object.keys(o.current).filter(w=>o.current[w].isDirty),n.publish("formState.dirtyFields",u.current.dirtyFields)),c==="isTouched"&&(u.current.touchedFields=Object.keys(o.current).filter(w=>o.current[w].isTouched),n.publish("formState.touchedFields",u.current.touchedFields)))},[]),se=r.useCallback(t=>{_(t,"isDirty",!1),_(t,"isTouched",!1),_(t,"error",null)},[]),e=r.useCallback((t,c)=>{if(b.current[t]===c)return;b.current[t]=c,_(t,"error",c),n.publish(`errors.${t}`,c);const v=z();u.current.isError!==v&&(u.current.isError=v,n.publish("formState.isError",v))},[]),f=r.useCallback(t=>{if(!b.current[t])return;b.current[t]=null,_(t,"error",null),n.publish(`errors.${t}`,null);const c=z();u.current.isError!==c&&(u.current.isError=c,n.publish("formState.isError",c))},[]),S=r.useCallback(()=>{if(Object.keys(b.current)===0)return;Object.keys(b.current).forEach(c=>f(c)),b.current={};const t=z();u.current.isError!==t&&(u.current.isError=t,n.publish("formState.isError",t))},[]),F=r.useCallback(t=>{const c=ke(t.target);c?e(t.target.name,c):f(t.target.name)},[]),x=r.useCallback((t,c,{shouldDirty:m=!0,shouldOnChange:v=!0}={})=>{if(c===l.current[t])return;R&&C.current.includes(t)&&(c=Number(c)||void 0),_(t,"isTouched",!0);const Y=c!==i.current[t];m&&o.current[t].isDirty!==Y&&_(t,"isDirty",Y);const w=J();u.current.isDirty!==w&&(u.current.isDirty=w,n.publish("formState.isDirty",w)),l.current[t]=c;const I=p.current.get(t);I&&I(c),n.publish(`values.${t}`,c,{shouldDirty:m,shouldOnChange:v}),v&&n.publish("onChange",t,c,l.current)},[]),j=r.useCallback((t,c)=>(p.current.set(t,c),o.current[t]={...oe},()=>{h&&p.current.delete(t)}),[]),Z=r.useCallback((t,{keepError:c,keepDirty:m,keepTouched:v,keepCustomState:Y,defaultValue:w})=>{const I=p.current.get(t);if(!I)throw new Error(`Cannot reset "${t}" because it's uncontrolled field`);i.current[t]=w,l.current[t]=w,I&&I(w),c||f(t),m||_(t,"isDirty",!1),v||_(t,"isTouched",!1)},[]),Q=r.useCallback(t=>{if(!t)return n.trigger("values");if(Array.isArray(t))return t.forEach(m=>{const v=W(m);n.trigger(v)});const c=W(t);n.trigger(c)},[]),T=r.useCallback((t,c=P.getValues(t))=>{n.publish("onBlur",t,c,P.getValues())},[]),P=r.useMemo(()=>({subscribe:te,reset:O,trigger:Q,reload:k,resetField:Z,setValue:x,getValues:q,getErrors:G,getFieldStates:D,getFormState:H,setError:e,clearError:f,clearErrors:S,checkValidity:F,getNumberFields:ue,getFieldValidity:ae,getDefaultValues:ce,setFieldState:_,triggerFieldBlur:T,resetFieldState:se,getControlledFields:le,setFormState:re,getEvents:n.getEvents,getWatchEvents:n.getWatchEvents}),[g]),M=r.useCallback(()=>{[...d.current.querySelectorAll("[name]")].forEach(m=>{!m.defaultValue&&!p.current.has(m.name)&&i.current[m.name]&&(m.defaultValue=i.current[m.name]),m.type==="number"&&!C.current.includes(m.name)&&C.current.push(m.name)});const c=V();l.current={...c},i.current={...c}},[]),ie=r.useMemo(()=>({ref:d,watch:$,actions:P,initForm:M,registerController:j,registerHookWatcher:X,lastReloadedAt:g,loadFormValues:V,getWatchValue:ee,channels:n}),[g]),Ve=r.useMemo(()=>({control:ie,actions:P,watch:$}),[g]);return r.useLayoutEffect(()=>{d.current&&M()},[g]),r.useLayoutEffect(()=>{E(!1)},[]),Ve};A.Controller=Fe,A.Form=ve,A.useController=me,A.useForm=xe,A.useFormContext=ne,A.useWatch=he,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});
|
|
22
|
+
<%s key={someKey} {...props} />`,_,n,d,n),te[n+_]=!0)}if(n=null,y!==void 0&&(c(y),n=""+y),a(m)&&(c(m.key),n=""+m.key),"key"in m){y={};for(var g in m)g!=="key"&&(y[g]=m[g])}else y=m;return n&&h(y,typeof e=="function"?e.displayName||e.name||"Unknown":e),E(e,n,D,x,u(),y,Z,r)}function R(e){typeof e=="object"&&e!==null&&e.$$typeof===A&&e._store&&(e._store.validated=1)}var k=s,A=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),T=Symbol.for("react.strict_mode"),p=Symbol.for("react.profiler"),V=Symbol.for("react.consumer"),I=Symbol.for("react.context"),B=Symbol.for("react.forward_ref"),q=Symbol.for("react.suspense"),L=Symbol.for("react.suspense_list"),v=Symbol.for("react.memo"),H=Symbol.for("react.lazy"),oe=Symbol.for("react.activity"),ce=Symbol.for("react.client.reference"),X=k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,P=Object.prototype.hasOwnProperty,ae=Array.isArray,U=console.createTask?console.createTask:function(){return null};k={"react-stack-bottom-frame":function(e){return e()}};var Y,$={},ee=k["react-stack-bottom-frame"].bind(k,b)(),re=U(l(b)),te={};z.Fragment=S,z.jsx=function(e,m,y,_,x){var D=1e4>X.recentlyCreatedOwnerStacks++;return f(e,m,y,!1,_,x,D?Error("react-stack-top-frame"):ee,D?U(l(e)):re)},z.jsxs=function(e,m,y,_,x){var D=1e4>X.recentlyCreatedOwnerStacks++;return f(e,m,y,!0,_,x,D?Error("react-stack-top-frame"):ee,D?U(l(e)):re)}}()),z}var de;function Fe(){return de||(de=1,process.env.NODE_ENV==="production"?Q.exports=ke():Q.exports=ve()),Q.exports}var be=Fe();const F=()=>{},Ee=s.createContext({ref:null,watch:F,actions:{reset:F,resetField:F,setValue:F,getValues:F,getErrors:F,getFieldStates:F,getFormStates:F,setError:F,clearError:F,clearErrors:F,checkValidity:F,getNumberFields:F,getFieldValidity:F,getDefaultValues:F,setFieldState:F,resetFieldState:F,getControlledFields:F},registerController:F,registerHookWatcher:F,lastReloadedAt:F,loadFormValues:F,getWatchValue:F,channels:{}}),ne=()=>s.useContext(Ee),pe=({id:o,control:t,method:c,action:l,children:u,onChange:b,onBlur:a,onSubmit:h=()=>{},onInput:i=()=>{},onReset:E=()=>{},numberFields:f=[],className:R,...k})=>{const A=s.useCallback(C=>{t.ref&&(t.ref.current=C,t.ref.current&&t.initForm())},[t]);return s.useEffect(()=>{let C=()=>{},S=()=>{};return b&&(C=t.channels.subscribe("onChange",b)),a&&(S=t.channels.subscribe("onBlur",a)),()=>{C(),S()}},[t.lastReloadedAt]),be.jsx(Ee.Provider,{value:t,children:be.jsx("form",{id:o,ref:A,action:l,method:c,className:R,onInput:i,onSubmit:C=>{c||C.preventDefault();const S=t.loadFormValues();h(S)},onChange:C=>{const S=C.target.name;!S||t.actions.getControlledFields().has(S)||t.actions.setValue(S,C.target.value)},onBlur:C=>{const S=C.target.name;if(!S||t.actions.getControlledFields().has(S))return;const T=C.target.value;t.channels.publish("onBlur",S,T,t.actions.getValues())},onReset:C=>{t.actions.reset(),E(C)},...k,children:u},t.lastReloadedAt)})},se={isDirty:!1,isTouched:!1,error:null},ge={lastReset:null,isDirty:!1,isError:!1,errorFields:[],dirtyFields:[],touchedFields:[]},Te={},w=(o={},t="")=>t.split(".").reduce((c,l)=>c&&c[l]!==void 0?c[l]:void 0,o),M=(o={},t="",c)=>{const l={...o};let u=l;const b=t.split(".");return b.forEach((a,h)=>{h<b.length-1?(u[a]=u[a]?{...u[a]}:{},u=u[a]):u[a]=c}),l},G=(o,t)=>{const c=w(o,t);return typeof c=="object"&&!Array.isArray(c)},_e=["errors","fieldStates","formState"],W=o=>_e.some(t=>o.startsWith(t))?o:"values."+o,we=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"],he=o=>{typeof o.setCustomValidity=="function"&&o.setCustomValidity("");let t=o.validity,c=we.find(l=>t[l]);if(c)return{type:c,message:o.validationMessage}},Ae=({control:o,name:t,compute:c})=>{const{getWatchValue:l,registerHookWatcher:u}=o||ne(),b=l({name:t,compute:c}),[a,h]=s.useState(b);return s.useEffect(()=>u({name:t,compute:c,value:a,setValue:h}),[]),a},me=({control:o,name:t,defaultValue:c})=>{const{actions:l,registerController:u,channels:b,getWatchValue:a}=o||ne(),h=s.useRef(),i=s.useRef(),E=w(l.getDefaultValues(),t)||c||"",[f,R]=s.useState(E),[k,A]=s.useState({}),C=s.useCallback((T,{shouldDirty:p=!0,shouldOnChange:V=!0}={})=>{var B;let I=T;((B=T==null?void 0:T.target)==null?void 0:B.value)!==void 0&&(I=T.target.value),R(I),l.setValue(t,I,{shouldDirty:p,shouldOnChange:V})},[l.setValue]),S=s.useCallback(T=>{const p=l.getValues(),V=T??w(p,t);b.publish("onBlur",t,V,p)},[]);return s.useEffect(()=>{const T=u(t,R);return()=>{T(),i.current&&i.current()}},[]),new Proxy({ref:h,name:t,defaultValue:E,value:f,onChange:C,onBlur:S,fieldState:k},{get(T,p,V){return typeof p=="string"&&p==="fieldState"&&(i.current&&i.current(),i.current=l.subscribe(`fieldStates.${t}`,()=>{A(a({name:`fieldStates.${t}`}))})),Reflect.get(T,p,V)}})},Oe=({name:o,control:t,defaultValue:c,render:l=({ref:u,name:b,defaultValue:a,value:h,onChange:i,onBlur:E,fieldState:f})=>null})=>{const u=me({name:o,defaultValue:c,control:t});return l(u)},je=()=>{const[o,t]=s.useState(),c=s.useCallback(()=>t(new Date().toString()),[]);return[o,c]},Pe=()=>{const[,o]=s.useState({});return s.useCallback(()=>o({}),[])},Ne=({channels:o,getWatchValue:t})=>{const c=Pe(),l=s.useCallback(a=>{if(!a)return o.subscribeWatch("values",()=>c()),t();if(typeof a=="string"){const h=W(a);o.subscribeWatch(h,(i,E)=>{i!==E&&c()})}return Array.isArray(a)&&a.forEach(h=>{const i=W(h);o.subscribeWatch(i,(E,f)=>{E!==f&&c()})}),t({name:a})},[]),u=s.useCallback(({name:a,compute:h,setValue:i})=>{if(typeof h=="function")return o.subscribe("values",()=>{const f=t({compute:h});i(f)});if(!a)return o.subscribe("values",()=>{i(t())});if(typeof a=="string"){const E=W(a);return o.subscribe(E,()=>{const R=t({name:a});i(R)})}if(Array.isArray(a)){const E=[];return a.forEach(f=>{const R=W(f),k=o.subscribe(R,()=>{const A=t({name:a});i(A)});E.push(k)}),()=>E.forEach(f=>f())}throw new Error("Parameters of name must be string or array of string or compute must be a function")},[]),b=s.useCallback((a,h)=>{if(!a)return o.subscribe("values",()=>h(t()));if(["onChange","onBlur"].includes(a))return o.subscribe(a,h);if(typeof a=="string"){const i=W(a);return o.subscribe(i,()=>h(t({name:a})))}if(Array.isArray(a)){const i=[];return a.forEach(E=>{const f=W(E),R=o.subscribe(f,()=>{h(t({name:a}))});i.push(R)}),()=>i.forEach(E=>E())}throw new Error("Parameters of name must be string or array of string")},[]);return{watch:l,registerHookWatcher:u,getWatchValue:t,subscribe:b}},De=({getWatchValue:o})=>{const t=s.useRef(new Map),c=s.useRef(new Map),l=s.useCallback(()=>c.current,[]),u=s.useCallback(()=>t.current,[]),b=s.useCallback(()=>{t.current.clear(),c.current.clear()},[]),a=s.useCallback((f,...R)=>{const k=t.current.get(f),A=c.current.get(f);k&&k.forEach(C=>C(...R)),A&&A.forEach(C=>C(...R)),t.current.forEach((C,S)=>{if(S!==f&&f.startsWith(S)){const T=o({name:S.replace("values.","").replace("values","")});C.forEach(p=>p(M(T,f.replace(`${S}.`,""),R[0])))}}),c.current.forEach((C,S)=>{if(S!==f&&f.startsWith(S)){const T=o({name:S.replace("values.","").replace("values","")});C.forEach(p=>p(M(T,f.replace(`${S}.`,""),R[0])))}})},[]),h=s.useCallback(f=>{t.current.forEach((R,k)=>{k.startsWith(f)&&R.forEach(A=>A(o({name:k.replace("values.","").replace("values","")})))}),c.current.forEach((R,k)=>{k.startsWith(f)&&R.forEach(A=>A(o({name:k.replace("values.","").replace("values","")})))})},[]),i=s.useCallback((f,R)=>(t.current.has(f)||t.current.set(f,new Set),t.current.get(f).add(R),()=>{var k;return(k=t.current.get(f))==null?void 0:k.delete(R)}),[]),E=s.useCallback((f,R)=>{c.current.has(f)||(c.current.set(f,new Set),c.current.get(f).add(R))},[]);return{reset:b,publish:a,subscribe:i,subscribeWatch:E,getEvents:u,getWatchEvents:l,trigger:h}},Re=(o,t={},c="")=>!!Object.keys(t).find(l=>{const u=t[l];return G(o,c+l)?Re(o,u,c+l+"."):!!u.isDirty}),K=(o,t={},c="")=>!!Object.keys(t).find(l=>{const u=t[l];return G(o,c+l)?K(o,u,c+l+"."):!!u}),Se=(o,t={},c="")=>Object.keys(t).reduce((l,u)=>{const b=t[u];return G(o,c+u)?[...l,...Se(o,b,c+u+".")]:b.isDirty?[...l,c+u]:l},[]),Ce=(o,t={},c="")=>Object.keys(t).reduce((l,u)=>{const b=t[u];return G(o,c+u)?[...l,...Ce(o,b,c+u+".")]:b.isTouched?[...l,c+u]:l},[]),ye=(o,t={},c="")=>Object.keys(t).reduce((l,u)=>{const b=t[u];return G(o,c+u)?[...l,...ye(o,b,c+u+".")]:b?[...l,c+u]:l},[]),Ve=({defaultValues:o=Te,shouldUnRegister:t=!1}={})=>{const[c,l]=je(),u=s.useRef(),b=s.useRef(new Map),a=s.useRef({}),h=s.useRef({}),i=s.useRef({...ge}),E=s.useRef({...o}),f=s.useRef({...o}),R=s.useCallback((r,n=f.current)=>Object.keys(n).reduce((d,g)=>{if(typeof n[g]=="object")return{...d,[g]:R(r,n[g])};const O={...r?{}:h.current[g]||{},...se};return{...d,[g]:O}},{}),[]),k=s.useCallback((r={},{clearCustomFormStates:n=!1,clearCustomFieldStates:d=!1}={})=>{f.current={...f.current,...r},E.current={...f.current},b.current.forEach((g,O)=>{g(w(f.current,O)??"")}),a.current={},i.current={...n?{}:i.current,...ge},b.current=new Map,v.reset(),h.current=R(d),l()},[]),A=s.useCallback(()=>{let r=Object.fromEntries(new FormData(u.current));b.current.forEach((d,g)=>{r=M(r,g,w(E.current,g))});let n={...E.current,...r};return Object.keys(n).forEach(d=>{if(d.includes(".")){const g=w(n,d);n=M(n,d,g||""),delete n[d]}}),n},[]),C=s.useCallback(r=>he(r.target),[]),S=s.useCallback(()=>f.current,[]),T=s.useCallback(()=>b.current,[]),p=s.useCallback((r,n)=>n?Array.isArray(n)?n.reduce((d,g)=>({...d,[g]:w(r,g)}),{}):w(r,n):{...r},[]),V=s.useCallback(r=>p(E.current,r),[p]),I=s.useCallback(r=>p(a.current,r),[p]),B=s.useCallback(r=>p(h.current,r),[p]),q=s.useCallback(r=>p({...i.current,lastReset:c},r),[c]),L=s.useCallback(({name:r,compute:n}={})=>{if(!r&&!n||r==="values")return V();if(typeof n=="function")return n(V());if(Array.isArray(r)){const d={};return r.forEach(g=>{d[g]=L({name:g})}),d}return w({...E.current,errors:a.current,fieldStates:h.current,formState:q()},r)},[]),v=De({getWatchValue:L}),{watch:H,registerHookWatcher:oe,subscribe:ce}=Ne({getWatchValue:L,channels:v}),X=s.useCallback((r,n)=>{const d=i.current,g=w(d,r);g!==n&&(i.current=M(i.current,r,n),v.publish(`formState.${r}`,n,g))},[]),P=s.useCallback((r,n,d)=>{try{const g=w(h.current,r)||{...se},O=w(g,n);if(O!==d){if(h.current=M(h.current,`${r}.${n}`,d),v.publish(`fieldStates.${r}.${n}`,d,O),n==="error"){const j=ye(E.current,a.current);i.current.errorFields=j,v.publish("formState.errorFields",j)}if(n==="isDirty"){const j=Se(E.current,h.current);i.current.dirtyFields=j,v.publish("formState.dirtyFields",j)}if(n==="isTouched"){const j=Ce(E.current,h.current);i.current.touchedFields=j,v.publish("formState.touchedFields",j)}}}catch(g){console.log(g)}},[]),ae=s.useCallback(r=>{P(r,"isDirty",!1),P(r,"isTouched",!1),P(r,"error",null)},[]),U=s.useCallback((r,n)=>{try{const d=w(a.current,r);if(d===n)return;a.current=M(a.current,r,n),v.publish(`errors.${r}`,n,d),P(r,"error",n);const g=K(E.current,a.current);if(i.current.isError!==g){const O=i.current.isError;i.current.isError=g,v.publish("formState.isError",g,O)}}catch(d){console.error(d)}},[]),Y=s.useCallback(r=>{try{const n=w(a.current,r);if(!n)return;a.current=M(a.current,r,null),v.publish(`errors.${r}`,null,n),P(r,"error",null);const d=K(E.current,a.current);if(i.current.isError!==d){const g=i.current.isError;i.current.isError=d,v.publish("formState.isError",d,g)}}catch(n){console.error(n)}},[]),$=s.useCallback(()=>{if(!i.current.isError)return;Object.keys(a.current).forEach(n=>Y(n)),a.current={};const r=K(E.current,a.current);if(i.current.isError!==r){const n=i.current.isError;i.current.isError=r,v.publish("formState.isError",r,n)}},[]),ee=s.useCallback(r=>{const n=he(r.target);n?U(r.target.name,n):Y(r.target.name)},[]),re=s.useCallback((r,n,{shouldDirty:d=!0,shouldOnChange:g=!0}={})=>{const O=w(E.current,r);if(n===O)return;if(P(r,"isTouched",!0),d){const le=n!==(w(f.current,r)||"");P(r,"isDirty",le)}E.current=M(E.current,r,n),v.publish(`values.${r}`,n,O);const j=b.current.get(r);j&&j(n),g&&v.publish("onChange",r,n,E.current);const ue=Re(E.current,h.current);if(i.current.isDirty!==ue){const le=i.current.isDirty;i.current.isDirty=ue,v.publish("formState.isDirty",ue,le)}},[]),te=s.useCallback((r,n)=>(b.current.set(r,n),h.current=M(h.current,r,{...se}),()=>{t&&b.current.delete(r)}),[]),e=s.useCallback((r,{keepError:n,keepDirty:d,keepTouched:g,defaultValue:O})=>{const j=b.current.get(r);if(!j)throw new Error(`Cannot reset "${r}" because it's uncontrolled field`);f.current[r]=O,E.current[r]=O,j&&j(O),n||Y(r),d||P(r,"isDirty",!1),g||P(r,"isTouched",!1)},[]),m=s.useCallback(r=>{if(!r)return v.trigger("values");if(!Array.isArray(r)){const n=W(r);v.trigger(n);return}r.forEach(n=>{const d=W(n);v.trigger(d)})},[]),y=s.useCallback((r,n=_.getValues(r))=>{v.publish("onBlur",r,n,_.getValues())},[]),_=s.useMemo(()=>({subscribe:ce,reset:k,trigger:m,reload:l,resetField:e,setValue:re,getValues:V,getErrors:I,getFieldStates:B,getFormState:q,setError:U,clearError:Y,clearErrors:$,checkValidity:ee,getFieldValidity:C,getDefaultValues:S,setFieldState:P,triggerFieldBlur:y,resetFieldState:ae,getControlledFields:T,setFormState:X,getEvents:v.getEvents,getWatchEvents:v.getWatchEvents}),[c]),x=s.useCallback(()=>{[...u.current.querySelectorAll("[name]")].forEach(d=>{const g=d.name;!d.defaultValue&&!b.current.has(g)&&w(f.current,g)&&(d.defaultValue=w(f.current,g))});const n=A();E.current={...n},f.current={...n}},[]),D=s.useMemo(()=>({ref:u,watch:H,actions:_,initForm:x,registerController:te,registerHookWatcher:oe,lastReloadedAt:c,loadFormValues:A,getWatchValue:L,channels:v}),[c]),Z=s.useMemo(()=>({control:D,actions:_,watch:H}),[c]);return s.useLayoutEffect(()=>{u.current&&x()},[c]),s.useLayoutEffect(()=>{h.current=R(!1)},[]),Z};N.Controller=Oe,N.Form=pe,N.useController=me,N.useForm=Ve,N.useFormContext=ne,N.useWatch=Ae,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
|