@paragrav/rhf-utils 0.0.93 → 0.0.95
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/dist/esm/client/config/useRhfUtilsClientConfigContext.mjs +10 -0
- package/dist/esm/client/index.mjs +3 -4
- package/dist/esm/client/zod/context/RhfUtilsClientForZodContextProvider.mjs +12 -11
- package/dist/esm/client/zod/createRhfUtilsClientForZod.mjs +2 -2
- package/dist/esm/devtool/LazyDevTool.mjs +14 -7
- package/dist/esm/errors/flat/context/FlatFieldErrorsContextProvider.mjs +14 -12
- package/dist/esm/errors/flat/useFlatFieldErrorsOutput.mjs +24 -0
- package/dist/esm/errors/output/consoleErrors.mjs +6 -0
- package/dist/esm/errors/useFormRequestSubmit.mjs +5 -5
- package/dist/esm/exports.mjs +58 -84
- package/dist/esm/form/Form.mjs +62 -55
- package/dist/esm/form/context/utils/FormUtilsContextProvider.mjs +23 -30
- package/dist/esm/form/useForm.mjs +13 -15
- package/dist/esm/submit/useFormOnSubmitSuccessfulAndReset.mjs +9 -9
- package/dist/esm/submit/useResetFormOnSubmitError.mjs +4 -4
- package/dist/esm/submit/useResetFormOnSubmitSuccessful.mjs +9 -9
- package/dist/esm/submit/useSubmitFormOnChange.mjs +5 -5
- package/dist/types/client/{config.d.ts → config/RhfUtilsClientConfig.d.ts} +20 -5
- package/dist/types/client/config/useRhfUtilsClientConfigContext.d.ts +5 -0
- package/dist/types/client/index.d.ts +2 -2
- package/dist/types/client/zod/context/RhfUtilsClientForZodContextProvider.d.ts +2 -2
- package/dist/types/client/zod/createRhfUtilsClientForZod.d.ts +1 -1
- package/dist/types/devtool/LazyDevTool.d.ts +3 -1
- package/dist/types/errors/flat/context/FlatFieldErrorsContextProvider.d.ts +0 -1
- package/dist/types/errors/flat/useFlatFieldErrorsOutput.d.ts +5 -0
- package/dist/types/errors/output/consoleErrors.d.ts +8 -0
- package/dist/types/errors/output/types.d.ts +14 -0
- package/dist/types/exports.d.ts +1 -14
- package/dist/types/form/Form.d.ts +2 -2
- package/dist/types/form/_FormBase.d.ts +2 -2
- package/dist/types/form/useForm.d.ts +1 -3
- package/package.json +1 -7
- package/dist/esm/env-conditions/production.mjs +0 -4
- package/dist/esm/errors/consoleErrors.mjs +0 -9
- package/dist/esm/errors/orphan/useOrphanFormErrorsToConsole.mjs +0 -17
- package/dist/esm/errors/outputErrors.mjs +0 -7
- package/dist/esm/errors/useFormErrorConsoleDebug.mjs +0 -10
- package/dist/esm/errors/useFormErrorsToConsole.mjs +0 -25
- package/dist/types/env-conditions/development.d.ts +0 -7
- package/dist/types/env-conditions/production.d.ts +0 -1
- package/dist/types/form/_Form.d.ts +0 -11
- package/dist/types/form/_FormProviders.d.ts +0 -12
|
@@ -19,10 +19,9 @@ const v = (s) => (r) => {
|
|
|
19
19
|
FormWithProviders: l(s, r)
|
|
20
20
|
};
|
|
21
21
|
}, d = (s, r) => function(n, o) {
|
|
22
|
-
var t, e, m,
|
|
22
|
+
var t, e, m, f, u;
|
|
23
23
|
return {
|
|
24
24
|
...o,
|
|
25
|
-
config: r,
|
|
26
25
|
rhf: {
|
|
27
26
|
...(t = r.defaultOptions) == null ? void 0 : t.rhf,
|
|
28
27
|
...o.rhf,
|
|
@@ -32,8 +31,8 @@ const v = (s) => (r) => {
|
|
|
32
31
|
...(e = r.defaultOptions) == null ? void 0 : e.form,
|
|
33
32
|
...o.options,
|
|
34
33
|
classNames: [
|
|
35
|
-
...((
|
|
36
|
-
...((
|
|
34
|
+
...((f = (m = r.defaultOptions) == null ? void 0 : m.form) == null ? void 0 : f.classNames) ?? [],
|
|
35
|
+
...((u = o.options) == null ? void 0 : u.classNames) ?? []
|
|
37
36
|
]
|
|
38
37
|
}
|
|
39
38
|
};
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import e from "react";
|
|
3
|
+
import { _RhfUtilsClientConfigContextProvider as l } from "../../config/useRhfUtilsClientConfigContext.mjs";
|
|
4
|
+
import f from "../createRhfUtilsClientForZod.mjs";
|
|
5
|
+
import { _RhfUtilsClientForZodContextProvider as s } from "./useRhfUtilsClientForZodContext.mjs";
|
|
6
|
+
const d = ({
|
|
7
|
+
config: r,
|
|
8
|
+
children: i
|
|
8
9
|
}) => {
|
|
9
|
-
const [r] =
|
|
10
|
-
return /* @__PURE__ */
|
|
11
|
-
},
|
|
10
|
+
const [t] = e.useState(r), [n] = e.useState(() => f(t));
|
|
11
|
+
return /* @__PURE__ */ o(l, { value: t, children: /* @__PURE__ */ o(s, { value: n, children: i }) });
|
|
12
|
+
}, p = d;
|
|
12
13
|
export {
|
|
13
|
-
|
|
14
|
+
p as default
|
|
14
15
|
};
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import "react-hook-form";
|
|
4
|
-
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import e from "react";
|
|
3
|
+
import { useFormContext as n } from "react-hook-form";
|
|
4
|
+
const a = e.lazy(
|
|
5
5
|
() => import("@hookform/devtools").then((o) => ({
|
|
6
6
|
default: o.DevTool
|
|
7
7
|
}))
|
|
8
|
-
)
|
|
9
|
-
|
|
8
|
+
), s = ({
|
|
9
|
+
isDevelopment: o,
|
|
10
|
+
...l
|
|
11
|
+
}) => {
|
|
12
|
+
if (!o)
|
|
13
|
+
return null;
|
|
14
|
+
const { control: r } = n();
|
|
15
|
+
return /* @__PURE__ */ t(e.Suspense, { fallback: null, children: /* @__PURE__ */ t(a, { control: r, ...l }) });
|
|
16
|
+
}, u = s;
|
|
10
17
|
export {
|
|
11
|
-
|
|
18
|
+
u as default
|
|
12
19
|
};
|
|
@@ -1,21 +1,23 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import l from "../../orphan/getOrphansFromFlatFieldErrors.mjs";
|
|
3
3
|
import F from "../../root/getRootsFromFlatFieldErrors.mjs";
|
|
4
4
|
import a from "../../useFormErrorsTransformMemo.mjs";
|
|
5
|
-
import
|
|
6
|
-
import { _FormErrorsFlatContextProvider as
|
|
7
|
-
const
|
|
5
|
+
import i from "../getFlatFieldErrors.mjs";
|
|
6
|
+
import { _FormErrorsFlatContextProvider as n } from "./useFlatFieldErrorsContext.mjs";
|
|
7
|
+
const x = ({
|
|
8
8
|
formRef: o,
|
|
9
9
|
children: t
|
|
10
10
|
}) => {
|
|
11
|
-
const e = a((
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
const e = a((m) => {
|
|
12
|
+
const r = i(m);
|
|
13
|
+
return {
|
|
14
|
+
all: r,
|
|
15
|
+
roots: F(r),
|
|
16
|
+
orphans: o.current ? l(r, o.current) : {}
|
|
17
|
+
};
|
|
16
18
|
});
|
|
17
|
-
return /* @__PURE__ */
|
|
18
|
-
}
|
|
19
|
+
return /* @__PURE__ */ s(n, { value: e, children: t });
|
|
20
|
+
};
|
|
19
21
|
export {
|
|
20
|
-
|
|
22
|
+
x as default
|
|
21
23
|
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { useFormContext as a } from "react-hook-form";
|
|
2
|
+
import f from "../../client/config/useRhfUtilsClientConfigContext.mjs";
|
|
3
|
+
import c from "../../utils/isEmptyObject.mjs";
|
|
4
|
+
import h from "../output/consoleErrors.mjs";
|
|
5
|
+
import C from "./context/useFlatFieldErrorsContext.mjs";
|
|
6
|
+
const w = () => {
|
|
7
|
+
var n, m, p, l;
|
|
8
|
+
const u = a(), o = f(), e = C(), s = {
|
|
9
|
+
isDevelopment: o == null ? void 0 : o.isDevelopment,
|
|
10
|
+
hasOrphans: !c(e.orphans)
|
|
11
|
+
}, t = (m = o == null ? void 0 : (n = o.errors.output.console).getConfig) == null ? void 0 : m.call(n, s);
|
|
12
|
+
t && h(
|
|
13
|
+
t.message ?? i,
|
|
14
|
+
u.getValues(),
|
|
15
|
+
e,
|
|
16
|
+
t.type
|
|
17
|
+
);
|
|
18
|
+
const r = (l = o == null ? void 0 : (p = o.errors.output.throw).getConfig) == null ? void 0 : l.call(p, s);
|
|
19
|
+
if (r)
|
|
20
|
+
throw new Error(typeof r == "string" ? r : i);
|
|
21
|
+
}, i = "Form errors";
|
|
22
|
+
export {
|
|
23
|
+
w as default
|
|
24
|
+
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
const
|
|
1
|
+
const u = (t) => (r) => {
|
|
2
2
|
if (!t.current)
|
|
3
3
|
throw new Error();
|
|
4
|
-
|
|
5
|
-
},
|
|
6
|
-
t.requestSubmit(
|
|
4
|
+
e(t.current, r);
|
|
5
|
+
}, e = (t, r) => {
|
|
6
|
+
t.requestSubmit(r);
|
|
7
7
|
};
|
|
8
8
|
export {
|
|
9
|
-
|
|
9
|
+
u as default
|
|
10
10
|
};
|
package/dist/esm/exports.mjs
CHANGED
|
@@ -1,92 +1,66 @@
|
|
|
1
1
|
import { default as e } from "./client/zod/context/RhfUtilsClientForZodContextProvider.mjs";
|
|
2
2
|
import { default as s } from "./client/zod/context/RhfUtilsZodFormWithProviders.mjs";
|
|
3
|
-
import { default as
|
|
3
|
+
import { default as f } from "./client/zod/context/useRhfUtilsClientForZodContext.mjs";
|
|
4
4
|
import { default as m } from "./client/zod/context/useRhfUtilsZodForm.mjs";
|
|
5
|
-
import { default as d } from "./
|
|
6
|
-
import { default as x } from "./
|
|
7
|
-
import { default as i } from "./errors/flat/
|
|
8
|
-
import { default as E } from "./errors/
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as P } from "./errors/
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as N } from "./
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import { default as J } from "./
|
|
24
|
-
import { default as Q } from "./form/
|
|
25
|
-
import { default as X } from "./form/
|
|
26
|
-
import { default as _ } from "./form/
|
|
27
|
-
import { default as rr } from "./form/
|
|
28
|
-
import { default as er } from "./form/context/
|
|
29
|
-
import { default as sr } from "./form/context/
|
|
30
|
-
import { default as
|
|
31
|
-
import {
|
|
32
|
-
import { default as dr } from "./
|
|
33
|
-
import { default as xr } from "./form/context/group/useFormGroupChildTracker.mjs";
|
|
34
|
-
import { default as ir } from "./form/context/group/useFormGroupIsAnyBusy.mjs";
|
|
35
|
-
import { default as Er } from "./form/context/group/useFormGroupIsChildBusy.mjs";
|
|
36
|
-
import { default as hr } from "./form/context/group/useFormGroupIsParentBusy.mjs";
|
|
37
|
-
import { default as Sr } from "./form/context/group/useFormGroupParentTracker.mjs";
|
|
38
|
-
import { default as Pr } from "./form/context/group/useFormOrParentIsBusy.mjs";
|
|
39
|
-
import { default as yr } from "./form/utils/getSubmitterButtonData.mjs";
|
|
40
|
-
import { FormSubmitError as Or } from "./submit/error/FormSubmitError.mjs";
|
|
41
|
-
import { default as Gr } from "./submit/useFormOnSubmitSuccessful.mjs";
|
|
42
|
-
import { default as Tr } from "./submit/useFormOnSubmitSuccessfulAndReset.mjs";
|
|
43
|
-
import { default as gr } from "./submit/useResetFormOnSubmitError.mjs";
|
|
44
|
-
import { default as Br } from "./submit/useResetFormOnSubmitSuccessful.mjs";
|
|
45
|
-
import { default as Zr } from "./submit/useSubmitFormOnChange.mjs";
|
|
5
|
+
import { default as d } from "./devtool/LazyDevTool.mjs";
|
|
6
|
+
import { default as x } from "./errors/flat/context/useFlatFieldErrorsContext.mjs";
|
|
7
|
+
import { default as i } from "./errors/flat/FlatFieldErrorsList.mjs";
|
|
8
|
+
import { default as E } from "./errors/message/FormErrorMessage.mjs";
|
|
9
|
+
import { default as C } from "./errors/message/FormErrorMessageByPath.mjs";
|
|
10
|
+
import { default as G } from "./errors/nonfield/FormNonFieldErrorMarker.mjs";
|
|
11
|
+
import { default as P } from "./errors/nonfield/FormNonFieldErrorMarkerHtmlAttribute.mjs";
|
|
12
|
+
import { default as I } from "./errors/orphan/useFormHasOnlyOrphanFieldErrorsMemo.mjs";
|
|
13
|
+
import { default as B } from "./errors/orphan/useOrphanFormErrorsMemo.mjs";
|
|
14
|
+
import { default as b } from "./errors/root/RootErrorsListFromFlatFieldErrorsContext.mjs";
|
|
15
|
+
import { default as O } from "./errors/root/useRootFormFieldErrorsMemo.mjs";
|
|
16
|
+
import { default as T } from "./errors/useFormErrorsEffect.mjs";
|
|
17
|
+
import { default as g } from "./errors/useFormErrorsIfAny.mjs";
|
|
18
|
+
import { default as A } from "./form/FormWithProviders.mjs";
|
|
19
|
+
import { default as D } from "./form/useForm.mjs";
|
|
20
|
+
import { default as N } from "./form/context/utils/useFormUtilsContext.mjs";
|
|
21
|
+
import { default as z } from "./form/context/group/FormGroupContextProvider.mjs";
|
|
22
|
+
import { default as q } from "./form/context/group/useFormGroupChildIsMountedTracker.mjs";
|
|
23
|
+
import { default as J } from "./form/context/group/useFormGroupChildIsSubmittingTracker.mjs";
|
|
24
|
+
import { default as Q } from "./form/context/group/useFormGroupChildTracker.mjs";
|
|
25
|
+
import { default as X } from "./form/context/group/useFormGroupIsAnyBusy.mjs";
|
|
26
|
+
import { default as _ } from "./form/context/group/useFormGroupIsChildBusy.mjs";
|
|
27
|
+
import { default as rr } from "./form/context/group/useFormGroupIsParentBusy.mjs";
|
|
28
|
+
import { default as er } from "./form/context/group/useFormGroupParentTracker.mjs";
|
|
29
|
+
import { default as sr } from "./form/context/group/useFormOrParentIsBusy.mjs";
|
|
30
|
+
import { default as fr } from "./form/utils/getSubmitterButtonData.mjs";
|
|
31
|
+
import { FormSubmitError as mr } from "./submit/error/FormSubmitError.mjs";
|
|
32
|
+
import { default as dr } from "./submit/useFormOnSubmitSuccessful.mjs";
|
|
46
33
|
export {
|
|
47
|
-
i as
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
Or as FormSubmitError,
|
|
57
|
-
er as FormUtilsContextProvider,
|
|
58
|
-
_ as FormWithProviders,
|
|
59
|
-
x as LazyDevTool,
|
|
34
|
+
i as FlatFieldErrorsList,
|
|
35
|
+
E as FormErrorMessage,
|
|
36
|
+
C as FormErrorMessageByPath,
|
|
37
|
+
z as FormGroupContextProvider,
|
|
38
|
+
G as FormNonFieldErrorMarker,
|
|
39
|
+
P as FormNonFieldErrorMarkerHtmlAttribute,
|
|
40
|
+
mr as FormSubmitError,
|
|
41
|
+
A as FormWithProviders,
|
|
42
|
+
d as LazyDevTool,
|
|
60
43
|
e as RhfUtilsClientForZodContextProvider,
|
|
61
44
|
s as RhfUtilsZodFormWithProviders,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
Pr as useFormOrParentIsBusy,
|
|
82
|
-
J as useFormRequestSubmit,
|
|
83
|
-
sr as useFormUtilsContext,
|
|
84
|
-
T as useOrphanFormErrorsMemo,
|
|
85
|
-
g as useOrphanFormErrorsToConsole,
|
|
86
|
-
Br as useResetFormAfterSubmitSuccessful,
|
|
87
|
-
gr as useResetFormOnSubmitError,
|
|
88
|
-
u as useRhfUtilsClientForZodContext,
|
|
45
|
+
b as RootErrorsListFromFlatFieldErrorsContext,
|
|
46
|
+
fr as getSubmitterButtonData,
|
|
47
|
+
x as useFlatFieldErrorsContext,
|
|
48
|
+
D as useForm,
|
|
49
|
+
T as useFormErrorsEffect,
|
|
50
|
+
g as useFormErrorsIfAny,
|
|
51
|
+
q as useFormGroupChildIsMountedTracker,
|
|
52
|
+
J as useFormGroupChildIsSubmittingTracker,
|
|
53
|
+
Q as useFormGroupChildTracker,
|
|
54
|
+
X as useFormGroupIsAnyBusy,
|
|
55
|
+
_ as useFormGroupIsChildBusy,
|
|
56
|
+
rr as useFormGroupIsParentBusy,
|
|
57
|
+
er as useFormGroupParentTracker,
|
|
58
|
+
I as useFormHasOnlyOrphanFieldErrorsMemo,
|
|
59
|
+
dr as useFormOnSubmitSuccessful,
|
|
60
|
+
sr as useFormOrParentIsBusy,
|
|
61
|
+
N as useFormUtilsContext,
|
|
62
|
+
B as useOrphanFormErrorsMemo,
|
|
63
|
+
f as useRhfUtilsClientForZodContext,
|
|
89
64
|
m as useRhfUtilsZodForm,
|
|
90
|
-
|
|
91
|
-
Zr as useSubmitFormOnChange
|
|
65
|
+
O as useRootFormFieldErrorsMemo
|
|
92
66
|
};
|
package/dist/esm/form/Form.mjs
CHANGED
|
@@ -1,84 +1,91 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as F, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { useFormContext as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
import { useFormContext as _ } from "react-hook-form";
|
|
4
|
+
import j from "../client/config/useRhfUtilsClientConfigContext.mjs";
|
|
5
|
+
import D from "../devtool/LazyDevTool.mjs";
|
|
6
|
+
import { FormSubmitError as N } from "../submit/error/FormSubmitError.mjs";
|
|
7
|
+
import P from "../submit/error/setCtxErrorsByFormSubmitError.mjs";
|
|
8
|
+
import S from "./_Controller.mjs";
|
|
9
|
+
import T from "./_FormBase.mjs";
|
|
10
|
+
function q({
|
|
11
|
+
formId: n,
|
|
12
|
+
formRef: C,
|
|
12
13
|
//
|
|
13
|
-
onSubmit:
|
|
14
|
-
onSubmitError:
|
|
15
|
-
onSubmitInvalid:
|
|
16
|
-
Fields:
|
|
14
|
+
onSubmit: d,
|
|
15
|
+
onSubmitError: c,
|
|
16
|
+
onSubmitInvalid: y,
|
|
17
|
+
Fields: h,
|
|
17
18
|
//
|
|
18
|
-
form:
|
|
19
|
-
options:
|
|
20
|
-
config: a,
|
|
19
|
+
form: s,
|
|
20
|
+
options: t,
|
|
21
21
|
//
|
|
22
|
-
children:
|
|
22
|
+
children: f
|
|
23
23
|
}) {
|
|
24
|
-
const l =
|
|
25
|
-
|
|
24
|
+
const l = _(), e = j(), b = async (r) => {
|
|
25
|
+
t != null && t.stopSubmitPropagation && r.stopPropagation();
|
|
26
26
|
try {
|
|
27
|
-
await l.handleSubmit(
|
|
28
|
-
} catch (
|
|
29
|
-
|
|
27
|
+
await l.handleSubmit(v, y)(r);
|
|
28
|
+
} catch (a) {
|
|
29
|
+
B(a, r);
|
|
30
30
|
}
|
|
31
|
-
},
|
|
32
|
-
|
|
31
|
+
}, v = (r, a) => d == null ? void 0 : d(
|
|
32
|
+
r,
|
|
33
33
|
l,
|
|
34
|
-
|
|
35
|
-
),
|
|
36
|
-
var
|
|
37
|
-
const m =
|
|
34
|
+
a
|
|
35
|
+
), B = (r, a) => {
|
|
36
|
+
var x;
|
|
37
|
+
const m = r instanceof N ? (
|
|
38
38
|
// consumer can manually throw FormSubmitError (e.g., manual validation)
|
|
39
|
-
|
|
39
|
+
r
|
|
40
40
|
) : (
|
|
41
41
|
// if error is not FormSubmitError, consumer can provide global handler
|
|
42
|
-
(
|
|
42
|
+
(x = e == null ? void 0 : e.onSubmitError) == null ? void 0 : x.call(e, r)
|
|
43
43
|
);
|
|
44
|
-
m &&
|
|
45
|
-
|
|
44
|
+
m && P(l, m), c == null || c(
|
|
45
|
+
r,
|
|
46
46
|
l,
|
|
47
|
-
|
|
47
|
+
a
|
|
48
48
|
);
|
|
49
|
-
},
|
|
50
|
-
formId:
|
|
51
|
-
formRef:
|
|
49
|
+
}, i = {
|
|
50
|
+
formId: n,
|
|
51
|
+
formRef: C,
|
|
52
52
|
ctx: l,
|
|
53
|
-
options:
|
|
54
|
-
Controller:
|
|
55
|
-
},
|
|
53
|
+
options: t,
|
|
54
|
+
Controller: S
|
|
55
|
+
}, u = (r) => {
|
|
56
56
|
var m;
|
|
57
|
-
const
|
|
58
|
-
return
|
|
57
|
+
const a = (m = e == null ? void 0 : e.Children) == null ? void 0 : m[r];
|
|
58
|
+
return a && /* @__PURE__ */ o(a, { ...i });
|
|
59
59
|
};
|
|
60
|
-
return /* @__PURE__ */
|
|
61
|
-
|
|
60
|
+
return /* @__PURE__ */ F(
|
|
61
|
+
T,
|
|
62
62
|
{
|
|
63
63
|
noValidate: !0,
|
|
64
64
|
style: {
|
|
65
65
|
position: "relative"
|
|
66
66
|
},
|
|
67
|
-
config:
|
|
68
|
-
formRef:
|
|
69
|
-
...
|
|
70
|
-
className: [
|
|
71
|
-
onSubmit:
|
|
67
|
+
config: e,
|
|
68
|
+
formRef: C,
|
|
69
|
+
...s,
|
|
70
|
+
className: [t == null ? void 0 : t.classNames, s == null ? void 0 : s.className].filter(Boolean).join(" "),
|
|
71
|
+
onSubmit: b,
|
|
72
72
|
children: [
|
|
73
|
-
|
|
74
|
-
(
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
73
|
+
u("top"),
|
|
74
|
+
(t == null ? void 0 : t.devTool) !== "disabled" && /* @__PURE__ */ o(
|
|
75
|
+
D,
|
|
76
|
+
{
|
|
77
|
+
placement: "top-right",
|
|
78
|
+
isDevelopment: e == null ? void 0 : e.isDevelopment,
|
|
79
|
+
...t == null ? void 0 : t.devTool
|
|
80
|
+
}
|
|
81
|
+
),
|
|
82
|
+
h && /* @__PURE__ */ o(h, { ...i }),
|
|
83
|
+
f,
|
|
84
|
+
u("bottom")
|
|
78
85
|
]
|
|
79
86
|
}
|
|
80
87
|
);
|
|
81
88
|
}
|
|
82
89
|
export {
|
|
83
|
-
|
|
90
|
+
q as default
|
|
84
91
|
};
|
|
@@ -1,42 +1,35 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import b from "../../../errors/
|
|
4
|
-
import C from "../../../errors/useFormErrorConsoleDebug.mjs";
|
|
5
|
-
import O from "../../../errors/useFormRequestSubmit.mjs";
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import l from "../../../errors/flat/useFlatFieldErrorsOutput.mjs";
|
|
3
|
+
import b from "../../../errors/useFormRequestSubmit.mjs";
|
|
6
4
|
import f from "../../../submit/useFormOnSubmitSuccessfulAndReset.mjs";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { _FormUtilsContextProvider as
|
|
11
|
-
function
|
|
12
|
-
formId:
|
|
13
|
-
formRef:
|
|
14
|
-
onSubmitSuccessfulAndReset:
|
|
5
|
+
import O from "../../../submit/useResetFormOnSubmitError.mjs";
|
|
6
|
+
import i from "../../../submit/useResetFormOnSubmitSuccessful.mjs";
|
|
7
|
+
import d from "../../../submit/useSubmitFormOnChange.mjs";
|
|
8
|
+
import { _FormUtilsContextProvider as x } from "./useFormUtilsContext.mjs";
|
|
9
|
+
function j({
|
|
10
|
+
formId: t,
|
|
11
|
+
formRef: e,
|
|
12
|
+
onSubmitSuccessfulAndReset: m,
|
|
15
13
|
options: r,
|
|
16
|
-
children:
|
|
14
|
+
children: u
|
|
17
15
|
}) {
|
|
18
|
-
const F =
|
|
19
|
-
return
|
|
20
|
-
t
|
|
21
|
-
), b(
|
|
22
|
-
m,
|
|
23
|
-
!(r != null && r.disableOrphanFormErrorsToConsole)
|
|
24
|
-
), h(m, {
|
|
16
|
+
const F = b(e);
|
|
17
|
+
return l(), d(e, {
|
|
25
18
|
disabled: !(r != null && r.submitOnChange)
|
|
26
|
-
}),
|
|
19
|
+
}), O({
|
|
27
20
|
disabled: !(r != null && r.resetValuesOnSubmitError)
|
|
28
|
-
}),
|
|
29
|
-
(r == null ? void 0 : r.resetFormAfterSubmitSuccessful) || !!
|
|
21
|
+
}), i(
|
|
22
|
+
(r == null ? void 0 : r.resetFormAfterSubmitSuccessful) || !!m
|
|
30
23
|
), f(() => {
|
|
31
|
-
|
|
32
|
-
}), /* @__PURE__ */
|
|
33
|
-
|
|
24
|
+
m == null || m();
|
|
25
|
+
}), /* @__PURE__ */ a(
|
|
26
|
+
x,
|
|
34
27
|
{
|
|
35
|
-
value: { formId:
|
|
36
|
-
children:
|
|
28
|
+
value: { formId: t, formRef: e, requestSubmit: F, options: r },
|
|
29
|
+
children: u
|
|
37
30
|
}
|
|
38
31
|
);
|
|
39
32
|
}
|
|
40
33
|
export {
|
|
41
|
-
|
|
34
|
+
j as default
|
|
42
35
|
};
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import m from "react";
|
|
2
|
-
import { useForm as
|
|
3
|
-
import { FormSubmitError as
|
|
4
|
-
const
|
|
2
|
+
import { useForm as d } from "react-hook-form";
|
|
3
|
+
import { FormSubmitError as F } from "../submit/error/FormSubmitError.mjs";
|
|
4
|
+
const a = ({
|
|
5
5
|
onSubmit: t,
|
|
6
6
|
onSubmitError: e,
|
|
7
7
|
onSubmitInvalid: f,
|
|
8
8
|
defaultValues: n,
|
|
9
9
|
Fields: p,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
options: d
|
|
10
|
+
rhf: u,
|
|
11
|
+
form: c,
|
|
12
|
+
options: i
|
|
14
13
|
}) => {
|
|
15
|
-
const o = m.useId(), s =
|
|
16
|
-
...
|
|
14
|
+
const o = m.useId(), s = d({
|
|
15
|
+
...u,
|
|
17
16
|
defaultValues: n
|
|
18
17
|
}), r = m.useRef(null);
|
|
19
18
|
return {
|
|
@@ -24,7 +23,7 @@ const P = ({
|
|
|
24
23
|
formId: o,
|
|
25
24
|
formRef: r,
|
|
26
25
|
rhfForm: s,
|
|
27
|
-
options:
|
|
26
|
+
options: i
|
|
28
27
|
},
|
|
29
28
|
formProps: {
|
|
30
29
|
Fields: p,
|
|
@@ -33,12 +32,11 @@ const P = ({
|
|
|
33
32
|
onSubmitInvalid: f,
|
|
34
33
|
formId: o,
|
|
35
34
|
formRef: r,
|
|
36
|
-
|
|
37
|
-
form: i
|
|
35
|
+
form: c
|
|
38
36
|
},
|
|
39
|
-
FormSubmitError:
|
|
37
|
+
FormSubmitError: F
|
|
40
38
|
};
|
|
41
|
-
},
|
|
39
|
+
}, I = a;
|
|
42
40
|
export {
|
|
43
|
-
|
|
41
|
+
I as default
|
|
44
42
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import r from "react";
|
|
2
|
-
import { useFormState as
|
|
3
|
-
import
|
|
4
|
-
const
|
|
5
|
-
const { isSubmitSuccessful:
|
|
6
|
-
|
|
2
|
+
import { useFormState as f } from "react-hook-form";
|
|
3
|
+
import c from "./useFormOnSubmitSuccessful.mjs";
|
|
4
|
+
const n = (t) => {
|
|
5
|
+
const { isSubmitSuccessful: u, isDirty: s } = f(), e = r.useRef(!1);
|
|
6
|
+
c(() => {
|
|
7
7
|
e.current = !0;
|
|
8
8
|
}), r.useEffect(() => {
|
|
9
|
-
|
|
10
|
-
}, [
|
|
11
|
-
}
|
|
9
|
+
t && e.current && !u && !s && (t(), e.current = !1);
|
|
10
|
+
}, [u, s]);
|
|
11
|
+
};
|
|
12
12
|
export {
|
|
13
|
-
|
|
13
|
+
n as default
|
|
14
14
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import f from "react";
|
|
2
|
-
import { useFormContext as n, useFormState as
|
|
3
|
-
const
|
|
4
|
-
const e = !!(t != null && t.disabled), { reset: r } = n(), { isSubmitting: u, isSubmitSuccessful: s, isSubmitted: i, submitCount: m } =
|
|
2
|
+
import { useFormContext as n, useFormState as c } from "react-hook-form";
|
|
3
|
+
const a = (t) => {
|
|
4
|
+
const e = !!(t != null && t.disabled), { reset: r } = n(), { isSubmitting: u, isSubmitSuccessful: s, isSubmitted: i, submitCount: m } = c();
|
|
5
5
|
f.useEffect(() => {
|
|
6
6
|
e || u || s || i && m !== 0 && r();
|
|
7
7
|
}, [
|
|
@@ -12,7 +12,7 @@ const c = (t) => {
|
|
|
12
12
|
m,
|
|
13
13
|
r
|
|
14
14
|
]);
|
|
15
|
-
}
|
|
15
|
+
};
|
|
16
16
|
export {
|
|
17
17
|
a as default
|
|
18
18
|
};
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { useFormContext as
|
|
2
|
-
import
|
|
3
|
-
const
|
|
4
|
-
const { reset: u, getValues: t } =
|
|
5
|
-
|
|
1
|
+
import { useFormContext as a } from "react-hook-form";
|
|
2
|
+
import l from "./useFormOnSubmitSuccessful.mjs";
|
|
3
|
+
const f = (e) => {
|
|
4
|
+
const { reset: u, getValues: t } = a();
|
|
5
|
+
l(() => {
|
|
6
6
|
if (!e)
|
|
7
7
|
return;
|
|
8
|
-
const
|
|
8
|
+
const r = e === !0 || e.values === void 0 ? void 0 : e.values.resetToCurrentValues ? t() : e.values, s = e === !0 ? (
|
|
9
9
|
// default
|
|
10
10
|
void 0
|
|
11
11
|
) : (
|
|
12
12
|
// custom settings
|
|
13
13
|
e.state
|
|
14
14
|
);
|
|
15
|
-
u(
|
|
15
|
+
u(r, s);
|
|
16
16
|
});
|
|
17
|
-
}
|
|
17
|
+
};
|
|
18
18
|
export {
|
|
19
|
-
|
|
19
|
+
f as default
|
|
20
20
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import m from "react";
|
|
2
|
-
import
|
|
3
|
-
const
|
|
4
|
-
const u =
|
|
2
|
+
import a from "../errors/useFormRequestSubmit.mjs";
|
|
3
|
+
const o = (t, e) => {
|
|
4
|
+
const u = a(t);
|
|
5
5
|
m.useEffect(() => {
|
|
6
6
|
if (e != null && e.disabled)
|
|
7
7
|
return;
|
|
@@ -15,7 +15,7 @@ const a = (t, e) => {
|
|
|
15
15
|
r.removeEventListener("change", n);
|
|
16
16
|
};
|
|
17
17
|
}, []);
|
|
18
|
-
}
|
|
18
|
+
};
|
|
19
19
|
export {
|
|
20
|
-
|
|
20
|
+
o as default
|
|
21
21
|
};
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import { UseFormProps } from 'react-hook-form';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
2
|
+
import { RhfUtilsErrorsOutputConfigContext, RhfUtilsErrorsOutputConsoleConfig } from '../../errors/output/types';
|
|
3
|
+
import { FormChildrenSlots } from '../../form/Form';
|
|
4
|
+
import { UseFormFieldsProps } from '../../form/useForm';
|
|
5
|
+
import { UseFormOptions } from '../../form/useFormOptions';
|
|
6
|
+
import { FormSubmitError } from '../../submit/error/FormSubmitError';
|
|
6
7
|
|
|
7
|
-
export type
|
|
8
|
+
export type RhfUtilsClientConfig = {
|
|
9
|
+
/**
|
|
10
|
+
* Some behavior is dependent on environment.
|
|
11
|
+
*/
|
|
12
|
+
isDevelopment?: boolean;
|
|
8
13
|
/**
|
|
9
14
|
* Default options for all forms. (Are overridden by form-specific options.)
|
|
10
15
|
*/
|
|
@@ -35,4 +40,14 @@ export type ClientConfig = {
|
|
|
35
40
|
*/
|
|
36
41
|
onSubmitError?: (error: unknown) => FormSubmitError | undefined;
|
|
37
42
|
FormComponent?: React.FC<React.PropsWithChildren<React.HTMLAttributes<HTMLFormElement>>>;
|
|
43
|
+
errors: {
|
|
44
|
+
output: {
|
|
45
|
+
console: {
|
|
46
|
+
getConfig?: (context: RhfUtilsErrorsOutputConfigContext) => RhfUtilsErrorsOutputConsoleConfig | null;
|
|
47
|
+
};
|
|
48
|
+
throw: {
|
|
49
|
+
getConfig?: (context: RhfUtilsErrorsOutputConfigContext) => true | string | false;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
};
|
|
38
53
|
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { RhfUtilsClientConfig } from './RhfUtilsClientConfig';
|
|
2
|
+
|
|
3
|
+
declare const useRhfUtilsClientConfigMaybeContext: () => RhfUtilsClientConfig | undefined, _RhfUtilsClientConfigContextProvider: import('react').Provider<RhfUtilsClientConfig | undefined>;
|
|
4
|
+
export default useRhfUtilsClientConfigMaybeContext;
|
|
5
|
+
export { _RhfUtilsClientConfigContextProvider };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Resolver } from 'react-hook-form';
|
|
2
|
-
import {
|
|
2
|
+
import { RhfUtilsClientConfig } from './config/RhfUtilsClientConfig';
|
|
3
3
|
import { FormWithProvidersProps } from '../form/FormWithProviders';
|
|
4
4
|
import { SafeFieldValues } from '../form/SafeFieldValues';
|
|
5
5
|
import { UseFormProps, UseFormReturn } from '../form/useForm';
|
|
@@ -25,4 +25,4 @@ export type CreateRhfUtilsClient<TObjectSchema extends ObjectSchema<TObjectSchem
|
|
|
25
25
|
*
|
|
26
26
|
* (We need to use generics to generate types for schema resolver.)
|
|
27
27
|
*/
|
|
28
|
-
export declare const createRhfUtilsClient: <TObjectSchema extends ObjectSchema<TObjectSchemaInputKey, TObjectSchemaOutputKey>, TObjectSchemaInputKey extends string, TObjectSchemaOutputKey extends string>(resolver: (schema: TObjectSchema) => Resolver<SafeFieldValues, unknown>) => (config:
|
|
28
|
+
export declare const createRhfUtilsClient: <TObjectSchema extends ObjectSchema<TObjectSchemaInputKey, TObjectSchemaOutputKey>, TObjectSchemaInputKey extends string, TObjectSchemaOutputKey extends string>(resolver: (schema: TObjectSchema) => Resolver<SafeFieldValues, unknown>) => (config: RhfUtilsClientConfig) => CreateRhfUtilsClient<TObjectSchema, TObjectSchemaInputKey, TObjectSchemaOutputKey>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { RhfUtilsClientConfig } from '../../config/RhfUtilsClientConfig';
|
|
3
3
|
|
|
4
4
|
type Props = React.PropsWithChildren<{
|
|
5
|
-
config:
|
|
5
|
+
config: RhfUtilsClientConfig;
|
|
6
6
|
}>;
|
|
7
7
|
declare const RhfUtilsClientForZodContextProvider: React.FC<Props>;
|
|
8
8
|
export default RhfUtilsClientForZodContextProvider;
|
|
@@ -2,5 +2,5 @@ import { z } from 'zod';
|
|
|
2
2
|
import { SafeFieldValues } from '../../form/SafeFieldValues';
|
|
3
3
|
|
|
4
4
|
export type ZodTypeFieldValues = z.ZodType<SafeFieldValues>;
|
|
5
|
-
declare const createRhfUtilsClientForZod: (config: import('../config').
|
|
5
|
+
declare const createRhfUtilsClientForZod: (config: import('../config/RhfUtilsClientConfig').RhfUtilsClientConfig) => import('..').CreateRhfUtilsClient<ZodTypeFieldValues, "_input", "_output">;
|
|
6
6
|
export default createRhfUtilsClientForZod;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { DevtoolUIProps } from '@hookform/devtools/dist/devToolUI';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
3
|
|
|
4
|
-
export type LazyDevToolProps = Omit<DevtoolUIProps, 'control'
|
|
4
|
+
export type LazyDevToolProps = Omit<DevtoolUIProps, 'control'> & {
|
|
5
|
+
isDevelopment?: boolean;
|
|
6
|
+
};
|
|
5
7
|
/**
|
|
6
8
|
* Lazy-loaded RHF DevTool.
|
|
7
9
|
*/
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FieldErrors } from 'react-hook-form';
|
|
2
|
+
import { SafeFieldValues } from '../../form/SafeFieldValues';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Output form values and errors to console.
|
|
6
|
+
*/
|
|
7
|
+
declare const consoleErrors: (message: string, values: SafeFieldValues, errors: FieldErrors, type?: 'debug' | 'error') => void;
|
|
8
|
+
export default consoleErrors;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Config object for error output.
|
|
3
|
+
*/
|
|
4
|
+
export type RhfUtilsErrorsOutputConsoleConfig = {
|
|
5
|
+
type?: 'debug' | 'error';
|
|
6
|
+
message?: string;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Contextual data to determine whether to output error.
|
|
10
|
+
*/
|
|
11
|
+
export type RhfUtilsErrorsOutputConfigContext = {
|
|
12
|
+
isDevelopment?: boolean;
|
|
13
|
+
hasOrphans?: boolean;
|
|
14
|
+
};
|
package/dist/types/exports.d.ts
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
export type { Register } from './register';
|
|
2
|
-
export type {
|
|
2
|
+
export type { RhfUtilsClientConfig } from './client/config/RhfUtilsClientConfig';
|
|
3
3
|
export { default as RhfUtilsClientForZodContextProvider } from './client/zod/context/RhfUtilsClientForZodContextProvider';
|
|
4
4
|
export { default as RhfUtilsZodFormWithProviders } from './client/zod/context/RhfUtilsZodFormWithProviders';
|
|
5
5
|
export { default as useRhfUtilsClientForZodContext } from './client/zod/context/useRhfUtilsClientForZodContext';
|
|
6
6
|
export { default as useRhfUtilsZodForm } from './client/zod/context/useRhfUtilsZodForm';
|
|
7
|
-
export { default as createRhfUtilsClientForZod } from './client/zod/createRhfUtilsClientForZod';
|
|
8
7
|
export { default as LazyDevTool } from './devtool/LazyDevTool';
|
|
9
|
-
export { default as FlatFieldErrorsContextProvider } from './errors/flat/context/FlatFieldErrorsContextProvider';
|
|
10
8
|
export { default as useFlatFieldErrorsContext } from './errors/flat/context/useFlatFieldErrorsContext';
|
|
11
9
|
export { default as FlatFieldErrorsList } from './errors/flat/FlatFieldErrorsList';
|
|
12
10
|
export { default as FormErrorMessage } from './errors/message/FormErrorMessage';
|
|
@@ -15,22 +13,15 @@ export { default as FormNonFieldErrorMarker } from './errors/nonfield/FormNonFie
|
|
|
15
13
|
export { default as FormNonFieldErrorMarkerHtmlAttribute } from './errors/nonfield/FormNonFieldErrorMarkerHtmlAttribute';
|
|
16
14
|
export { default as useFormHasOnlyOrphanFieldErrorsMemo } from './errors/orphan/useFormHasOnlyOrphanFieldErrorsMemo';
|
|
17
15
|
export { default as useOrphanFormErrorsMemo } from './errors/orphan/useOrphanFormErrorsMemo';
|
|
18
|
-
export { default as useOrphanFormErrorsToConsole } from './errors/orphan/useOrphanFormErrorsToConsole';
|
|
19
16
|
export { default as RootErrorsListFromFlatFieldErrorsContext } from './errors/root/RootErrorsListFromFlatFieldErrorsContext';
|
|
20
17
|
export { default as useRootFormFieldErrorsMemo } from './errors/root/useRootFormFieldErrorsMemo';
|
|
21
|
-
export { default as useFormErrorConsoleDebug } from './errors/useFormErrorConsoleDebug';
|
|
22
18
|
export { default as useFormErrorsEffect } from './errors/useFormErrorsEffect';
|
|
23
19
|
export { default as useFormErrorsIfAny } from './errors/useFormErrorsIfAny';
|
|
24
|
-
export { default as useFormErrorsTransformMemo } from './errors/useFormErrorsTransformMemo';
|
|
25
|
-
export { default as useFormRequestSubmit } from './errors/useFormRequestSubmit';
|
|
26
|
-
export { default as Form } from './form/Form';
|
|
27
|
-
export { default as FormProviders } from './form/FormProviders';
|
|
28
20
|
export { default as FormWithProviders } from './form/FormWithProviders';
|
|
29
21
|
export type { SafeFieldValues } from './form/SafeFieldValues';
|
|
30
22
|
export type { UseFormFieldsProps } from './form/useForm';
|
|
31
23
|
export { default as useForm } from './form/useForm';
|
|
32
24
|
export type { UseFormOptions } from './form/useFormOptions';
|
|
33
|
-
export { default as FormUtilsContextProvider } from './form/context/utils/FormUtilsContextProvider';
|
|
34
25
|
export { default as useFormUtilsContext } from './form/context/utils/useFormUtilsContext';
|
|
35
26
|
export { default as FormGroupContextProvider } from './form/context/group/FormGroupContextProvider';
|
|
36
27
|
export { default as useFormGroupChildIsMountedTracker } from './form/context/group/useFormGroupChildIsMountedTracker';
|
|
@@ -44,7 +35,3 @@ export { default as useFormOrParentIsBusy } from './form/context/group/useFormOr
|
|
|
44
35
|
export { default as getSubmitterButtonData } from './form/utils/getSubmitterButtonData';
|
|
45
36
|
export { FormSubmitError } from './submit/error/FormSubmitError';
|
|
46
37
|
export { default as useFormOnSubmitSuccessful } from './submit/useFormOnSubmitSuccessful';
|
|
47
|
-
export { default as useFormOnSubmitSuccessfulAndReset } from './submit/useFormOnSubmitSuccessfulAndReset';
|
|
48
|
-
export { default as useResetFormOnSubmitError } from './submit/useResetFormOnSubmitError';
|
|
49
|
-
export { default as useResetFormAfterSubmitSuccessful } from './submit/useResetFormOnSubmitSuccessful';
|
|
50
|
-
export { default as useSubmitFormOnChange } from './submit/useSubmitFormOnChange';
|
|
@@ -6,6 +6,6 @@ export type FormChildrenSlots = 'top' | 'bottom';
|
|
|
6
6
|
export type FormProps<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues> = React.PropsWithChildren<{
|
|
7
7
|
formId: string;
|
|
8
8
|
formRef: React.RefObject<HTMLFormElement>;
|
|
9
|
-
} & Pick<UseFormProps<TFieldValues, TTransformedValues>, 'onSubmit' | 'onSubmitError' | 'onSubmitInvalid' | 'Fields' | 'form' | 'options'
|
|
10
|
-
declare function _Form<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues>({ formId, formRef, onSubmit, onSubmitError, onSubmitInvalid, Fields, form, options,
|
|
9
|
+
} & Pick<UseFormProps<TFieldValues, TTransformedValues>, 'onSubmit' | 'onSubmitError' | 'onSubmitInvalid' | 'Fields' | 'form' | 'options'>>;
|
|
10
|
+
declare function _Form<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues>({ formId, formRef, onSubmit, onSubmitError, onSubmitInvalid, Fields, form, options, children, }: FormProps<TFieldValues, TTransformedValues>): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export default _Form;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { RhfUtilsClientConfig } from '../client/config/RhfUtilsClientConfig';
|
|
3
3
|
|
|
4
4
|
export type FormBaseProps = React.PropsWithChildren<React.HTMLAttributes<HTMLFormElement>> & {
|
|
5
|
-
config?: ClientConfig;
|
|
6
5
|
formRef: React.RefObject<HTMLFormElement>;
|
|
6
|
+
config?: RhfUtilsClientConfig;
|
|
7
7
|
antiCsrfToken?: string;
|
|
8
8
|
};
|
|
9
9
|
declare const _FormBase: ({ config, formRef, antiCsrfToken, children, ...props }: FormBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { SubmitErrorHandler, UseFormProps as RhfUseFormProps, UseFormReturn as RhfUseFormReturn } from 'react-hook-form';
|
|
3
|
-
import { ClientConfig } from '../client/config';
|
|
4
3
|
import { FormSubmitError } from '../submit/error/FormSubmitError';
|
|
5
4
|
import { default as _Controller } from './_Controller';
|
|
6
5
|
import { FormProps } from './Form';
|
|
@@ -23,7 +22,6 @@ export type UseFormProps<TFieldValues extends SafeFieldValues, TTransformedValue
|
|
|
23
22
|
onSubmitInvalid?: SubmitErrorHandler<TFieldValues>;
|
|
24
23
|
defaultValues?: RhfUseFormProps<TFieldValues>['defaultValues'];
|
|
25
24
|
Fields?: React.FC<UseFormFieldsProps<TFieldValues, TTransformedValues>>;
|
|
26
|
-
config?: ClientConfig;
|
|
27
25
|
/** {@link RhfUseFormProps} props for RHF's {@link useRhfForm}. */
|
|
28
26
|
rhf?: Omit<RhfUseFormProps<TFieldValues>, 'defaultValues'>;
|
|
29
27
|
/** {@link FormProps} props for Form. */
|
|
@@ -47,6 +45,6 @@ export type UseFormReturn<TFieldValues extends SafeFieldValues, TTransformedValu
|
|
|
47
45
|
* see https://caniuse.com/?search=form%20attribute
|
|
48
46
|
* @returns Form provider and form.
|
|
49
47
|
*/
|
|
50
|
-
declare const useForm: <TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues>({ onSubmit, onSubmitError, onSubmitInvalid, defaultValues, Fields,
|
|
48
|
+
declare const useForm: <TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues>({ onSubmit, onSubmitError, onSubmitInvalid, defaultValues, Fields, rhf, form, options, }: UseFormProps<TFieldValues, TTransformedValues>) => UseFormReturn<TFieldValues, TTransformedValues>;
|
|
51
49
|
export default useForm;
|
|
52
50
|
export type UseForm<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues> = typeof useForm<TFieldValues, TTransformedValues>;
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@paragrav/rhf-utils",
|
|
3
3
|
"author": "paragrav.dev",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "0.0.
|
|
5
|
+
"version": "0.0.95",
|
|
6
6
|
"description": "Integration utilities for react-hook-form.",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"sideEffects": false,
|
|
@@ -19,12 +19,6 @@
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
|
-
"imports": {
|
|
23
|
-
"#is-development": {
|
|
24
|
-
"development": "./src/env-conditions/development.ts",
|
|
25
|
-
"default": "./src/env-conditions/production.ts"
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
22
|
"peerDependencies": {
|
|
29
23
|
"@hookform/devtools": "4",
|
|
30
24
|
"@hookform/resolvers": "3",
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import "react";
|
|
2
|
-
import e from "../useFormErrorsToConsole.mjs";
|
|
3
|
-
import n from "./useOrphanFormErrorsMemo.mjs";
|
|
4
|
-
const t = (r, s) => {
|
|
5
|
-
const o = n(r);
|
|
6
|
-
e("Orphan errors detected!", o, {
|
|
7
|
-
disabled: !s,
|
|
8
|
-
isError: !0,
|
|
9
|
-
data: {
|
|
10
|
-
location: window.location,
|
|
11
|
-
orphans: o
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
}, i = t;
|
|
15
|
-
export {
|
|
16
|
-
i as default
|
|
17
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { useFormContext as s } from "react-hook-form";
|
|
2
|
-
import t from "./outputErrors.mjs";
|
|
3
|
-
import u from "./useFormErrorsIfAny.mjs";
|
|
4
|
-
const m = (o) => {
|
|
5
|
-
const { getValues: e } = s(), r = u();
|
|
6
|
-
o && r && t("useFormErrorConsoleDebug", { values: e(), errors: r });
|
|
7
|
-
}, i = m;
|
|
8
|
-
export {
|
|
9
|
-
i as default
|
|
10
|
-
};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import a from "react";
|
|
2
|
-
import { useFormContext as l, useFormState as E } from "react-hook-form";
|
|
3
|
-
import c from "../utils/isEmptyObject.mjs";
|
|
4
|
-
import d from "./outputErrors.mjs";
|
|
5
|
-
const h = (e, f, r) => {
|
|
6
|
-
const { getValues: m } = l(), { errors: u } = E();
|
|
7
|
-
a.useEffect(() => {
|
|
8
|
-
if (!(r != null && r.disabled) && !c(f) && (d(e, { values: m(), errors: u }, r), console[r != null && r.isError ? "error" : "debug"](
|
|
9
|
-
"useFormErrorsToConsole",
|
|
10
|
-
e,
|
|
11
|
-
{
|
|
12
|
-
form: {
|
|
13
|
-
values: m(),
|
|
14
|
-
// form values
|
|
15
|
-
errors: u
|
|
16
|
-
},
|
|
17
|
-
other: r == null ? void 0 : r.data
|
|
18
|
-
}
|
|
19
|
-
), r != null && r.isError))
|
|
20
|
-
throw new Error(e);
|
|
21
|
-
}, [u]);
|
|
22
|
-
};
|
|
23
|
-
export {
|
|
24
|
-
h as default
|
|
25
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Determined whether env is dev via `imports`.
|
|
3
|
-
*
|
|
4
|
-
* Technique borrowed from react-error-boundary {@link https://github.com/bvaughn/react-error-boundary/blob/master/package.json}.
|
|
5
|
-
* Assign `boolean` type to avoid `@typescript-eslint/no-unnecessary-condition`.
|
|
6
|
-
*/
|
|
7
|
-
export declare const isDevelopment: boolean;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const isDevelopment: boolean;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { UseFormProps } from './useForm';
|
|
2
|
-
import { SafeFieldValues } from './SafeFieldValues';
|
|
3
|
-
import { default as React } from 'react';
|
|
4
|
-
|
|
5
|
-
export type _FormSlots = 'top' | 'bottom';
|
|
6
|
-
export type _FormProps<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues> = React.PropsWithChildren<{
|
|
7
|
-
formId: string;
|
|
8
|
-
formRef: React.RefObject<HTMLFormElement>;
|
|
9
|
-
} & Pick<UseFormProps<TFieldValues, TTransformedValues>, 'onSubmit' | 'onSubmitError' | 'onSubmitInvalid' | 'Fields' | 'form' | 'options' | 'config'>>;
|
|
10
|
-
declare function _Form<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues>({ formId, formRef, onSubmit, onSubmitError, onSubmitInvalid, Fields, form, options, config, children, }: _FormProps<TFieldValues, TTransformedValues>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export default _Form;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { UseFormOptions } from './useFormOptions';
|
|
2
|
-
import { SafeFieldValues } from './SafeFieldValues';
|
|
3
|
-
import { UseFormReturn } from 'react-hook-form';
|
|
4
|
-
|
|
5
|
-
export type _FormProvidersProps<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues> = React.PropsWithChildren<{
|
|
6
|
-
formId: string;
|
|
7
|
-
formRef: React.RefObject<HTMLFormElement>;
|
|
8
|
-
rhfForm: UseFormReturn<TFieldValues, unknown, TTransformedValues>;
|
|
9
|
-
options?: UseFormOptions;
|
|
10
|
-
}>;
|
|
11
|
-
declare function _FormProviders<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues>({ formId, formRef, rhfForm, options, children, }: _FormProvidersProps<TFieldValues, TTransformedValues>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export default _FormProviders;
|