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