mobx-react-hook-form 4.0.2 → 5.1.0

package/mobx-form/deep-observable-struct.d.ts

@@ -0,0 +1,7 @@
+import { AnyObject } from 'yummies/utils/types';
+export declare class DeepObservableStruct<TData extends AnyObject> {
+    data: TData;
+    constructor(data: TData);
+    set(newData: Partial<TData>): void;
+}
+//# sourceMappingURL=deep-observable-struct.d.ts.map

package/mobx-form/deep-observable-struct.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deep-observable-struct.d.ts","sourceRoot":"","sources":["../../src/mobx-form/deep-observable-struct.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,qBAAa,oBAAoB,CAAC,KAAK,SAAS,SAAS;IACvD,IAAI,EAAE,KAAK,CAAC;gBAEA,IAAI,EAAE,KAAK;IASvB,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;CAoD5B"}

package/mobx-form/deep-observable-struct.js

@@ -0,0 +1,59 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable no-prototype-builtins */
+/* eslint-disable sonarjs/cognitive-complexity */
+import { action, makeObservable, observable, toJS } from 'mobx';
+import { typeGuard } from 'yummies/type-guard';
+export class DeepObservableStruct {
+    data;
+    constructor(data) {
+        this.data = data;
+        makeObservable(this, {
+            data: observable.deep,
+            set: action,
+        });
+    }
+    set(newData) {
+        const currentData = toJS(this.data);
+        const stack = Object.keys(currentData).map((it) => ({
+            key: it,
+            currObservable: this.data,
+            curr: currentData,
+            new: newData,
+        }));
+        while (stack.length > 0) {
+            const item = stack.shift();
+            const newValue = item.new[item.key];
+            const currValue = item.curr[item.key];
+            if (item.key in item.new) {
+                if (typeGuard.isObject(newValue) && typeGuard.isObject(currValue)) {
+                    const newValueKeys = Object.keys(newValue);
+                    Object.keys(currValue).forEach((key) => {
+                        if (!(key in newValue)) {
+                            delete item.currObservable[item.key][key];
+                        }
+                    });
+                    newValueKeys.forEach((key) => {
+                        stack.push({
+                            key,
+                            currObservable: item.currObservable[item.key],
+                            curr: currValue,
+                            new: newValue,
+                        });
+                    });
+                }
+                else if (newValue !== currValue) {
+                    item.currObservable[item.key] = newValue;
+                }
+            }
+            else {
+                delete item.currObservable[item.key];
+            }
+        }
+        Object.keys(newData).forEach((newDataKey) => {
+            if (!currentData[newDataKey]) {
+                // @ts-ignore
+                this.data[newDataKey] = newData[newDataKey];
+            }
+        });
+    }
+}

package/mobx-form/mobx-form.d.ts

@@ -252,12 +252,17 @@ export declare class Form<TFieldValues extends FieldValues = FieldValues, TConte
      */
     resetForm: UseFormReset<TFieldValues>;
     protected abortController: AbortController;
-    protected lastRafId: number | undefined;
     /**
      * Original react-hook-form form
      */
     originalForm: ReturnType<typeof createFormControl<TFieldValues, TContext, TTransformedValues>>;
+    private _observableStruct;
     constructor(config: FormParams<TFieldValues, TContext, TTransformedValues>);
+    /**
+     * The same as setValue, but will trigger validation if form was submitted
+     * It should work the same as field.onChange from react-hook-form's Controller
+     */
+    changeField: UseFormSetValue<TFieldValues>;
     /**
      * Method to manually submit form.
      * Used to attach this method to <form /> element
@@ -277,6 +282,10 @@ export declare class Form<TFieldValues extends FieldValues = FieldValues, TConte
      */
     reset(e?: BaseSyntheticEvent): void;
     private updateFormState;
+    protected lastRafId: number | undefined;
+    protected lastTimeoutId: number | undefined;
+    private stopScheduledFormStateUpdate;
+    private scheduleUpdateFormState;
     destroy(): void;
 }
 /**

package/mobx-form/mobx-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobx-form.d.ts","sourceRoot":"","sources":["../../src/mobx-form/mobx-form.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"mobx-form.d.ts","sourceRoot":"","sources":["../../src/mobx-form/mobx-form.ts"],"names":[],"mappings":"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"}

package/mobx-form/mobx-form.js

@@ -1,7 +1,8 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 import { LinkedAbortController } from 'linked-abort-controller';
-import { action, comparer, isObservableObject, makeObservable, observable, toJS, } from 'mobx';
+import { action, isObservableObject, makeObservable, observable, toJS, } from 'mobx';
 import { createFormControl, get, set, } from 'react-hook-form';
+import { DeepObservableStruct } from './deep-observable-struct.js';
 export class Form {
     config;
     values;
@@ -19,10 +20,10 @@ export class Form {
      * Use {resetForm} method
      */
     defaultValues;
-    dirtyFields = {};
-    touchedFields = {};
-    validatingFields = {};
-    errors = {};
+    dirtyFields;
+    touchedFields;
+    validatingFields;
+    errors;
     isReady = false;
     /**
      * Set an error for the field. When set an error which is not associated to a field then manual `clearErrors` invoke is required.
@@ -250,11 +251,11 @@ export class Form {
      */
     resetForm;
     abortController;
-    lastRafId;
     /**
      * Original react-hook-form form
      */
     originalForm;
+    _observableStruct;
     constructor(config) {
         this.config = config;
         this.abortController = new LinkedAbortController(config.abortSignal);
@@ -294,8 +295,19 @@ export class Form {
             this.values = defaultValues;
             return this.originalForm.reset(...args);
         });
-        Object.assign(this, {
+        this._observableStruct = new DeepObservableStruct({
             values: this.originalForm.getValues(),
+            errors: {},
+            dirtyFields: {},
+            touchedFields: {},
+            validatingFields: {},
+        });
+        this.values = this._observableStruct.data.values;
+        this.errors = this._observableStruct.data.errors;
+        this.validatingFields = this._observableStruct.data.validatingFields;
+        this.dirtyFields = this._observableStruct.data.dirtyFields;
+        this.touchedFields = this._observableStruct.data.touchedFields;
+        Object.assign(this, {
             defaultValues,
         });
         const subscription = this.originalForm.subscribe({
@@ -314,18 +326,10 @@ export class Form {
                     this.updateFormState(rawFormState);
                 }
                 else {
-                    if (this.lastRafId !== undefined) {
-                        cancelAnimationFrame(this.lastRafId);
-                        this.lastRafId = undefined;
-                    }
-                    this.lastRafId = requestAnimationFrame(() => {
-                        this.updateFormState(rawFormState);
-                        this.lastRafId = undefined;
-                    });
+                    this.scheduleUpdateFormState(rawFormState);
                 }
             },
         });
-        observable.deep(this, 'values');
         observable.ref(this, 'isDirty');
         observable.ref(this, 'isLoading');
         observable.ref(this, 'isSubmitted');
@@ -337,10 +341,6 @@ export class Form {
         observable.ref(this, 'submitCount');
         observable.ref(this, 'isReady');
         observable.deep(this, 'defaultValues');
-        observable.deep(this, 'dirtyFields');
-        observable.deep(this, 'touchedFields');
-        observable.deep(this, 'validatingFields');
-        observable.deep(this, 'errors');
         action(this, 'updateFormState');
         observable.ref(this, 'originalForm');
         action.bound(this, 'submit');
@@ -354,6 +354,16 @@ export class Form {
             this.data = null;
         });
     }
+    /**
+     * The same as setValue, but will trigger validation if form was submitted
+     * It should work the same as field.onChange from react-hook-form's Controller
+     */
+    changeField = (name, value, opts) => {
+        this.setValue(name, value, {
+            ...opts,
+            shouldValidate: opts?.shouldValidate ?? this.isSubmitted,
+        });
+    };
     /**
      * Method to manually submit form.
      * Used to attach this method to <form /> element
@@ -385,45 +395,46 @@ export class Form {
         this.resetForm();
         this.config.onReset?.(e);
     }
-    updateFormState({ values, errors, ...simpleProperties }) {
+    updateFormState({ values, errors, dirtyFields, validatingFields, touchedFields, ...simpleProperties }) {
         Object.entries(simpleProperties).forEach(([key, value]) => {
             if (value != null) {
                 // @ts-ignore
                 this[key] = value;
             }
         });
-        if (errors) {
-            const currentErrorsSet = new Set(Object.keys(this.errors));
-            const newErrors = Object.keys(errors);
-            for (const errorField of newErrors) {
-                if (currentErrorsSet.has(errorField)) {
-                    currentErrorsSet.delete(errorField);
-                    if (!comparer.structural(this.errors[errorField], errors[errorField])) {
-                        // @ts-ignore
-                        Object.assign(this.errors[errorField], errors[errorField]);
-                    }
-                }
-                else {
-                    // @ts-ignore
-                    this.errors[errorField] = errors[errorField];
-                }
-            }
-            currentErrorsSet.forEach((errorField) => {
-                // @ts-ignore
-                delete this.errors[errorField];
-            });
-        }
-        else {
-            this.errors = {};
-        }
-        // @ts-ignore
-        this.values = values ?? {};
+        this._observableStruct.set({
+            dirtyFields,
+            errors,
+            touchedFields,
+            validatingFields,
+            values,
+        });
     }
-    destroy() {
-        this.abortController.abort();
+    lastRafId;
+    lastTimeoutId;
+    stopScheduledFormStateUpdate = () => {
         if (this.lastRafId !== undefined) {
             cancelAnimationFrame(this.lastRafId);
+            this.lastRafId = undefined;
+        }
+        if (this.lastTimeoutId !== undefined) {
+            clearTimeout(this.lastTimeoutId);
+            this.lastTimeoutId = undefined;
         }
+    };
+    scheduleUpdateFormState = (rawFormState) => {
+        this.stopScheduledFormStateUpdate();
+        this.lastTimeoutId = setTimeout(() => {
+            this.lastRafId = requestAnimationFrame(() => {
+                this.updateFormState(rawFormState);
+                this.lastTimeoutId = undefined;
+                this.lastRafId = undefined;
+            });
+        }, this.config.lazyUpdatesTimer ?? 0);
+    };
+    destroy() {
+        this.abortController.abort();
+        this.stopScheduledFormStateUpdate();
     }
 }
 /**

package/mobx-form/mobx-form.types.d.ts

@@ -30,10 +30,15 @@ export interface FormParams<TFieldValues extends FieldValues = FieldValues, TCon
      */
     onReset?: (event: any) => void;
     /**
-     * lazy mobx form state updates using requestAnimationFrame
-     * @default - {true}
+     * lazy mobx form state updates using setTimeout
+     * @defaults `true`
      */
     lazyUpdates?: boolean;
+    /**
+     * lazy mobx form state updates timer in ms
+     * @defaults `0`
+     */
+    lazyUpdatesTimer?: number;
 }
 /**
  * @deprecated ⚠️ use `FormParams`. This export will be removed in next major release

package/mobx-form/mobx-form.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobx-form.types.d.ts","sourceRoot":"","sources":["../../src/mobx-form/mobx-form.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,YAAY,EACb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC1C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC;;GAEG;AACH,MAAM,WAAW,UAAU,CACzB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,CACjC,SAAQ,IAAI,CACV,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,EACxD,eAAe,CAChB;IACD;;OAEG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC7C;;OAEG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,CACxB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,IAC/B,UAAU,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC;AAE3D,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,OAAO,IAAI,OAAO,CAC7D,CAAC,CAAC,QAAQ,CAAC,EACX,SAAS,GAAG,IAAI,CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,OAAO,IACxD,CAAC,SAAS,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC,GAC9C,kBAAkB,GAClB,KAAK,CAAC"}
+{"version":3,"file":"mobx-form.types.d.ts","sourceRoot":"","sources":["../../src/mobx-form/mobx-form.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,YAAY,EACb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC1C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC;;GAEG;AACH,MAAM,WAAW,UAAU,CACzB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,CACjC,SAAQ,IAAI,CACV,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,EACxD,eAAe,CAChB;IACD;;OAEG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC7C;;OAEG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,CACxB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,IAC/B,UAAU,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC;AAE3D,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,OAAO,IAAI,OAAO,CAC7D,CAAC,CAAC,QAAQ,CAAC,EACX,SAAS,GAAG,IAAI,CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,OAAO,IACxD,CAAC,SAAS,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC,GAC9C,kBAAkB,GAClB,KAAK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobx-react-hook-form",
-  "version": "4.0.2",
+  "version": "5.1.0",
   "description": "",
   "type": "module",
   "keywords": [],
@@ -52,6 +52,11 @@
       "default": "./index.js",
       "types": "./index.d.ts"
     },
+    "./mobx-form/deep-observable-struct": {
+      "import": "./mobx-form/deep-observable-struct.js",
+      "default": "./mobx-form/deep-observable-struct.js",
+      "types": "./mobx-form/deep-observable-struct.d.ts"
+    },
     "./mobx-form": {
       "import": "./mobx-form/index.js",
       "default": "./mobx-form/index.js",