@paragrav/rhf-utils 0.61.0 → 0.62.0

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
+};