@companix/formkit 0.0.19 → 0.0.21

package/dist/bundle.es.js

@@ -39,7 +39,7 @@ const D = M({}), q = (n) => {
   S(() => () => {
     t();
   }, []);
-  const { value: b, error: m } = s.getForm(e);
+  const { value: b, error: x } = s.getForm(e);
   return /* @__PURE__ */ h(
     n,
     {
@@ -53,7 +53,7 @@ const D = M({}), q = (n) => {
         ref: f
       },
       isDirty: !1,
-      error: m,
+      error: x,
       disabled: s.disabled
     }
   );
@@ -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;
-  }, []), m = p(() => b(), []), [y, v] = w(m);
+  }, []), x = p(() => b(), []), [y, v] = w(x);
   S(() => {
     const { unregistry: l } = t.registryExtraForm(
       s.map(({ name: g }) => [...e, g].join(".")),
@@ -167,7 +167,7 @@ const D = M({}), q = (n) => {
   const r = {};
   return E({ scheme: n, path: [], values: r, forms: e }), r;
 }, G = (n, e) => {
-  const { onSubmit: r, onEqual: s, disabled: t, onDirty: f, onFormDirty: b, onChangeEvent: m, defaultValues: y } = e, v = { onSubmit: r }, d = {
+  const { onSubmit: r, onEqual: s, disabled: t, onDirty: f, onFormDirty: b, onChangeEvent: x, defaultValues: y } = e, v = { onSubmit: r }, d = {
     isActive: !1,
     isSubmitted: !1,
     dirtyCount: 0
@@ -242,11 +242,11 @@ const D = M({}), q = (n) => {
         const u = T(n, a);
         await v.onSubmit(u, {
           setError: (c, F) => {
-            const x = this.getForm(c);
-            x.error = {
+            const m = this.getForm(c);
+            m.error = {
               error: !0,
               messages: [F.message]
-            }, x.rerender();
+            }, m.rerender();
           }
         });
       }
@@ -259,8 +259,8 @@ const D = M({}), q = (n) => {
           a[c].value = void 0;
           return;
         }
-        const x = F ?? u.defaultValue;
-        i || (a[c].startValue = x, a[c].isDirty = !1), a[c].value !== x && this.onChange(c, x);
+        const m = F ?? u.defaultValue;
+        i || (a[c].startValue = m, a[c].isDirty = !1), a[c].value !== m && this.onChange(c, m);
       }), i || (d.dirtyCount = 0, d.isSubmitted = !1), l.subscribers.forEach(({ visualizeEvalueatedForms: u }) => {
         u();
       });
@@ -303,8 +303,10 @@ 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, m?.({ name: o, value: i }), (u.error || d.isSubmitted) && (u.error = u.validate(i) || null), u.value = i, u.rerender(), u.subscribers.forEach(({ callback: F }) => {
-        F(i);
+      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);
       });
     }
   };
@@ -359,14 +361,14 @@ const D = M({}), q = (n) => {
     };
   }
 }, X = (n) => (e, r) => {
-  const s = n.getRequireCheck(r), { $rules: t = {}, ...f } = r, { validate: b, required: m } = t;
+  const s = n.getRequireCheck(r), { $rules: t = {}, ...f } = r, { validate: b, required: x } = t;
   return {
     type: "form",
     name: e,
     defaultValue: n.defaultValue,
     Form: n.getForm(f),
     validate: (y) => {
-      if (m) {
+      if (x) {
         const v = $(() => s(y));
         if (v)
           return v;
@@ -413,5 +415,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/dist/manager/manager.d.ts

@@ -11,7 +11,7 @@ interface FormItem {
     focus?: () => void;
     validate: (value: any) => FieldError | void;
     subscribers: {
-        callback: (value: any) => void;
+        callback: (value: any, prevValue: any) => void;
     }[];
 }
 export interface Forms {
@@ -32,7 +32,7 @@ export interface FormManager<Values, FlattenValues, ClonedValues> {
     registry: (name: string, callback: () => void) => {
         unregistry: () => void;
     };
-    subscribeToForm: <K extends keyof FlattenValues>(name: K & string, callback: (value: FlattenValues[K]) => void) => () => void;
+    subscribeToForm: <K extends keyof FlattenValues>(name: K & string, callback: (value: FlattenValues[K], prevValue: FlattenValues[K]) => void) => () => void;
     registryExtraForm: (names: string[], callback: () => void) => {
         unregistry: () => void;
     };

package/dist/useForm.d.ts

@@ -50,7 +50,7 @@ declare const useDynamicForm: (scheme: SchemeItems.All[], opts: MainOptions<Fiel
         [x: string]: any;
     };
     handleSubmit: () => Promise<void>;
-    subscribe: <K extends string>(name: K, callback: (value: any) => void) => () => void;
+    subscribe: <K extends string>(name: K, callback: (value: any, prevValue: any) => void) => () => void;
 };
 declare const useForm: <Items extends SchemeItems.All[], Values extends ExtractValues<Items[number]>, FlattenValues extends ExtractFlatValues<Items[number]>, Cloned extends Copy<Values>>(scheme: Items, opts: MainOptions<Values, FlattenValues, Cloned>) => {
     manager: FormManager<Values, FlattenValues, Cloned>;
@@ -65,7 +65,7 @@ declare const useForm: <Items extends SchemeItems.All[], Values extends ExtractV
     getValue: <K extends keyof FlattenValues>(name: K & string) => FlattenValues[K];
     getValues: () => DeepPartial<Cloned>;
     handleSubmit: () => Promise<void>;
-    subscribe: <K extends keyof FlattenValues>(name: K & string, callback: (value: FlattenValues[K]) => void) => () => void;
+    subscribe: <K extends keyof FlattenValues>(name: K & string, callback: (value: FlattenValues[K], prevValue: FlattenValues[K]) => void) => () => void;
 };
 interface Props {
     manager: FormManager<any, any, any>;

package/package.json

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