@paragrav/rhf-utils 0.0.127 → 0.0.128

package/README.md

@@ -50,7 +50,7 @@ export const rhfUtilsClientConfig: RhfUtilsClientConfig = {
       formRef, //         ref
       context, //         rhf UseFormReturn
       options, //         RhfUtilsFormOptions (with any custom props)
-      Controller, //      strictly-typed controller
+      Controller, //      strictly-typed rhf controller
       FormSubmitError, // strictly-typed error class
       children, //        RhfUtilsZodForm's Children instance
     },
@@ -108,7 +108,7 @@ export const rhfUtilsClientConfig: RhfUtilsClientConfig = {
 
 ## Provider
 
-And add the context provider to your stack:
+And add the context provider to your global provider stack:
 
 ```tsx
 <RhfUtilsClientForZodContextProvider config={rhfUtilsClientConfig}>
@@ -150,7 +150,7 @@ Currently, only `zod` is supported.
     formRef, //         ref
     context, //         rhf UseFormReturn
     options, //         RhfUtilsFormOptions
-    Controller, //      strictly-typed controller
+    Controller, //      strictly-typed rhf controller
     FormSubmitError, // strictly-typed error class
   }) => (
     <>

package/dist/esm/client/index.mjs

@@ -1,20 +1,21 @@
-import { jsx as n } from "react/jsx-runtime";
-import m from "../form/FormWithProviders.mjs";
+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 p = (r) => (o) => {
-  const i = f(r, o);
+const c = (r) => (o) => {
+  const e = f(r, o);
   return {
-    useForm: (e, t) => {
-      const s = i(e, t);
+    useForm: (s, t) => {
+      const i = e(s, t);
       return {
-        ...l(s),
-        FormWithProviders: () => /* @__PURE__ */ n(m, { ...s })
+        ...l(i),
+        FormWithProviders: () => /* @__PURE__ */ m(n, { ...i })
       };
     },
     FormWithProviders: u(r, o)
   };
-}, f = (r, o) => function(e, t) {
+}, f = (r, o) => function(s, t) {
   return {
     ...t,
     ...F(
@@ -22,25 +23,27 @@ const p = (r) => (o) => {
       t,
       {
         rhf: {
-          resolver: r(e)
+          resolver: r(s)
         }
       }
     )
   };
-}, u = (r, o) => function({
-  schema: e,
-  children: t,
-  ...s
-}) {
-  const h = f(r, o);
-  return /* @__PURE__ */ n(
-    m,
-    {
-      ...h(e, s),
-      children: t
-    }
-  );
+}, 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 {
-  p as createRhfUtilsClient
+  c as createRhfUtilsClient
 };

package/dist/esm/client/utils.mjs

@@ -1,23 +1,28 @@
-const i = (l, ...t) => t.reduce(
-  (s, e) => {
-    var f, o;
-    return {
-      rhf: {
-        ...s == null ? void 0 : s.rhf,
-        ...e.rhf
-      },
-      utils: {
-        ...s == null ? void 0 : s.utils,
-        ...e.utils
-      },
-      form: {
-        ...s == null ? void 0 : s.form,
-        ...e.form,
-        className: [(f = s == null ? void 0 : s.form) == null ? void 0 : f.className, (o = e.form) == null ? void 0 : o.className].filter(Boolean).join(" ")
-      }
-    };
-  },
-  l
+const i = (l, ...t) => (
+  // sequentially merge each set of props into defaults
+  t.reduce(
+    (s, e) => {
+      var f, o;
+      return {
+        rhf: {
+          ...s == null ? void 0 : s.rhf,
+          ...e.rhf
+        },
+        utils: {
+          ...s == null ? void 0 : s.utils,
+          ...e.utils
+        },
+        form: {
+          ...s == null ? void 0 : s.form,
+          ...e.form,
+          className: [(f = s == null ? void 0 : s.form) == null ? void 0 : f.className, (o = e.form) == null ? void 0 : o.className].filter(Boolean).join(" ")
+          // stringify
+        }
+      };
+    },
+    // start with defaults
+    l
+  )
 );
 export {
   i as mergeRhfUtilsClientConfigDefaultsWithUseRhfUtilsFormProps

package/dist/esm/form/_Controller.mjs

@@ -1,9 +1,8 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useFormContext as n, Controller as e } from "react-hook-form";
-function f(o) {
-  const { control: r } = n();
-  return /* @__PURE__ */ t(e, { control: r, ...o });
+import { jsx as o } from "react/jsx-runtime";
+import { Controller as t } from "react-hook-form";
+function n(r) {
+  return /* @__PURE__ */ o(t, { ...r });
 }
 export {
-  f as default
+  n as default
 };

package/dist/esm/submit/useResetFormOnSubmitted.mjs

@@ -1,23 +1,36 @@
-import { useFormContext as c } from "react-hook-form";
+import { useFormContext as n } from "react-hook-form";
 import i from "./useFormOnSubmitted.mjs";
-const f = (e) => {
-  const { reset: u, getValues: s } = c();
-  i((o) => {
-    var r;
+const p = (e) => {
+  const { getValues: s, reset: o } = n();
+  i((m) => {
+    var u;
     if (!e) return;
-    const t = (r = e[o ? "success" : "error"]) == null ? void 0 : r.values;
+    const t = (u = e[m ? "success" : "error"]) == null ? void 0 : u.values;
     if (!t) return;
-    const m = t === "current" ? s() : void 0;
-    u(m, {
+    const r = t === "current", c = r ? s() : void 0;
+    o(c, {
       // keep submit stuff for tracking relevant state (e.g., `useFormOnSubmitSuccessful`)
       keepIsSubmitSuccessful: !0,
       keepIsSubmitted: !0,
       keepSubmitCount: !0,
+      /**
+       * This is necessary when setting default values to current values (lest form stop updating).
+       *
+       * Technically, we are keeping values and resetting default values to same values.
+       *
+       * Steps to repro:
+       * - RhfUtilsClientConfig with resetOnSubmitted set to success values to current
+       * - remove `keepValues` prop from reset
+       * - create valid form, submit
+       * - form values should be unchanged
+       * - unexpectedly: can no longer type into input
+       */
+      keepValues: r,
       // keep errors in the case of unsuccessful submit
       keepErrors: !0
     });
   });
 };
 export {
-  f as default
+  p as default
 };

package/dist/types/client/index.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Resolver } from 'react-hook-form';
 import { RhfUtilsClientConfig } from './config/RhfUtilsClientConfig';
 import { FormWithProvidersProps } from '../form/FormWithProviders';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paragrav/rhf-utils",
   "author": "paragrav.dev",
   "license": "MIT",
-  "version": "0.0.127",
+  "version": "0.0.128",
   "description": "Integration utilities for react-hook-form.",
   "type": "module",
   "sideEffects": false,