dirk-cfx-react 1.1.17 → 1.1.18

package/dist/index.js

@@ -2038,6 +2038,15 @@ function createFormStore(initialValues, validationRules, onSubmit) {
         state.onSubmit(get());
       }
     },
+    getInputProps: (path) => {
+      return {
+        value: getNested(get().values, path) ?? "",
+        error: get().errors[path],
+        onChange: (e) => {
+          get().setValue(path, e.target.value, { validate: true });
+        }
+      };
+    },
     resetChangeCount: () => {
       changed.clear();
       set({ changedFields: [], changedCount: 0, partialChanged: {} });
@@ -2045,6 +2054,8 @@ function createFormStore(initialValues, validationRules, onSubmit) {
     setInitialValues: (newInitialValues) => set({ initialValues: newInitialValues }),
     setValue: (path, value, options) => {
       const state = get();
+      const currentValue = getNested(state.values, path);
+      if (currentValue === value) return;
       const currentValues = state.values;
       const newValues = setNested(currentValues, path, value);
       const oldValue = getNested(state.initialValues, path);
@@ -2059,22 +2070,27 @@ function createFormStore(initialValues, validationRules, onSubmit) {
         changed.delete(path);
         newPartial = deleteNested(newPartial, path);
       }
+      const newSize = changed.size;
+      const changedFields = newSize !== state.changedCount ? Array.from(changed) : state.changedFields;
       set({
         values: newValues,
         partialChanged: newPartial,
         canBack: history.length > 0,
         canForward: false,
-        changedFields: Array.from(changed),
-        changedCount: changed.size
+        changedFields,
+        changedCount: newSize
       });
       if (!options?.validate) return;
       const rule = flatRules[path];
       if (!rule) return;
-      Promise.resolve(runRule(rule, value, newValues)).then((error2) => {
-        if (error2)
-          set((s) => ({ errors: setNested(s.errors, path, error2) }));
-        else
-          set((s) => ({ errors: deleteNested(s.errors, path) }));
+      queueMicrotask(() => {
+        runRule(rule, value, newValues).then((error2) => {
+          if (error2) {
+            set((s) => ({ errors: setNested(s.errors, path, error2) }));
+          } else {
+            set((s) => ({ errors: deleteNested(s.errors, path) }));
+          }
+        });
       });
     },
     setError: (path, message) => set((s) => ({ errors: setNested(s.errors, path, message) })),