@paragrav/rhf-utils 0.0.138 → 0.0.140

package/dist/esm/trpc.mjs

@@ -0,0 +1,41 @@
+import { TRPCClientError as a } from "@trpc/client";
+import { z as e } from "zod";
+const o = e.object({
+  validation: e.string(),
+  code: e.string(),
+  message: e.string(),
+  path: e.array(e.string())
+}), s = e.custom(
+  (r) => r instanceof a
+  // check instance type
+).transform((r) => r.message).transform((r) => {
+  try {
+    return JSON.parse(r);
+  } catch {
+    return [
+      {
+        validation: "root",
+        code: "server",
+        message: r,
+        path: ["root"]
+      }
+    ];
+  }
+}).pipe(e.array(o)).transform(
+  (r) => r.map(
+    (t) => [
+      t.path.join("."),
+      // flatten path (e.g., "street.name")
+      {
+        type: t.code,
+        message: t.message
+      }
+    ]
+  )
+).transform((r) => Object.fromEntries(r)), m = (r) => (t) => t instanceof a ? s.parse(
+  t
+) : r(t);
+export {
+  m as makeOnSubmitTrpcClientErrorHandler,
+  s as trpcClientErrorToFormSubmitFieldErrorsSchemaTransformer
+};

package/dist/esm/useFlatFieldErrorsContext.mjs

@@ -0,0 +1,10 @@
+import { c as t } from "./createContext.mjs";
+const o = (e) => Object.keys(e).length === 0, {
+  Provider: s,
+  useRequired: a
+} = t();
+export {
+  s as _,
+  o as i,
+  a as u
+};

package/dist/esm/utils.mjs

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import { i as s, u as i } from "./useFlatFieldErrorsContext.mjs";
+const l = ({ errors: r }) => {
+  if (r && !s(r))
+    return /* @__PURE__ */ t("ul", { children: Object.values(r).map((o, e) => /* @__PURE__ */ t(
+      "li",
+      {
+        role: "alert",
+        "aria-live": "polite",
+        children: o.message
+      },
+      e
+    )) });
+}, m = () => {
+  const r = i().roots;
+  return /* @__PURE__ */ t(l, { errors: r });
+};
+export {
+  m as RootErrorsListFromFlatFieldErrorsContext
+};

package/dist/types/group.d.ts

@@ -0,0 +1,9 @@
+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';
+export { default as useFormGroupChildTracker } from '../form/context/group/useFormGroupChildTracker';
+export { default as useFormGroupIsAnyBusy } from '../form/context/group/useFormGroupIsAnyBusy';
+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 useFormOrParentIsBusy } from '../form/context/group/useFormOrParentIsBusy';

package/dist/types/main.d.ts

@@ -1 +1,15 @@
-export {};
+export type { Register } from '../register';
+export type { RhfUtilsClientConfig } from '../client/config/RhfUtilsClientConfig';
+export { default as RhfUtilsClientForZodContextProvider } from '../client/zod/context/RhfUtilsClientForZodContextProvider';
+export { default as RhfUtilsZodForm } from '../client/zod/context/RhfUtilsZodForm';
+export { default as useRhfUtilsZodForm } from '../client/zod/context/useRhfUtilsZodForm';
+export type { RhfUtilsUseFormChildrenZodFC } from '../client/zod/RhfUtilsUseFormChildrenZodFC';
+export type { RhfUtilsUseFormChildrenZodProps } from '../client/zod/RhfUtilsUseFormChildrenZodProps';
+export { default as useFlatFieldErrorsContext } from '../errors/flat/context/useFlatFieldErrorsContext';
+export { default as useFlatFieldErrorsContextHasOnlyOrphans } from '../errors/flat/context/useFlatFieldErrorsContextHasOnlyOrphans';
+export { default as RhfUtilsNonFieldErrorMarker } from '../errors/nonfield/RhfUtilsNonFieldErrorMarker';
+export type { RhfUtilsFormOptions } from '../form/RhfUtilsFormOptions';
+export type { SafeFieldValues } from '../form/SafeFieldValues';
+export type { UseRhfUtilsFormChildrenProps } from '../form/UseRhfUtilsFormChildrenProps';
+export { default as useRhfUtilsContext } from '../form/context/utils/useRhfUtilsContext';
+export { FormSubmitError } from '../submit/error/FormSubmitError';

package/dist/types/trpc.d.ts

@@ -0,0 +1,2 @@
+export { default as makeOnSubmitTrpcClientErrorHandler } from '../errors/trpc/makeOnSubmitTrpcClientErrorHandler';
+export { default as trpcClientErrorToFormSubmitFieldErrorsSchemaTransformer } from '../errors/trpc/trpcClientErrorToFormSubmitFieldErrorsSchemaTransformer';

package/dist/types/utils.d.ts

@@ -0,0 +1 @@
+export { default as RootErrorsListFromFlatFieldErrorsContext } from '../errors/root/RootErrorsListFromFlatFieldErrorsContext';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paragrav/rhf-utils",
   "author": "paragrav.dev",
   "license": "MIT",
-  "version": "0.0.138",
+  "version": "0.0.140",
   "description": "Integration utilities for react-hook-form.",
   "type": "module",
   "sideEffects": false,
@@ -10,12 +10,30 @@
     "dist/esm/*",
     "dist/types/*"
   ],
-  "module": "./dist/esm/exports.mjs",
+  "module": "./dist/esm/main.mjs",
   "exports": {
     ".": {
       "import": {
-        "default": "./dist/esm/exports.mjs",
-        "types": "./dist/types/exports.d.ts"
+        "default": "./dist/esm/main.mjs",
+        "types": "./dist/types/main.d.ts"
+      }
+    },
+    "./group": {
+      "import": {
+        "default": "./dist/esm/group.mjs",
+        "types": "./dist/types/group.d.ts"
+      }
+    },
+    "./trpc": {
+      "import": {
+        "default": "./dist/esm/trpc.mjs",
+        "types": "./dist/types/trpc.d.ts"
+      }
+    },
+    "./utils": {
+      "import": {
+        "default": "./dist/esm/utils.mjs",
+        "types": "./dist/types/utils.d.ts"
       }
     }
   },

package/dist/esm/client/config/useRhfUtilsClientConfigContext.mjs

@@ -1,9 +0,0 @@
-import e from "../../utils/createContext.mjs";
-const {
-  Provider: o,
-  useMaybe: i
-} = e();
-export {
-  o as _RhfUtilsClientConfigContextProvider,
-  i as default
-};

package/dist/esm/client/index.mjs

@@ -1,49 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import "react";
-import n from "../form/FormWithProviders.mjs";
-import l from "../form/useRhfUtilsForm.mjs";
-import { mergeRhfUtilsClientConfigDefaultsWithUseRhfUtilsFormProps as F } from "./utils.mjs";
-const c = (r) => (o) => {
-  const e = f(r, o);
-  return {
-    useForm: (s, t) => {
-      const i = e(s, t);
-      return {
-        ...l(i),
-        FormWithProviders: () => /* @__PURE__ */ m(n, { ...i })
-      };
-    },
-    FormWithProviders: u(r, o)
-  };
-}, f = (r, o) => function(s, t) {
-  return {
-    ...t,
-    ...F(
-      o.defaults,
-      t,
-      {
-        rhf: {
-          resolver: r(s)
-        }
-      }
-    )
-  };
-}, u = (r, o) => {
-  const e = f(r, o);
-  return function({
-    schema: t,
-    children: i,
-    ...h
-  }) {
-    return /* @__PURE__ */ m(
-      n,
-      {
-        ...e(t, h),
-        children: i
-      }
-    );
-  };
-};
-export {
-  c as createRhfUtilsClient
-};

package/dist/esm/client/utils.mjs

@@ -1,38 +0,0 @@
-const u = (n, ...r) => (
-  // sequentially merge each set of props into defaults
-  r.reduce(
-    (t, e) => {
-      var s, i, l, m, o, f;
-      return {
-        rhf: {
-          ...t == null ? void 0 : t.rhf,
-          ...e.rhf
-        },
-        utils: {
-          ...t == null ? void 0 : t.utils,
-          ...e.utils,
-          // manual merges
-          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- false positive
-          ...(((s = t == null ? void 0 : t.utils) == null ? void 0 : s.resetOnSubmitted) || ((i = e.utils) == null ? void 0 : i.resetOnSubmitted)) && {
-            resetOnSubmitted: {
-              ...(l = t == null ? void 0 : t.utils) == null ? void 0 : l.resetOnSubmitted,
-              ...(m = e.utils) == null ? void 0 : m.resetOnSubmitted
-            }
-          }
-        },
-        form: {
-          ...t == null ? void 0 : t.form,
-          ...e.form,
-          // manual merges
-          className: [(o = t == null ? void 0 : t.form) == null ? void 0 : o.className, (f = e.form) == null ? void 0 : f.className].filter(Boolean).join(" ") || void 0
-          // stringify (replace empty string with undefined)
-        }
-      };
-    },
-    // start with defaults
-    n
-  )
-);
-export {
-  u as mergeRhfUtilsClientConfigDefaultsWithUseRhfUtilsFormProps
-};

package/dist/esm/client/zod/context/RhfUtilsClientForZodContextProvider.mjs

@@ -1,17 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import e from "react";
-import { _RhfUtilsClientConfigContextProvider as l } from "../../config/useRhfUtilsClientConfigContext.mjs";
-import f from "../createRhfUtilsClientForZod.mjs";
-import { _RhfUtilsClientForZodContextProvider as s } from "./useRhfUtilsClientForZodContext.mjs";
-const d = ({
-  config: r,
-  children: i
-}) => {
-  const [t] = e.useState(r), [n] = e.useState(
-    () => f(t ?? {})
-  );
-  return /* @__PURE__ */ o(l, { value: t, children: /* @__PURE__ */ o(s, { value: n, children: i }) });
-}, p = d;
-export {
-  p as default
-};

package/dist/esm/client/zod/context/RhfUtilsZodForm.mjs

@@ -1,12 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import e from "./useRhfUtilsClientForZodContext.mjs";
-function m({
-  schema: o,
-  ...t
-}) {
-  const { FormWithProviders: r } = e();
-  return /* @__PURE__ */ i(r, { schema: o, ...t });
-}
-export {
-  m as default
-};

package/dist/esm/client/zod/context/useRhfUtilsClientForZodContext.mjs

@@ -1,9 +0,0 @@
-import e from "../../../utils/createContext.mjs";
-const {
-  Provider: o,
-  useRequired: r
-} = e();
-export {
-  o as _RhfUtilsClientForZodContextProvider,
-  r as default
-};

package/dist/esm/client/zod/context/useRhfUtilsZodForm.mjs

@@ -1,5 +0,0 @@
-import s from "./useRhfUtilsClientForZodContext.mjs";
-const e = (o, t) => s().useForm(o, t), f = e;
-export {
-  f as default
-};

package/dist/esm/client/zod/createRhfUtilsClientForZod.mjs

@@ -1,6 +0,0 @@
-import { zodResolver as t } from "@hookform/resolvers/zod";
-import { createRhfUtilsClient as e } from "../index.mjs";
-const i = e(t);
-export {
-  i as default
-};

package/dist/esm/devtool/LazyDevTool.mjs

@@ -1,15 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import e from "react";
-import { useFormContext as n } from "react-hook-form";
-const a = e.lazy(
-  () => import("@hookform/devtools").then((o) => ({
-    default: o.DevTool
-  }))
-), u = ({ isDevelopment: o, props: r }) => {
-  if (!o) return null;
-  const { control: l } = n();
-  return /* @__PURE__ */ t(e.Suspense, { fallback: null, children: /* @__PURE__ */ t(a, { control: l, ...r }) });
-};
-export {
-  u as default
-};

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

@@ -1,17 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import l from "../../utils/isEmptyObject.mjs";
-const o = ({ errors: e }) => {
-  if (e && !l(e))
-    return /* @__PURE__ */ t("ul", { children: Object.values(e).map((i, r) => /* @__PURE__ */ t(
-      "li",
-      {
-        role: "alert",
-        "aria-live": "polite",
-        children: i.message
-      },
-      r
-    )) });
-};
-export {
-  o as default
-};

package/dist/esm/errors/flat/context/FlatFieldErrorsContextProvider.mjs

@@ -1,27 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import "react";
-import { useFormState as l } from "react-hook-form";
-import F from "../../getRefdFromFlatFieldErrors.mjs";
-import e from "../../../utils/isEmptyObject.mjs";
-import p from "../../orphan/getOrphansFromFlatFieldErrors.mjs";
-import n from "../../root/getRootsFromFlatFieldErrors.mjs";
-import d from "../getFlatFieldErrors.mjs";
-import { _FormErrorsFlatContextProvider as f } from "./useFlatFieldErrorsContext.mjs";
-const C = ({
-  formRef: o,
-  children: m
-}) => {
-  const { errors: t } = l(), r = d(t), s = o.current ? p(r, o.current) : {}, i = {
-    all: r,
-    fields: F(r),
-    roots: n(r),
-    orphans: s,
-    // computed
-    hasErrors: !e(t),
-    hasOrphans: !e(s)
-  };
-  return /* @__PURE__ */ a(f, { value: i, children: m });
-};
-export {
-  C as default
-};

package/dist/esm/errors/flat/context/useFlatFieldErrorsContext.mjs

@@ -1,9 +0,0 @@
-import r from "../../../utils/createContext.mjs";
-const {
-  Provider: o,
-  useRequired: e
-} = r(), s = e;
-export {
-  o as _FormErrorsFlatContextProvider,
-  s as default
-};

package/dist/esm/errors/flat/context/useFlatFieldErrorsContextHasOnlyOrphans.mjs

@@ -1,9 +0,0 @@
-import s from "react";
-import e from "./useFlatFieldErrorsContext.mjs";
-const t = () => {
-  const r = e();
-  return s.useMemo(() => !r.hasErrors || !r.hasOrphans ? !1 : Object.keys(r.orphans).length === Object.keys(r.all).length, [r]);
-}, l = t;
-export {
-  l as default
-};

package/dist/esm/errors/flat/context/useFlatFieldErrorsContextOutput.mjs

@@ -1,24 +0,0 @@
-import u from "react";
-import { useFormContext as p } from "react-hook-form";
-import E from "../../output/consoleErrors.mjs";
-import F from "./useFlatFieldErrorsContext.mjs";
-const C = (r) => {
-  const l = p(), t = F();
-  u.useEffect(() => {
-    var o, m;
-    if (!t.hasErrors) return;
-    const e = (o = r == null ? void 0 : r.console) == null ? void 0 : o.call(r, t);
-    e && E(
-      e.message ?? a,
-      l.getValues(),
-      t,
-      e.type
-    );
-    const s = (m = r == null ? void 0 : r.throw) == null ? void 0 : m.call(r, t);
-    if (s)
-      throw new Error(typeof s == "string" ? s : a);
-  }, [t]);
-}, a = "Form errors";
-export {
-  C as default
-};

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

@@ -1,10 +0,0 @@
-const r = (e) => (t) => (
-  // re-create object from entries
-  Object.fromEntries(
-    // break down to entries
-    Object.entries(t).filter(e)
-  )
-);
-export {
-  r as default
-};

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

@@ -1,5 +0,0 @@
-import { flatten as r } from "flat";
-const o = (t) => r(t);
-export {
-  o as default
-};

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

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

package/dist/esm/errors/getRefdFromFlatFieldErrors.mjs

@@ -1,8 +0,0 @@
-import r from "./flat/filterFlatFieldErrors.mjs";
-import t from "./isFlatFieldErrorEntryRefd.mjs";
-const l = r(
-  t
-);
-export {
-  l as default
-};

package/dist/esm/errors/isFieldErrorRefd.mjs

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

package/dist/esm/errors/isFlatFieldErrorEntryRefd.mjs

@@ -1,5 +0,0 @@
-import e from "./isFieldErrorRefd.mjs";
-const t = ([, r]) => e(r);
-export {
-  t as default
-};

package/dist/esm/errors/message/FormErrorMessage.mjs

@@ -1,14 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import "react";
-const i = ({ message: r, className: e }) => /* @__PURE__ */ o(
-  "p",
-  {
-    role: "alert",
-    "aria-live": "polite",
-    className: e,
-    children: r
-  }
-);
-export {
-  i as default
-};

package/dist/esm/errors/message/RhfUtilsFieldErrorMessage.mjs

@@ -1,14 +0,0 @@
-import { jsxs as n, Fragment as i, jsx as o } from "react/jsx-runtime";
-import { useFormState as a, get as l } from "react-hook-form";
-import f from "../nonfield/FormNonFieldErrorMarker.mjs";
-import g from "./FormErrorMessage.mjs";
-const F = ({ path: e, Component: s }) => {
-  const { errors: t } = a(), r = l(t, e, void 0), m = s ?? g;
-  return r != null && r.message ? /* @__PURE__ */ n(i, { children: [
-    /* @__PURE__ */ o(m, { message: r.message }),
-    /* @__PURE__ */ o(f, { path: e })
-  ] }) : null;
-}, E = F;
-export {
-  E as default
-};

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

@@ -1,19 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import e from "./FormNonFieldErrorMarkerHtmlAttribute.mjs";
-const a = ({ path: r }) => {
-  const o = {
-    [e]: r
-  };
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      role: "alert",
-      "aria-hidden": "true",
-      style: { display: "none" },
-      ...o
-    }
-  );
-}, d = a;
-export {
-  d as default
-};

package/dist/esm/errors/nonfield/FormNonFieldErrorMarker.utils.mjs

@@ -1,23 +0,0 @@
-import l from "./FormNonFieldErrorMarkerHtmlAttribute.mjs";
-const m = (r, e) => (
-  // list of selector variants
-  [
-    // equals
-    // e.g., attr="path"
-    ["", ""],
-    [
-      // @see https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors#attrvalue_4
-      "^",
-      // only match nested (avoid match 'field' with 'field1`)
-      "."
-    ]
-  ].map(
-    ([o, t]) => n(
-      l + o,
-      r + t
-    )
-  ).join(", ")
-), n = (r, e) => `[role="alert"][${r}="${e}"]`;
-export {
-  m as getFormNonFieldErrorMarkerQuerySelector
-};

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

@@ -1,4 +0,0 @@
-const r = "data-paragrav-rhf-utils-nonfield-error-marker-path";
-export {
-  r as default
-};

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

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

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

@@ -1,5 +0,0 @@
-import o from "./isOrphanFormError.mjs";
-const n = (r) => ([t, e]) => o(t, e, r);
-export {
-  n as default
-};

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

@@ -1,8 +0,0 @@
-import e from "../flat/filterFlatFieldErrors.mjs";
-import o from "./getIsOrphanFormErrorWithParentElement.mjs";
-const F = (r, t) => e(
-  o(t)
-)(r);
-export {
-  F as default
-};

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

@@ -1,12 +0,0 @@
-import m from "../isFieldErrorRefd.mjs";
-import t from "../nonfield/isNonFieldErrorMarkerInDOM.mjs";
-import e from "../root/isFormErrorPathRoot.mjs";
-const d = (r, o, i) => (
-  // non-field
-  !m(o) && // non-root
-  !e(r) && // not marked in DOM
-  !t(r, i)
-);
-export {
-  d as default
-};

package/dist/esm/errors/output/consoleErrors.mjs

@@ -1,6 +0,0 @@
-const c = (o, e, s, r = "debug") => {
-  console[r](o, { values: e, errors: s });
-};
-export {
-  c as default
-};

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

@@ -1,10 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import t from "../flat/context/useFlatFieldErrorsContext.mjs";
-import s from "../flat/FlatFieldErrorsList.mjs";
-const e = () => {
-  const r = t().roots;
-  return /* @__PURE__ */ o(s, { errors: r });
-}, m = e;
-export {
-  m as default
-};

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

@@ -1,4 +0,0 @@
-const o = "root";
-export {
-  o as FormErrorPathRoot
-};

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

@@ -1,8 +0,0 @@
-import r from "../flat/filterFlatFieldErrors.mjs";
-import o from "./isFlatFieldErrorEntryPathRoot.mjs";
-const l = r(
-  o
-);
-export {
-  l as default
-};

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

@@ -1,5 +0,0 @@
-import r from "./isFormErrorPathRoot.mjs";
-const a = ([o]) => r(o);
-export {
-  a as default
-};

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

@@ -1,5 +0,0 @@
-import { FormErrorPathRoot as r } from "./consts.mjs";
-const s = (o) => o === r || o.startsWith(r + ".");
-export {
-  s as default
-};