react-simple-formkit 2.2.7 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +105 -70
- package/dist/react-simple-formkit.js +4 -4
- package/dist/react-simple-formkit.mjs +613 -541
- package/dist/react-simple-formkit.umd.js +4 -4
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
var
|
|
1
|
+
import _r, { createContext as wr, useContext as Ar, useCallback as m, useEffect as fr, useState as H, useRef as V, useMemo as ir, useLayoutEffect as dr } from "react";
|
|
2
|
+
var tr = { exports: {} }, z = {};
|
|
3
3
|
/**
|
|
4
4
|
* @license React
|
|
5
5
|
* react-jsx-runtime.production.js
|
|
@@ -9,29 +9,29 @@ var ne = { exports: {} }, G = {};
|
|
|
9
9
|
* This source code is licensed under the MIT license found in the
|
|
10
10
|
* LICENSE file in the root directory of this source tree.
|
|
11
11
|
*/
|
|
12
|
-
var
|
|
13
|
-
function
|
|
14
|
-
if (
|
|
15
|
-
|
|
16
|
-
var
|
|
17
|
-
function a
|
|
18
|
-
var
|
|
19
|
-
if (
|
|
20
|
-
|
|
21
|
-
for (var
|
|
22
|
-
|
|
23
|
-
} else
|
|
24
|
-
return
|
|
25
|
-
$$typeof:
|
|
26
|
-
type:
|
|
27
|
-
key:
|
|
28
|
-
ref:
|
|
29
|
-
props:
|
|
12
|
+
var Er;
|
|
13
|
+
function Or() {
|
|
14
|
+
if (Er) return z;
|
|
15
|
+
Er = 1;
|
|
16
|
+
var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
|
|
17
|
+
function o(a, c, d) {
|
|
18
|
+
var u = null;
|
|
19
|
+
if (d !== void 0 && (u = "" + d), c.key !== void 0 && (u = "" + c.key), "key" in c) {
|
|
20
|
+
d = {};
|
|
21
|
+
for (var g in c)
|
|
22
|
+
g !== "key" && (d[g] = c[g]);
|
|
23
|
+
} else d = c;
|
|
24
|
+
return c = d.ref, {
|
|
25
|
+
$$typeof: s,
|
|
26
|
+
type: a,
|
|
27
|
+
key: u,
|
|
28
|
+
ref: c !== void 0 ? c : null,
|
|
29
|
+
props: d
|
|
30
30
|
};
|
|
31
31
|
}
|
|
32
|
-
return
|
|
32
|
+
return z.Fragment = t, z.jsx = o, z.jsxs = o, z;
|
|
33
33
|
}
|
|
34
|
-
var
|
|
34
|
+
var G = {};
|
|
35
35
|
/**
|
|
36
36
|
* @license React
|
|
37
37
|
* react-jsx-runtime.development.js
|
|
@@ -41,360 +41,354 @@ var H = {};
|
|
|
41
41
|
* This source code is licensed under the MIT license found in the
|
|
42
42
|
* LICENSE file in the root directory of this source tree.
|
|
43
43
|
*/
|
|
44
|
-
var
|
|
45
|
-
function
|
|
46
|
-
return
|
|
47
|
-
function
|
|
48
|
-
if (
|
|
49
|
-
if (typeof
|
|
50
|
-
return
|
|
51
|
-
if (typeof
|
|
52
|
-
switch (
|
|
53
|
-
case
|
|
44
|
+
var br;
|
|
45
|
+
function kr() {
|
|
46
|
+
return br || (br = 1, process.env.NODE_ENV !== "production" && function() {
|
|
47
|
+
function s(r) {
|
|
48
|
+
if (r == null) return null;
|
|
49
|
+
if (typeof r == "function")
|
|
50
|
+
return r.$$typeof === or ? null : r.displayName || r.name || null;
|
|
51
|
+
if (typeof r == "string") return r;
|
|
52
|
+
switch (r) {
|
|
53
|
+
case S:
|
|
54
54
|
return "Fragment";
|
|
55
|
-
case
|
|
55
|
+
case _:
|
|
56
56
|
return "Profiler";
|
|
57
|
-
case
|
|
57
|
+
case w:
|
|
58
58
|
return "StrictMode";
|
|
59
|
-
case
|
|
59
|
+
case Z:
|
|
60
60
|
return "Suspense";
|
|
61
|
-
case
|
|
61
|
+
case B:
|
|
62
62
|
return "SuspenseList";
|
|
63
|
-
case
|
|
63
|
+
case sr:
|
|
64
64
|
return "Activity";
|
|
65
65
|
}
|
|
66
|
-
if (typeof
|
|
67
|
-
switch (typeof
|
|
66
|
+
if (typeof r == "object")
|
|
67
|
+
switch (typeof r.tag == "number" && console.error(
|
|
68
68
|
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
69
|
-
),
|
|
70
|
-
case
|
|
69
|
+
), r.$$typeof) {
|
|
70
|
+
case y:
|
|
71
71
|
return "Portal";
|
|
72
72
|
case I:
|
|
73
|
-
return (
|
|
74
|
-
case
|
|
75
|
-
return (
|
|
76
|
-
case
|
|
77
|
-
var
|
|
78
|
-
return
|
|
79
|
-
case
|
|
80
|
-
return
|
|
81
|
-
case
|
|
82
|
-
|
|
73
|
+
return (r.displayName || "Context") + ".Provider";
|
|
74
|
+
case N:
|
|
75
|
+
return (r._context.displayName || "Context") + ".Consumer";
|
|
76
|
+
case Y:
|
|
77
|
+
var h = r.render;
|
|
78
|
+
return r = r.displayName, r || (r = h.displayName || h.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
|
|
79
|
+
case p:
|
|
80
|
+
return h = r.displayName || null, h !== null ? h : s(r.type) || "Memo";
|
|
81
|
+
case U:
|
|
82
|
+
h = r._payload, r = r._init;
|
|
83
83
|
try {
|
|
84
|
-
return
|
|
84
|
+
return s(r(h));
|
|
85
85
|
} catch {
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
return null;
|
|
89
89
|
}
|
|
90
|
-
function
|
|
91
|
-
return "" +
|
|
90
|
+
function t(r) {
|
|
91
|
+
return "" + r;
|
|
92
92
|
}
|
|
93
|
-
function
|
|
93
|
+
function o(r) {
|
|
94
94
|
try {
|
|
95
|
-
|
|
96
|
-
var
|
|
95
|
+
t(r);
|
|
96
|
+
var h = !1;
|
|
97
97
|
} catch {
|
|
98
|
-
|
|
98
|
+
h = !0;
|
|
99
99
|
}
|
|
100
|
-
if (
|
|
101
|
-
|
|
102
|
-
var
|
|
103
|
-
return
|
|
104
|
-
|
|
100
|
+
if (h) {
|
|
101
|
+
h = console;
|
|
102
|
+
var v = h.error, A = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
|
|
103
|
+
return v.call(
|
|
104
|
+
h,
|
|
105
105
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
106
|
-
|
|
107
|
-
),
|
|
106
|
+
A
|
|
107
|
+
), t(r);
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
|
-
function
|
|
111
|
-
if (
|
|
112
|
-
if (typeof
|
|
110
|
+
function a(r) {
|
|
111
|
+
if (r === S) return "<>";
|
|
112
|
+
if (typeof r == "object" && r !== null && r.$$typeof === U)
|
|
113
113
|
return "<...>";
|
|
114
114
|
try {
|
|
115
|
-
var
|
|
116
|
-
return
|
|
115
|
+
var h = s(r);
|
|
116
|
+
return h ? "<" + h + ">" : "<...>";
|
|
117
117
|
} catch {
|
|
118
118
|
return "<...>";
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
|
-
function
|
|
122
|
-
var
|
|
123
|
-
return
|
|
121
|
+
function c() {
|
|
122
|
+
var r = q.A;
|
|
123
|
+
return r === null ? null : r.getOwner();
|
|
124
124
|
}
|
|
125
|
-
function
|
|
125
|
+
function d() {
|
|
126
126
|
return Error("react-stack-top-frame");
|
|
127
127
|
}
|
|
128
|
-
function
|
|
129
|
-
if (
|
|
130
|
-
var
|
|
131
|
-
if (
|
|
128
|
+
function u(r) {
|
|
129
|
+
if (P.call(r, "key")) {
|
|
130
|
+
var h = Object.getOwnPropertyDescriptor(r, "key").get;
|
|
131
|
+
if (h && h.isReactWarning) return !1;
|
|
132
132
|
}
|
|
133
|
-
return
|
|
133
|
+
return r.key !== void 0;
|
|
134
134
|
}
|
|
135
|
-
function
|
|
136
|
-
function
|
|
137
|
-
|
|
135
|
+
function g(r, h) {
|
|
136
|
+
function v() {
|
|
137
|
+
M || (M = !0, console.error(
|
|
138
138
|
"%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)",
|
|
139
|
-
|
|
139
|
+
h
|
|
140
140
|
));
|
|
141
141
|
}
|
|
142
|
-
|
|
143
|
-
get:
|
|
142
|
+
v.isReactWarning = !0, Object.defineProperty(r, "key", {
|
|
143
|
+
get: v,
|
|
144
144
|
configurable: !0
|
|
145
145
|
});
|
|
146
146
|
}
|
|
147
|
-
function
|
|
148
|
-
var
|
|
149
|
-
return
|
|
147
|
+
function i() {
|
|
148
|
+
var r = s(this.type);
|
|
149
|
+
return Q[r] || (Q[r] = !0, console.error(
|
|
150
150
|
"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."
|
|
151
|
-
)),
|
|
151
|
+
)), r = this.props.ref, r !== void 0 ? r : null;
|
|
152
152
|
}
|
|
153
|
-
function
|
|
154
|
-
return
|
|
155
|
-
$$typeof:
|
|
156
|
-
type:
|
|
157
|
-
key:
|
|
158
|
-
props:
|
|
159
|
-
_owner:
|
|
160
|
-
}, (
|
|
153
|
+
function E(r, h, v, A, x, D, J, e) {
|
|
154
|
+
return v = D.ref, r = {
|
|
155
|
+
$$typeof: O,
|
|
156
|
+
type: r,
|
|
157
|
+
key: h,
|
|
158
|
+
props: D,
|
|
159
|
+
_owner: x
|
|
160
|
+
}, (v !== void 0 ? v : null) !== null ? Object.defineProperty(r, "ref", {
|
|
161
161
|
enumerable: !1,
|
|
162
|
-
get:
|
|
163
|
-
}) : Object.defineProperty(
|
|
162
|
+
get: i
|
|
163
|
+
}) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
|
|
164
164
|
configurable: !1,
|
|
165
165
|
enumerable: !1,
|
|
166
166
|
writable: !0,
|
|
167
167
|
value: 0
|
|
168
|
-
}), Object.defineProperty(
|
|
168
|
+
}), Object.defineProperty(r, "_debugInfo", {
|
|
169
169
|
configurable: !1,
|
|
170
170
|
enumerable: !1,
|
|
171
171
|
writable: !0,
|
|
172
172
|
value: null
|
|
173
|
-
}), Object.defineProperty(
|
|
173
|
+
}), Object.defineProperty(r, "_debugStack", {
|
|
174
174
|
configurable: !1,
|
|
175
175
|
enumerable: !1,
|
|
176
176
|
writable: !0,
|
|
177
177
|
value: J
|
|
178
|
-
}), Object.defineProperty(
|
|
178
|
+
}), Object.defineProperty(r, "_debugTask", {
|
|
179
179
|
configurable: !1,
|
|
180
180
|
enumerable: !1,
|
|
181
181
|
writable: !0,
|
|
182
|
-
value:
|
|
183
|
-
}), Object.freeze && (Object.freeze(
|
|
182
|
+
value: e
|
|
183
|
+
}), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
|
|
184
184
|
}
|
|
185
|
-
function
|
|
186
|
-
var
|
|
187
|
-
if (
|
|
188
|
-
if (
|
|
189
|
-
if (
|
|
190
|
-
for (
|
|
191
|
-
|
|
192
|
-
Object.freeze && Object.freeze(
|
|
185
|
+
function l(r, h, v, A, x, D, J, e) {
|
|
186
|
+
var n = h.children;
|
|
187
|
+
if (n !== void 0)
|
|
188
|
+
if (A)
|
|
189
|
+
if (ur(n)) {
|
|
190
|
+
for (A = 0; A < n.length; A++)
|
|
191
|
+
R(n[A]);
|
|
192
|
+
Object.freeze && Object.freeze(n);
|
|
193
193
|
} else
|
|
194
194
|
console.error(
|
|
195
195
|
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
196
196
|
);
|
|
197
|
-
else
|
|
198
|
-
if (
|
|
199
|
-
|
|
200
|
-
var
|
|
201
|
-
return
|
|
197
|
+
else R(n);
|
|
198
|
+
if (P.call(h, "key")) {
|
|
199
|
+
n = s(r);
|
|
200
|
+
var f = Object.keys(h).filter(function(j) {
|
|
201
|
+
return j !== "key";
|
|
202
202
|
});
|
|
203
|
-
|
|
203
|
+
A = 0 < f.length ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}", er[n + A] || (f = 0 < f.length ? "{" + f.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
204
204
|
`A props object containing a "key" prop is being spread into JSX:
|
|
205
205
|
let props = %s;
|
|
206
206
|
<%s {...props} />
|
|
207
207
|
React keys must be passed directly to JSX without using spread:
|
|
208
208
|
let props = %s;
|
|
209
209
|
<%s key={someKey} {...props} />`,
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
),
|
|
210
|
+
A,
|
|
211
|
+
n,
|
|
212
|
+
f,
|
|
213
|
+
n
|
|
214
|
+
), er[n + A] = !0);
|
|
215
215
|
}
|
|
216
|
-
if (
|
|
217
|
-
|
|
218
|
-
for (var
|
|
219
|
-
|
|
220
|
-
} else
|
|
221
|
-
return
|
|
222
|
-
|
|
223
|
-
typeof
|
|
224
|
-
),
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
216
|
+
if (n = null, v !== void 0 && (o(v), n = "" + v), u(h) && (o(h.key), n = "" + h.key), "key" in h) {
|
|
217
|
+
v = {};
|
|
218
|
+
for (var b in h)
|
|
219
|
+
b !== "key" && (v[b] = h[b]);
|
|
220
|
+
} else v = h;
|
|
221
|
+
return n && g(
|
|
222
|
+
v,
|
|
223
|
+
typeof r == "function" ? r.displayName || r.name || "Unknown" : r
|
|
224
|
+
), E(
|
|
225
|
+
r,
|
|
226
|
+
n,
|
|
227
|
+
D,
|
|
228
|
+
x,
|
|
229
|
+
c(),
|
|
230
|
+
v,
|
|
231
231
|
J,
|
|
232
|
-
|
|
232
|
+
e
|
|
233
233
|
);
|
|
234
234
|
}
|
|
235
|
-
function
|
|
236
|
-
typeof
|
|
235
|
+
function R(r) {
|
|
236
|
+
typeof r == "object" && r !== null && r.$$typeof === O && r._store && (r._store.validated = 1);
|
|
237
237
|
}
|
|
238
|
-
var
|
|
238
|
+
var F = _r, O = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), I = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), sr = Symbol.for("react.activity"), or = Symbol.for("react.client.reference"), q = F.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, ur = Array.isArray, L = console.createTask ? console.createTask : function() {
|
|
239
239
|
return null;
|
|
240
240
|
};
|
|
241
|
-
|
|
242
|
-
"react-stack-bottom-frame": function(
|
|
243
|
-
return
|
|
241
|
+
F = {
|
|
242
|
+
"react-stack-bottom-frame": function(r) {
|
|
243
|
+
return r();
|
|
244
244
|
}
|
|
245
245
|
};
|
|
246
|
-
var
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
)(),
|
|
250
|
-
|
|
251
|
-
var
|
|
252
|
-
return
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
246
|
+
var M, Q = {}, K = F["react-stack-bottom-frame"].bind(
|
|
247
|
+
F,
|
|
248
|
+
d
|
|
249
|
+
)(), rr = L(a(d)), er = {};
|
|
250
|
+
G.Fragment = S, G.jsx = function(r, h, v, A, x) {
|
|
251
|
+
var D = 1e4 > q.recentlyCreatedOwnerStacks++;
|
|
252
|
+
return l(
|
|
253
|
+
r,
|
|
254
|
+
h,
|
|
255
|
+
v,
|
|
256
256
|
!1,
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
257
|
+
A,
|
|
258
|
+
x,
|
|
259
|
+
D ? Error("react-stack-top-frame") : K,
|
|
260
|
+
D ? L(a(r)) : rr
|
|
261
261
|
);
|
|
262
|
-
},
|
|
263
|
-
var
|
|
264
|
-
return
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
262
|
+
}, G.jsxs = function(r, h, v, A, x) {
|
|
263
|
+
var D = 1e4 > q.recentlyCreatedOwnerStacks++;
|
|
264
|
+
return l(
|
|
265
|
+
r,
|
|
266
|
+
h,
|
|
267
|
+
v,
|
|
268
268
|
!0,
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
269
|
+
A,
|
|
270
|
+
x,
|
|
271
|
+
D ? Error("react-stack-top-frame") : K,
|
|
272
|
+
D ? L(a(r)) : rr
|
|
273
273
|
);
|
|
274
274
|
};
|
|
275
|
-
}()),
|
|
275
|
+
}()), G;
|
|
276
276
|
}
|
|
277
|
-
var
|
|
278
|
-
function
|
|
279
|
-
return
|
|
277
|
+
var gr;
|
|
278
|
+
function jr() {
|
|
279
|
+
return gr || (gr = 1, process.env.NODE_ENV === "production" ? tr.exports = Or() : tr.exports = kr()), tr.exports;
|
|
280
280
|
}
|
|
281
|
-
var
|
|
282
|
-
const
|
|
283
|
-
},
|
|
281
|
+
var hr = jr();
|
|
282
|
+
const T = () => {
|
|
283
|
+
}, Sr = wr({
|
|
284
284
|
ref: null,
|
|
285
|
-
watch:
|
|
285
|
+
watch: T,
|
|
286
286
|
actions: {
|
|
287
|
-
reset:
|
|
288
|
-
resetField:
|
|
289
|
-
setValue:
|
|
290
|
-
getValues:
|
|
291
|
-
getErrors:
|
|
292
|
-
getFieldStates:
|
|
293
|
-
getFormStates:
|
|
294
|
-
setError:
|
|
295
|
-
clearError:
|
|
296
|
-
clearErrors:
|
|
297
|
-
checkValidity:
|
|
298
|
-
getNumberFields:
|
|
299
|
-
getFieldValidity:
|
|
300
|
-
getDefaultValues:
|
|
301
|
-
setFieldState:
|
|
302
|
-
resetFieldState:
|
|
303
|
-
getControlledFields:
|
|
287
|
+
reset: T,
|
|
288
|
+
resetField: T,
|
|
289
|
+
setValue: T,
|
|
290
|
+
getValues: T,
|
|
291
|
+
getErrors: T,
|
|
292
|
+
getFieldStates: T,
|
|
293
|
+
getFormStates: T,
|
|
294
|
+
setError: T,
|
|
295
|
+
clearError: T,
|
|
296
|
+
clearErrors: T,
|
|
297
|
+
checkValidity: T,
|
|
298
|
+
getNumberFields: T,
|
|
299
|
+
getFieldValidity: T,
|
|
300
|
+
getDefaultValues: T,
|
|
301
|
+
setFieldState: T,
|
|
302
|
+
resetFieldState: T,
|
|
303
|
+
getControlledFields: T
|
|
304
304
|
},
|
|
305
|
-
registerController:
|
|
306
|
-
registerHookWatcher:
|
|
307
|
-
lastReloadedAt:
|
|
308
|
-
loadFormValues:
|
|
309
|
-
getWatchValue:
|
|
305
|
+
registerController: T,
|
|
306
|
+
registerHookWatcher: T,
|
|
307
|
+
lastReloadedAt: T,
|
|
308
|
+
loadFormValues: T,
|
|
309
|
+
getWatchValue: T,
|
|
310
310
|
channels: {}
|
|
311
|
-
}),
|
|
312
|
-
id:
|
|
313
|
-
control:
|
|
314
|
-
method:
|
|
315
|
-
action:
|
|
316
|
-
children:
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
311
|
+
}), yr = () => Ar(Sr), Mr = ({
|
|
312
|
+
id: s,
|
|
313
|
+
control: t,
|
|
314
|
+
method: o,
|
|
315
|
+
action: a,
|
|
316
|
+
children: c,
|
|
317
|
+
onChange: d,
|
|
318
|
+
onBlur: u,
|
|
319
|
+
onSubmit: g = () => {
|
|
320
320
|
},
|
|
321
|
-
|
|
321
|
+
onInput: i = () => {
|
|
322
322
|
},
|
|
323
|
-
|
|
323
|
+
onReset: E = () => {
|
|
324
324
|
},
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
return () => {
|
|
333
|
-
u(), o();
|
|
334
|
-
};
|
|
335
|
-
}, [s.lastReloadedAt]), /* @__PURE__ */ me.jsx(pe.Provider, { value: s, children: /* @__PURE__ */ me.jsx(
|
|
336
|
-
"form",
|
|
337
|
-
{
|
|
338
|
-
id: t,
|
|
339
|
-
ref: (u) => {
|
|
340
|
-
s.ref && (s.ref.current = u, u && s.initForm());
|
|
341
|
-
},
|
|
342
|
-
action: l,
|
|
343
|
-
method: a,
|
|
344
|
-
className: b,
|
|
345
|
-
onInput: g,
|
|
346
|
-
onSubmit: (u) => {
|
|
347
|
-
a || u.preventDefault();
|
|
348
|
-
const o = s.loadFormValues();
|
|
349
|
-
E(o);
|
|
350
|
-
},
|
|
351
|
-
onChange: (u) => {
|
|
352
|
-
const o = u.target.name;
|
|
353
|
-
!o || s.actions.getControlledFields().has(o) || s.actions.setValue(o, u.target.value);
|
|
354
|
-
},
|
|
355
|
-
onBlur: (u) => {
|
|
356
|
-
const o = u.target.name;
|
|
357
|
-
if (!o || s.actions.getControlledFields().has(o)) return;
|
|
358
|
-
const p = u.target.value;
|
|
359
|
-
s.channels.publish("onBlur", o, p, s.actions.getValues());
|
|
360
|
-
},
|
|
361
|
-
onReset: (u) => {
|
|
362
|
-
s.actions.reset(), F(u);
|
|
325
|
+
numberFields: l = [],
|
|
326
|
+
className: R,
|
|
327
|
+
...F
|
|
328
|
+
}) => {
|
|
329
|
+
const O = m(
|
|
330
|
+
(y) => {
|
|
331
|
+
t.ref && (t.ref.current = y, t.ref.current && t.initForm());
|
|
363
332
|
},
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
333
|
+
[t]
|
|
334
|
+
);
|
|
335
|
+
return fr(() => {
|
|
336
|
+
let y = () => {
|
|
337
|
+
}, S = () => {
|
|
338
|
+
};
|
|
339
|
+
return d && (y = t.channels.subscribe("onChange", d)), u && (S = t.channels.subscribe("onBlur", u)), () => {
|
|
340
|
+
y(), S();
|
|
341
|
+
};
|
|
342
|
+
}, [t.lastReloadedAt]), /* @__PURE__ */ hr.jsx(Sr.Provider, { value: t, children: /* @__PURE__ */ hr.jsx(
|
|
343
|
+
"form",
|
|
344
|
+
{
|
|
345
|
+
id: s,
|
|
346
|
+
ref: O,
|
|
347
|
+
action: a,
|
|
348
|
+
method: o,
|
|
349
|
+
className: R,
|
|
350
|
+
onInput: i,
|
|
351
|
+
onSubmit: (y) => {
|
|
352
|
+
o || y.preventDefault();
|
|
353
|
+
const S = t.loadFormValues();
|
|
354
|
+
g(S);
|
|
355
|
+
},
|
|
356
|
+
onChange: (y) => {
|
|
357
|
+
const S = y.target.name;
|
|
358
|
+
!S || t.actions.getControlledFields().has(S) || t.actions.setValue(S, y.target.value);
|
|
359
|
+
},
|
|
360
|
+
onBlur: (y) => {
|
|
361
|
+
const S = y.target.name;
|
|
362
|
+
if (!S || t.actions.getControlledFields().has(S)) return;
|
|
363
|
+
const w = y.target.value;
|
|
364
|
+
t.channels.publish("onBlur", S, w, t.actions.getValues());
|
|
365
|
+
},
|
|
366
|
+
onReset: (y) => {
|
|
367
|
+
t.actions.reset(), E(y);
|
|
368
|
+
},
|
|
369
|
+
...F,
|
|
370
|
+
children: c
|
|
377
371
|
},
|
|
378
|
-
|
|
379
|
-
)
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
},
|
|
372
|
+
t.lastReloadedAt
|
|
373
|
+
) });
|
|
374
|
+
}, lr = { isDirty: !1, isTouched: !1, error: null }, mr = {
|
|
375
|
+
lastReset: null,
|
|
376
|
+
isDirty: !1,
|
|
377
|
+
isError: !1,
|
|
378
|
+
errorFields: [],
|
|
379
|
+
dirtyFields: [],
|
|
380
|
+
touchedFields: []
|
|
381
|
+
}, Cr = {}, k = (s = {}, t = "") => t.split(".").reduce((o, a) => o && o[a] !== void 0 ? o[a] : void 0, s), $ = (s = {}, t = "", o) => {
|
|
382
|
+
const a = { ...s };
|
|
383
|
+
let c = a;
|
|
384
|
+
const d = t.split(".");
|
|
385
|
+
return d.forEach((u, g) => {
|
|
386
|
+
g < d.length - 1 ? (c[u] = c[u] ? { ...c[u] } : {}, c = c[u]) : c[u] = o;
|
|
387
|
+
}), a;
|
|
388
|
+
}, X = (s, t) => {
|
|
389
|
+
const o = k(s, t);
|
|
390
|
+
return typeof o == "object" && !Array.isArray(o);
|
|
391
|
+
}, Pr = ["errors", "fieldStates", "formState"], W = (s) => Pr.some((t) => s.startsWith(t)) ? s : "values." + s, Dr = [
|
|
398
392
|
"badInput",
|
|
399
393
|
"customError",
|
|
400
394
|
"patternMismatch",
|
|
@@ -405,288 +399,366 @@ const y = () => {
|
|
|
405
399
|
"tooShort",
|
|
406
400
|
"typeMismatch",
|
|
407
401
|
"valueMissing"
|
|
408
|
-
],
|
|
409
|
-
typeof
|
|
410
|
-
let
|
|
411
|
-
if (
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
}
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
return (l = this.events.get(s)) == null ? void 0 : l.delete(a);
|
|
427
|
-
};
|
|
428
|
-
}
|
|
429
|
-
subscribeWatch(s, a) {
|
|
430
|
-
this.watchEvents.has(s) || (this.watchEvents.set(s, /* @__PURE__ */ new Set()), this.watchEvents.get(s).add(a));
|
|
431
|
-
}
|
|
432
|
-
publish(s, ...a) {
|
|
433
|
-
this.events.forEach((l, h) => {
|
|
434
|
-
s.includes(h) && l.forEach((E) => E(...a));
|
|
435
|
-
}), this.watchEvents.forEach((l, h) => {
|
|
436
|
-
s.includes(h) && l.forEach((E) => E(...a));
|
|
437
|
-
});
|
|
438
|
-
}
|
|
439
|
-
reset() {
|
|
440
|
-
this.events.clear(), this.watchEvents.clear();
|
|
441
|
-
}
|
|
442
|
-
}
|
|
443
|
-
const De = () => {
|
|
444
|
-
const t = x(new Ve()), s = d((v, ...R) => {
|
|
445
|
-
t.current.publish(v, ...R);
|
|
446
|
-
}, []), a = d((v, R) => t.current.subscribe(v, R), []), l = d((v, R) => {
|
|
447
|
-
t.current.subscribeWatch(v, R);
|
|
448
|
-
}, []), h = d(() => t.current.getEvents(), []), E = d(() => t.current.getWatchEvents(), []), g = d(() => {
|
|
449
|
-
t.current.reset();
|
|
402
|
+
], Rr = (s) => {
|
|
403
|
+
typeof s.setCustomValidity == "function" && s.setCustomValidity("");
|
|
404
|
+
let t = s.validity, o = Dr.find((a) => t[a]);
|
|
405
|
+
if (o) return { type: o, message: s.validationMessage };
|
|
406
|
+
}, Yr = ({ control: s, name: t, compute: o }) => {
|
|
407
|
+
const { getWatchValue: a, registerHookWatcher: c } = s || yr(), d = a({ name: t, compute: o }), [u, g] = H(d);
|
|
408
|
+
return fr(() => c({ name: t, compute: o, value: u, setValue: g }), []), u;
|
|
409
|
+
}, Nr = ({ control: s, name: t, defaultValue: o }) => {
|
|
410
|
+
const { actions: a, registerController: c, channels: d, getWatchValue: u } = s || yr(), g = V(), i = V(), E = k(a.getDefaultValues(), t) || o || "", [l, R] = H(E), [F, O] = H({}), y = m(
|
|
411
|
+
(w, { shouldDirty: _ = !0, shouldOnChange: N = !0 } = {}) => {
|
|
412
|
+
var Y;
|
|
413
|
+
let I = w;
|
|
414
|
+
((Y = w == null ? void 0 : w.target) == null ? void 0 : Y.value) !== void 0 && (I = w.target.value), R(I), a.setValue(t, I, { shouldDirty: _, shouldOnChange: N });
|
|
415
|
+
},
|
|
416
|
+
[a.setValue]
|
|
417
|
+
), S = m((w) => {
|
|
418
|
+
const _ = a.getValues(), N = w ?? k(_, t);
|
|
419
|
+
d.publish("onBlur", t, N, _);
|
|
450
420
|
}, []);
|
|
451
|
-
return
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
}
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
c[u] = g({ name: u });
|
|
465
|
-
}), c;
|
|
466
|
-
}
|
|
467
|
-
return X(
|
|
468
|
-
{
|
|
469
|
-
...s(),
|
|
470
|
-
errors: { ...a() },
|
|
471
|
-
formState: { ...h() },
|
|
472
|
-
fieldStates: { ...l() }
|
|
473
|
-
},
|
|
474
|
-
f
|
|
475
|
-
);
|
|
476
|
-
}, []), v = d((f) => {
|
|
477
|
-
if (!f)
|
|
478
|
-
return t.subscribeWatch("values", () => E()), s();
|
|
479
|
-
if (typeof f == "string") {
|
|
480
|
-
const b = Y(f);
|
|
481
|
-
return t.subscribeWatch(b, () => E()), g({ name: f });
|
|
421
|
+
return fr(() => {
|
|
422
|
+
const w = c(t, R);
|
|
423
|
+
return () => {
|
|
424
|
+
w(), i.current && i.current();
|
|
425
|
+
};
|
|
426
|
+
}, []), new Proxy(
|
|
427
|
+
{ ref: g, name: t, defaultValue: E, value: l, onChange: y, onBlur: S, fieldState: F },
|
|
428
|
+
{
|
|
429
|
+
get(w, _, N) {
|
|
430
|
+
return typeof _ == "string" && _ === "fieldState" && (i.current && i.current(), i.current = a.subscribe(`fieldStates.${t}`, () => {
|
|
431
|
+
O(u({ name: `fieldStates.${t}` }));
|
|
432
|
+
})), Reflect.get(w, _, N);
|
|
433
|
+
}
|
|
482
434
|
}
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
435
|
+
);
|
|
436
|
+
}, Br = ({
|
|
437
|
+
name: s,
|
|
438
|
+
control: t,
|
|
439
|
+
defaultValue: o,
|
|
440
|
+
render: a = ({ ref: c, name: d, defaultValue: u, value: g, onChange: i, onBlur: E, fieldState: l }) => null
|
|
441
|
+
}) => {
|
|
442
|
+
const c = Nr({ name: s, defaultValue: o, control: t });
|
|
443
|
+
return a(c);
|
|
444
|
+
}, xr = () => {
|
|
445
|
+
const [s, t] = H(), o = m(() => t((/* @__PURE__ */ new Date()).toString()), []);
|
|
446
|
+
return [s, o];
|
|
447
|
+
}, Vr = () => {
|
|
448
|
+
const [, s] = H({});
|
|
449
|
+
return m(() => s({}), []);
|
|
450
|
+
}, $r = ({ channels: s, getWatchValue: t }) => {
|
|
451
|
+
const o = Vr(), a = m((u) => {
|
|
452
|
+
if (!u)
|
|
453
|
+
return s.subscribeWatch("values", () => o()), t();
|
|
454
|
+
if (typeof u == "string") {
|
|
455
|
+
const g = W(u);
|
|
456
|
+
s.subscribeWatch(g, (i, E) => {
|
|
457
|
+
i !== E && o();
|
|
458
|
+
});
|
|
489
459
|
}
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
460
|
+
return Array.isArray(u) && u.forEach((g) => {
|
|
461
|
+
const i = W(g);
|
|
462
|
+
s.subscribeWatch(i, (E, l) => {
|
|
463
|
+
E !== l && o();
|
|
464
|
+
});
|
|
465
|
+
}), t({ name: u });
|
|
466
|
+
}, []), c = m(({ name: u, compute: g, setValue: i }) => {
|
|
467
|
+
if (typeof g == "function")
|
|
468
|
+
return s.subscribe("values", () => {
|
|
469
|
+
const l = t({ compute: g });
|
|
470
|
+
i(l);
|
|
496
471
|
});
|
|
497
|
-
if (!
|
|
498
|
-
return
|
|
499
|
-
|
|
472
|
+
if (!u)
|
|
473
|
+
return s.subscribe("values", () => {
|
|
474
|
+
i(t());
|
|
500
475
|
});
|
|
501
|
-
if (typeof
|
|
502
|
-
const
|
|
503
|
-
return
|
|
504
|
-
const
|
|
505
|
-
|
|
476
|
+
if (typeof u == "string") {
|
|
477
|
+
const E = W(u);
|
|
478
|
+
return s.subscribe(E, () => {
|
|
479
|
+
const R = t({ name: u });
|
|
480
|
+
i(R);
|
|
506
481
|
});
|
|
507
482
|
}
|
|
508
|
-
if (Array.isArray(
|
|
509
|
-
const
|
|
510
|
-
return
|
|
511
|
-
const
|
|
512
|
-
const
|
|
513
|
-
|
|
483
|
+
if (Array.isArray(u)) {
|
|
484
|
+
const E = [];
|
|
485
|
+
return u.forEach((l) => {
|
|
486
|
+
const R = W(l), F = s.subscribe(R, () => {
|
|
487
|
+
const O = t({ name: u });
|
|
488
|
+
i(O);
|
|
514
489
|
});
|
|
515
|
-
|
|
516
|
-
}), () =>
|
|
490
|
+
E.push(F);
|
|
491
|
+
}), () => E.forEach((l) => l());
|
|
517
492
|
}
|
|
518
493
|
throw new Error("Parameters of name must be string or array of string or compute must be a function");
|
|
519
|
-
}, []),
|
|
520
|
-
if (!
|
|
521
|
-
return
|
|
522
|
-
if (
|
|
523
|
-
|
|
524
|
-
|
|
494
|
+
}, []), d = m((u, g) => {
|
|
495
|
+
if (!u)
|
|
496
|
+
return s.subscribe("values", () => g(t()));
|
|
497
|
+
if (["onChange", "onBlur"].includes(u))
|
|
498
|
+
return s.subscribe(u, g);
|
|
499
|
+
if (typeof u == "string") {
|
|
500
|
+
const i = W(u);
|
|
501
|
+
return s.subscribe(i, () => g(t({ name: u })));
|
|
525
502
|
}
|
|
526
|
-
if (Array.isArray(
|
|
527
|
-
const
|
|
528
|
-
return
|
|
529
|
-
const
|
|
530
|
-
|
|
503
|
+
if (Array.isArray(u)) {
|
|
504
|
+
const i = [];
|
|
505
|
+
return u.forEach((E) => {
|
|
506
|
+
const l = W(E), R = s.subscribe(l, () => {
|
|
507
|
+
g(t({ name: u }));
|
|
531
508
|
});
|
|
532
|
-
|
|
533
|
-
}), () =>
|
|
509
|
+
i.push(R);
|
|
510
|
+
}), () => i.forEach((E) => E());
|
|
534
511
|
}
|
|
535
512
|
throw new Error("Parameters of name must be string or array of string");
|
|
536
513
|
}, []);
|
|
537
|
-
return { watch:
|
|
538
|
-
},
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
514
|
+
return { watch: a, registerHookWatcher: c, getWatchValue: t, subscribe: d };
|
|
515
|
+
}, Wr = ({ getWatchValue: s }) => {
|
|
516
|
+
const t = V(/* @__PURE__ */ new Map()), o = V(/* @__PURE__ */ new Map()), a = m(() => o.current, []), c = m(() => t.current, []), d = m(() => {
|
|
517
|
+
t.current.clear(), o.current.clear();
|
|
518
|
+
}, []), u = m((l, ...R) => {
|
|
519
|
+
const F = t.current.get(l), O = o.current.get(l);
|
|
520
|
+
F && F.forEach((y) => y(...R)), O && O.forEach((y) => y(...R)), t.current.forEach((y, S) => {
|
|
521
|
+
if (S !== l && l.startsWith(S)) {
|
|
522
|
+
const w = s({ name: S.replace("values.", "").replace("values", "") });
|
|
523
|
+
y.forEach((_) => _($(w, l.replace(`${S}.`, ""), R[0])));
|
|
524
|
+
}
|
|
525
|
+
}), o.current.forEach((y, S) => {
|
|
526
|
+
if (S !== l && l.startsWith(S)) {
|
|
527
|
+
const w = s({ name: S.replace("values.", "").replace("values", "") });
|
|
528
|
+
y.forEach((_) => _($(w, l.replace(`${S}.`, ""), R[0])));
|
|
529
|
+
}
|
|
530
|
+
});
|
|
531
|
+
}, []), g = m((l) => {
|
|
532
|
+
t.current.forEach((R, F) => {
|
|
533
|
+
F.startsWith(l) && R.forEach((O) => O(s({ name: F.replace("values.", "").replace("values", "") })));
|
|
534
|
+
}), o.current.forEach((R, F) => {
|
|
535
|
+
F.startsWith(l) && R.forEach((O) => O(s({ name: F.replace("values.", "").replace("values", "") })));
|
|
536
|
+
});
|
|
537
|
+
}, []), i = m((l, R) => (t.current.has(l) || t.current.set(l, /* @__PURE__ */ new Set()), t.current.get(l).add(R), () => {
|
|
538
|
+
var F;
|
|
539
|
+
return (F = t.current.get(l)) == null ? void 0 : F.delete(R);
|
|
540
|
+
}), []), E = m((l, R) => {
|
|
541
|
+
o.current.has(l) || (o.current.set(l, /* @__PURE__ */ new Set()), o.current.get(l).add(R));
|
|
542
|
+
}, []);
|
|
543
|
+
return { reset: d, publish: u, subscribe: i, subscribeWatch: E, getEvents: c, getWatchEvents: a, trigger: g };
|
|
544
|
+
}, vr = (s, t = {}, o = "") => !!Object.keys(t).find((a) => {
|
|
545
|
+
const c = t[a];
|
|
546
|
+
return X(s, o + a) ? vr(s, c, o + a + ".") : !!c.isDirty;
|
|
547
|
+
}), nr = (s, t = {}, o = "") => !!Object.keys(t).find((a) => {
|
|
548
|
+
const c = t[a];
|
|
549
|
+
return X(s, o + a) ? nr(s, c, o + a + ".") : !!c;
|
|
550
|
+
}), Fr = (s, t = {}, o = "") => Object.keys(t).reduce((a, c) => {
|
|
551
|
+
const d = t[c];
|
|
552
|
+
return X(s, o + c) ? [...a, ...Fr(s, d, o + c + ".")] : d.isDirty ? [...a, o + c] : a;
|
|
553
|
+
}, []), pr = (s, t = {}, o = "") => Object.keys(t).reduce((a, c) => {
|
|
554
|
+
const d = t[c];
|
|
555
|
+
return X(s, o + c) ? [...a, ...pr(s, d, o + c + ".")] : d.isTouched ? [...a, o + c] : a;
|
|
556
|
+
}, []), Tr = (s, t = {}, o = "") => Object.keys(t).reduce((a, c) => {
|
|
557
|
+
const d = t[c];
|
|
558
|
+
return X(s, o + c) ? [...a, ...Tr(s, d, o + c + ".")] : d ? [...a, o + c] : a;
|
|
559
|
+
}, []), Lr = ({ defaultValues: s = Cr, shouldUnRegister: t = !1 } = {}) => {
|
|
560
|
+
const [o, a] = xr(), c = V(), d = V(/* @__PURE__ */ new Map()), u = V({}), g = V({}), i = V({ ...mr }), E = V({ ...s }), l = V({ ...s }), R = m((e, n = l.current) => Object.keys(n).reduce((f, b) => {
|
|
561
|
+
if (typeof n[b] == "object")
|
|
562
|
+
return { ...f, [b]: R(e, n[b]) };
|
|
563
|
+
const j = { ...e ? {} : g.current[b] || {}, ...lr };
|
|
564
|
+
return { ...f, [b]: j };
|
|
565
|
+
}, {}), []), F = m(
|
|
566
|
+
(e = {}, { clearCustomFormStates: n = !1, clearCustomFieldStates: f = !1 } = {}) => {
|
|
567
|
+
l.current = { ...l.current, ...e }, E.current = { ...l.current }, d.current.forEach((b, j) => {
|
|
568
|
+
b(k(l.current, j) ?? "");
|
|
569
|
+
}), u.current = {}, i.current = { ...n ? {} : i.current, ...mr }, d.current = /* @__PURE__ */ new Map(), p.reset(), g.current = R(f), a();
|
|
561
570
|
},
|
|
562
571
|
[]
|
|
563
|
-
),
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
})
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
572
|
+
), O = m(() => {
|
|
573
|
+
let e = Object.fromEntries(new FormData(c.current));
|
|
574
|
+
d.current.forEach((f, b) => {
|
|
575
|
+
e = $(e, b, k(E.current, b));
|
|
576
|
+
});
|
|
577
|
+
let n = { ...E.current, ...e };
|
|
578
|
+
return Object.keys(n).forEach((f) => {
|
|
579
|
+
if (f.includes(".")) {
|
|
580
|
+
const b = k(n, f);
|
|
581
|
+
n = $(n, f, b || ""), delete n[f];
|
|
582
|
+
}
|
|
583
|
+
}), n;
|
|
584
|
+
}, []), y = m((e) => Rr(e.target), []), S = m(() => l.current, []), w = m(() => d.current, []), _ = m((e, n) => n ? Array.isArray(n) ? n.reduce((f, b) => ({ ...f, [b]: k(e, b) }), {}) : k(e, n) : { ...e }, []), N = m((e) => _(E.current, e), [_]), I = m((e) => _(u.current, e), [_]), Y = m((e) => _(g.current, e), [_]), Z = m(
|
|
585
|
+
(e) => _({ ...i.current, lastReset: o }, e),
|
|
586
|
+
[o]
|
|
587
|
+
), B = m(({ name: e, compute: n } = {}) => {
|
|
588
|
+
if (!e && !n || e === "values") return N();
|
|
589
|
+
if (typeof n == "function") return n(N());
|
|
590
|
+
if (Array.isArray(e)) {
|
|
591
|
+
const f = {};
|
|
592
|
+
return e.forEach((b) => {
|
|
593
|
+
f[b] = B({ name: b });
|
|
594
|
+
}), f;
|
|
595
|
+
}
|
|
596
|
+
return k(
|
|
597
|
+
{
|
|
598
|
+
...E.current,
|
|
599
|
+
errors: u.current,
|
|
600
|
+
fieldStates: g.current,
|
|
601
|
+
formState: Z()
|
|
602
|
+
},
|
|
603
|
+
e
|
|
604
|
+
);
|
|
605
|
+
}, []), p = Wr({ getWatchValue: B }), { watch: U, registerHookWatcher: sr, subscribe: or } = $r({ getWatchValue: B, channels: p }), q = m((e, n) => {
|
|
606
|
+
const f = i.current, b = k(f, e);
|
|
607
|
+
b !== n && (i.current = $(i.current, e, n), p.publish(`formState.${e}`, n, b));
|
|
608
|
+
}, []), P = m((e, n, f) => {
|
|
609
|
+
try {
|
|
610
|
+
const b = k(g.current, e) || { ...lr }, j = k(b, n);
|
|
611
|
+
if (j !== f) {
|
|
612
|
+
if (g.current = $(g.current, `${e}.${n}`, f), p.publish(`fieldStates.${e}.${n}`, f, j), n === "error") {
|
|
613
|
+
const C = Tr(E.current, u.current);
|
|
614
|
+
i.current.errorFields = C, p.publish("formState.errorFields", C);
|
|
615
|
+
}
|
|
616
|
+
if (n === "isDirty") {
|
|
617
|
+
const C = Fr(E.current, g.current);
|
|
618
|
+
i.current.dirtyFields = C, p.publish("formState.dirtyFields", C);
|
|
619
|
+
}
|
|
620
|
+
if (n === "isTouched") {
|
|
621
|
+
const C = pr(E.current, g.current);
|
|
622
|
+
i.current.touchedFields = C, p.publish("formState.touchedFields", C);
|
|
623
|
+
}
|
|
624
|
+
}
|
|
625
|
+
} catch (b) {
|
|
626
|
+
console.log(b);
|
|
627
|
+
}
|
|
628
|
+
}, []), ur = m((e) => {
|
|
629
|
+
P(e, "isDirty", !1), P(e, "isTouched", !1), P(e, "error", null);
|
|
630
|
+
}, []), L = m((e, n) => {
|
|
631
|
+
try {
|
|
632
|
+
const f = k(u.current, e);
|
|
633
|
+
if (f === n) return;
|
|
634
|
+
u.current = $(u.current, e, n), p.publish(`errors.${e}`, n, f), P(e, "error", n);
|
|
635
|
+
const b = nr(E.current, u.current);
|
|
636
|
+
if (i.current.isError !== b) {
|
|
637
|
+
const j = i.current.isError;
|
|
638
|
+
i.current.isError = b, p.publish("formState.isError", b, j);
|
|
639
|
+
}
|
|
640
|
+
} catch (f) {
|
|
641
|
+
console.error(f);
|
|
642
|
+
}
|
|
643
|
+
}, []), M = m((e) => {
|
|
644
|
+
try {
|
|
645
|
+
const n = k(u.current, e);
|
|
646
|
+
if (!n) return;
|
|
647
|
+
u.current = $(u.current, e, null), p.publish(`errors.${e}`, null, n), P(e, "error", null);
|
|
648
|
+
const f = nr(E.current, u.current);
|
|
649
|
+
if (i.current.isError !== f) {
|
|
650
|
+
const b = i.current.isError;
|
|
651
|
+
i.current.isError = f, p.publish("formState.isError", f, b);
|
|
652
|
+
}
|
|
653
|
+
} catch (n) {
|
|
654
|
+
console.error(n);
|
|
655
|
+
}
|
|
656
|
+
}, []), Q = m(() => {
|
|
657
|
+
if (!i.current.isError) return;
|
|
658
|
+
Object.keys(u.current).forEach((n) => M(n)), u.current = {};
|
|
659
|
+
const e = nr(E.current, u.current);
|
|
660
|
+
if (i.current.isError !== e) {
|
|
661
|
+
const n = i.current.isError;
|
|
662
|
+
i.current.isError = e, p.publish("formState.isError", e, n);
|
|
663
|
+
}
|
|
664
|
+
}, []), K = m((e) => {
|
|
665
|
+
const n = Rr(e.target);
|
|
666
|
+
n ? L(e.target.name, n) : M(e.target.name);
|
|
667
|
+
}, []), rr = m((e, n, { shouldDirty: f = !0, shouldOnChange: b = !0 } = {}) => {
|
|
668
|
+
const j = k(E.current, e);
|
|
669
|
+
if (n === j) return;
|
|
670
|
+
if (P(e, "isTouched", !0), f) {
|
|
671
|
+
const ar = n !== (k(l.current, e) || "");
|
|
672
|
+
P(e, "isDirty", ar);
|
|
673
|
+
}
|
|
674
|
+
E.current = $(E.current, e, n), p.publish(`values.${e}`, n, j);
|
|
675
|
+
const C = d.current.get(e);
|
|
676
|
+
C && C(n), b && p.publish("onChange", e, n, E.current);
|
|
677
|
+
const cr = vr(E.current, g.current);
|
|
678
|
+
if (i.current.isDirty !== cr) {
|
|
679
|
+
const ar = i.current.isDirty;
|
|
680
|
+
i.current.isDirty = cr, p.publish("formState.isDirty", cr, ar);
|
|
681
|
+
}
|
|
682
|
+
}, []), er = m((e, n) => (d.current.set(e, n), g.current = $(g.current, e, { ...lr }), () => {
|
|
683
|
+
t && d.current.delete(e);
|
|
684
|
+
}), []), r = m((e, { keepError: n, keepDirty: f, keepTouched: b, defaultValue: j }) => {
|
|
685
|
+
const C = d.current.get(e);
|
|
686
|
+
if (!C)
|
|
687
|
+
throw new Error(`Cannot reset "${e}" because it's uncontrolled field`);
|
|
688
|
+
l.current[e] = j, E.current[e] = j, C && C(j), n || M(e), f || P(e, "isDirty", !1), b || P(e, "isTouched", !1);
|
|
689
|
+
}, []), h = m((e) => {
|
|
690
|
+
if (!e) return p.trigger("values");
|
|
691
|
+
if (!Array.isArray(e)) {
|
|
692
|
+
const n = W(e);
|
|
693
|
+
p.trigger(n);
|
|
694
|
+
return;
|
|
695
|
+
}
|
|
696
|
+
e.forEach((n) => {
|
|
697
|
+
const f = W(n);
|
|
698
|
+
p.trigger(f);
|
|
699
|
+
});
|
|
700
|
+
}, []), v = m((e, n = A.getValues(e)) => {
|
|
701
|
+
p.publish("onBlur", e, n, A.getValues());
|
|
702
|
+
}, []), A = ir(
|
|
630
703
|
() => ({
|
|
631
|
-
subscribe:
|
|
632
|
-
reset:
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
getFieldValidity:
|
|
646
|
-
getDefaultValues:
|
|
647
|
-
setFieldState:
|
|
648
|
-
triggerFieldBlur:
|
|
649
|
-
resetFieldState:
|
|
650
|
-
getControlledFields:
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
getEvents: o.getEvents,
|
|
655
|
-
getWatchEvents: o.getWatchEvents
|
|
704
|
+
subscribe: or,
|
|
705
|
+
reset: F,
|
|
706
|
+
trigger: h,
|
|
707
|
+
reload: a,
|
|
708
|
+
resetField: r,
|
|
709
|
+
setValue: rr,
|
|
710
|
+
getValues: N,
|
|
711
|
+
getErrors: I,
|
|
712
|
+
getFieldStates: Y,
|
|
713
|
+
getFormState: Z,
|
|
714
|
+
setError: L,
|
|
715
|
+
clearError: M,
|
|
716
|
+
clearErrors: Q,
|
|
717
|
+
checkValidity: K,
|
|
718
|
+
getFieldValidity: y,
|
|
719
|
+
getDefaultValues: S,
|
|
720
|
+
setFieldState: P,
|
|
721
|
+
triggerFieldBlur: v,
|
|
722
|
+
resetFieldState: ur,
|
|
723
|
+
getControlledFields: w,
|
|
724
|
+
setFormState: q,
|
|
725
|
+
getEvents: p.getEvents,
|
|
726
|
+
getWatchEvents: p.getWatchEvents
|
|
656
727
|
}),
|
|
657
|
-
[
|
|
658
|
-
),
|
|
659
|
-
[...
|
|
660
|
-
|
|
728
|
+
[o]
|
|
729
|
+
), x = m(() => {
|
|
730
|
+
[...c.current.querySelectorAll("[name]")].forEach((f) => {
|
|
731
|
+
const b = f.name;
|
|
732
|
+
!f.defaultValue && !d.current.has(b) && k(l.current, b) && (f.defaultValue = k(l.current, b));
|
|
661
733
|
});
|
|
662
|
-
const n =
|
|
663
|
-
|
|
664
|
-
}, []),
|
|
734
|
+
const n = O();
|
|
735
|
+
E.current = { ...n }, l.current = { ...n };
|
|
736
|
+
}, []), D = ir(
|
|
665
737
|
() => ({
|
|
666
|
-
ref:
|
|
667
|
-
watch:
|
|
668
|
-
actions:
|
|
669
|
-
initForm:
|
|
670
|
-
registerController:
|
|
671
|
-
registerHookWatcher:
|
|
672
|
-
lastReloadedAt:
|
|
673
|
-
loadFormValues:
|
|
674
|
-
getWatchValue:
|
|
675
|
-
channels:
|
|
738
|
+
ref: c,
|
|
739
|
+
watch: U,
|
|
740
|
+
actions: A,
|
|
741
|
+
initForm: x,
|
|
742
|
+
registerController: er,
|
|
743
|
+
registerHookWatcher: sr,
|
|
744
|
+
lastReloadedAt: o,
|
|
745
|
+
loadFormValues: O,
|
|
746
|
+
getWatchValue: B,
|
|
747
|
+
channels: p
|
|
676
748
|
}),
|
|
677
|
-
[
|
|
678
|
-
),
|
|
679
|
-
return
|
|
680
|
-
|
|
681
|
-
}, [
|
|
682
|
-
|
|
683
|
-
}, []),
|
|
749
|
+
[o]
|
|
750
|
+
), J = ir(() => ({ control: D, actions: A, watch: U }), [o]);
|
|
751
|
+
return dr(() => {
|
|
752
|
+
c.current && x();
|
|
753
|
+
}, [o]), dr(() => {
|
|
754
|
+
g.current = R(!1);
|
|
755
|
+
}, []), J;
|
|
684
756
|
};
|
|
685
757
|
export {
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
758
|
+
Br as Controller,
|
|
759
|
+
Mr as Form,
|
|
760
|
+
Nr as useController,
|
|
761
|
+
Lr as useForm,
|
|
762
|
+
yr as useFormContext,
|
|
763
|
+
Yr as useWatch
|
|
692
764
|
};
|