@paragrav/rhf-utils 0.0.139 → 0.0.140

package/README.md

@@ -24,7 +24,7 @@ Integration and utility library for [react-hook-form](https://www.react-hook-for
   - context groups errors into `all`, `fields`, `roots`, and `orphans` (`useFlatFieldErrorsContext`)
 - safer `FieldValues` type (`SafeFieldValues`)
 - `zod` support, including input/output types for transformations
-- ~3.6kB min+gzip (excluding [peer dependencies](#peer-dependencies))
+- ~3.2kB min+gzip core (excluding [peer dependencies](#peer-dependencies))
 
 ## Install
 
@@ -381,7 +381,9 @@ You should incorporate `RhfUtilsNonFieldErrorMarker` into your own component lib
 
 _If you include the marker in bulk error lists, it will defeat the purpose of the marker. Only use marker for individual errors. Therefore, if you are ONLY listing a summary of all errors, without individual displays, you will need to use the marker manually._
 
-## Form Groups
+## Other Features
+
+### Form Groups _(0.65kB min+gzip)_
 
 Sometimes you need to group multiple forms together.
 
@@ -406,6 +408,22 @@ In children forms, there are two options. You can choose to consider form "busy"
 
 Both hooks return `boolean` value indicating whether parent form is busy.
 
+### TRPC.io Utils _(0.41kB min+gzip)_
+
+#### `trpcClientErrorToFormSubmitFieldErrorsSchemaTransformer`
+
+`zod`-based schema for transforming `TRPCClientErrorLike<AnyRouter>` server errors to `FormSubmitFieldErrors`.
+
+#### `makeOnSubmitTrpcClientErrorHandler`
+
+HOF to make a `onSubmitErrorUnknown` handler for TRPC.io server errors (with fallback callback for non-TRPC errors).
+
+```ts
+  onSubmitErrorUnknown: makeOnSubmitTrpcClientErrorHandler((error) => {
+    // non-trpc error
+  }),
+```
+
 ## Other
 
 ### SafeFieldValues

package/dist/esm/group.mjs

@@ -0,0 +1,74 @@
+import { jsx as F } from "react/jsx-runtime";
+import t from "react";
+import { c as f } from "./createContext.mjs";
+import { useFormState as i } from "react-hook-form";
+const {
+  Provider: h,
+  useRequired: c,
+  useMaybe: u
+} = f(), v = ({ children: s }) => {
+  const [e, r] = t.useState([]), d = e.length, B = t.useCallback((o, I) => {
+    r(
+      (n) => I ? (
+        // add to array
+        [...n, o]
+      ) : (
+        // remove from array
+        n.filter((C) => C !== o)
+      )
+    );
+  }, []), [l, p] = t.useState(!1);
+  return /* @__PURE__ */ F(h, { value: {
+    children: {
+      busyCount: d,
+      busyIds: e,
+      setBusyId: B
+    },
+    parent: {
+      isBusy: l,
+      setIsBusy: p
+    }
+  }, children: s });
+}, a = (s) => {
+  const { setBusyId: e } = c().children, r = t.useId();
+  t.useEffect(() => {
+    e(r, s);
+  }, [s, r, e]), t.useEffect(() => () => {
+    e(r, !1);
+  }, []);
+}, y = () => {
+  const s = u();
+  return !!(s != null && s.parent.isBusy);
+}, T = () => (a(!0), y()), E = () => {
+  const { isSubmitting: s } = i();
+  return a(s), y();
+}, M = () => {
+  const s = u();
+  return !!(s != null && s.children.busyCount) || !!(s != null && s.parent.isBusy);
+}, G = () => {
+  const s = u();
+  return !!(s != null && s.children.busyCount);
+}, m = () => {
+  const { isSubmitting: s, isLoading: e } = i();
+  return s || e;
+}, _ = () => {
+  const s = m(), { setIsBusy: e } = c().parent;
+  return t.useEffect(() => {
+    e(s);
+  }, [e, s]), G();
+}, x = () => {
+  var r;
+  const s = m(), e = (r = u()) == null ? void 0 : r.parent.isBusy;
+  return !!(s || e);
+};
+export {
+  v as FormGroupContextProvider,
+  T as useFormGroupChildIsMountedTracker,
+  E as useFormGroupChildIsSubmittingTracker,
+  a as useFormGroupChildTracker,
+  M as useFormGroupIsAnyBusy,
+  G as useFormGroupIsChildBusy,
+  y as useFormGroupIsParentBusy,
+  _ as useFormGroupParentTracker,
+  x as useFormOrParentIsBusy
+};