@paragrav/rhf-utils 0.60.0 → 0.62.0

package/dist/dts/form/with-providers/RhfUtilsFormWithProviders.d.ts

@@ -5,4 +5,4 @@ import { RhfUtilsFormWithProvidersProps } from './RhfUtilsFormWithProvidersProps
  * Form providers (with utils) with immediate descendent {@link RhfUtilsForm}.
  * (Syntactic sugar for {@link useRhfUtilsForm}. Use this for most applications.)
  */
-export declare function RhfUtilsFormWithProviders<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues, TGetApiValues extends undefined | RhfUtilsFormPropsGetApiValues<TTransformedValues, SafeFieldValues>, TOnSubmitReturnType, TApiValues extends undefined | SafeFieldValues = TGetApiValues extends RhfUtilsFormPropsGetApiValues<TTransformedValues, infer U> ? U : undefined>({ getApiData, resolver, rhf, defaultValues, options, onCancel, onSubmitInvalid, onBeforeSubmitInvariants, onBeforeSubmit, onSubmit, onSubmitSuccess, onSubmitError, onSubmitFinally, Children, form, formId, className, }: RhfUtilsFormWithProvidersProps<TFieldValues, TTransformedValues, TGetApiValues, TOnSubmitReturnType, TApiValues>): import("react/jsx-runtime").JSX.Element;
+export declare function RhfUtilsFormWithProviders<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues, TGetApiValues extends undefined | RhfUtilsFormPropsGetApiValues<TTransformedValues, SafeFieldValues>, TOnSubmitReturnType, TApiValues extends undefined | SafeFieldValues = TGetApiValues extends RhfUtilsFormPropsGetApiValues<TTransformedValues, infer U> ? U : undefined>({ getApiData, resolver, rhf, defaultValues, options, relay, onCancel, onSubmitInvalid, onBeforeSubmitInvariants, onBeforeSubmit, onSubmit, onSubmitSuccess, onSubmitError, onSubmitFinally, Children, form, formId, className, }: RhfUtilsFormWithProvidersProps<TFieldValues, TTransformedValues, TGetApiValues, TOnSubmitReturnType, TApiValues>): import("react/jsx-runtime").JSX.Element;

package/dist/dts/submit/UseRhfUtilsFormOnSubmitContextType.d.ts

@@ -1,7 +1,7 @@
 import { UseFormReturn } from 'react-hook-form';
 import { FormSubmitError } from './error/FormSubmitError';
 import { FormSubmitFieldErrors } from './error/FormSubmitFieldErrors';
-import { RhfUtilsContextProps } from '../form/context/utils/RhfUtilsContextPropsType';
+import { RhfUtilsContext } from '../form/context/utils/RhfUtilsContextType';
 import { SafeFieldValues } from '../form/rhf/SafeFieldValuesType';
 /**
  * Props for onSubmit other than `data` and `event`.
@@ -9,7 +9,7 @@ import { SafeFieldValues } from '../form/rhf/SafeFieldValuesType';
  * Consider keeping shape in line with `UseRhfUtilsFormChildrenProps` and `UseRhfUtilsFormReturn`.
  */
 export type UseRhfUtilsFormOnSubmitContext<TFieldValues extends SafeFieldValues = SafeFieldValues, TTransformedValues extends SafeFieldValues = TFieldValues, TApiValues extends undefined | SafeFieldValues = undefined> = {
-    utils: RhfUtilsContextProps;
+    utils: RhfUtilsContext;
     rhf: UseFormReturn<TFieldValues, unknown, TTransformedValues>;
     FormSubmitError: typeof FormSubmitError<TFieldValues, TApiValues>;
 };
@@ -17,7 +17,7 @@ export type UseRhfUtilsFormOnSubmitContext<TFieldValues extends SafeFieldValues
  * Props for onSubmitError other than `error` and `event`.
  */
 export type UseRhfUtilsFormOnSubmitErrorContext<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues> = {
-    utils: RhfUtilsContextProps;
+    utils: RhfUtilsContext;
     rhf: UseFormReturn<TFieldValues, unknown, TTransformedValues>;
     errors?: FormSubmitFieldErrors;
 };

package/dist/dts/submit/last-error/useLastSubmitErrorContextWith.d.ts

@@ -1,2 +1,2 @@
 import { MaybePromise } from '../../utils/types';
-export declare const useLastSubmitErrorContextWith: (handleSubmit: (event: React.FormEvent<HTMLFormElement>) => MaybePromise<unknown>) => (event: React.FormEvent<HTMLFormElement>) => Promise<unknown>;
+export declare const useLastSubmitErrorContextWith: (handleSubmit: (event: React.SubmitEvent<HTMLFormElement>) => MaybePromise<unknown>) => (event: React.SubmitEvent<HTMLFormElement>) => Promise<unknown>;

package/dist/esm/FormRelaySetter.mjs

@@ -0,0 +1,140 @@
+import { jsx as F } from "react/jsx-runtime";
+import s from "react";
+import { get as S, useFormState as R } from "react-hook-form";
+import { flatten as b } from "flat";
+function f() {
+  const e = s.createContext(void 0), r = () => s.useContext(e), t = () => {
+    const o = r();
+    if (o === void 0) throw new Error();
+    return o;
+  };
+  return {
+    Provider: e.Provider,
+    useMaybe: r,
+    useRequired: t
+  };
+}
+const {
+  Provider: x,
+  useRequired: l
+} = f(), k = ({ children: e }) => {
+  const [r, t] = s.useState({}), o = s.useCallback(
+    (n, a, c) => {
+      if (r[a.formId]) throw new Error("Form id already exists.");
+      t((u) => ({
+        ...u,
+        [a.formId]: { state: n, utils: a, options: c }
+      }));
+    },
+    [r]
+  ), m = s.useCallback(
+    (n, a) => {
+      t((c) => {
+        const u = c[n];
+        if (!u) throw new Error("Form id doesn't exist");
+        return {
+          ...c,
+          [n]: { ...u, state: a }
+        };
+      });
+    },
+    []
+  ), i = s.useCallback((n) => {
+    t(
+      (a) => Object.fromEntries(
+        Object.entries(a).filter(([c]) => c !== n)
+      )
+    );
+  }, []);
+  return /* @__PURE__ */ F(
+    x,
+    {
+      value: {
+        // set
+        add: o,
+        update: m,
+        remove: i,
+        // get
+        state: r
+      },
+      children: e
+    }
+  );
+}, {
+  Provider: I,
+  useRequired: d,
+  useMaybe: q
+} = f(), U = (e) => Object.keys(e).length === 0, E = (e) => b(e), p = (e) => {
+  const r = E(e), t = Object.keys(r);
+  return Object.fromEntries(
+    t.reduce(
+      (o, m) => {
+        const i = m.replace(
+          v,
+          ""
+        );
+        if (i === m) return o;
+        const n = S(e, i, void 0);
+        return n && o.push([i, n]), o;
+      },
+      []
+      // entries
+    )
+  );
+}, v = /\.(?:type|message)\b$/, C = (e) => Object.fromEntries(
+  Object.entries(p(e)).map(([r, t]) => [
+    r,
+    {
+      type: t.type,
+      message: t.message,
+      hasRef: !!t.ref
+      // strip out actual ref, etc. (avoid circular JSON error)
+    }
+  ])
+), O = (e) => {
+  if (!e) return;
+  const [r] = s.useState(e);
+  g(r), h(r);
+}, g = (e) => {
+  const r = d(), t = l(), o = y(e);
+  s.useEffect(
+    () => (t.add(o, r, e), () => {
+      t.remove(r.formId);
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+}, h = (e) => {
+  const r = d(), t = l(), o = y(e);
+  s.useEffect(
+    // when form state changes, publish to relay context
+    () => {
+      t.update(r.formId, o);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [o]
+  );
+}, y = (e) => {
+  const r = R(), t = e.select(r), o = JSON.stringify({
+    ...t,
+    errors: t.errors && C(t.errors)
+  });
+  return s.useMemo(
+    // when watch JSON changes, update memo
+    () => t,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [o]
+  );
+}, _ = ({ options: e }) => (O(e), null);
+export {
+  k as F,
+  I as _,
+  _ as a,
+  l as b,
+  f as c,
+  q as d,
+  O as e,
+  p as g,
+  U as i,
+  d as u
+};