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