mobx-react-hook-form 5.2.2 → 5.3.0

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

@@ -259,7 +259,7 @@ export declare class Form<TFieldValues extends FieldValues = FieldValues, TConte
     private _observableStruct;
     constructor(config: FormParams<TFieldValues, TContext, TTransformedValues>);
     /**
-     * The same as setValue, but will trigger validation if form was submitted
+     * The same as setValue, but will trigger validation if form was submitted, also marks this field as dirty
      * It should work the same as field.onChange from react-hook-form's Controller
      *
      * @param name - the path name to the form field value.
@@ -270,10 +270,14 @@ export declare class Form<TFieldValues extends FieldValues = FieldValues, TConte
      * ```tsx
      * // Update a single field
      * changeField('name', 'value');
+     * ->
+     * setValue('name', 'value', { shouldDirty: true });
      *
      * ** form submitted **
      *
-     * changeField('name', 'value'); // will call setValue('name', 'value', { shouldValidate: true })
+     * changeField('name', 'value');
+     * ->
+     * setValue('name', 'value', { shouldDirty: true, shouldValidate: true });
      * ```
      */
     changeField: <TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(name: TFieldName, value: FieldPathValue<TFieldValues, TFieldName> | undefined, options?: SetValueConfig) => 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,7 @@
 import { LinkedAbortController } from 'linked-abort-controller';
 import { action, isObservableObject, makeObservable, observable, toJS, } from 'mobx';
 import { createFormControl, get, set, } from 'react-hook-form';
-import { DeepObservableStruct } from './deep-observable-struct.js';
+import { DeepObservableStruct } from 'yummies/mobx';
 export class Form {
     config;
     values;
@@ -290,7 +290,7 @@ export class Form {
             else {
                 defaultValues = structuredClone(defaultValues);
             }
-            // @ts-ignore
+            // @ts-expect-error
             this.values = defaultValues;
             return this.originalForm.reset(...args);
         });
@@ -347,14 +347,12 @@ export class Form {
         makeObservable(this);
         this.abortController.signal.addEventListener('abort', () => {
             subscription();
-            // @ts-ignore
+            // @ts-expect-error
             this.originalForm = null;
-            // @ts-ignore
-            this.data = null;
         });
     }
     /**
-     * The same as setValue, but will trigger validation if form was submitted
+     * The same as setValue, but will trigger validation if form was submitted, also marks this field as dirty
      * It should work the same as field.onChange from react-hook-form's Controller
      *
      * @param name - the path name to the form field value.
@@ -365,16 +363,21 @@ export class Form {
      * ```tsx
      * // Update a single field
      * changeField('name', 'value');
+     * ->
+     * setValue('name', 'value', { shouldDirty: true });
      *
      * ** form submitted **
      *
-     * changeField('name', 'value'); // will call setValue('name', 'value', { shouldValidate: true })
+     * changeField('name', 'value');
+     * ->
+     * setValue('name', 'value', { shouldDirty: true, shouldValidate: true });
      * ```
      */
     changeField = (name, value, options) => {
         this.setValue(name, value, {
+            shouldDirty: true,
+            shouldValidate: this.isSubmitted,
             ...options,
-            shouldValidate: options?.shouldValidate ?? this.isSubmitted,
         });
     };
     /**
@@ -423,7 +426,7 @@ export class Form {
     updateFormState({ values, errors, dirtyFields, validatingFields, touchedFields, ...simpleProperties }) {
         Object.entries(simpleProperties).forEach(([key, value]) => {
             if (value != null) {
-                // @ts-ignore
+                // @ts-expect-error
                 this[key] = value;
             }
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobx-react-hook-form",
-  "version": "5.2.2",
+  "version": "5.3.0",
   "description": "",
   "type": "module",
   "keywords": [],
@@ -24,15 +24,16 @@
     "@types/react": "^18.0.0 || ^19.0.0",
     "disposer-util": "^2.0.0",
     "linked-abort-controller": "^1.1.0",
-    "yummies": "^4.0.0"
+    "yummies": "^5.0.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.1.4",
+    "@biomejs/biome": "2.2.2",
+    "@vitejs/plugin-react-swc": "^3.9.0",
+    "@vitest/coverage-istanbul": "^3.1.2",
     "commitfmt": "^1.0.4",
+    "js2me-biome-config": "^1.0.4",
     "js2me-exports-post-build-script": "^3.0.2",
     "jsdom": "^26.1.0",
-    "@vitejs/plugin-react-swc": "^3.9.0",
-    "@vitest/coverage-istanbul": "^3.1.2",
     "lefthook": "^1.11.13",
     "nodemon": "^3.1.10",
     "rimraf": "^6.0.1",
@@ -55,16 +56,6 @@
       "default": "./index.js",
       "types": "./index.d.ts"
     },
-    "./mobx-form/deep-observable-struct.test": {
-      "import": "./mobx-form/deep-observable-struct.test.js",
-      "default": "./mobx-form/deep-observable-struct.test.js",
-      "types": "./mobx-form/deep-observable-struct.test.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",

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

@@ -1,7 +0,0 @@
-import type { 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

@@ -1 +0,0 @@
-{"version":3,"file":"deep-observable-struct.d.ts","sourceRoot":"","sources":["../../src/mobx-form/deep-observable-struct.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,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

@@ -1,57 +0,0 @@
-import { action, makeObservable, observable } 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 stack = Object.keys(this.data).map((key) => [
-            key,
-            this.data,
-            newData,
-        ]);
-        let currentIndex = 0;
-        let stackLength = stack.length;
-        while (currentIndex < stackLength) {
-            const [key, currObservableData, newData] = stack[currentIndex];
-            const newValue = newData[key];
-            const currValue = currObservableData[key];
-            currentIndex++;
-            if (key in newData) {
-                if (typeGuard.isObject(newValue) && typeGuard.isObject(currValue)) {
-                    const newValueKeys = Object.keys(newValue);
-                    Object.keys(currValue).forEach((childKey) => {
-                        if (!(childKey in newValue)) {
-                            delete currObservableData[key][childKey];
-                        }
-                    });
-                    newValueKeys.forEach((childKey) => {
-                        const length = stack.push([
-                            childKey,
-                            currObservableData[key],
-                            newValue,
-                        ]);
-                        stackLength = length;
-                    });
-                }
-                else if (newValue !== currValue) {
-                    currObservableData[key] = newValue;
-                }
-            }
-            else {
-                delete currObservableData[key];
-            }
-        }
-        Object.keys(newData).forEach((newDataKey) => {
-            if (!this.data[newDataKey]) {
-                // @ts-ignore
-                this.data[newDataKey] = newData[newDataKey];
-            }
-        });
-    }
-}