@paragrav/rhf-utils 0.0.38 → 0.0.48

package/dist/esm/errors/context/provider.mjs

@@ -1,7 +1,7 @@
-import { jsx as l } from "react/jsx-runtime";
-import F from "../flat/getFlatFieldErrors.mjs";
-import a from "../orphan/getOrphanFlatFieldErrors.mjs";
-import i from "../root/getRootFlatFieldErrors.mjs";
+import { jsx as n } from "react/jsx-runtime";
+import l from "../flat/getFlatFieldErrors.mjs";
+import a from "../orphan/getOrphansFromFlatFieldErrors.mjs";
+import i from "../root/getRootsFromFlatFieldErrors.mjs";
 import p from "../useFormErrorsMemo.mjs";
 import { _FormErrorsFlatContextProvider as c } from "./index.mjs";
 const d = ({
@@ -9,10 +9,10 @@ const d = ({
   children: t
 }) => {
   const e = p((s) => {
-    const r = F(s), m = i(r), n = a(r, o.current);
-    return { all: r, roots: m, orphans: n };
+    const r = l(s), m = i(r), F = a(r, o.current);
+    return { all: r, roots: m, orphans: F };
   });
-  return /* @__PURE__ */ l(c, { value: e, children: t });
+  return /* @__PURE__ */ n(c, { value: e, children: t });
 }, C = d;
 export {
   C as default

package/dist/esm/errors/flat/getFlatFieldErrors.mjs

@@ -1,22 +1,22 @@
-import { get as d } from "react-hook-form";
-import l from "./flattenFieldErrors.mjs";
+import { get as f } from "react-hook-form";
+import n from "./flattenFieldErrors.mjs";
 const p = (t) => {
-  const a = l(t), c = Object.keys(a);
+  const a = n(t), c = Object.keys(a);
   return Object.fromEntries(
     c.reduce(
-      (r, o) => {
-        const e = o.replace(n, "");
-        if (e === o)
-          return r;
-        const f = d(t, e, void 0);
-        return !f || r.some(([s]) => s === e) || r.push([e, f]), r;
+      (e, o) => {
+        const r = o.replace(d, "");
+        if (r === o)
+          return e;
+        const s = f(t, r, void 0);
+        return s && e.push([r, s]), e;
       },
       []
       // entries
     )
   );
-}, n = /\.(?:type|message)\b$/;
+}, d = /\.(?:type|message)\b$/;
 export {
   p as default,
-  n as regexMaybeFieldErrorLeafNode
+  d as regexMaybeFieldErrorLeafNode
 };

package/dist/esm/errors/isFieldError.mjs

@@ -1,4 +1,4 @@
-const e = (r) => !!r.ref;
+const e = (r) => !!r.ref, o = e;
 export {
-  e as default
+  o as default
 };

package/dist/esm/errors/orphan/getOrphansFromFieldErrors.mjs

@@ -0,0 +1,9 @@
+import e from "../flat/getFlatFieldErrors.mjs";
+import s from "./getOrphansFromFlatFieldErrors.mjs";
+const a = (r, o) => {
+  const t = e(r);
+  return s(t, o);
+};
+export {
+  a as default
+};

package/dist/esm/errors/orphan/getOrphansFromFlatFieldErrors.mjs

@@ -0,0 +1,16 @@
+import i from "../isFieldError.mjs";
+import { hasNonFieldErrorMarkerInDOM as m } from "../nonfield/FormNonFieldErrorMarker.utils.mjs";
+import s from "../root/isFormErrorPathRoot.mjs";
+const n = (o, t) => Object.fromEntries(
+  Object.entries(o).filter(
+    ([r, e]) => (
+      // not root path
+      !s(r) && // non-field
+      !i(e) && // does not have marker
+      !m(r, t)
+    )
+  )
+);
+export {
+  n as default
+};

package/dist/esm/errors/orphan/useOrphanFormErrorsMemo.mjs

@@ -1,14 +1,14 @@
 import "react";
 import t from "../../isEmptyObject.mjs";
 import e from "../useFormErrorsMemo.mjs";
-import m from "./getOrphanFlatFieldErrors.mjs";
-const n = (r) => e((o) => {
+import m from "./getOrphansFromFieldErrors.mjs";
+const s = (r) => e((o) => {
   if (t(o))
     return {};
   if (!r.current)
     throw new Error();
   return m(o, r.current);
-}), a = n;
+}), E = s;
 export {
-  a as default
+  E as default
 };

package/dist/esm/errors/root/getRootsFromFieldErrors.mjs

@@ -0,0 +1,9 @@
+import t from "../flat/getFlatFieldErrors.mjs";
+import e from "./getRootsFromFlatFieldErrors.mjs";
+const s = (r) => {
+  const o = t(r);
+  return e(o);
+}, i = s;
+export {
+  i as default
+};

package/dist/esm/errors/root/getRootsFromFlatFieldErrors.mjs

@@ -0,0 +1,7 @@
+import o from "./isFormErrorPathRoot.mjs";
+const s = (r) => Object.fromEntries(
+  Object.entries(r).filter(([t]) => o(t))
+);
+export {
+  s as default
+};

package/dist/esm/errors/root/useRootFormFieldErrorsMemo.mjs

@@ -1,5 +1,5 @@
 import o from "../useFormErrorsMemo.mjs";
-import r from "./getRootFlatFieldErrors.mjs";
+import r from "./getRootsFromFieldErrors.mjs";
 const e = () => o(r), s = e;
 export {
   s as default

package/dist/esm/form/Form.mjs

@@ -1,82 +1,87 @@
-import { jsxs as v, jsx as d } from "react/jsx-runtime";
+import { jsxs as R, jsx as l } from "react/jsx-runtime";
 import "react";
-import { useFormContext as T } from "react-hook-form";
-import w from "../devtool/LazyDevTool.mjs";
-import { useFormErrorsFlatContextMaybe as C } from "../errors/context/index.mjs";
-import P from "../errors/root/FormRootErrors.mjs";
-import V from "../utils/useImperativeForwardedRef.mjs";
-import b from "./FormBase.mjs";
-import { FormError as p } from "./FormError.mjs";
-function A({
-  isDev: s,
-  formId: F,
-  formRef: i,
+import { useFormContext as i } from "react-hook-form";
+import j from "../devtool/LazyDevTool.mjs";
+import { useFormErrorsFlatContextMaybe as T } from "../errors/context/index.mjs";
+import V from "../errors/root/FormRootErrors.mjs";
+import w from "../submit/useSubmitFormOnChange.mjs";
+import P from "../utils/useImperativeForwardedRef.mjs";
+import z from "./FormBase.mjs";
+import { FormError as B } from "./FormError.mjs";
+function K({
+  isDev: F,
+  formId: y,
+  formRef: E,
+  Fields: c,
   //
   onSubmit: a,
-  onSubmitError: m,
-  onSubmitInvalid: h,
+  onSubmitError: t,
+  onSubmitInvalid: x,
   //
   options: r,
   //
-  children: y,
-  ...u
+  children: g,
+  ...s
 }) {
-  var l;
-  const e = T(), x = V(i), f = (l = C()) == null ? void 0 : l.roots, E = (t) => (r != null && r.stopSubmitPropagation && t.stopPropagation(), e.handleSubmit(
-    R,
+  var h;
+  const e = i(), d = P(E);
+  w(d, !!(r != null && r.submitOnChange));
+  const u = (h = T()) == null ? void 0 : h.roots, b = (m) => (r != null && r.stopSubmitPropagation && m.stopPropagation(), e.handleSubmit(
+    v,
     // `as` required due to conditional generic
-    h
-  )(t)), R = async (t, c) => {
+    x
+  )(m)), v = async (m, o) => {
     try {
       await (a == null ? void 0 : a(
-        t,
+        m,
         e,
-        c
+        o
       ));
-    } catch (o) {
-      if (r != null && r.disableEmptyRootError || e.setError("root", {}), o instanceof p) {
-        Object.entries(o.errors).forEach(([g, j]) => {
-          e.setError(g, {
+    } catch (f) {
+      if (r != null && r.disableEmptyRootError || e.setError("root", {}), r != null && r.resetValuesOnSubmitError && e.reset(void 0), f instanceof B) {
+        Object.entries(f.errors).forEach(([C, O]) => {
+          e.setError(C, {
             type: "FormError",
-            message: j
+            message: O
           });
         });
         return;
       }
-      m == null || m(
-        o,
-        t,
+      t == null || t(
+        f,
+        m,
         e,
-        c
+        o
       );
     }
   };
-  return /* @__PURE__ */ v(
-    b,
+  return /* @__PURE__ */ R(
+    z,
     {
-      id: F,
-      onSubmit: E,
+      id: y,
+      onSubmit: b,
       noValidate: !0,
-      ...u,
-      ref: x,
+      ...s,
+      ref: d,
       style: {
         position: "relative"
       },
       children: [
-        (r == null ? void 0 : r.devTool) !== "disabled" && /* @__PURE__ */ d(
-          w,
+        (r == null ? void 0 : r.devTool) !== "disabled" && /* @__PURE__ */ l(
+          j,
           {
-            isDev: s,
+            isDev: F,
             placement: "top-right",
             ...r == null ? void 0 : r.devTool
           }
         ),
-        y,
-        f && /* @__PURE__ */ d(P, { errors: f })
+        c && /* @__PURE__ */ l(c, { ctx: e }),
+        g,
+        u && /* @__PURE__ */ l(V, { errors: u })
       ]
     }
   );
 }
 export {
-  A as default
+  K as default
 };

package/dist/esm/form/FormWithProvider.mjs

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "./useFormWithProvider.mjs";
+function f({ children: i, ...t }) {
+  const r = e(t);
+  return /* @__PURE__ */ o(r.Provider, { children: /* @__PURE__ */ o(r.Form, { children: i }) });
+}
+export {
+  f as default
+};

package/dist/esm/form/context/FormProvider.mjs

@@ -0,0 +1,27 @@
+import { jsx as r } from "react/jsx-runtime";
+import { FormProvider as n } from "react-hook-form";
+import p from "./utils/FormUtilsContextProvider.mjs";
+function F({
+  isDev: o,
+  formId: m,
+  formRef: i,
+  rhf: t,
+  form: e,
+  utils: d,
+  children: f
+}) {
+  return /* @__PURE__ */ r(n, { ...t, children: /* @__PURE__ */ r(
+    p,
+    {
+      isDev: o,
+      formId: m,
+      formRef: i,
+      formProps: e,
+      ...d,
+      children: f
+    }
+  ) });
+}
+export {
+  F as default
+};

package/dist/esm/form/context/utils/FormUtilsContextProvider.mjs

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import p from "../../../errors/orphan/useOrphanFormErrorsToConsole.mjs";
+import F from "../../../errors/useFormErrorConsoleDebug.mjs";
+import u from "../../../errors/useFormRequestSubmit.mjs";
+import a from "../../../submit/useFormOnSubmitSuccessfulAndReset.mjs";
+import s from "../../../submit/useResetFormOnSubmitSuccessful.mjs";
+import { _FormUtilsContextProvider as l } from "./useFormUtilsContext.mjs";
+function O({
+  isDev: m,
+  formRef: o,
+  onSubmitSuccessfulAndReset: r,
+  children: t
+}) {
+  const e = u(o);
+  return F(m), p(o, m, !0), s({ enabled: !!r }), a(() => {
+    r == null || r();
+  }), /* @__PURE__ */ i(l, { value: { formRef: o, requestSubmit: e }, children: t });
+}
+export {
+  O as default
+};

package/dist/esm/form/context/utils/useFormUtilsContext.mjs

@@ -0,0 +1,6 @@
+import t from "../../../utils/createContext.mjs";
+const [, o, r] = t(), s = o;
+export {
+  r as _FormUtilsContextProvider,
+  s as default
+};

package/dist/esm/form/useFormWithProvider.mjs

@@ -0,0 +1,30 @@
+import { jsx as f } from "react/jsx-runtime";
+import "react";
+import d from "./context/FormProvider.mjs";
+import s from "./useForm.mjs";
+const n = ({
+  isDev: o,
+  rhf: e,
+  form: t,
+  utils: m
+}) => {
+  const r = s({ isDev: o, rhf: e, form: t });
+  return {
+    ...r,
+    Provider: ({ children: i }) => /* @__PURE__ */ f(
+      d,
+      {
+        isDev: o,
+        formRef: r.ref,
+        rhf: r.context,
+        formId: r.id,
+        form: t,
+        utils: m,
+        children: i
+      }
+    )
+  };
+}, F = n;
+export {
+  F as default
+};

package/dist/esm/main.mjs

@@ -3,56 +3,72 @@ import { default as s } from "./errors/context/index.mjs";
 import { default as u } from "./errors/context/provider.mjs";
 import { default as f } from "./errors/message/FormErrorMessage.mjs";
 import { default as d } from "./errors/message/FormErrorMessageByPath.mjs";
-import { default as F } from "./errors/nonfield/FormNonFieldErrorMarker.mjs";
-import { default as n } from "./errors/nonfield/FormNonFieldErrorMarkerHtmlAttribute.mjs";
+import { default as x } from "./errors/nonfield/FormNonFieldErrorMarker.mjs";
+import { default as i } from "./errors/nonfield/FormNonFieldErrorMarkerHtmlAttribute.mjs";
 import { default as E } from "./errors/orphan/useFormHasOrphanAndNoFieldErrors.mjs";
-import { default as S } from "./errors/orphan/useOrphanFormErrorsMemo.mjs";
-import { default as C } from "./errors/orphan/useOrphanFormErrorsToConsole.mjs";
-import { default as h } from "./errors/root/useRootFormFieldErrorsMemo.mjs";
-import { default as G } from "./errors/useFormErrorConsoleDebug.mjs";
-import { default as I } from "./errors/useFormErrorsEffect.mjs";
-import { default as k } from "./errors/useFormErrorsIfAny.mjs";
+import { default as c } from "./errors/orphan/useOrphanFormErrorsMemo.mjs";
+import { default as S } from "./errors/orphan/useOrphanFormErrorsToConsole.mjs";
+import { default as P } from "./errors/root/useRootFormFieldErrorsMemo.mjs";
+import { default as v } from "./errors/useFormErrorConsoleDebug.mjs";
+import { default as G } from "./errors/useFormErrorsEffect.mjs";
+import { default as A } from "./errors/useFormErrorsIfAny.mjs";
 import { default as O } from "./errors/useFormErrorsMemo.mjs";
-import { default as T } from "./errors/useFormRequestSubmit.mjs";
-import { default as v } from "./form/context/group/FormGroupContextProvider.mjs";
-import { default as N } from "./form/context/group/useFormGroupChildIsMountedTracker.mjs";
-import { default as q } from "./form/context/group/useFormGroupChildIsSubmittingTracker.mjs";
-import { default as L } from "./form/context/group/useFormGroupIsAnyBusy.mjs";
-import { default as w } from "./form/context/group/useFormGroupIsChildBusy.mjs";
-import { default as K } from "./form/context/group/useFormGroupIsParentBusy.mjs";
-import { default as U } from "./form/context/group/useFormGroupParentTracker.mjs";
-import { default as W } from "./form/useForm.mjs";
-import { default as Y } from "./form/utils/getSubmitterButtonData.mjs";
-import { default as _ } from "./submit/useFormOnSubmitSuccessful.mjs";
-import { default as rr } from "./submit/useFormOnSubmitSuccessfulAndReset.mjs";
-import { default as er } from "./submit/useResetFormOnSubmitSuccessful.mjs";
+import { default as B } from "./errors/useFormRequestSubmit.mjs";
+import { default as R } from "./form/Form.mjs";
+import { FormError as N } from "./form/FormError.mjs";
+import { default as U } from "./form/FormWithProvider.mjs";
+import { default as q } from "./form/useForm.mjs";
+import { default as L } from "./form/useFormWithProvider.mjs";
+import { default as w } from "./form/context/FormProvider.mjs";
+import { default as K } from "./form/context/utils/FormUtilsContextProvider.mjs";
+import { default as V } from "./form/context/utils/useFormUtilsContext.mjs";
+import { default as Y } from "./form/context/group/FormGroupContextProvider.mjs";
+import { default as _ } from "./form/context/group/useFormGroupChildIsMountedTracker.mjs";
+import { default as rr } from "./form/context/group/useFormGroupChildIsSubmittingTracker.mjs";
+import { default as er } from "./form/context/group/useFormGroupIsAnyBusy.mjs";
+import { default as sr } from "./form/context/group/useFormGroupIsChildBusy.mjs";
+import { default as ur } from "./form/context/group/useFormGroupIsParentBusy.mjs";
+import { default as fr } from "./form/context/group/useFormGroupParentTracker.mjs";
+import { default as dr } from "./form/utils/getSubmitterButtonData.mjs";
+import { default as xr } from "./submit/useFormOnSubmitSuccessful.mjs";
+import { default as ir } from "./submit/useFormOnSubmitSuccessfulAndReset.mjs";
+import { default as Er } from "./submit/useResetFormOnSubmitSuccessful.mjs";
+import { default as cr } from "./submit/useSubmitFormOnChange.mjs";
 export {
+  R as Form,
+  N as FormError,
   f as FormErrorMessage,
   d as FormErrorMessageByPath,
   u as FormErrorsFlatContextProvider,
-  v as FormGroupContextProvider,
-  F as FormNonFieldErrorMarker,
-  n as FormNonFieldErrorMarkerHtmlAttribute,
+  Y as FormGroupContextProvider,
+  x as FormNonFieldErrorMarker,
+  i as FormNonFieldErrorMarkerHtmlAttribute,
+  w as FormProvider,
+  K as FormUtilsContextProvider,
+  U as FormWithProvider,
   e as LazyDevTool,
-  Y as getSubmitterButtonData,
-  W as useForm,
-  G as useFormErrorConsoleDebug,
-  I as useFormErrorsEffect,
+  dr as getSubmitterButtonData,
+  q as useForm,
+  v as useFormErrorConsoleDebug,
+  G as useFormErrorsEffect,
   s as useFormErrorsFlatContext,
-  k as useFormErrorsIfAny,
+  A as useFormErrorsIfAny,
   O as useFormErrorsMemo,
-  N as useFormGroupChildIsMountedTracker,
-  q as useFormGroupChildIsSubmittingTracker,
-  L as useFormGroupIsAnyBusy,
-  w as useFormGroupIsChildBusy,
-  K as useFormGroupIsParentBusy,
-  U as useFormGroupParentTracker,
+  _ as useFormGroupChildIsMountedTracker,
+  rr as useFormGroupChildIsSubmittingTracker,
+  er as useFormGroupIsAnyBusy,
+  sr as useFormGroupIsChildBusy,
+  ur as useFormGroupIsParentBusy,
+  fr as useFormGroupParentTracker,
   E as useFormHasOrphanAndNoFieldErrors,
-  _ as useFormOnSubmitSuccessful,
-  rr as useFormOnSubmitSuccessfulAndReset,
-  T as useFormRequestSubmit,
-  S as useOrphanFormErrorsMemo,
-  C as useOrphanFormErrorsToConsole,
-  er as useResetFormAfterSubmitSuccessful,
-  h as useRootFormFieldErrorsMemo
+  xr as useFormOnSubmitSuccessful,
+  ir as useFormOnSubmitSuccessfulAndReset,
+  B as useFormRequestSubmit,
+  V as useFormUtilsContext,
+  L as useFormWithProvider,
+  c as useOrphanFormErrorsMemo,
+  S as useOrphanFormErrorsToConsole,
+  Er as useResetFormAfterSubmitSuccessful,
+  P as useRootFormFieldErrorsMemo,
+  cr as useSubmitFormOnChange
 };

package/dist/esm/submit/useSubmitFormOnChange.mjs

@@ -0,0 +1,21 @@
+import s from "react";
+import u from "../errors/useFormRequestSubmit.mjs";
+const m = (t, n) => {
+  const o = u(t);
+  s.useEffect(() => {
+    if (!n)
+      return;
+    const e = t.current;
+    if (!e)
+      throw new Error();
+    const r = () => {
+      o();
+    };
+    return e.addEventListener("change", r), () => {
+      e.removeEventListener("change", r);
+    };
+  }, []);
+}, a = m;
+export {
+  a as default
+};

package/dist/esm/utils/useImperativeForwardedRef.mjs

@@ -1,5 +1,5 @@
 import r from "react";
-const u = (t) => {
+const a = (t) => {
   const e = r.useRef(null);
   return r.useImperativeHandle(
     t,
@@ -10,7 +10,7 @@ const u = (t) => {
     },
     []
   ), e;
-};
+}, o = a;
 export {
-  u as default
+  o as default
 };

package/dist/types/errors/orphan/getOrphansFromFieldErrors.d.ts

@@ -0,0 +1,5 @@
+import { FlatFieldErrors } from '../flat/types';
+import { FieldErrors } from 'react-hook-form';
+
+declare const getOrphansFromFieldErrors: (errors: FieldErrors, parentElement: Pick<HTMLElement, 'querySelector'>) => FlatFieldErrors;
+export default getOrphansFromFieldErrors;

package/dist/types/errors/orphan/getOrphansFromFlatFieldErrors.d.ts

@@ -0,0 +1,4 @@
+import { FlatFieldErrors } from '../flat/types';
+
+declare const getOrphansFromFlatFieldErrors: (errors: FlatFieldErrors, parentElement: Pick<HTMLElement, 'querySelector'>) => FlatFieldErrors;
+export default getOrphansFromFlatFieldErrors;

package/dist/types/errors/root/getRootsFromFieldErrors.d.ts

@@ -0,0 +1,5 @@
+import { FlatFieldErrors } from '../flat/types';
+import { FieldErrors } from 'react-hook-form';
+
+declare const getRootsFromFieldErrors: (errors: FieldErrors) => FlatFieldErrors;
+export default getRootsFromFieldErrors;

package/dist/types/errors/root/getRootsFromFlatFieldErrors.d.ts

@@ -0,0 +1,4 @@
+import { FlatFieldErrors } from '../flat/types';
+
+declare const getRootsFromFlatFieldErrors: (errors: FlatFieldErrors) => FlatFieldErrors;
+export default getRootsFromFlatFieldErrors;

package/dist/types/form/Form.d.ts

@@ -7,17 +7,24 @@ export type FormProps<TFieldValues extends FieldValues, TTransformedValues exten
     isDev: boolean;
     formId?: string;
     formRef?: React.RefObject<HTMLFormElement>;
+    Fields?: React.FC<{
+        ctx: UseFormReturn<TFieldValues, unknown, TTransformedValues>;
+    }>;
     onSubmit?: (values: TTransformedValues, context: UseFormReturn<TFieldValues, unknown, TTransformedValues>, event: React.BaseSyntheticEvent<SubmitEvent>) => unknown | Promise<unknown>;
     /** Submit error handler. (Only for errors not of instance `FormError`, which are handled internally.) */
     onSubmitError?: (error: unknown, values: TTransformedValues, context: UseFormReturn<TFieldValues, unknown, TTransformedValues>, event: React.BaseSyntheticEvent<SubmitEvent>) => void;
     /** Submit handler when form is invalid. */
     onSubmitInvalid?: SubmitErrorHandler<TFieldValues>;
     options?: {
+        /** Request submit via listener on form change. */
+        submitOnChange?: boolean;
+        /** Reset form values if submit throw errors. Use case: optimistic UI toggle form that submits on each change */
+        resetValuesOnSubmitError?: boolean;
         stopSubmitPropagation?: boolean;
         disableEmptyRootError?: boolean;
         devTool?: DevtoolUIProps | 'disabled';
     };
     className?: string;
 }>;
-declare function Form<TFieldValues extends FieldValues, TTransformedValues extends FieldValues>({ isDev, formId, formRef, onSubmit, onSubmitError, onSubmitInvalid, options, children, ...props }: FormProps<TFieldValues, TTransformedValues>): import("react/jsx-runtime").JSX.Element;
+declare function Form<TFieldValues extends FieldValues, TTransformedValues extends FieldValues>({ isDev, formId, formRef, Fields, onSubmit, onSubmitError, onSubmitInvalid, options, children, ...props }: FormProps<TFieldValues, TTransformedValues>): import("react/jsx-runtime").JSX.Element;
 export default Form;

package/dist/types/form/useFormWithProvider.d.ts

@@ -17,7 +17,7 @@ export type UseFormWithProviderReturn = ReturnType<typeof useFormWithProvider>;
  * see https://caniuse.com/?search=form%20attribute
  * @returns Form provider and form.
  */
-export declare const useFormWithProvider: <TFieldValues extends FieldValues, TTransformedValues extends FieldValues>({ isDev, rhf, form, utils, }: UseFormWithProviderProps<TFieldValues, TTransformedValues>) => {
+declare const useFormWithProvider: <TFieldValues extends FieldValues, TTransformedValues extends FieldValues>({ isDev, rhf, form, utils, }: UseFormWithProviderProps<TFieldValues, TTransformedValues>) => {
     readonly Provider: React.FC<{
         children?: React.ReactNode;
     }>;
@@ -28,3 +28,4 @@ export declare const useFormWithProvider: <TFieldValues extends FieldValues, TTr
         children?: React.ReactNode;
     }>;
 };
+export default useFormWithProvider;

package/dist/types/main.d.ts

@@ -14,6 +14,14 @@ export { default as useFormErrorsEffect } from './errors/useFormErrorsEffect';
 export { default as useFormErrorsIfAny } from './errors/useFormErrorsIfAny';
 export { default as useFormErrorsMemo } from './errors/useFormErrorsMemo';
 export { default as useFormRequestSubmit } from './errors/useFormRequestSubmit';
+export { default as Form } from './form/Form';
+export { FormError } from './form/FormError';
+export { default as FormWithProvider } from './form/FormWithProvider';
+export { default as useForm } from './form/useForm';
+export { default as useFormWithProvider } from './form/useFormWithProvider';
+export { default as FormProvider } from './form/context/FormProvider';
+export { default as FormUtilsContextProvider } from './form/context/utils/FormUtilsContextProvider';
+export { default as useFormUtilsContext } from './form/context/utils/useFormUtilsContext';
 export { default as FormGroupContextProvider } from './form/context/group/FormGroupContextProvider';
 export { default as useFormGroupChildIsMountedTracker } from './form/context/group/useFormGroupChildIsMountedTracker';
 export { default as useFormGroupChildIsSubmittingTracker } from './form/context/group/useFormGroupChildIsSubmittingTracker';
@@ -21,8 +29,8 @@ export { default as useFormGroupIsAnyBusy } from './form/context/group/useFormGr
 export { default as useFormGroupIsChildBusy } from './form/context/group/useFormGroupIsChildBusy';
 export { default as useFormGroupIsParentBusy } from './form/context/group/useFormGroupIsParentBusy';
 export { default as useFormGroupParentTracker } from './form/context/group/useFormGroupParentTracker';
-export { default as useForm } from './form/useForm';
 export { default as getSubmitterButtonData } from './form/utils/getSubmitterButtonData';
 export { default as useFormOnSubmitSuccessful } from './submit/useFormOnSubmitSuccessful';
 export { default as useFormOnSubmitSuccessfulAndReset } from './submit/useFormOnSubmitSuccessfulAndReset';
 export { default as useResetFormAfterSubmitSuccessful } from './submit/useResetFormOnSubmitSuccessful';
+export { default as useSubmitFormOnChange } from './submit/useSubmitFormOnChange';

package/dist/types/submit/useSubmitFormOnChange.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const useSubmitFormOnChange: (formRef: React.RefObject<HTMLFormElement>, enabled: boolean) => void;
+export default useSubmitFormOnChange;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paragrav/rhf-utils",
   "author": "paragrav.dev",
   "license": "MIT",
-  "version": "0.0.38",
+  "version": "0.0.48",
   "description": "Integration utilities for react-hook-form.",
   "type": "module",
   "sideEffects": false,
@@ -71,10 +71,38 @@
       "default": "./dist/esm/errors/root/useRootFormFieldErrors.mjs",
       "types": "./dist/types/errors/root/useRootFormFieldErrors.d.ts"
     },
+    "./form/Form": {
+      "default": "./dist/esm/form/Form.mjs",
+      "types": "./dist/types/form/Form.d.ts"
+    },
+    "./form/FormError": {
+      "default": "./dist/esm/form/FormError.mjs",
+      "types": "./dist/types/form/FormError.d.ts"
+    },
+    "./form/context/FormWithProvider": {
+      "default": "./dist/esm/form/context/FormWithProvider.mjs",
+      "types": "./dist/types/form/context/FormWithProvider.d.ts"
+    },
     "./form/useForm": {
       "default": "./dist/esm/form/useForm.mjs",
       "types": "./dist/types/form/useForm.d.ts"
     },
+    "./form/useFormWithProvider": {
+      "default": "./dist/esm/form/useFormWithProvider.mjs",
+      "types": "./dist/types/form/useFormWithProvider.d.ts"
+    },
+    "./form/context/FormProvider": {
+      "default": "./dist/esm/form/context/FormProvider.mjs",
+      "types": "./dist/types/form/context/FormProvider.d.ts"
+    },
+    "./form/context/FormUtilsContextProvider": {
+      "default": "./dist/esm/form/context/FormUtilsContextProvider.mjs",
+      "types": "./dist/types/form/context/FormUtilsContextProvider.d.ts"
+    },
+    "./form/context/useFormUtilsContext": {
+      "default": "./dist/esm/form/context/useFormUtilsContext.mjs",
+      "types": "./dist/types/form/context/useFormUtilsContext.d.ts"
+    },
     "./form/context/group/FormGroupContextProvider": {
       "default": "./dist/esm/form/context/group/FormGroupContextProvider.mjs",
       "types": "./dist/types/form/context/group/FormGroupContextProvider.d.ts"
@@ -118,6 +146,10 @@
     "./submit/useResetFormAfterSubmitSuccessful": {
       "default": "./dist/esm/submit/useResetFormAfterSubmitSuccessful.mjs",
       "types": "./dist/types/submit/useResetFormAfterSubmitSuccessful.d.ts"
+    },
+    "./submit/useSubmitFormOnChange": {
+      "default": "./dist/esm/submit/useSubmitFormOnChange.mjs",
+      "types": "./dist/types/submit/useSubmitFormOnChange.d.ts"
     }
   },
   "scripts": {

package/dist/esm/errors/nonfield/isNonFieldError.mjs

@@ -1,5 +0,0 @@
-import o from "../isFieldError.mjs";
-const e = (r) => !o(r);
-export {
-  e as default
-};

package/dist/esm/errors/orphan/getOrphanFlatFieldErrors.mjs

@@ -1,20 +0,0 @@
-import s from "../flat/getFlatFieldErrors.mjs";
-import { hasNonFieldErrorMarkerInDOM as l } from "../nonfield/FormNonFieldErrorMarker.utils.mjs";
-import m from "../nonfield/isNonFieldError.mjs";
-import n from "../root/isFormErrorPathRoot.mjs";
-const d = (o, t) => {
-  const e = s(o);
-  return Object.fromEntries(
-    Object.entries(e).filter(
-      ([r, i]) => (
-        // not root path
-        !n(r) && // non-field
-        m(i) && // does not have marker
-        !l(r, t)
-      )
-    )
-  );
-};
-export {
-  d as default
-};

package/dist/esm/errors/root/getRootFlatFieldErrors.mjs

@@ -1,11 +0,0 @@
-import e from "../flat/getFlatFieldErrors.mjs";
-import i from "./isFormErrorPathRoot.mjs";
-const a = (r) => {
-  const t = e(r);
-  return Object.fromEntries(
-    Object.entries(t).filter(([o]) => i(o))
-  );
-};
-export {
-  a as default
-};