Merge pull request #4 from Chrissi2812/feature/is-dirty

[1.x] Add isDirty property

Author: taylorotwell

src/InertiaForm.js

@@ -1,13 +1,33 @@
-import { guardAgainstReservedFieldName, isArray, isFile, merge, objectToFormData } from './util';
+import {
+    guardAgainstReservedFieldName,
+    isArray,
+    isFile,
+    merge,
+    objectToFormData,
+    reservedFieldNames
+} from './util';
 
 class InertiaForm {
     constructor(data = {}, options = {}) {
         this.processing = false;
         this.successful = false;
         this.recentlySuccessful = false;
+        this.isDirty = false;
 
         this.withData(data)
             .withOptions(options)
+
+        return new Proxy(this, {
+            set(obj, prop, value) {
+                obj[prop] = value;
+
+                if ((reservedFieldNames.indexOf(prop) === -1) && value !== obj.initial[prop]) {
+                    obj.isDirty = true;
+                }
+
+                return true;
+            }
+        })
     }
 
     static create(data = {}) {
@@ -33,13 +53,16 @@ class InertiaForm {
             this[field] = data[field];
         }
 
+        this.isDirty = false;
+
         return this;
     }
 
     withOptions(options) {
         this.__options = {
             bag: 'default',
             resetOnSuccess: true,
+            setInitialOnSuccess: false,
         };
 
         if (options.hasOwnProperty('bag')) {
@@ -50,6 +73,10 @@ class InertiaForm {
             this.__options.resetOnSuccess = options.resetOnSuccess;
         }
 
+        if (options.hasOwnProperty('setInitialOnSuccess')) {
+            this.__options.setInitialOnSuccess = options.setInitialOnSuccess;
+        }
+
         return this;
     }
 
@@ -79,6 +106,8 @@ class InertiaForm {
 
     reset() {
         merge(this, this.initial);
+
+        this.isDirty = false;
     }
 
     setInitialValues(values) {
@@ -172,6 +201,10 @@ class InertiaForm {
 
         if (this.__options.resetOnSuccess) {
             this.reset();
+        } else if (this.__options.setInitialOnSuccess) {
+            const { _error_bag, ...data } = this.data();
+            this.setInitialValues(data);
+            this.isDirty = false;
         }
     }
 

src/util/fieldNameValidation.js

@@ -9,12 +9,14 @@ export const reservedFieldNames = [
     'errorsFor',
     'hasErrors',
     'initial',
+    'isDirty',
     'onFail',
     'onSuccess',
     'patch',
     'post',
     'processing',
     'put',
+    'recentlySuccessful',
     'reset',
     'submit',
     'successful',