@companix/formkit 0.0.7 → 0.0.8

package/dist/SchemeBuilder.d.ts

@@ -2,6 +2,5 @@ import { SchemeItems } from './core/types';
 export interface SchemeBuilderProps {
     scheme: SchemeItems.All[];
     path: string[];
-    className?: string;
 }
-export declare const SchemeBuilder: ({ scheme, path, className }: SchemeBuilderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SchemeBuilder: ({ scheme, path }: SchemeBuilderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/bundle.es.js

@@ -1,26 +1,26 @@
-import { jsx as b, Fragment as B, jsxs as P } from "react/jsx-runtime";
-import { createContext as T, useState as q, useContext as L, useEffect as D, useMemo as A, useCallback as S, useRef as N } from "react";
-import R from "fast-deep-equal";
-const j = T({}), M = (s) => {
-  const [, r] = q([]), o = L(j), e = o.getForm(s);
+import { jsx as b, Fragment as q, jsxs as P } from "react/jsx-runtime";
+import { createContext as T, useState as L, useContext as R, useEffect as D, useMemo as A, useCallback as S, useRef as N } from "react";
+import w from "fast-deep-equal";
+const j = T({}), M = (o) => {
+  const [, r] = L([]), e = R(j), s = e.getForm(o);
   return D(() => {
-    const { unsubscribe: t } = o.subscribeToForm(s, () => {
+    const { unsubscribe: t } = e.subscribeToForm(o, () => {
       r([]);
     });
     return () => {
       t();
     };
-  }, []), e?.value;
-}, _ = ({ canActivate: s, name: r, children: o }) => {
-  const e = M(r);
-  return s(e) ? /* @__PURE__ */ b(B, { children: o }) : null;
-}, z = ({ item: { Form: s }, name: r }) => {
-  const [, o] = q([]), e = L(j), { unregistry: t } = A(() => e.registry(r, () => {
-    o([]);
+  }, []), s?.value;
+}, _ = ({ canActivate: o, name: r, children: e }) => {
+  const s = M(r);
+  return o(s) ? /* @__PURE__ */ b(q, { children: e }) : null;
+}, z = ({ item: { Form: o }, name: r }) => {
+  const [, e] = L([]), s = R(j), { unregistry: t } = A(() => s.registry(r, () => {
+    e([]);
   }), []), l = S(
     (d) => {
       if (d && d.focus) {
-        const g = e.getForm(r);
+        const g = s.getForm(r);
         g.focus = () => {
           d.focus();
         };
@@ -31,14 +31,14 @@ const j = T({}), M = (s) => {
   D(() => () => {
     t();
   }, []);
-  const { value: y, error: F } = e.getForm(r);
+  const { value: y, error: F } = s.getForm(r);
   return /* @__PURE__ */ b(
-    s,
+    o,
     {
       field: {
         value: y,
         onChange: (d) => {
-          e.onChange(r, d);
+          s.onChange(r, d);
         },
         onBlur: () => {
         },
@@ -46,54 +46,54 @@ const j = T({}), M = (s) => {
       },
       isDirty: !1,
       error: F,
-      disabled: e.disabled
+      disabled: s.disabled
     }
   );
-}, G = ({ item: s, path: r }) => {
-  const { getController: o, items: e } = s, t = L(j), l = A(() => {
-    const i = {};
-    return e.forEach(({ name: f, getForm: x }) => {
-      i[f] = x(f, () => p(f));
-    }), i;
+}, G = ({ item: o, path: r }) => {
+  const { getController: e, items: s } = o, t = R(j), l = A(() => {
+    const c = {};
+    return s.forEach(({ name: f, getForm: x }) => {
+      c[f] = x(f, () => p(f));
+    }), c;
   }, []), y = S(() => {
-    const i = [];
-    return e.forEach(({ name: f }) => {
-      t.getForm([...r, f].join(".")).value !== void 0 && i.push(f);
-    }), i;
-  }, []), F = A(() => y(), []), [d, g] = q(F);
+    const c = [];
+    return s.forEach(({ name: f }) => {
+      t.getForm([...r, f].join(".")).value !== void 0 && c.push(f);
+    }), c;
+  }, []), F = A(() => y(), []), [d, g] = L(F);
   D(() => {
-    const { unregistry: i } = t.registryExtraForm(
-      e.map(({ name: f }) => [...r, f].join(".")),
+    const { unregistry: c } = t.registryExtraForm(
+      s.map(({ name: f }) => [...r, f].join(".")),
       () => {
         g(y());
       }
     );
     return () => {
-      i();
+      c();
     };
   }, []);
   const v = S(
-    (i) => {
-      l[i] && !d.includes(i) && g((f) => [...f, i]);
+    (c) => {
+      l[c] && !d.includes(c) && g((f) => [...f, c]);
     },
     [d]
-  ), p = S((i) => {
-    g((f) => f.filter((x) => x !== i));
+  ), p = S((c) => {
+    g((f) => f.filter((x) => x !== c));
   }, []);
-  return /* @__PURE__ */ P(B, { children: [
-    d.map((i) => {
-      const f = l[i];
-      return /* @__PURE__ */ b(V, { path: r, scheme: [f] }, `param-form--${i}`);
+  return /* @__PURE__ */ P(q, { children: [
+    d.map((c) => {
+      const f = l[c];
+      return /* @__PURE__ */ b(V, { path: r, scheme: [f] }, `param-form--${c}`);
     }),
-    o(v, d)
+    e(v, d)
   ] });
-}, V = ({ scheme: s, path: r, className: o }) => /* @__PURE__ */ b("div", { className: o, children: s.map((e, t) => e.type === "layout" ? /* @__PURE__ */ b(e.Layout, { children: /* @__PURE__ */ b(V, { path: r, scheme: e.childs }) }, `layout-form--${t}-${r.length}`) : e.type === "context" ? /* @__PURE__ */ b(
+}, V = ({ scheme: o, path: r }) => /* @__PURE__ */ b(q, { children: o.map((e, s) => e.type === "layout" ? /* @__PURE__ */ b(e.Layout, { children: /* @__PURE__ */ b(V, { path: r, scheme: e.childs }) }, `layout-form--${s}-${r.length}`) : e.type === "context" ? /* @__PURE__ */ b(
   V,
   {
     path: [...r, e.context],
     scheme: e.childs
   },
-  `context-form--${t}-${e.context}-${r.length}`
+  `context-form--${s}-${e.context}-${r.length}`
 ) : e.type === "condition" ? /* @__PURE__ */ b(
   _,
   {
@@ -101,72 +101,72 @@ const j = T({}), M = (s) => {
     canActivate: e.canActivate,
     children: /* @__PURE__ */ b(V, { path: r, scheme: e.childs })
   },
-  `condition--${t}-${e.depended}-${r.length}`
-) : e.type === "extra" ? /* @__PURE__ */ b(G, { path: r, item: e }, `partial-item--${t}-${r.length}`) : /* @__PURE__ */ b(
+  `condition--${s}-${e.depended}-${r.length}`
+) : e.type === "extra" ? /* @__PURE__ */ b(G, { path: r, item: e }, `partial-item--${s}-${r.length}`) : /* @__PURE__ */ b(
   z,
   {
     name: [...r, e.name].join("."),
     item: e
   },
-  `form-item--${t}-${e.name}-${r.length}`
-)) }), C = (s, r, o, e) => {
-  s.forEach((t) => {
-    if (t.type === "form" && e(t, [...r, t.name].join("."), o[t.name]), t.type === "context") {
-      C(t.childs, [...r, t.context], o[t.context] ?? {}, e);
+  `form-item--${s}-${e.name}-${r.length}`
+)) }), C = (o, r, e, s) => {
+  o.forEach((t) => {
+    if (t.type === "form" && s(t, [...r, t.name].join("."), e[t.name]), t.type === "context") {
+      C(t.childs, [...r, t.context], e[t.context] ?? {}, s);
       return;
     }
     if (t.type === "layout" || t.type === "condition") {
-      C(t.childs, r, o, e);
+      C(t.childs, r, e, s);
       return;
     }
     t.type === "extra" && t.items.forEach(({ getForm: l, name: y }) => {
       C([l(y, () => {
-      })], r, o, e);
+      })], r, e, s);
     });
   });
-}, E = ({ scheme: s, values: r, path: o, forms: e }) => {
-  s.forEach((t) => {
+}, E = ({ scheme: o, values: r, path: e, forms: s }) => {
+  o.forEach((t) => {
     if (t.type === "form") {
-      const l = [...o, t.name].join(".");
-      e[l].value !== void 0 && (r[t.name] = e[l].value);
+      const l = [...e, t.name].join(".");
+      s[l].value !== void 0 && (r[t.name] = s[l].value);
     }
     if (t.type === "context") {
       r[t.context] = {}, E({
         scheme: t.childs,
-        path: [...o, t.context],
+        path: [...e, t.context],
         values: r[t.context],
-        forms: e
+        forms: s
       });
       return;
     }
     if (t.type === "layout") {
-      E({ scheme: t.childs, path: o, values: r, forms: e });
+      E({ scheme: t.childs, path: e, values: r, forms: s });
       return;
     }
     if (t.type === "condition") {
-      const l = e[t.depended]?.value;
+      const l = s[t.depended]?.value;
       if (t.canActivate(l)) {
-        E({ scheme: t.childs, path: o, values: r, forms: e });
+        E({ scheme: t.childs, path: e, values: r, forms: s });
         return;
       }
     }
     t.type === "extra" && t.items.forEach(({ getForm: l, name: y }) => {
       E({ scheme: [l(y, () => {
-      })], path: o, values: r, forms: e });
+      })], path: e, values: r, forms: s });
     });
   });
-}, w = (s, r) => {
-  const o = {};
-  return E({ scheme: s, path: [], values: o, forms: r }), o;
-}, H = (s, r) => {
-  const { onSubmit: o, onEqual: e, disabled: t, onDirty: l, onFormDirty: y, onChangeEvent: F, defaultValues: d } = r;
+}, B = (o, r) => {
+  const e = {};
+  return E({ scheme: o, path: [], values: e, forms: r }), e;
+}, H = (o, r) => {
+  const { onSubmit: e, onEqual: s, disabled: t, onDirty: l, onFormDirty: y, onChangeEvent: F, defaultValues: d } = r;
   let g = !1, v = !1, p = 0;
-  const i = {}, f = {
+  const c = {}, f = {
     subscribers: [],
     names: {}
   };
-  C(s, [], d ?? {}, (n, c, u) => {
-    i[c] = {
+  C(o, [], d ?? {}, (n, i, u) => {
+    c[i] = {
       error: null,
       isDirty: !1,
       value: u,
@@ -178,11 +178,11 @@ const j = T({}), M = (s) => {
       validate: n.validate
     };
   });
-  const x = (n, c) => {
-    l?.({ name: n, isDirty: c }), c && p === 0 && y?.(!0), !c && p === 1 && y?.(!1), p += c ? 1 : -1;
+  const x = (n, i) => {
+    l?.({ name: n, isDirty: i }), i && p === 0 && y?.(!0), !i && p === 1 && y?.(!1), p += i ? 1 : -1;
   };
   return {
-    scheme: s,
+    scheme: o,
     disabled: t,
     activate() {
       g = !0;
@@ -190,43 +190,43 @@ const j = T({}), M = (s) => {
     disactivate() {
       g = !1;
     },
-    setError(n, c) {
+    setError(n, i) {
       const u = this.getForm(n);
       u && (u.error = {
         error: !0,
-        messages: [c.message]
+        messages: [i.message]
       }, u.rerender());
     },
     setFocus(n) {
-      const c = this.getForm(n);
-      c && c.focus && c.focus();
+      const i = this.getForm(n);
+      i && i.focus && i.focus();
     },
-    setValue(n, c) {
+    setValue(n, i) {
       const u = this.getForm(n);
-      u && u.value !== c && this.onChange(n, c);
+      u && u.value !== i && this.onChange(n, i);
     },
     getValues() {
-      return w(s, i);
+      return B(o, c);
     },
     async handleSubmit() {
       if (t)
         return;
       v = !0;
-      let n = !1, c = !1;
-      for (const u in i) {
-        const a = i[u];
+      let n = !1, i = !1;
+      for (const u in c) {
+        const a = c[u];
         if (a.value !== void 0) {
           const h = a.validate(a.value);
-          h && (c = !0, a.error = h, a.rerender(), !n && a.focus && (a.focus(), n = !0));
+          h && (i = !0, a.error = h, a.rerender(), !n && a.focus && (a.focus(), n = !0));
         }
       }
-      if (!c) {
+      if (!i) {
         if (p === 0) {
-          e?.();
+          s?.();
           return;
         }
-        const u = w(s, i);
-        await o(u, {
+        const u = B(o, c);
+        await e(u, {
           setError: (a, h) => {
             const m = this.getForm(a);
             m.error = {
@@ -238,45 +238,45 @@ const j = T({}), M = (s) => {
       }
     },
     reset(n) {
-      const c = [];
-      C(s, [], n, (u, a, h) => {
-        if (h === void 0 && i[a].value === void 0)
+      const i = [];
+      C(o, [], n, (u, a, h) => {
+        if (h === void 0 && c[a].value === void 0)
           return;
         if (f.names[a] && h === void 0) {
-          c.push(a), i[a].value = h;
+          i.push(a), c[a].value = h;
           return;
         }
         const m = h ?? u.defaultValue;
-        i[a].value !== m && (c.push(a), this.onChange(a, m));
-      }), c.some((u) => f.names[u]) && f.subscribers.forEach(({ callback: u }) => {
+        c[a].value !== m && (i.push(a), this.onChange(a, m));
+      }), i.some((u) => f.names[u]) && f.subscribers.forEach(({ callback: u }) => {
         u();
       });
     },
-    registry(n, c) {
-      return i[n].rerender = c, i[n].value === void 0 && (i[n].value = i[n].defaultValue), {
+    registry(n, i) {
+      return c[n].rerender = i, c[n].value === void 0 && (c[n].value = c[n].defaultValue), {
         unregistry() {
-          if (i[n].rerender = () => {
-          }, i[n].focus = void 0, g) {
-            i[n].value = void 0;
-            const u = !R(i[n].defaultValue, i[n].initValue);
-            i[n].isDirty !== u && x(n, u), i[n].isDirty = u;
+          if (c[n].rerender = () => {
+          }, c[n].focus = void 0, g) {
+            c[n].value = void 0;
+            const u = !w(c[n].defaultValue, c[n].initValue);
+            c[n].isDirty !== u && x(n, u), c[n].isDirty = u;
           }
         }
       };
     },
     getForm(n) {
-      return i[n];
+      return c[n];
     },
-    subscribeToForm(n, c) {
-      const u = { callback: c }, a = this.getForm(n);
+    subscribeToForm(n, i) {
+      const u = { callback: i }, a = this.getForm(n);
       return a.subscribers.push(u), {
         unsubscribe: () => {
           a.subscribers = a.subscribers.filter((h) => h !== u);
         }
       };
     },
-    registryExtraForm(n, c) {
-      const u = { callback: c };
+    registryExtraForm(n, i) {
+      const u = { callback: i };
       return n.forEach((a) => {
         f.names[a] = !0;
       }), f.subscribers.push(u), {
@@ -285,65 +285,65 @@ const j = T({}), M = (s) => {
         }
       };
     },
-    onChange(n, c) {
-      const u = this.getForm(n), a = !R(c, u.initValue);
-      u.isDirty !== a && x(n, a), u.isDirty = a, F?.({ name: n, value: c }), (u.error || v) && (u.error = u.validate(c) || null), u.value = c, u.rerender(), u.subscribers.forEach(({ callback: h }) => {
+    onChange(n, i) {
+      const u = this.getForm(n), a = !w(i, u.initValue);
+      u.isDirty !== a && x(n, a), u.isDirty = a, F?.({ name: n, value: i }), (u.error || v) && (u.error = u.validate(i) || null), u.value = i, u.rerender(), u.subscribers.forEach(({ callback: h }) => {
         h();
       });
     }
   };
-}, Q = (s, r) => {
-  const o = N(null);
-  o.current === null && (o.current = H(s, r));
-  const e = o.current;
+}, Q = (o, r) => {
+  const e = N(null);
+  e.current === null && (e.current = H(o, r));
+  const s = e.current;
   return {
     useValue: (t) => M(t),
     reset: (t) => {
-      e.reset(t);
+      s.reset(t);
     },
     setFocus: (t) => {
-      e.setFocus(t);
+      s.setFocus(t);
     },
     setError: (t, l) => {
-      e.setError(t, l);
+      s.setError(t, l);
     },
     setValue: (t, l) => {
-      e.setValue(t, l);
+      s.setValue(t, l);
     },
-    getValues: () => e.getValues(),
+    getValues: () => s.getValues(),
     handleSubmit: async () => {
-      await e.handleSubmit();
+      await s.handleSubmit();
     },
-    manager: e
+    manager: s
   };
-}, U = ({ manager: s, className: r }) => (A(() => {
-  s.activate();
+}, U = ({ manager: o }) => (A(() => {
+  o.activate();
 }, []), D(() => () => {
-  s.disactivate();
-}, []), /* @__PURE__ */ b(j.Provider, { value: s, children: /* @__PURE__ */ b(V, { className: r, scheme: s.scheme, path: [] }) })), $ = (s) => {
+  o.disactivate();
+}, []), /* @__PURE__ */ b(j.Provider, { value: o, children: /* @__PURE__ */ b(V, { scheme: o.scheme, path: [] }) })), $ = (o) => {
   try {
-    s();
+    o();
   } catch (r) {
     return r && typeof r == "string" ? {
       error: !0,
       messages: [r]
-    } : r instanceof Array && r.every((o) => o && typeof o == "string") ? {
+    } : r instanceof Array && r.every((e) => e && typeof e == "string") ? {
       error: !0,
       messages: r
     } : {
       error: !0
     };
   }
-}, W = (s) => (r, o) => {
-  const e = s.getRequireCheck(o), { $rules: t = {}, ...l } = o, { validate: y, required: F } = t;
+}, W = (o) => (r, e) => {
+  const s = o.getRequireCheck(e), { $rules: t = {}, ...l } = e, { validate: y, required: F } = t;
   return {
     type: "form",
     name: r,
-    defaultValue: s.defaultValue,
-    Form: s.getForm(l),
+    defaultValue: o.defaultValue,
+    Form: o.getForm(l),
     validate: (d) => {
       if (F) {
-        const g = $(() => e(d));
+        const g = $(() => s(d));
         if (g)
           return g;
         if (y) {
@@ -353,37 +353,37 @@ const j = T({}), M = (s) => {
         }
         return;
       }
-      if (y && !$(() => e(d))) {
+      if (y && !$(() => s(d))) {
         const v = $(() => y(d));
         if (v)
           return v;
       }
     }
   };
-}, X = (s) => (r) => (...o) => ({
+}, X = (o) => (r) => (...e) => ({
   type: "layout",
-  Layout: s(r),
-  childs: o
+  Layout: o(r),
+  childs: e
 }), Y = ({
-  getItems: s,
+  getItems: o,
   getController: r
 }) => ({
   type: "extra",
-  items: s((o) => (e) => ({
+  items: o((e) => (s) => ({
     type: "registry",
-    name: o,
-    getForm: e
+    name: e,
+    getForm: s
   })),
   getController: r
-}), Z = (s) => (...r) => ({
+}), Z = (o) => (...r) => ({
   type: "context",
-  context: s,
+  context: o,
   childs: r
-}), k = (s, r) => (...o) => ({
+}), k = (o, r) => (...e) => ({
   type: "condition",
-  depended: s,
+  depended: o,
   canActivate: r.canActivate,
-  childs: o
+  childs: e
 });
 export {
   k as Condition,

package/dist/useForm.d.ts

@@ -60,8 +60,7 @@ declare const useForm: <Items extends SchemeItems.All[], Values extends ExtractV
     manager: FormManager<FlattenValues, Cloned>;
 };
 interface Props {
-    className?: string;
     manager: FormManager<any, any>;
 }
-export declare const FormLayout: ({ manager, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormLayout: ({ manager }: Props) => import("react/jsx-runtime").JSX.Element;
 export { useForm, useDynamicForm };

package/package.json

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