@companix/formkit 0.0.20 → 0.0.22

package/dist/bundle.es.js

@@ -1,11 +1,11 @@
 import { jsx as h, Fragment as j, jsxs as B } from "react/jsx-runtime";
-import { createContext as M, useState as w, useContext as R, useMemo as p, useEffect as S, useCallback as A, useRef as P } from "react";
+import { createContext as M, useState as w, useContext as R, useMemo as C, useEffect as S, useCallback as A, useRef as P } from "react";
 import L from "fast-deep-equal";
 const D = M({}), q = (n) => {
   const [, e] = w([]), r = R(D);
   if (!r)
     throw new Error("useValue cannot be used outside Form context");
-  const s = p(() => {
+  const s = C(() => {
     const t = r.getForm(n);
     if (!t)
       throw new Error(`form with name "${n}" doesnt exist in form`);
@@ -23,7 +23,7 @@ const D = M({}), q = (n) => {
   const s = q(e);
   return n(s) ? /* @__PURE__ */ h(j, { children: r }) : null;
 }, U = ({ item: { Form: n }, name: e }) => {
-  const [, r] = w([]), s = R(D), { unregistry: t } = p(() => s.registry(e, () => {
+  const [, r] = w([]), s = R(D), { unregistry: t } = C(() => s.registry(e, () => {
     r([]);
   }), []), f = A(
     (y) => {
@@ -58,7 +58,7 @@ const D = M({}), q = (n) => {
     }
   );
 }, z = ({ item: n, path: e }) => {
-  const { getController: r, items: s } = n, t = R(D), f = p(() => {
+  const { getController: r, items: s } = n, t = R(D), f = C(() => {
     const l = {};
     return s.forEach(({ name: g, getForm: o }) => {
       l[g] = o(g, () => a(g));
@@ -68,7 +68,7 @@ const D = M({}), q = (n) => {
     return s.forEach(({ name: g }) => {
       t.getForm([...e, g].join(".")).value !== void 0 && l.push(g);
     }), l;
-  }, []), x = p(() => b(), []), [y, v] = w(x);
+  }, []), x = C(() => b(), []), [y, v] = w(x);
   S(() => {
     const { unregistry: l } = t.registryExtraForm(
       s.map(({ name: g }) => [...e, g].join(".")),
@@ -91,12 +91,12 @@ const D = M({}), q = (n) => {
   return /* @__PURE__ */ B(j, { children: [
     y.map((l) => {
       const g = f[l];
-      return /* @__PURE__ */ h(C, { path: e, scheme: [g] }, `param-form--${l}`);
+      return /* @__PURE__ */ h(p, { path: e, scheme: [g] }, `param-form--${l}`);
     }),
     r(d, y)
   ] });
-}, C = ({ scheme: n, path: e }) => /* @__PURE__ */ h(j, { children: n.map((r, s) => r.type === "layout" ? /* @__PURE__ */ h(r.Layout, { children: /* @__PURE__ */ h(C, { path: e, scheme: r.childs }) }, `layout-form--${s}-${e.length}`) : r.type === "context" ? /* @__PURE__ */ h(
-  C,
+}, p = ({ scheme: n, path: e }) => /* @__PURE__ */ h(j, { children: n.map((r, s) => r.type === "layout" ? /* @__PURE__ */ h(r.Layout, { children: /* @__PURE__ */ h(p, { path: e, scheme: r.childs }) }, `layout-form--${s}-${e.length}`) : r.type === "context" ? /* @__PURE__ */ h(
+  p,
   {
     path: [...e, r.context],
     scheme: r.childs
@@ -107,7 +107,7 @@ const D = M({}), q = (n) => {
   {
     name: r.depended,
     canActivate: r.canActivate,
-    children: /* @__PURE__ */ h(C, { path: e, scheme: r.childs })
+    children: /* @__PURE__ */ h(p, { path: e, scheme: r.childs })
   },
   `condition--${s}-${r.depended}-${e.length}`
 ) : r.type === "extra" ? /* @__PURE__ */ h(z, { path: e, item: r }, `partial-item--${s}-${e.length}`) : /* @__PURE__ */ h(
@@ -230,8 +230,8 @@ const D = M({}), q = (n) => {
       for (const u in a) {
         const c = a[u];
         if (c.value !== void 0) {
-          const F = c.validate(c.value);
-          F && (i = !0, c.error = F, c.rerender(), !o && c.focus && (c.focus(), o = !0));
+          const m = c.validate(c.value);
+          m && (i = !0, c.error = m, c.rerender(), !o && c.focus && (c.focus(), o = !0));
         }
       }
       if (!i) {
@@ -241,26 +241,28 @@ const D = M({}), q = (n) => {
         }
         const u = T(n, a);
         await v.onSubmit(u, {
-          setError: (c, F) => {
-            const m = this.getForm(c);
-            m.error = {
+          setError: (c, m) => {
+            const F = this.getForm(c);
+            F.error = {
               error: !0,
-              messages: [F.message]
-            }, m.rerender();
+              messages: [m.message]
+            }, F.rerender();
           }
+        }).catch((c) => {
+          console.log("[formkit] submit exception:", c);
         });
       }
     },
     reset(o, { asDirty: i }) {
-      V(n, [], o, (u, c, F) => {
-        if (F === void 0 && a[c].value === void 0)
+      V(n, [], o, (u, c, m) => {
+        if (m === void 0 && a[c].value === void 0)
           return;
-        if (l.names[c] && F === void 0) {
+        if (l.names[c] && m === void 0) {
           a[c].value = void 0;
           return;
         }
-        const m = F ?? u.defaultValue;
-        i || (a[c].startValue = m, a[c].isDirty = !1), a[c].value !== m && this.onChange(c, m);
+        const F = m ?? u.defaultValue;
+        i || (a[c].startValue = F, a[c].isDirty = !1), a[c].value !== F && this.onChange(c, F);
       }), i || (d.dirtyCount = 0, d.isSubmitted = !1), l.subscribers.forEach(({ visualizeEvalueatedForms: u }) => {
         u();
       });
@@ -288,7 +290,7 @@ const D = M({}), q = (n) => {
     subscribeToForm(o, i) {
       const u = { callback: i }, c = this.getForm(o);
       return c.subscribers.push(u), () => {
-        c.subscribers = c.subscribers.filter((F) => F !== u);
+        c.subscribers = c.subscribers.filter((m) => m !== u);
       };
     },
     registryExtraForm(o, i) {
@@ -304,9 +306,9 @@ const D = M({}), q = (n) => {
     onChange(o, i) {
       const u = this.getForm(o), c = !L(i, u.startValue);
       u.isDirty !== c && g(o, c), u.isDirty = c, x?.({ name: o, value: i }), (u.error || d.isSubmitted) && (u.error = u.validate(i) || null);
-      const F = u.value;
-      u.value = i, u.rerender(), u.subscribers.forEach(({ callback: m }) => {
-        m(i, F);
+      const m = u.value;
+      u.value = i, u.rerender(), u.subscribers.forEach(({ callback: F }) => {
+        F(i, m);
       });
     }
   };
@@ -342,11 +344,11 @@ const D = M({}), q = (n) => {
     // prettier-ignore
     subscribe: (t, f) => s.subscribeToForm(t, f)
   };
-}, W = ({ manager: n }) => (p(() => {
+}, W = ({ manager: n }) => (C(() => {
   n.activate();
 }, []), S(() => () => {
   n.disactivate();
-}, []), /* @__PURE__ */ h(D.Provider, { value: n, children: /* @__PURE__ */ h(C, { scheme: n.scheme, path: [] }) })), $ = (n) => {
+}, []), /* @__PURE__ */ h(D.Provider, { value: n, children: /* @__PURE__ */ h(p, { scheme: n.scheme, path: [] }) })), $ = (n) => {
   try {
     n();
   } catch (e) {
@@ -415,5 +417,6 @@ export {
   X as createForm,
   Y as createLayout,
   O as createUseValue,
-  Q as useForm
+  Q as useForm,
+  q as useValue
 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { useForm, FormLayout } from './useForm';
-export { createUseValue } from './useValue';
+export { useValue, createUseValue } from './useValue';
 export { createForm } from './core/builders/create-form';
 export { createLayout } from './core/builders/create-layout';
 export { createExtraForm } from './core/builders/create-extra-form';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/formkit",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",
   "type": "module",