react-simple-formkit 1.0.7 → 1.0.8
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react");var z={exports:{}},D={};/**
|
|
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 K;function le(){if(K)return D;K=1;var o=Symbol.for("react.transitional.element"),
|
|
9
|
+
*/var K;function le(){if(K)return D;K=1;var o=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function b(f,c,s){var m=null;if(s!==void 0&&(m=""+s),c.key!==void 0&&(m=""+c.key),"key"in c){s={};for(var u in c)u!=="key"&&(s[u]=c[u])}else s=c;return c=s.ref,{$$typeof:o,type:f,key:m,ref:c!==void 0?c:null,props:s}}return D.Fragment=n,D.jsx=b,D.jsxs=b,D}var Y={};/**
|
|
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 ie(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===A?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case $:return"Profiler";case I:return"StrictMode";case W:return"Suspense";case U:return"SuspenseList";case q: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 x:return"Portal";case M:return(e.displayName||"Context")+".Provider";case G: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 F:return r=e.displayName||null,r!==null?r:o(e.type)||"Memo";case P:r=e._payload,e=e._init;try{return o(e(r))}catch{}}return null}function
|
|
17
|
+
*/var ee;function ie(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===A?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case $:return"Profiler";case I:return"StrictMode";case W:return"Suspense";case U:return"SuspenseList";case q: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 x:return"Portal";case M:return(e.displayName||"Context")+".Provider";case G: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 F:return r=e.displayName||null,r!==null?r:o(e.type)||"Memo";case P:r=e._payload,e=e._init;try{return o(e(r))}catch{}}return null}function n(e){return""+e}function b(e){try{n(e);var r=!1}catch{r=!0}if(r){r=console;var i=r.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.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 f(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===P)return"<...>";try{var r=o(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function c(){var e=N.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function m(e){if(t.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function u(e,r){function i(){g||(g=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function R(){var e=o(this.type);return O[e]||(O[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function E(e,r,i,k,C,S,X,B){return i=S.ref,e={$$typeof:j,type:e,key:r,props:S,_owner:C},(i!==void 0?i:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:R}):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 T(e,r,i,k,C,S,X,B){var v=r.children;if(v!==void 0)if(k)if(p(v)){for(k=0;k<v.length;k++)l(v[k]);Object.freeze&&Object.freeze(v)}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(v);if(t.call(r,"key")){v=o(e);var w=Object.keys(r).filter(function(ue){return ue!=="key"});k=0<w.length?"{key: someKey, "+w.join(": ..., ")+": ...}":"{key: someKey}",V[v+k]||(w=0<w.length?"{"+w.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,
|
|
22
|
+
<%s key={someKey} {...props} />`,k,v,w,v),V[v+k]=!0)}if(v=null,i!==void 0&&(b(i),v=""+i),m(r)&&(b(r.key),v=""+r.key),"key"in r){i={};for(var H in r)H!=="key"&&(i[H]=r[H])}else i=r;return v&&u(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),E(e,v,S,C,c(),i,X,B)}function l(e){typeof e=="object"&&e!==null&&e.$$typeof===j&&e._store&&(e._store.validated=1)}var _=a,j=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),$=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),M=Symbol.for("react.context"),L=Symbol.for("react.forward_ref"),W=Symbol.for("react.suspense"),U=Symbol.for("react.suspense_list"),F=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),q=Symbol.for("react.activity"),A=Symbol.for("react.client.reference"),N=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,t=Object.prototype.hasOwnProperty,p=Array.isArray,d=console.createTask?console.createTask:function(){return null};_={"react-stack-bottom-frame":function(e){return e()}};var g,O={},y=_["react-stack-bottom-frame"].bind(_,s)(),J=d(f(s)),V={};Y.Fragment=h,Y.jsx=function(e,r,i,k,C){var S=1e4>N.recentlyCreatedOwnerStacks++;return T(e,r,i,!1,k,C,S?Error("react-stack-top-frame"):y,S?d(f(e)):J)},Y.jsxs=function(e,r,i,k,C){var S=1e4>N.recentlyCreatedOwnerStacks++;return T(e,r,i,!0,k,C,S?Error("react-stack-top-frame"):y,S?d(f(e)):J)}}()),Y}var re;function fe(){return re||(re=1,process.env.NODE_ENV==="production"?z.exports=le():z.exports=ie()),z.exports}var te=fe();const ae=a.createContext({}),de=()=>a.useContext(ae),be=(o,n)=>{let b=!1;return Object.keys(n).forEach(f=>{if(!(f in o)||b)return;const c=n[f],s=o[f];(typeof c=="object"||c!==s)&&(b=!0)}),b},ne=o=>{var n;return!o||typeof o.checkValidity!="function"||o.checkValidity()||(n=o.validity)!=null&&n.customError?null:o.validationMessage},oe=({id:o,form:n,method:b,action:f,children:c,onSubmit:s=()=>{},onInput:m=()=>{},onChange:u=()=>{},numberFields:R=[],className:E,...T})=>(a.useEffect(()=>n.actions.registerOnchange(u),[u]),te.jsx(ae.Provider,{value:n,children:te.jsx("form",{ref:n==null?void 0:n.ref,action:f,className:E,onSubmit:l=>{b||l.preventDefault();const _=n.actions.loadFormValues();s(_)},onInput:l=>{if(l.target.tagName==="FORM"){const _=n.actions.loadFormValues();n.actions.setFormState(_)}else m(l)},onChange:()=>{const l=n.actions.loadFormValues();n.actions.setFormState(l)},...T,children:c})})),se=({name:o,defaultValue:n,render:b=({ref:f,name:c,defaultValue:s,value:m,setValue:u})=>null})=>{const[f,c]=a.useState(n),s=de(),m=a.useRef(),u=a.useCallback((R,{shouldDirty:E=!1}={})=>{s.actions.setFormState(T=>({...T,[o]:R}),{shouldDirty:E}),c(R)},[c,s.actions.setFormState]);return a.useEffect(()=>(s.actions.setFormState(E=>({...E,[o]:n}),{shouldDirty:!1}),s.subscribe(o,(E,{shouldDirty:T=!0,shouldOnChange:l=!0}={})=>{c(E),s.actions.setFormState(_=>({..._,[o]:E}),{shouldDirty:T,shouldOnChange:l}),m.current&&typeof m.current.dispatchEvent=="function"&&l&&m.current.dispatchEvent(new Event("change"))})),[]),b({ref:m,name:o,defaultValue:n,value:f,setValue:u})},Q=()=>{const[o,n]=a.useState({}),b=a.useMemo(()=>Object.values(o).filter(Boolean).length>0,[o]),f=a.useCallback((u,R)=>{n(E=>E[u]===R?E:{...E,[u]:R})},[]),c=a.useCallback(u=>{n(R=>({...R,...u}))},[]),s=a.useCallback(u=>{n(R=>R[u]?{...R,[u]:""}:R)},[]),m=a.useCallback(()=>{n({})},[]);return{isError:b,errors:o,changeError:f,changeErrors:c,clearError:s,clearErrors:m}},Z={defaultValues:{},numberFields:[]},ce=(o=Z)=>{const{defaultValues:n=Z.defaultValues,numberFields:b=Z.numberFields}=o,{changeError:f,errors:c,changeErrors:s,clearError:m,clearErrors:u,isError:R}=Q(),[E,T]=a.useState(!1),l=a.useRef({}),_=a.useRef(n),j=a.useRef({}),x=a.useRef(()=>{}),h=a.useRef(),I=a.useCallback((t,{shouldDirty:p=!0,shouldOnChange:d=!0}={})=>{let g=t;typeof t=="function"&&(g=t(l.current)),l.current=g;let O=E;p&&(O=be(l.current,_.current),O!==E&&T(O)),d&&x.current(l.current)},[E]),$=a.useCallback(()=>{T(!1),u();const t=j.current;Object.values(t).forEach(d=>d("")),h.current.reset(),l.current=_.current},[u]),G=a.useCallback((t,p)=>{const d=j.current;return d[t]=p,()=>d[t]=null},[]),M=a.useCallback(t=>(x.current=t,()=>x.current=()=>{})),L=a.useCallback(t=>ne(t.target),[]),W=a.useCallback(t=>t?l.current[t]:l.current,[]),U=a.useCallback(()=>_.current,[]),F=a.useCallback(()=>{setTimeout(()=>h.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),P=a.useCallback(t=>{const p=ne(t.target);p?f(t.target.name,p):f(t.target.name,null)},[f]),q=a.useCallback((t,p,{shouldDirty:d=!0,shouldOnChange:g=!0}={})=>{const O=j.current;switch(typeof t){case"string":{const y=O[t];if(!y)throw new Error(`${t} is uncontrolled, please use Controller for it!`);y(p,{shouldDirty:d,shouldOnChange:g}),g&&F()}break;case"object":Object.entries(t).forEach(([y,J])=>{const V=O[y];if(!V)throw new Error(`${y} is uncontrolled, please use Controller for it!`);V(J,{shouldDirty:d,shouldOnChange:g})}),g&&F();default:return}},[F]),A=a.useCallback(()=>{const t=Object.fromEntries(new FormData(h.current)),p=j.current;return Object.keys(p).map(d=>{t[d]=l.current[d]}),b.forEach(d=>t.hasOwnProperty(d)&&(t[d]=+t[d])),t},[]),N=a.useMemo(()=>({setValue:q,instantChange:F,getDefaultValues:U,getFormState:W,setFormState:I,changeError:f,changeErrors:s,clearError:m,clearErrors:u,loadFormValues:A,checkValidity:P,getFieldValidity:L,registerOnchange:M,reset:$}),[q,F,U,W,I,f,s,m,A,L,P,M,$]);return a.useEffect(()=>{if(h.current){const t=A();_.current={...t,...n},l.current={...t,...n}}},[]),{ref:h,isDirty:E,isError:R,errors:c,numberFields:b,subscribe:G,actions:N}},Ee={Form:oe,Controller:se,useForm:ce,useValidateForm:Q};exports.Controller=se;exports.Form=oe;exports.default=Ee;exports.useForm=ce;exports.useValidateForm=Q;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import ie, { createContext as fe, useContext as de, useEffect as K, useState as ee, useRef as F, useCallback as
|
|
1
|
+
import ie, { createContext as fe, useContext as de, useEffect as K, useState as ee, useRef as F, useCallback as v, useMemo as se } from "react";
|
|
2
2
|
var G = { exports: {} }, Y = {};
|
|
3
3
|
/**
|
|
4
4
|
* @license React
|
|
@@ -235,16 +235,16 @@ React keys must be passed directly to JSX without using spread:
|
|
|
235
235
|
function u(e) {
|
|
236
236
|
typeof e == "object" && e !== null && e.$$typeof === w && e._store && (e._store.validated = 1);
|
|
237
237
|
}
|
|
238
|
-
var
|
|
238
|
+
var _ = ie, w = Symbol.for("react.transitional.element"), P = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), L = Symbol.for("react.context"), W = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), V = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, t = Object.prototype.hasOwnProperty, T = Array.isArray, f = console.createTask ? console.createTask : function() {
|
|
239
239
|
return null;
|
|
240
240
|
};
|
|
241
|
-
|
|
241
|
+
_ = {
|
|
242
242
|
"react-stack-bottom-frame": function(e) {
|
|
243
243
|
return e();
|
|
244
244
|
}
|
|
245
245
|
};
|
|
246
|
-
var g, O = {}, y =
|
|
247
|
-
|
|
246
|
+
var g, O = {}, y = _["react-stack-bottom-frame"].bind(
|
|
247
|
+
_,
|
|
248
248
|
a
|
|
249
249
|
)(), z = f(i(a)), D = {};
|
|
250
250
|
I.Fragment = h, I.jsx = function(e, r, l, R, j) {
|
|
@@ -286,7 +286,10 @@ const ce = fe({}), Re = () => de(ce), pe = (o, n) => {
|
|
|
286
286
|
const s = n[i], a = o[i];
|
|
287
287
|
(typeof s == "object" || s !== a) && (d = !0);
|
|
288
288
|
}), d;
|
|
289
|
-
}, ae = (o) =>
|
|
289
|
+
}, ae = (o) => {
|
|
290
|
+
var n;
|
|
291
|
+
return !o || typeof o.checkValidity != "function" || o.checkValidity() || (n = o.validity) != null && n.customError ? null : o.validationMessage;
|
|
292
|
+
}, ve = ({
|
|
290
293
|
id: o,
|
|
291
294
|
form: n,
|
|
292
295
|
method: d,
|
|
@@ -309,13 +312,13 @@ const ce = fe({}), Re = () => de(ce), pe = (o, n) => {
|
|
|
309
312
|
className: E,
|
|
310
313
|
onSubmit: (u) => {
|
|
311
314
|
d || u.preventDefault();
|
|
312
|
-
const
|
|
313
|
-
a(
|
|
315
|
+
const _ = n.actions.loadFormValues();
|
|
316
|
+
a(_);
|
|
314
317
|
},
|
|
315
318
|
onInput: (u) => {
|
|
316
319
|
if (u.target.tagName === "FORM") {
|
|
317
|
-
const
|
|
318
|
-
n.actions.setFormState(
|
|
320
|
+
const _ = n.actions.loadFormValues();
|
|
321
|
+
n.actions.setFormState(_);
|
|
319
322
|
} else
|
|
320
323
|
m(u);
|
|
321
324
|
},
|
|
@@ -326,24 +329,24 @@ const ce = fe({}), Re = () => de(ce), pe = (o, n) => {
|
|
|
326
329
|
...k,
|
|
327
330
|
children: s
|
|
328
331
|
}
|
|
329
|
-
) })),
|
|
330
|
-
const [i, s] = ee(n), a = Re(), m = F(), c =
|
|
332
|
+
) })), _e = ({ name: o, defaultValue: n, render: d = ({ ref: i, name: s, defaultValue: a, value: m, setValue: c }) => null }) => {
|
|
333
|
+
const [i, s] = ee(n), a = Re(), m = F(), c = v(
|
|
331
334
|
(b, { shouldDirty: E = !1 } = {}) => {
|
|
332
335
|
a.actions.setFormState((k) => ({ ...k, [o]: b }), { shouldDirty: E }), s(b);
|
|
333
336
|
},
|
|
334
337
|
[s, a.actions.setFormState]
|
|
335
338
|
);
|
|
336
339
|
return K(() => (a.actions.setFormState((E) => ({ ...E, [o]: n }), { shouldDirty: !1 }), a.subscribe(o, (E, { shouldDirty: k = !0, shouldOnChange: u = !0 } = {}) => {
|
|
337
|
-
s(E), a.actions.setFormState((
|
|
340
|
+
s(E), a.actions.setFormState((_) => ({ ..._, [o]: E }), { shouldDirty: k, shouldOnChange: u }), m.current && typeof m.current.dispatchEvent == "function" && u && m.current.dispatchEvent(new Event("change"));
|
|
338
341
|
})), []), d({ ref: m, name: o, defaultValue: n, value: i, setValue: c });
|
|
339
342
|
}, ue = () => {
|
|
340
|
-
const [o, n] = ee({}), d = se(() => Object.values(o).filter(Boolean).length > 0, [o]), i =
|
|
343
|
+
const [o, n] = ee({}), d = se(() => Object.values(o).filter(Boolean).length > 0, [o]), i = v((c, b) => {
|
|
341
344
|
n((E) => E[c] === b ? E : { ...E, [c]: b });
|
|
342
|
-
}, []), s =
|
|
345
|
+
}, []), s = v((c) => {
|
|
343
346
|
n((b) => ({ ...b, ...c }));
|
|
344
|
-
}, []), a =
|
|
347
|
+
}, []), a = v((c) => {
|
|
345
348
|
n((b) => b[c] ? { ...b, [c]: "" } : b);
|
|
346
|
-
}, []), m =
|
|
349
|
+
}, []), m = v(() => {
|
|
347
350
|
n({});
|
|
348
351
|
}, []);
|
|
349
352
|
return { isError: d, errors: o, changeError: i, changeErrors: s, clearError: a, clearErrors: m };
|
|
@@ -351,32 +354,32 @@ const ce = fe({}), Re = () => de(ce), pe = (o, n) => {
|
|
|
351
354
|
defaultValues: {},
|
|
352
355
|
numberFields: []
|
|
353
356
|
}, Te = (o = Q) => {
|
|
354
|
-
const { defaultValues: n = Q.defaultValues, numberFields: d = Q.numberFields } = o, { changeError: i, errors: s, changeErrors: a, clearError: m, clearErrors: c, isError: b } = ue(), [E, k] = ee(!1), u = F({}),
|
|
355
|
-
}), h = F(), $ =
|
|
357
|
+
const { defaultValues: n = Q.defaultValues, numberFields: d = Q.numberFields } = o, { changeError: i, errors: s, changeErrors: a, clearError: m, clearErrors: c, isError: b } = ue(), [E, k] = ee(!1), u = F({}), _ = F(n), w = F({}), P = F(() => {
|
|
358
|
+
}), h = F(), $ = v(
|
|
356
359
|
(t, { shouldDirty: T = !0, shouldOnChange: f = !0 } = {}) => {
|
|
357
360
|
let g = t;
|
|
358
361
|
typeof t == "function" && (g = t(u.current)), u.current = g;
|
|
359
362
|
let O = E;
|
|
360
|
-
T && (O = pe(u.current,
|
|
363
|
+
T && (O = pe(u.current, _.current), O !== E && k(O)), f && P.current(u.current);
|
|
361
364
|
},
|
|
362
365
|
[E]
|
|
363
|
-
), M =
|
|
366
|
+
), M = v(() => {
|
|
364
367
|
k(!1), c();
|
|
365
368
|
const t = w.current;
|
|
366
|
-
Object.values(t).forEach((f) => f("")), h.current.reset(), u.current =
|
|
367
|
-
}, [c]), X =
|
|
369
|
+
Object.values(t).forEach((f) => f("")), h.current.reset(), u.current = _.current;
|
|
370
|
+
}, [c]), X = v((t, T) => {
|
|
368
371
|
const f = w.current;
|
|
369
372
|
return f[t] = T, () => f[t] = null;
|
|
370
|
-
}, []), L =
|
|
371
|
-
})), W =
|
|
373
|
+
}, []), L = v((t) => (P.current = t, () => P.current = () => {
|
|
374
|
+
})), W = v((t) => ae(t.target), []), U = v((t) => t ? u.current[t] : u.current, []), q = v(() => _.current, []), x = v(() => {
|
|
372
375
|
setTimeout(() => h.current.dispatchEvent(new Event("input", { bubbles: !0 })));
|
|
373
|
-
}, []), N =
|
|
376
|
+
}, []), N = v(
|
|
374
377
|
(t) => {
|
|
375
378
|
const T = ae(t.target);
|
|
376
379
|
T ? i(t.target.name, T) : i(t.target.name, null);
|
|
377
380
|
},
|
|
378
381
|
[i]
|
|
379
|
-
), J =
|
|
382
|
+
), J = v(
|
|
380
383
|
(t, T, { shouldDirty: f = !0, shouldOnChange: g = !0 } = {}) => {
|
|
381
384
|
const O = w.current;
|
|
382
385
|
switch (typeof t) {
|
|
@@ -400,7 +403,7 @@ const ce = fe({}), Re = () => de(ce), pe = (o, n) => {
|
|
|
400
403
|
}
|
|
401
404
|
},
|
|
402
405
|
[x]
|
|
403
|
-
), C =
|
|
406
|
+
), C = v(() => {
|
|
404
407
|
const t = Object.fromEntries(new FormData(h.current)), T = w.current;
|
|
405
408
|
return Object.keys(T).map((f) => {
|
|
406
409
|
t[f] = u.current[f];
|
|
@@ -441,18 +444,18 @@ const ce = fe({}), Re = () => de(ce), pe = (o, n) => {
|
|
|
441
444
|
return K(() => {
|
|
442
445
|
if (h.current) {
|
|
443
446
|
const t = C();
|
|
444
|
-
|
|
447
|
+
_.current = { ...t, ...n }, u.current = { ...t, ...n };
|
|
445
448
|
}
|
|
446
449
|
}, []), { ref: h, isDirty: E, isError: b, errors: s, numberFields: d, subscribe: X, actions: V };
|
|
447
450
|
}, ge = {
|
|
448
|
-
Form:
|
|
449
|
-
Controller:
|
|
451
|
+
Form: ve,
|
|
452
|
+
Controller: _e,
|
|
450
453
|
useForm: Te,
|
|
451
454
|
useValidateForm: ue
|
|
452
455
|
};
|
|
453
456
|
export {
|
|
454
|
-
|
|
455
|
-
|
|
457
|
+
_e as Controller,
|
|
458
|
+
ve as Form,
|
|
456
459
|
ge as default,
|
|
457
460
|
Te as useForm,
|
|
458
461
|
ue as useValidateForm
|
|
@@ -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 te;function ie(){return te||(te=1,process.env.NODE_ENV!=="production"&&function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===D?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case
|
|
17
|
+
*/var te;function ie(){return te||(te=1,process.env.NODE_ENV!=="production"&&function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===D?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case y:return"Fragment";case W:return"Profiler";case L:return"StrictMode";case z:return"Suspense";case G:return"SuspenseList";case X: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 N:return"Portal";case U:return(e.displayName||"Context")+".Provider";case Q:return(e._context.displayName||"Context")+".Consumer";case J:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case w:return t=e.displayName||null,t!==null?t:o(e.type)||"Memo";case V:t=e._payload,e=e._init;try{return o(e(t))}catch{}}return null}function a(e){return""+e}function b(e){try{a(e);var t=!1}catch{t=!0}if(t){t=console;var i=t.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),a(e)}}function f(e){if(e===y)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===V)return"<...>";try{var t=o(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function c(){var e=Y.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function E(e){if(n.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function u(e,t){function i(){S||(S=!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)",t))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function R(){var e=o(this.type);return O[e]||(O[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 m(e,t,i,k,C,h,K,q){return i=h.ref,e={$$typeof:F,type:e,key:t,props:h,_owner:C},(i!==void 0?i:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:R}):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:K}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function g(e,t,i,k,C,h,K,q){var v=t.children;if(v!==void 0)if(k)if(p(v)){for(k=0;k<v.length;k++)l(v[k]);Object.freeze&&Object.freeze(v)}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(v);if(n.call(t,"key")){v=o(e);var P=Object.keys(t).filter(function(Ee){return Ee!=="key"});k=0<P.length?"{key: someKey, "+P.join(": ..., ")+": ...}":"{key: someKey}",I[v+k]||(P=0<P.length?"{"+P.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,
|
|
22
|
+
<%s key={someKey} {...props} />`,k,v,P,v),I[v+k]=!0)}if(v=null,i!==void 0&&(b(i),v=""+i),E(t)&&(b(t.key),v=""+t.key),"key"in t){i={};for(var $ in t)$!=="key"&&(i[$]=t[$])}else i=t;return v&&u(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),m(e,v,h,C,c(),i,K,q)}function l(e){typeof e=="object"&&e!==null&&e.$$typeof===F&&e._store&&(e._store.validated=1)}var _=r,F=Symbol.for("react.transitional.element"),N=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),L=Symbol.for("react.strict_mode"),W=Symbol.for("react.profiler"),Q=Symbol.for("react.consumer"),U=Symbol.for("react.context"),J=Symbol.for("react.forward_ref"),z=Symbol.for("react.suspense"),G=Symbol.for("react.suspense_list"),w=Symbol.for("react.memo"),V=Symbol.for("react.lazy"),X=Symbol.for("react.activity"),D=Symbol.for("react.client.reference"),Y=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,n=Object.prototype.hasOwnProperty,p=Array.isArray,d=console.createTask?console.createTask:function(){return null};_={"react-stack-bottom-frame":function(e){return e()}};var S,O={},j=_["react-stack-bottom-frame"].bind(_,s)(),B=d(f(s)),I={};x.Fragment=y,x.jsx=function(e,t,i,k,C){var h=1e4>Y.recentlyCreatedOwnerStacks++;return g(e,t,i,!1,k,C,h?Error("react-stack-top-frame"):j,h?d(f(e)):B)},x.jsxs=function(e,t,i,k,C){var h=1e4>Y.recentlyCreatedOwnerStacks++;return g(e,t,i,!0,k,C,h?Error("react-stack-top-frame"):j,h?d(f(e)):B)}}()),x}var re;function fe(){return re||(re=1,process.env.NODE_ENV==="production"?M.exports=le():M.exports=ie()),M.exports}var ne=fe();const ae=r.createContext({}),de=()=>r.useContext(ae),be=(o,a)=>{let b=!1;return Object.keys(a).forEach(f=>{if(!(f in o)||b)return;const c=a[f],s=o[f];(typeof c=="object"||c!==s)&&(b=!0)}),b},oe=o=>{var a;return!o||typeof o.checkValidity!="function"||o.checkValidity()||(a=o.validity)!=null&&a.customError?null:o.validationMessage},se=({id:o,form:a,method:b,action:f,children:c,onSubmit:s=()=>{},onInput:E=()=>{},onChange:u=()=>{},numberFields:R=[],className:m,...g})=>(r.useEffect(()=>a.actions.registerOnchange(u),[u]),ne.jsx(ae.Provider,{value:a,children:ne.jsx("form",{ref:a==null?void 0:a.ref,action:f,className:m,onSubmit:l=>{b||l.preventDefault();const _=a.actions.loadFormValues();s(_)},onInput:l=>{if(l.target.tagName==="FORM"){const _=a.actions.loadFormValues();a.actions.setFormState(_)}else E(l)},onChange:()=>{const l=a.actions.loadFormValues();a.actions.setFormState(l)},...g,children:c})})),ce=({name:o,defaultValue:a,render:b=({ref:f,name:c,defaultValue:s,value:E,setValue:u})=>null})=>{const[f,c]=r.useState(a),s=de(),E=r.useRef(),u=r.useCallback((R,{shouldDirty:m=!1}={})=>{s.actions.setFormState(g=>({...g,[o]:R}),{shouldDirty:m}),c(R)},[c,s.actions.setFormState]);return r.useEffect(()=>(s.actions.setFormState(m=>({...m,[o]:a}),{shouldDirty:!1}),s.subscribe(o,(m,{shouldDirty:g=!0,shouldOnChange:l=!0}={})=>{c(m),s.actions.setFormState(_=>({..._,[o]:m}),{shouldDirty:g,shouldOnChange:l}),E.current&&typeof E.current.dispatchEvent=="function"&&l&&E.current.dispatchEvent(new Event("change"))})),[]),b({ref:E,name:o,defaultValue:a,value:f,setValue:u})},H=()=>{const[o,a]=r.useState({}),b=r.useMemo(()=>Object.values(o).filter(Boolean).length>0,[o]),f=r.useCallback((u,R)=>{a(m=>m[u]===R?m:{...m,[u]:R})},[]),c=r.useCallback(u=>{a(R=>({...R,...u}))},[]),s=r.useCallback(u=>{a(R=>R[u]?{...R,[u]:""}:R)},[]),E=r.useCallback(()=>{a({})},[]);return{isError:b,errors:o,changeError:f,changeErrors:c,clearError:s,clearErrors:E}},Z={defaultValues:{},numberFields:[]},ue=(o=Z)=>{const{defaultValues:a=Z.defaultValues,numberFields:b=Z.numberFields}=o,{changeError:f,errors:c,changeErrors:s,clearError:E,clearErrors:u,isError:R}=H(),[m,g]=r.useState(!1),l=r.useRef({}),_=r.useRef(a),F=r.useRef({}),N=r.useRef(()=>{}),y=r.useRef(),L=r.useCallback((n,{shouldDirty:p=!0,shouldOnChange:d=!0}={})=>{let S=n;typeof n=="function"&&(S=n(l.current)),l.current=S;let O=m;p&&(O=be(l.current,_.current),O!==m&&g(O)),d&&N.current(l.current)},[m]),W=r.useCallback(()=>{g(!1),u();const n=F.current;Object.values(n).forEach(d=>d("")),y.current.reset(),l.current=_.current},[u]),Q=r.useCallback((n,p)=>{const d=F.current;return d[n]=p,()=>d[n]=null},[]),U=r.useCallback(n=>(N.current=n,()=>N.current=()=>{})),J=r.useCallback(n=>oe(n.target),[]),z=r.useCallback(n=>n?l.current[n]:l.current,[]),G=r.useCallback(()=>_.current,[]),w=r.useCallback(()=>{setTimeout(()=>y.current.dispatchEvent(new Event("input",{bubbles:!0})))},[]),V=r.useCallback(n=>{const p=oe(n.target);p?f(n.target.name,p):f(n.target.name,null)},[f]),X=r.useCallback((n,p,{shouldDirty:d=!0,shouldOnChange:S=!0}={})=>{const O=F.current;switch(typeof n){case"string":{const j=O[n];if(!j)throw new Error(`${n} is uncontrolled, please use Controller for it!`);j(p,{shouldDirty:d,shouldOnChange:S}),S&&w()}break;case"object":Object.entries(n).forEach(([j,B])=>{const I=O[j];if(!I)throw new Error(`${j} is uncontrolled, please use Controller for it!`);I(B,{shouldDirty:d,shouldOnChange:S})}),S&&w();default:return}},[w]),D=r.useCallback(()=>{const n=Object.fromEntries(new FormData(y.current)),p=F.current;return Object.keys(p).map(d=>{n[d]=l.current[d]}),b.forEach(d=>n.hasOwnProperty(d)&&(n[d]=+n[d])),n},[]),Y=r.useMemo(()=>({setValue:X,instantChange:w,getDefaultValues:G,getFormState:z,setFormState:L,changeError:f,changeErrors:s,clearError:E,clearErrors:u,loadFormValues:D,checkValidity:V,getFieldValidity:J,registerOnchange:U,reset:W}),[X,w,G,z,L,f,s,E,D,J,V,U,W]);return r.useEffect(()=>{if(y.current){const n=D();_.current={...n,...a},l.current={...n,...a}}},[]),{ref:y,isDirty:m,isError:R,errors:c,numberFields:b,subscribe:Q,actions:Y}},me={Form:se,Controller:ce,useForm:ue,useValidateForm:H};T.Controller=ce,T.Form=se,T.default=me,T.useForm=ue,T.useValidateForm=H,Object.defineProperties(T,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|