Merge pull request #83 from tjinauyeung/fix-invalid-modified-state-on-initialization

fix(create-form): use deep equal to determine if  initial values are modified

Author: tiaanduplessis

lib/create-form.js

@@ -42,9 +42,7 @@ export const createForm = (config) => {
     const object = util.assignDeep($form, false);
 
     for (let key in $form) {
-      if ($form[key] !== initialValues[key]) {
-        object[key] = true;
-      }
+      object[key] = !util.deepEqual($form[key], initialValues[key]);
     }
 
     return object;

lib/util.js

@@ -1,3 +1,4 @@
+import isEqual from 'lodash.isequal';
 import {forEach} from 'property-expr';
 
 function subscribeOnce(observable) {
@@ -72,6 +73,8 @@ function getErrorsFromSchema(initialValues, schema, errors = {}) {
   return errors;
 }
 
+const deepEqual = isEqual;
+
 function assignDeep(object, value) {
   if (Array.isArray(object)) {
     return object.map((o) => assignDeep(o, value));
@@ -161,14 +164,15 @@ function getIn(schema, path, value, context) {
 }
 
 export const util = {
-  getErrorsFromSchema,
   assignDeep,
   cloneDeep,
+  deepEqual,
+  getErrorsFromSchema,
   getValues,
   isEmpty,
+  isNullish,
   reach,
   set,
   subscribeOnce,
   update,
-  isNullish,
 };