@flowgram.ai/form 0.1.6 → 0.1.7

package/dist/esm/index.js

@@ -46,6 +46,16 @@ function shallowSetIn(obj, path, value) {
   }
   return res;
 }
+function keepValidKeys(obj, validKeys) {
+  const validKeysSet = new Set(validKeys);
+  const newObj = {};
+  Object.keys(obj).forEach((key) => {
+    if (validKeysSet.has(key)) {
+      newObj[key] = obj[key];
+    }
+  });
+  return newObj;
+}
 
 // src/utils/dom.ts
 function isReactChangeEvent(e) {
@@ -463,6 +473,9 @@ function toForm(model) {
     get values() {
       return model.values;
     },
+    set values(v) {
+      model.values = v;
+    },
     state: toFormState(model.state),
     getValueIn: (name) => model.getValueIn(name),
     setValueIn: (name, value) => model.setValueIn(name, value)
@@ -563,7 +576,8 @@ function Field({
       if (fieldModel.renderCount > 1) {
         fieldModel.renderCount = fieldModel.renderCount - 1;
       } else {
-        fieldModel.dispose();
+        const newFieldModel = formModel.getField(fieldModel.name);
+        if (newFieldModel === fieldModel) fieldModel.dispose();
       }
     };
   }, [fieldModel]);
@@ -679,6 +693,9 @@ var Store = class {
   get values() {
     return this._values;
   }
+  set values(v) {
+    this._values = v;
+  }
   setInitialValues(values) {
     this._values = values;
   }
@@ -1080,6 +1097,7 @@ var FieldArrayModel = class extends FieldModel {
       f.dispose();
     });
     this.form.fieldMap = newFieldMap;
+    this.form.alignStateWithFieldMap();
   }
   swap(from, to) {
     if (!this.value) {
@@ -1155,6 +1173,15 @@ var FormModel = class {
   get values() {
     return cloneDeep(this.store.values) || cloneDeep(this.initialValues);
   }
+  set values(v) {
+    const prevValues = this.values;
+    this.store.values = v;
+    this.fireOnFormValuesChange({
+      values: this.values,
+      prevValues,
+      name: ""
+    });
+  }
   get validationTrigger() {
     return this._options.validateTrigger;
   }
@@ -1317,6 +1344,23 @@ var FormModel = class {
     this.onValidateEmitter.fire(this.state);
     return flatten2(feedbacksArr).filter(Boolean);
   }
+  alignStateWithFieldMap() {
+    const keys = Array.from(this.fieldMap.keys());
+    if (this.state.errors) {
+      this.state.errors = keepValidKeys(this.state.errors, keys);
+    }
+    if (this.state.warnings) {
+      this.state.warnings = keepValidKeys(this.state.warnings, keys);
+    }
+    this.fieldMap.forEach((f) => {
+      if (f.state.errors) {
+        f.state.errors = keepValidKeys(f.state.errors, keys);
+      }
+      if (f.state.warnings) {
+        f.state.warnings = keepValidKeys(f.state.warnings, keys);
+      }
+    });
+  }
   dispose() {
     this.fieldMap.forEach((f) => f.dispose());
     this.store.dispose();
@@ -1442,7 +1486,8 @@ function FieldArray({
       if (fieldModel.renderCount > 1) {
         fieldModel.renderCount = fieldModel.renderCount - 1;
       } else {
-        fieldModel.dispose();
+        const newFieldModel = formModel.getField(fieldModel.name);
+        if (newFieldModel === fieldModel) fieldModel.dispose();
       }
     };
   }, [fieldModel]);