react-simple-formkit 1.3.4 → 1.3.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.
|
@@ -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 Z;function
|
|
9
|
+
*/var Z;function se(){if(Z)return I;Z=1;var s=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function o(l,u,i){var E=null;if(i!==void 0&&(E=""+i),u.key!==void 0&&(E=""+u.key),"key"in u){i={};for(var d in u)d!=="key"&&(i[d]=u[d])}else i=u;return u=i.ref,{$$typeof:s,type:l,key:E,ref:u!==void 0?u:null,props:i}}return I.Fragment=n,I.jsx=o,I.jsxs=o,I}var $={};/**
|
|
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 Q;function
|
|
17
|
+
*/var Q;function oe(){return Q||(Q=1,process.env.NODE_ENV!=="production"&&function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===j?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case V:return"Profiler";case A:return"StrictMode";case G:return"Suspense";case W:return"SuspenseList";case U: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 g:return"Portal";case M:return(e.displayName||"Context")+".Provider";case y:return(e._context.displayName||"Context")+".Consumer";case L:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case q:return r=e.displayName||null,r!==null?r:s(e.type)||"Memo";case O:r=e._payload,e=e._init;try{return s(e(r))}catch{}}return null}function n(e){return""+e}function o(e){try{n(e);var r=!1}catch{r=!0}if(r){r=console;var c=r.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),n(e)}}function l(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var r=s(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=F.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function E(e){if(D.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function d(e,r){function c(){J||(J=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}function b(){var e=s(this.type);return t[e]||(t[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 v(e,r,c,k,C,w,X,B){return c=w.ref,e={$$typeof:N,type:e,key:r,props:w,_owner:C},(c!==void 0?c:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:b}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:X}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function p(e,r,c,k,C,w,X,B){var _=r.children;if(_!==void 0)if(k)if(Y(_)){for(k=0;k<_.length;k++)m(_[k]);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 m(_);if(D.call(r,"key")){_=s(e);var x=Object.keys(r).filter(function(ae){return ae!=="key"});k=0<x.length?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}",S[_+k]||(x=0<x.length?"{"+x.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} />`,k,_,x,_),S[_+k]=!0)}if(_=null,c!==void 0&&(
|
|
22
|
+
<%s key={someKey} {...props} />`,k,_,x,_),S[_+k]=!0)}if(_=null,c!==void 0&&(o(c),_=""+c),E(r)&&(o(r.key),_=""+r.key),"key"in r){c={};for(var H in r)H!=="key"&&(c[H]=r[H])}else c=r;return _&&d(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),v(e,_,w,C,u(),c,X,B)}function m(e){typeof e=="object"&&e!==null&&e.$$typeof===N&&e._store&&(e._store.validated=1)}var T=a,N=Symbol.for("react.transitional.element"),g=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),A=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),M=Symbol.for("react.context"),L=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),W=Symbol.for("react.suspense_list"),q=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),U=Symbol.for("react.activity"),j=Symbol.for("react.client.reference"),F=T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,D=Object.prototype.hasOwnProperty,Y=Array.isArray,P=console.createTask?console.createTask:function(){return null};T={"react-stack-bottom-frame":function(e){return e()}};var J,t={},f=T["react-stack-bottom-frame"].bind(T,i)(),R=P(l(i)),S={};$.Fragment=h,$.jsx=function(e,r,c,k,C){var w=1e4>F.recentlyCreatedOwnerStacks++;return p(e,r,c,!1,k,C,w?Error("react-stack-top-frame"):f,w?P(l(e)):R)},$.jsxs=function(e,r,c,k,C){var w=1e4>F.recentlyCreatedOwnerStacks++;return p(e,r,c,!0,k,C,w?Error("react-stack-top-frame"):f,w?P(l(e)):R)}}()),$}var K;function ce(){return K||(K=1,process.env.NODE_ENV==="production"?z.exports=se():z.exports=oe()),z.exports}var ee=ce();const te=a.createContext({}),ue=()=>a.useContext(te),le=({id:s,form:n,method:o,action:l,children:u,onSubmit:i=()=>{},onInput:E=()=>{},onChange:d=()=>{},numberFields:b=[],className:v,...p})=>(a.useEffect(()=>n.actions.registerOnchange(d),[d]),ee.jsx(te.Provider,{value:n,children:ee.jsx("form",{id:s,ref:n==null?void 0:n.ref,action:l,method:o,className:v,onSubmit:m=>{o||m.preventDefault();const T=n.actions.loadFormValues();i(T)},onInput:m=>{if(m.target.tagName==="FORM"){const T=n.actions.loadFormValues();n.actions.setFormState(T)}else E(m)},onChange:()=>{const m=n.actions.loadFormValues();n.actions.setFormState(m)},onReset:m=>{n&&(m.preventDefault(),n.actions.reset())},...p,children:u},n==null?void 0:n.lastReloadedAt)})),ie=({name:s,render:n=({ref:o,name:l,defaultValue:u,value:i,setValue:E})=>null})=>{const o=a.useRef(),l=ue(),u=l.actions.getDefaultValues()[s],[i,E]=a.useState(u),d=a.useCallback((b,{shouldDirty:v=!0}={})=>{l.actions.setFormState(p=>({...p,[s]:b}),{shouldDirty:v}),E(b)},[E,l.actions.setFormState]);return a.useEffect(()=>l.subscribe(s,(v,{shouldDirty:p=!0,shouldOnChange:m=!0}={})=>{E(v),l.actions.setFormState(T=>({...T,[s]:v}),{shouldDirty:p,shouldOnChange:m}),o.current&&typeof o.current.dispatchEvent=="function"&&m&&o.current.dispatchEvent(new Event("change"))}),[]),n({ref:o,name:s,defaultValue:u,value:i,setValue:d})},fe=(s,n)=>{let o=!1;return Object.keys(n).forEach(l=>{if(!(l in s)||o)return;const u=n[l],i=s[l];(typeof u=="object"||u!==i)&&(o=!0)}),o},re=s=>(typeof s.setCustomValidity=="function"&&s.setCustomValidity(""),!s||typeof s.checkValidity!="function"||s.checkValidity()?null:s.validationMessage),ne=()=>{const[s,n]=a.useState({}),o=a.useMemo(()=>Object.values(s).filter(Boolean).length>0,[s]),l=a.useCallback((d,b)=>{n(v=>v[d]===b?v:{...v,[d]:b})},[]),u=a.useCallback(d=>{n(b=>({...b,...d}))},[]),i=a.useCallback(d=>{n(b=>b[d]?{...b,[d]:""}:b)},[]),E=a.useCallback(()=>{n({})},[]);return{isError:o,errors:s,changeError:l,changeErrors:u,clearError:i,clearErrors:E}},de=()=>{const[s,n]=a.useState(),o=a.useCallback(()=>n(new Date().toString()),[]);return[s,o]},be=()=>{const[,s]=a.useState({});return a.useCallback(()=>s({}),[])},Ee=[],me=({numberFields:s=Ee,defaultValues:n={}}={})=>{const{changeError:o,errors:l,changeErrors:u,clearError:i,clearErrors:E,isError:d}=ne(),[b,v]=a.useState(!1),[p,m]=de(),T=be(),N=a.useRef(new Set),g=a.useRef(n),h=a.useRef(n),A=a.useRef({}),V=a.useRef(()=>{}),y=a.useRef(),M=a.useCallback((t,{shouldDirty:f=!0,shouldOnChange:R=!0}={})=>{let S=t;typeof t=="function"&&(S=t(g.current)),[...N.current].forEach(c=>{g.current[c]!==S[c]&&T()}),g.current=S;let r=b;f&&(r=fe(g.current,h.current),r!==b&&v(r)),R&&V.current(g.current)},[b]),L=a.useCallback(()=>{v(!1),E();const t=A.current;Object.keys(t).forEach(f=>{const R=t[f];R(h.current[f],{shouldDirty:!1,shouldOnChange:!1})}),y.current&&y.current.reset(),m()},[E]),G=a.useCallback((t,f)=>{const R=A.current;return R[t]=f,()=>{delete R[t],delete g.current[t],delete h.current[t]}},[]),W=a.useCallback(t=>(V.current=t,()=>V.current=()=>{})),q=a.useCallback(t=>re(t.target),[]),O=a.useCallback(t=>t?g.current[t]:g.current,[]),U=a.useCallback(()=>h.current,[]),j=a.useCallback(()=>{setTimeout(()=>y.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),F=a.useCallback(t=>{const f=re(t.target);f?o(t.target.name,f):o(t.target.name,null)},[o]),D=a.useCallback((t,f,{shouldDirty:R=!0,shouldOnChange:S=!0}={})=>{const e=A.current;switch(typeof t){case"string":{const r=e[t];if(!r)throw new Error(`${t} is uncontrolled, please use Controller for it!`);r(f,{shouldDirty:R,shouldOnChange:S}),S&&j()}break;case"object":Object.entries(t).forEach(([r,c])=>{const k=e[r];if(!k)throw new Error(`${r} is uncontrolled, please use Controller for it!`);k(c,{shouldDirty:R,shouldOnChange:S})}),S&&j();default:return}},[j]),Y=a.useCallback(()=>{const t=Object.fromEntries(new FormData(y.current)),f=A.current;return Object.keys(f).map(R=>{t[R]=g.current[R]}),s.forEach(R=>t.hasOwnProperty(R)&&(t[R]=+t[R])),t},[]),P=t=>(N.current.add(t),t==="data"?O():O()[t]),J=a.useMemo(()=>({setValue:D,instantChange:j,getDefaultValues:U,getFormState:O,setFormState:M,changeError:o,changeErrors:u,clearError:i,clearErrors:E,loadFormValues:Y,checkValidity:F,getFieldValidity:q,registerOnchange:W,reload:m,reset:L,watch:P}),[D,j,U,O,M,o,u,i,Y,q,F,W,m,L,P]);return a.useEffect(()=>{if(y.current){const t=Y();h.current=t,g.current=t}return()=>{h.current=n,g.current=n,v(!1),E()}},[p]),a.useLayoutEffect(()=>{y.current&&[...y.current.querySelectorAll("[name]")].forEach(f=>{!f.defaultValue&&n[f.name]&&(f.defaultValue=n[f.name])})},[p]),{ref:y,lastReloadedAt:p,isDirty:b,isError:d,errors:l,numberFields:s,subscribe:G,actions:J}};exports.Controller=ie;exports.Form=le;exports.useForm=me;exports.useValidateForm=ne;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import ue, { createContext as le, useContext as ie, useEffect as K, useRef as x, useState as L, useCallback as p, useMemo as ae, useLayoutEffect as fe } from "react";
|
|
2
2
|
var X = { exports: {} }, $ = {};
|
|
3
3
|
/**
|
|
4
4
|
* @license React
|
|
@@ -197,8 +197,8 @@ function Ee() {
|
|
|
197
197
|
else b(v);
|
|
198
198
|
if (Y.call(r, "key")) {
|
|
199
199
|
v = o(e);
|
|
200
|
-
var N = Object.keys(r).filter(function(
|
|
201
|
-
return
|
|
200
|
+
var N = Object.keys(r).filter(function(ce) {
|
|
201
|
+
return ce !== "key";
|
|
202
202
|
});
|
|
203
203
|
R = 0 < N.length ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}", S[v + R] || (N = 0 < N.length ? "{" + N.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
204
204
|
`A props object containing a "key" prop is being spread into JSX:
|
|
@@ -235,7 +235,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
235
235
|
function b(e) {
|
|
236
236
|
typeof e == "object" && e !== null && e.$$typeof === D && e._store && (e._store.validated = 1);
|
|
237
237
|
}
|
|
238
|
-
var h =
|
|
238
|
+
var h = ue, D = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), F = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), W = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), j = Symbol.for("react.client.reference"), P = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, I = Array.isArray, C = console.createTask ? console.createTask : function() {
|
|
239
239
|
return null;
|
|
240
240
|
};
|
|
241
241
|
h = {
|
|
@@ -279,7 +279,7 @@ function be() {
|
|
|
279
279
|
return te || (te = 1, process.env.NODE_ENV === "production" ? X.exports = de() : X.exports = Ee()), X.exports;
|
|
280
280
|
}
|
|
281
281
|
var ne = be();
|
|
282
|
-
const
|
|
282
|
+
const se = le({}), me = () => ie(se), he = ({
|
|
283
283
|
id: o,
|
|
284
284
|
form: n,
|
|
285
285
|
method: a,
|
|
@@ -294,7 +294,7 @@ const ce = ie({}), me = () => fe(ce), he = ({
|
|
|
294
294
|
numberFields: d = [],
|
|
295
295
|
className: _,
|
|
296
296
|
...T
|
|
297
|
-
}) => (
|
|
297
|
+
}) => (K(() => n.actions.registerOnchange(f), [f]), /* @__PURE__ */ ne.jsx(se.Provider, { value: n, children: /* @__PURE__ */ ne.jsx(
|
|
298
298
|
"form",
|
|
299
299
|
{
|
|
300
300
|
id: o,
|
|
@@ -332,7 +332,7 @@ const ce = ie({}), me = () => fe(ce), he = ({
|
|
|
332
332
|
},
|
|
333
333
|
[E, u.actions.setFormState]
|
|
334
334
|
);
|
|
335
|
-
return
|
|
335
|
+
return K(() => u.subscribe(o, (_, { shouldDirty: T = !0, shouldOnChange: b = !0 } = {}) => {
|
|
336
336
|
E(_), u.actions.setFormState((h) => ({ ...h, [o]: _ }), { shouldDirty: T, shouldOnChange: b }), a.current && typeof a.current.dispatchEvent == "function" && b && a.current.dispatchEvent(new Event("change"));
|
|
337
337
|
}), []), n({ ref: a, name: o, defaultValue: c, value: l, setValue: f });
|
|
338
338
|
}, Re = (o, n) => {
|
|
@@ -343,7 +343,7 @@ const ce = ie({}), me = () => fe(ce), he = ({
|
|
|
343
343
|
(typeof c == "object" || c !== l) && (a = !0);
|
|
344
344
|
}), a;
|
|
345
345
|
}, oe = (o) => (typeof o.setCustomValidity == "function" && o.setCustomValidity(""), !o || typeof o.checkValidity != "function" || o.checkValidity() ? null : o.validationMessage), pe = () => {
|
|
346
|
-
const [o, n] = L({}), a =
|
|
346
|
+
const [o, n] = L({}), a = ae(() => Object.values(o).filter(Boolean).length > 0, [o]), u = p((f, d) => {
|
|
347
347
|
n((_) => _[f] === d ? _ : { ..._, [f]: d });
|
|
348
348
|
}, []), c = p((f) => {
|
|
349
349
|
n((d) => ({ ...d, ...f }));
|
|
@@ -421,7 +421,7 @@ const ce = ie({}), me = () => fe(ce), he = ({
|
|
|
421
421
|
return Object.keys(i).map((m) => {
|
|
422
422
|
t[m] = g.current[m];
|
|
423
423
|
}), o.forEach((m) => t.hasOwnProperty(m) && (t[m] = +t[m])), t;
|
|
424
|
-
}, []), C = (t) => (D.current.add(t), t === "data" ? A() : A()[t]), G =
|
|
424
|
+
}, []), C = (t) => (D.current.add(t), t === "data" ? A() : A()[t]), G = ae(
|
|
425
425
|
() => ({
|
|
426
426
|
setValue: Y,
|
|
427
427
|
instantChange: j,
|
|
@@ -466,7 +466,7 @@ const ce = ie({}), me = () => fe(ce), he = ({
|
|
|
466
466
|
return () => {
|
|
467
467
|
k.current = n, g.current = n, _(!1), E();
|
|
468
468
|
};
|
|
469
|
-
}, [T]),
|
|
469
|
+
}, [T]), fe(() => {
|
|
470
470
|
w.current && [...w.current.querySelectorAll("[name]")].forEach((i) => {
|
|
471
471
|
!i.defaultValue && n[i.name] && (i.defaultValue = n[i.name]);
|
|
472
472
|
});
|
|
@@ -19,4 +19,4 @@
|
|
|
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} />`,k,v,N,v),g[v+k]=!0)}if(v=null,c!==void 0&&(s(c),v=""+c),E(t)&&(s(t.key),v=""+t.key),"key"in t){c={};for(var K in t)K!=="key"&&(c[K]=t[K])}else c=t;return v&&d(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),p(e,v,C,O,u(),c,Z,Q)}function m(e){typeof e=="object"&&e!==null&&e.$$typeof===Y&&e._store&&(e._store.validated=1)}var h=n,Y=Symbol.for("react.transitional.element"),T=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),F=Symbol.for("react.strict_mode"),I=Symbol.for("react.profiler"),w=Symbol.for("react.consumer"),U=Symbol.for("react.context"),J=Symbol.for("react.forward_ref"),H=Symbol.for("react.suspense"),z=Symbol.for("react.suspense_list"),G=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),X=Symbol.for("react.activity"),A=Symbol.for("react.client.reference"),P=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,L=Array.isArray,x=console.createTask?console.createTask:function(){return null};h={"react-stack-bottom-frame":function(e){return e()}};var B,r={},f=h["react-stack-bottom-frame"].bind(h,i)(),R=x(l(i)),g={};D.Fragment=y,D.jsx=function(e,t,c,k,O){var C=1e4>P.recentlyCreatedOwnerStacks++;return _(e,t,c,!1,k,O,C?Error("react-stack-top-frame"):f,C?x(l(e)):R)},D.jsxs=function(e,t,c,k,O){var C=1e4>P.recentlyCreatedOwnerStacks++;return _(e,t,c,!0,k,O,C?Error("react-stack-top-frame"):f,C?x(l(e)):R)}}()),D}var ee;function ce(){return ee||(ee=1,process.env.NODE_ENV==="production"?W.exports=oe():W.exports=se()),W.exports}var te=ce();const re=n.createContext({}),ue=()=>n.useContext(re),le=({id:o,form:a,method:s,action:l,children:u,onSubmit:i=()=>{},onInput:E=()=>{},onChange:d=()=>{},numberFields:b=[],className:p,..._})=>(n.useEffect(()=>a.actions.registerOnchange(d),[d]),te.jsx(re.Provider,{value:a,children:te.jsx("form",{id:o,ref:a==null?void 0:a.ref,action:l,method:s,className:p,onSubmit:m=>{s||m.preventDefault();const h=a.actions.loadFormValues();i(h)},onInput:m=>{if(m.target.tagName==="FORM"){const h=a.actions.loadFormValues();a.actions.setFormState(h)}else E(m)},onChange:()=>{const m=a.actions.loadFormValues();a.actions.setFormState(m)},onReset:m=>{a&&(m.preventDefault(),a.actions.reset())},..._,children:u},a==null?void 0:a.lastReloadedAt)})),ie=({name:o,render:a=({ref:s,name:l,defaultValue:u,value:i,setValue:E})=>null})=>{const s=n.useRef(),l=ue(),u=l.actions.getDefaultValues()[o],[i,E]=n.useState(u),d=n.useCallback((b,{shouldDirty:p=!0}={})=>{l.actions.setFormState(_=>({..._,[o]:b}),{shouldDirty:p}),E(b)},[E,l.actions.setFormState]);return n.useEffect(()=>l.subscribe(o,(p,{shouldDirty:_=!0,shouldOnChange:m=!0}={})=>{E(p),l.actions.setFormState(h=>({...h,[o]:p}),{shouldDirty:_,shouldOnChange:m}),s.current&&typeof s.current.dispatchEvent=="function"&&m&&s.current.dispatchEvent(new Event("change"))}),[]),a({ref:s,name:o,defaultValue:u,value:i,setValue:d})},fe=(o,a)=>{let s=!1;return Object.keys(a).forEach(l=>{if(!(l in o)||s)return;const u=a[l],i=o[l];(typeof u=="object"||u!==i)&&(s=!0)}),s},ne=o=>(typeof o.setCustomValidity=="function"&&o.setCustomValidity(""),!o||typeof o.checkValidity!="function"||o.checkValidity()?null:o.validationMessage),ae=()=>{const[o,a]=n.useState({}),s=n.useMemo(()=>Object.values(o).filter(Boolean).length>0,[o]),l=n.useCallback((d,b)=>{a(p=>p[d]===b?p:{...p,[d]:b})},[]),u=n.useCallback(d=>{a(b=>({...b,...d}))},[]),i=n.useCallback(d=>{a(b=>b[d]?{...b,[d]:""}:b)},[]),E=n.useCallback(()=>{a({})},[]);return{isError:s,errors:o,changeError:l,changeErrors:u,clearError:i,clearErrors:E}},de=()=>{const[o,a]=n.useState(),s=n.useCallback(()=>a(new Date().toString()),[]);return[o,s]},be=()=>{const[,o]=n.useState({});return n.useCallback(()=>o({}),[])},Ee=[],me=({numberFields:o=Ee,defaultValues:a={}}={})=>{const{changeError:s,errors:l,changeErrors:u,clearError:i,clearErrors:E,isError:d}=ae(),[b,p]=n.useState(!1),[_,m]=de(),h=be(),Y=n.useRef(new Set),T=n.useRef(a),y=n.useRef(a),F=n.useRef({}),I=n.useRef(()=>{}),w=n.useRef(),U=n.useCallback((r,{shouldDirty:f=!0,shouldOnChange:R=!0}={})=>{let g=r;typeof r=="function"&&(g=r(T.current)),[...Y.current].forEach(c=>{T.current[c]!==g[c]&&h()}),T.current=g;let t=b;f&&(t=fe(T.current,y.current),t!==b&&p(t)),R&&I.current(T.current)},[b]),J=n.useCallback(()=>{p(!1),E();const r=F.current;Object.keys(r).forEach(f=>{const R=r[f];R(y.current[f],{shouldDirty:!1,shouldOnChange:!1})}),w.current&&w.current.reset(),m()},[E]),H=n.useCallback((r,f)=>{const R=F.current;return R[r]=f,()=>{delete R[r],delete T.current[r],delete y.current[r]}},[]),z=n.useCallback(r=>(I.current=r,()=>I.current=()=>{})),G=n.useCallback(r=>ne(r.target),[]),j=n.useCallback(r=>r?T.current[r]:T.current,[]),X=n.useCallback(()=>y.current,[]),A=n.useCallback(()=>{setTimeout(()=>w.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),P=n.useCallback(r=>{const f=ne(r.target);f?s(r.target.name,f):s(r.target.name,null)},[s]),M=n.useCallback((r,f,{shouldDirty:R=!0,shouldOnChange:g=!0}={})=>{const e=F.current;switch(typeof r){case"string":{const t=e[r];if(!t)throw new Error(`${r} is uncontrolled, please use Controller for it!`);t(f,{shouldDirty:R,shouldOnChange:g}),g&&A()}break;case"object":Object.entries(r).forEach(([t,c])=>{const k=e[t];if(!k)throw new Error(`${t} is uncontrolled, please use Controller for it!`);k(c,{shouldDirty:R,shouldOnChange:g})}),g&&A();default:return}},[A]),L=n.useCallback(()=>{const r=Object.fromEntries(new FormData(w.current)),f=F.current;return Object.keys(f).map(R=>{r[R]=T.current[R]}),o.forEach(R=>r.hasOwnProperty(R)&&(r[R]=+r[R])),r},[]),x=r=>(Y.current.add(r),r==="data"?j():j()[r]),B=n.useMemo(()=>({setValue:M,instantChange:A,getDefaultValues:X,getFormState:j,setFormState:U,changeError:s,changeErrors:u,clearError:i,clearErrors:E,loadFormValues:L,checkValidity:P,getFieldValidity:G,registerOnchange:z,reload:m,reset:J,watch:x}),[M,A,X,j,U,s,u,i,L,G,P,z,m,J,x]);return n.
|
|
22
|
+
<%s key={someKey} {...props} />`,k,v,N,v),g[v+k]=!0)}if(v=null,c!==void 0&&(s(c),v=""+c),E(t)&&(s(t.key),v=""+t.key),"key"in t){c={};for(var K in t)K!=="key"&&(c[K]=t[K])}else c=t;return v&&d(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),p(e,v,C,O,u(),c,Z,Q)}function m(e){typeof e=="object"&&e!==null&&e.$$typeof===Y&&e._store&&(e._store.validated=1)}var h=n,Y=Symbol.for("react.transitional.element"),T=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),F=Symbol.for("react.strict_mode"),I=Symbol.for("react.profiler"),w=Symbol.for("react.consumer"),U=Symbol.for("react.context"),J=Symbol.for("react.forward_ref"),H=Symbol.for("react.suspense"),z=Symbol.for("react.suspense_list"),G=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),X=Symbol.for("react.activity"),A=Symbol.for("react.client.reference"),P=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,L=Array.isArray,x=console.createTask?console.createTask:function(){return null};h={"react-stack-bottom-frame":function(e){return e()}};var B,r={},f=h["react-stack-bottom-frame"].bind(h,i)(),R=x(l(i)),g={};D.Fragment=y,D.jsx=function(e,t,c,k,O){var C=1e4>P.recentlyCreatedOwnerStacks++;return _(e,t,c,!1,k,O,C?Error("react-stack-top-frame"):f,C?x(l(e)):R)},D.jsxs=function(e,t,c,k,O){var C=1e4>P.recentlyCreatedOwnerStacks++;return _(e,t,c,!0,k,O,C?Error("react-stack-top-frame"):f,C?x(l(e)):R)}}()),D}var ee;function ce(){return ee||(ee=1,process.env.NODE_ENV==="production"?W.exports=oe():W.exports=se()),W.exports}var te=ce();const re=n.createContext({}),ue=()=>n.useContext(re),le=({id:o,form:a,method:s,action:l,children:u,onSubmit:i=()=>{},onInput:E=()=>{},onChange:d=()=>{},numberFields:b=[],className:p,..._})=>(n.useEffect(()=>a.actions.registerOnchange(d),[d]),te.jsx(re.Provider,{value:a,children:te.jsx("form",{id:o,ref:a==null?void 0:a.ref,action:l,method:s,className:p,onSubmit:m=>{s||m.preventDefault();const h=a.actions.loadFormValues();i(h)},onInput:m=>{if(m.target.tagName==="FORM"){const h=a.actions.loadFormValues();a.actions.setFormState(h)}else E(m)},onChange:()=>{const m=a.actions.loadFormValues();a.actions.setFormState(m)},onReset:m=>{a&&(m.preventDefault(),a.actions.reset())},..._,children:u},a==null?void 0:a.lastReloadedAt)})),ie=({name:o,render:a=({ref:s,name:l,defaultValue:u,value:i,setValue:E})=>null})=>{const s=n.useRef(),l=ue(),u=l.actions.getDefaultValues()[o],[i,E]=n.useState(u),d=n.useCallback((b,{shouldDirty:p=!0}={})=>{l.actions.setFormState(_=>({..._,[o]:b}),{shouldDirty:p}),E(b)},[E,l.actions.setFormState]);return n.useEffect(()=>l.subscribe(o,(p,{shouldDirty:_=!0,shouldOnChange:m=!0}={})=>{E(p),l.actions.setFormState(h=>({...h,[o]:p}),{shouldDirty:_,shouldOnChange:m}),s.current&&typeof s.current.dispatchEvent=="function"&&m&&s.current.dispatchEvent(new Event("change"))}),[]),a({ref:s,name:o,defaultValue:u,value:i,setValue:d})},fe=(o,a)=>{let s=!1;return Object.keys(a).forEach(l=>{if(!(l in o)||s)return;const u=a[l],i=o[l];(typeof u=="object"||u!==i)&&(s=!0)}),s},ne=o=>(typeof o.setCustomValidity=="function"&&o.setCustomValidity(""),!o||typeof o.checkValidity!="function"||o.checkValidity()?null:o.validationMessage),ae=()=>{const[o,a]=n.useState({}),s=n.useMemo(()=>Object.values(o).filter(Boolean).length>0,[o]),l=n.useCallback((d,b)=>{a(p=>p[d]===b?p:{...p,[d]:b})},[]),u=n.useCallback(d=>{a(b=>({...b,...d}))},[]),i=n.useCallback(d=>{a(b=>b[d]?{...b,[d]:""}:b)},[]),E=n.useCallback(()=>{a({})},[]);return{isError:s,errors:o,changeError:l,changeErrors:u,clearError:i,clearErrors:E}},de=()=>{const[o,a]=n.useState(),s=n.useCallback(()=>a(new Date().toString()),[]);return[o,s]},be=()=>{const[,o]=n.useState({});return n.useCallback(()=>o({}),[])},Ee=[],me=({numberFields:o=Ee,defaultValues:a={}}={})=>{const{changeError:s,errors:l,changeErrors:u,clearError:i,clearErrors:E,isError:d}=ae(),[b,p]=n.useState(!1),[_,m]=de(),h=be(),Y=n.useRef(new Set),T=n.useRef(a),y=n.useRef(a),F=n.useRef({}),I=n.useRef(()=>{}),w=n.useRef(),U=n.useCallback((r,{shouldDirty:f=!0,shouldOnChange:R=!0}={})=>{let g=r;typeof r=="function"&&(g=r(T.current)),[...Y.current].forEach(c=>{T.current[c]!==g[c]&&h()}),T.current=g;let t=b;f&&(t=fe(T.current,y.current),t!==b&&p(t)),R&&I.current(T.current)},[b]),J=n.useCallback(()=>{p(!1),E();const r=F.current;Object.keys(r).forEach(f=>{const R=r[f];R(y.current[f],{shouldDirty:!1,shouldOnChange:!1})}),w.current&&w.current.reset(),m()},[E]),H=n.useCallback((r,f)=>{const R=F.current;return R[r]=f,()=>{delete R[r],delete T.current[r],delete y.current[r]}},[]),z=n.useCallback(r=>(I.current=r,()=>I.current=()=>{})),G=n.useCallback(r=>ne(r.target),[]),j=n.useCallback(r=>r?T.current[r]:T.current,[]),X=n.useCallback(()=>y.current,[]),A=n.useCallback(()=>{setTimeout(()=>w.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),P=n.useCallback(r=>{const f=ne(r.target);f?s(r.target.name,f):s(r.target.name,null)},[s]),M=n.useCallback((r,f,{shouldDirty:R=!0,shouldOnChange:g=!0}={})=>{const e=F.current;switch(typeof r){case"string":{const t=e[r];if(!t)throw new Error(`${r} is uncontrolled, please use Controller for it!`);t(f,{shouldDirty:R,shouldOnChange:g}),g&&A()}break;case"object":Object.entries(r).forEach(([t,c])=>{const k=e[t];if(!k)throw new Error(`${t} is uncontrolled, please use Controller for it!`);k(c,{shouldDirty:R,shouldOnChange:g})}),g&&A();default:return}},[A]),L=n.useCallback(()=>{const r=Object.fromEntries(new FormData(w.current)),f=F.current;return Object.keys(f).map(R=>{r[R]=T.current[R]}),o.forEach(R=>r.hasOwnProperty(R)&&(r[R]=+r[R])),r},[]),x=r=>(Y.current.add(r),r==="data"?j():j()[r]),B=n.useMemo(()=>({setValue:M,instantChange:A,getDefaultValues:X,getFormState:j,setFormState:U,changeError:s,changeErrors:u,clearError:i,clearErrors:E,loadFormValues:L,checkValidity:P,getFieldValidity:G,registerOnchange:z,reload:m,reset:J,watch:x}),[M,A,X,j,U,s,u,i,L,G,P,z,m,J,x]);return n.useEffect(()=>{if(w.current){const r=L();y.current=r,T.current=r}return()=>{y.current=a,T.current=a,p(!1),E()}},[_]),n.useLayoutEffect(()=>{w.current&&[...w.current.querySelectorAll("[name]")].forEach(f=>{!f.defaultValue&&a[f.name]&&(f.defaultValue=a[f.name])})},[_]),{ref:w,lastReloadedAt:_,isDirty:b,isError:d,errors:l,numberFields:o,subscribe:H,actions:B}};S.Controller=ie,S.Form=le,S.useForm=me,S.useValidateForm=ae,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});
|