mobx-react-hook-form 2.1.1 → 2.1.3

package/index.d.ts

@@ -1,3 +1,2 @@
 export * from './mobx-form/index.js';
-export * from './hooks/index.js';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/index.js

@@ -1,2 +1 @@
 export * from './mobx-form/index.js';
-export * from './hooks/index.js';

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

@@ -0,0 +1,28 @@
+import { DeepMap, DeepPartial, FieldErrors, FieldValues, FormState } from 'react-hook-form';
+type FormValues<TFieldValues extends FieldValues> = {
+    values: TFieldValues;
+};
+type MobxFormStateUpdate<TFieldValues extends FieldValues> = Omit<Partial<MobxFormState<TFieldValues>>, 'update'>;
+export type MobxFormStateReadonly<TFieldValues extends FieldValues> = Readonly<Omit<MobxFormState<TFieldValues>, 'update'>>;
+export declare class MobxFormState<TFieldValues extends FieldValues = FieldValues> implements FormState<TFieldValues>, FormValues<TFieldValues> {
+    values: TFieldValues;
+    isDirty: boolean;
+    isLoading: boolean;
+    isSubmitted: boolean;
+    isSubmitSuccessful: boolean;
+    isSubmitting: boolean;
+    isValidating: boolean;
+    isValid: boolean;
+    disabled: boolean;
+    submitCount: number;
+    defaultValues: Readonly<DeepPartial<TFieldValues>> | undefined;
+    dirtyFields: Partial<Readonly<DeepMap<DeepPartial<TFieldValues>, boolean>>>;
+    touchedFields: Partial<Readonly<DeepMap<DeepPartial<TFieldValues>, boolean>>>;
+    validatingFields: Partial<Readonly<DeepMap<DeepPartial<TFieldValues>, boolean>>>;
+    errors: FieldErrors<TFieldValues>;
+    isReady: boolean;
+    constructor(initialState?: MobxFormStateUpdate<TFieldValues>);
+    update({ values, errors, ...simpleProperties }: MobxFormStateUpdate<TFieldValues>): void;
+}
+export {};
+//# sourceMappingURL=mobx-form-state.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mobx-form-state.d.ts","sourceRoot":"","sources":["../../src/mobx-form/mobx-form-state.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,OAAO,EACP,WAAW,EACX,WAAW,EACX,WAAW,EACX,SAAS,EACV,MAAM,iBAAiB,CAAC;AAEzB,KAAK,UAAU,CAAC,YAAY,SAAS,WAAW,IAAI;IAClD,MAAM,EAAE,YAAY,CAAC;CACtB,CAAC;AAEF,KAAK,mBAAmB,CAAC,YAAY,SAAS,WAAW,IAAI,IAAI,CAC/D,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,EACpC,QAAQ,CACT,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,YAAY,SAAS,WAAW,IAAI,QAAQ,CAC5E,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,CAC5C,CAAC;AAEF,qBAAa,aAAa,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CACvE,YAAW,SAAS,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC;IAE5D,MAAM,EAAG,YAAY,CAAC;IACtB,OAAO,EAAE,OAAO,CAAS;IACzB,SAAS,EAAE,OAAO,CAAS;IAC3B,WAAW,EAAE,OAAO,CAAS;IAC7B,kBAAkB,EAAE,OAAO,CAAS;IACpC,YAAY,EAAE,OAAO,CAAS;IAC9B,YAAY,EAAE,OAAO,CAAS;IAC9B,OAAO,EAAE,OAAO,CAAS;IACzB,QAAQ,EAAE,OAAO,CAAS;IAC1B,WAAW,EAAE,MAAM,CAAK;IACxB,aAAa,EAAE,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,GAAG,SAAS,CAAC;IAC/D,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CACtE;IACL,aAAa,EAAE,OAAO,CACpB,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,CACtD,CAAM;IACP,gBAAgB,EAAE,OAAO,CACvB,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,CACtD,CAAM;IACP,MAAM,EAAE,WAAW,CAAC,YAAY,CAAC,CAAM;IACvC,OAAO,EAAE,OAAO,CAAS;gBAEb,YAAY,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC;IA0B5D,MAAM,CAAC,EACL,MAAM,EACN,MAAM,EACN,GAAG,gBAAgB,EACpB,EAAE,mBAAmB,CAAC,YAAY,CAAC;CAkCrC"}

package/mobx-form/mobx-form-state.js

@@ -0,0 +1,76 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import { action, makeObservable, observable } from 'mobx';
+export class MobxFormState {
+    values;
+    isDirty = false;
+    isLoading = false;
+    isSubmitted = false;
+    isSubmitSuccessful = false;
+    isSubmitting = false;
+    isValidating = false;
+    isValid = false;
+    disabled = false;
+    submitCount = 0;
+    defaultValues;
+    dirtyFields = {};
+    touchedFields = {};
+    validatingFields = {};
+    errors = {};
+    isReady = false;
+    constructor(initialState) {
+        if (initialState) {
+            Object.assign(this, initialState);
+        }
+        observable.deep(this, 'values');
+        observable.ref(this, 'isDirty');
+        observable.ref(this, 'isLoading');
+        observable.ref(this, 'isSubmitted');
+        observable.ref(this, 'isSubmitSuccessful');
+        observable.ref(this, 'isSubmitting');
+        observable.ref(this, 'isValidating');
+        observable.ref(this, 'isValid');
+        observable.ref(this, 'disabled');
+        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, 'update');
+        makeObservable(this);
+    }
+    update({ values, errors, ...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);
+                    // @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 ?? {};
+    }
+}

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

@@ -1,49 +1,33 @@
-import { DeepPartial, FormState, SubmitErrorHandler, SubmitHandler, UseFormProps, UseFormReturn } from 'react-hook-form';
-import type { AnyObject, Maybe } from 'yummies/utils/types';
-import { ConnectedMobxForm, MobxFormParams } from './mobx-form.types.js';
-export declare class MobxForm<TFieldValues extends AnyObject, TContext = any, TFieldOutputValues extends AnyObject = TFieldValues> {
+import { createFormControl, FieldValues, SubmitErrorHandler, SubmitHandler, UseFormProps } from 'react-hook-form';
+import { MobxFormStateReadonly } from './mobx-form-state.js';
+import { MobxFormParams } from './mobx-form.types.js';
+export declare class MobxForm<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues> {
     private config;
     protected abortController: AbortController;
     /**
      * Real react-hook-form params
      * Needed to connect real react-hook-form to this mobx wrapper
      */
-    params: UseFormProps<TFieldValues, TContext>;
-    protected handleSubmit(...args: Parameters<SubmitHandler<TFieldOutputValues>>): void | Promise<void>;
+    params: UseFormProps<TFieldValues, TContext, TTransformedValues>;
+    protected handleSubmit(...args: Parameters<SubmitHandler<TTransformedValues>>): void | Promise<void>;
     protected handleSubmitFailed(...args: Parameters<SubmitErrorHandler<TFieldValues>>): void | Promise<void>;
     protected handleReset(): void;
     /**
      * Original react-hook-form form
      */
-    form: Maybe<UseFormReturn<TFieldValues, TContext, TFieldOutputValues>>;
+    form: ReturnType<typeof createFormControl<TFieldValues, TContext, TTransformedValues>>;
     /**
      * form state received from form.formState
      */
-    state: FormState<TFieldValues>;
+    private _state;
+    get state(): MobxFormStateReadonly<TFieldValues>;
     /**
      * Raw data received from form.getValues()
      */
-    data: Maybe<DeepPartial<TFieldValues>>;
-    protected isConnected: boolean;
-    constructor(config: MobxFormParams<TFieldValues, TContext, TFieldOutputValues>);
-    /**
-     * Allows to modify real react-hook-form useForm() payload
-     */
-    setParams(params: UseFormProps<TFieldValues, TContext>): void;
-    /**
-     * Allows to modify real react-hook-form useForm() payload
-     */
-    updateParams(params: Partial<UseFormProps<TFieldValues, TContext>>): void;
-    protected syncForm(formResult: UseFormReturn<TFieldValues, TContext, TFieldOutputValues>, data?: DeepPartial<TFieldValues>): void;
-    /**
-     * Needed to connect real react-hook-form to this mobx wrapper
-     *
-     * This is used in useMobxForm
-     */
-    protected connect(formResult: UseFormReturn<TFieldValues, TContext, TFieldOutputValues>): ConnectedMobxForm<TFieldValues, TContext, TFieldOutputValues>;
-    /**
-     * @deprecated use destroy();
-     */
-    dispose(): void;
+    get data(): TFieldValues;
+    constructor(config: MobxFormParams<TFieldValues, TContext, TTransformedValues>);
+    destroy(): void;
+    submit: (event?: any) => Promise<void>;
+    reset: () => void;
 }
 //# sourceMappingURL=mobx-form.d.ts.map

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":"AAEA,OAAO,EACL,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,aAAa,EACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEzE,qBAAa,QAAQ,CACnB,YAAY,SAAS,SAAS,EAC9B,QAAQ,GAAG,GAAG,EACd,kBAAkB,SAAS,SAAS,GAAG,YAAY;IAiDjD,OAAO,CAAC,MAAM;IA/ChB,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAE3C;;;OAGG;IACH,MAAM,EAAE,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IAE7C,SAAS,CAAC,YAAY,CAEpB,GAAG,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,GACrD,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAKvB,SAAS,CAAC,kBAAkB,CAE1B,GAAG,IAAI,EAAE,UAAU,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,GACpD,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAKvB,SAAS,CAAC,WAAW;IAKrB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEvE;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAE/B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC;IAEvC,SAAS,CAAC,WAAW,UAAS;gBAGpB,MAAM,EAAE,cAAc,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC;IAwD5E;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC;IAItD;;OAEG;IACH,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IAIlE,SAAS,CAAC,QAAQ,CAChB,UAAU,EAAE,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,EACrE,IAAI,GAAE,WAAW,CAAC,YAAY,CAAiC;IAOjE;;;;OAIG;IACH,SAAS,CAAC,OAAO,CACf,UAAU,EAAE,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,GACpE,iBAAiB,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC;IA0ChE;;OAEG;IACH,OAAO,IAAI,IAAI;CAGhB"}
+{"version":3,"file":"mobx-form.d.ts","sourceRoot":"","sources":["../../src/mobx-form/mobx-form.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,YAAY,EACb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAiB,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,qBAAa,QAAQ,CACnB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY;IAuD/B,OAAO,CAAC,MAAM;IArDhB,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAE3C;;;OAGG;IACH,MAAM,EAAE,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC;IAEjE,SAAS,CAAC,YAAY,CAEpB,GAAG,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,GACrD,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAKvB,SAAS,CAAC,kBAAkB,CAE1B,GAAG,IAAI,EAAE,UAAU,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,GACpD,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAKvB,SAAS,CAAC,WAAW;IAKrB;;OAEG;IACH,IAAI,EAAE,UAAU,CACd,OAAO,iBAAiB,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CACrE,CAAC;IAEF;;OAEG;IACH,OAAO,CAAC,MAAM,CAA8B;IAE5C,IAAI,KAAK,IAAI,qBAAqB,CAAC,YAAY,CAAC,CAE/C;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,YAAY,CAEvB;gBAGS,MAAM,EAAE,cAAc,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC;IAkD5E,OAAO,IAAI,IAAI;IAIf,MAAM,GAAU,QAAQ,GAAG,mBAOzB;IAEF,KAAK,aAEH;CACH"}

package/mobx-form/mobx-form.js

@@ -1,5 +1,8 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 import { LinkedAbortController } from 'linked-abort-controller';
-import { action, makeObservable, observable, reaction } from 'mobx';
+import { action, computed, makeObservable, observable } from 'mobx';
+import { createFormControl, } from 'react-hook-form';
+import { MobxFormState } from './mobx-form-state.js';
 export class MobxForm {
     config;
     abortController;
@@ -31,111 +34,66 @@ export class MobxForm {
     /**
      * form state received from form.formState
      */
-    state;
+    _state;
+    get state() {
+        return this._state;
+    }
     /**
      * Raw data received from form.getValues()
      */
-    data;
-    isConnected = false;
+    get data() {
+        return this._state.values;
+    }
     constructor(config) {
         this.config = config;
+        this.params = config;
         this.abortController = new LinkedAbortController(config.abortSignal);
-        // eslint-disable-next-line sonarjs/deprecation
-        if (config.disposer) {
-            // eslint-disable-next-line sonarjs/deprecation
-            config.disposer.add(() => this.dispose());
-        }
+        this.form = createFormControl(config);
+        this._state = new MobxFormState({
+            values: this.form.getValues(),
+            defaultValues: config.defaultValues || {},
+        });
+        this.params = config;
+        const subscription = this.form.subscribe({
+            formState: {
+                values: true,
+                errors: true,
+                isValid: true,
+                isDirty: true,
+                isValidating: true,
+                dirtyFields: true,
+                touchedFields: true,
+                validatingFields: true,
+            },
+            callback: (rawFormState) => {
+                this._state.update(rawFormState);
+            },
+        });
         this.abortController.signal.addEventListener('abort', () => {
+            subscription();
+            // @ts-ignore
             this.form = null;
+            // @ts-ignore
             this.data = null;
         });
-        this.state = {
-            disabled: false,
-            errors: {},
-            isDirty: false,
-            isLoading: false,
-            isSubmitSuccessful: false,
-            isSubmitted: false,
-            isValid: false,
-            isValidating: false,
-            isSubmitting: false,
-            submitCount: 0,
-            touchedFields: {},
-            defaultValues: undefined,
-            dirtyFields: {},
-            validatingFields: {},
-        };
-        this.params = config;
-        observable.deep(this, 'state');
-        observable.deep(this, 'data');
+        computed.struct(this, 'data');
+        computed.struct(this, 'state');
         observable.ref(this, 'params');
+        observable.ref(this, 'form');
         action.bound(this, 'setParams');
         action.bound(this, 'updateParams');
         action.bound(this, 'syncForm');
         makeObservable(this);
-        if (config.getParams) {
-            reaction(config.getParams, (params) => {
-                this.updateParams(params);
-            }, {
-                signal: this.abortController.signal,
-            });
-        }
-    }
-    /**
-     * Allows to modify real react-hook-form useForm() payload
-     */
-    setParams(params) {
-        this.params = params;
     }
-    /**
-     * Allows to modify real react-hook-form useForm() payload
-     */
-    updateParams(params) {
-        this.setParams({ ...this.params, ...params });
-    }
-    syncForm(formResult, data = formResult.getValues()) {
-        this.form = formResult;
-        this.state = formResult.formState;
-        this.data = data;
-    }
-    /**
-     * Needed to connect real react-hook-form to this mobx wrapper
-     *
-     * This is used in useMobxForm
-     */
-    connect(formResult) {
-        if (!this.isConnected) {
-            this.isConnected = true;
-            this.syncForm(formResult);
-            const formWatchSubscription = formResult.watch((values) => {
-                this.syncForm(formResult, values);
-            });
-            this.abortController.signal.addEventListener('abort', formWatchSubscription.unsubscribe);
-        }
-        return {
-            ...formResult,
-            onReset: () => this.handleReset(),
-            onSubmit: formResult.handleSubmit(
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
-            (...args) => this.handleSubmit(...args), (...args) => this.handleSubmitFailed(...args)),
-            handleSubmit: (onValid, onInvalid) => {
-                return formResult.handleSubmit(async (...args) => {
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                    // @ts-expect-error
-                    await this.handleSubmit(...args);
-                    await onValid(...args);
-                }, async (...args) => {
-                    await this.handleSubmitFailed(...args);
-                    await onInvalid?.(...args);
-                });
-            },
-        };
-    }
-    /**
-     * @deprecated use destroy();
-     */
-    dispose() {
+    destroy() {
         this.abortController.abort();
     }
+    submit = async (event) => {
+        if (this.config.onSubmit) {
+            await this.form.handleSubmit(this.config.onSubmit, this.config.onSubmitFailed)(event);
+        }
+    };
+    reset = () => {
+        this.form.reset();
+    };
 }

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

@@ -1,16 +1,10 @@
-import type { IDisposer } from 'disposer-util';
-import { SubmitErrorHandler, SubmitHandler, UseFormProps, UseFormReturn } from 'react-hook-form';
-import { AnyObject } from 'yummies/utils/types';
+import { FieldValues, SubmitErrorHandler, SubmitHandler, UseFormProps } from 'react-hook-form';
 import type { MobxForm } from './mobx-form.js';
+export type AnyMobxForm = MobxForm<any, any, any>;
 /**
  * Additional options for {@link MobxForm} constructor
  */
-export interface MobxFormParams<TFieldValues extends AnyObject, TContext = any, TFieldOutputValues extends AnyObject = TFieldValues> extends UseFormProps<TFieldValues, TContext> {
-    /**
-     * Disposer for mobx form
-     * @deprecated use {abortSignal} instead
-     */
-    disposer?: IDisposer;
+export interface MobxFormParams<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues> extends UseFormProps<TFieldValues, TContext, TTransformedValues> {
     /**
      * Abort signal for mobx form
      */
@@ -18,7 +12,7 @@ export interface MobxFormParams<TFieldValues extends AnyObject, TContext = any,
     /**
      * Form submit handler
      */
-    onSubmit?: SubmitHandler<TFieldOutputValues>;
+    onSubmit?: SubmitHandler<TTransformedValues>;
     /**
      * Form submit failed handler
      */
@@ -27,27 +21,8 @@ export interface MobxFormParams<TFieldValues extends AnyObject, TContext = any,
      * Form reset handler
      */
     onReset?: VoidFunction;
-    /**
-     * Dynamic change react-hook-form params, works as reaction
-     */
-    getParams?: () => Partial<UseFormProps<TFieldValues, TContext>>;
-}
-/**
- * Interface for a connected Mobx form.
- * Extends the properties of react-hook-form's UseFormReturn,
- * Adds custom form handlers.
- */
-export interface ConnectedMobxForm<TFieldValues extends AnyObject, TContext = any, TFieldOutputValues extends AnyObject = TFieldValues> extends UseFormReturn<TFieldValues, TContext, TFieldOutputValues> {
-    /**
-     * Handler to reset the form.
-     */
-    onReset: VoidFunction;
-    /**
-     * Handler to submit the form.
-     */
-    onSubmit: VoidFunction;
 }
-export type ExtractFormFieldValues<T extends MobxForm<any, any, any>> = Exclude<T['params']['values'], undefined | null>;
-export type ExtractFormContext<T extends MobxForm<any, any, any>> = Exclude<T['params']['context'], undefined | null>;
-export type ExtractFormFieldOutputValues<T extends MobxForm<any, any, any>> = T extends MobxForm<any, any, infer TFieldOutputValues> ? TFieldOutputValues : never;
+export type ExtractFormFieldValues<T extends AnyMobxForm> = Exclude<T['params']['values'], undefined | null>;
+export type ExtractFormContext<T extends AnyMobxForm> = Exclude<T['params']['context'], undefined | null>;
+export type ExtractFormFieldOutputValues<T extends AnyMobxForm> = T extends MobxForm<any, any, infer TFieldOutputValues> ? TFieldOutputValues : never;
 //# sourceMappingURL=mobx-form.types.d.ts.map

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,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,aAAa,EACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,cAAc,CAC7B,YAAY,SAAS,SAAS,EAC9B,QAAQ,GAAG,GAAG,EACd,kBAAkB,SAAS,SAAS,GAAG,YAAY,CACnD,SAAQ,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;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,YAAY,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;CACjE;AAED;;;;GAIG;AACH,MAAM,WAAW,iBAAiB,CAChC,YAAY,SAAS,SAAS,EAC9B,QAAQ,GAAG,GAAG,EACd,kBAAkB,SAAS,SAAS,GAAG,YAAY,CACnD,SAAQ,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC;IACjE;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,OAAO,CAC7E,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,EACrB,SAAS,GAAG,IAAI,CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,OAAO,CACzE,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EACtB,SAAS,GAAG,IAAI,CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,IACxE,CAAC,SAAS,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC,GAClD,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,kBAAkB,EAClB,aAAa,EACb,YAAY,EACb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,cAAc,CAC7B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,CACjC,SAAQ,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC;IAChE;;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,YAAY,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,IAAI,OAAO,CACjE,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,EACrB,SAAS,GAAG,IAAI,CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,WAAW,IAAI,OAAO,CAC7D,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EACtB,SAAS,GAAG,IAAI,CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,WAAW,IAC5D,CAAC,SAAS,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC,GAClD,kBAAkB,GAClB,KAAK,CAAC"}

package/package.json

@@ -1,16 +1,24 @@
 {
   "name": "mobx-react-hook-form",
-  "version": "2.1.1",
+  "version": "2.1.3",
   "description": "",
   "type": "module",
   "keywords": [],
   "author": "js2me",
   "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/js2me/mobx-react-hook-form/issues"
+  },
+  "homepage": "https://github.com/js2me/mobx-react-hook-form",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/js2me/mobx-react-hook-form"
+  },
   "peerDependencies": {
     "mobx": "^6.12.4",
     "mobx-react-lite": "^4.0.7",
     "react": "^18.3.1",
-    "react-hook-form": "^7.55.0"
+    "react-hook-form": "^7.56.1"
   },
   "dependencies": {
     "disposer-util": "^2.0.0",
@@ -22,21 +30,12 @@
     "@types/lodash-es": "^4.17.12",
     "eslint": "^8.57.1",
     "js2me-eslint-config": "^1.0.7",
-    "js2me-exports-post-build-script": "^2.0.18",
+    "js2me-exports-post-build-script": "^3.0.1",
+    "nodemon": "^3.1.10",
     "rimraf": "^6.0.1",
     "typescript": "^5.8.3"
   },
   "exports": {
-    "./hooks": {
-      "import": "./hooks/index.js",
-      "default": "./hooks/index.js",
-      "types": "./hooks/index.d.ts"
-    },
-    "./hooks/use-mobx-form": {
-      "import": "./hooks/use-mobx-form.js",
-      "default": "./hooks/use-mobx-form.js",
-      "types": "./hooks/use-mobx-form.d.ts"
-    },
     ".": {
       "import": "./index.js",
       "default": "./index.js",
@@ -47,6 +46,11 @@
       "default": "./mobx-form/index.js",
       "types": "./mobx-form/index.d.ts"
     },
+    "./mobx-form/mobx-form-state": {
+      "import": "./mobx-form/mobx-form-state.js",
+      "default": "./mobx-form/mobx-form-state.js",
+      "types": "./mobx-form/mobx-form-state.d.ts"
+    },
     "./mobx-form/mobx-form": {
       "import": "./mobx-form/mobx-form.js",
       "default": "./mobx-form/mobx-form.js",
@@ -64,8 +68,12 @@
     "check": "eslint . --fix",
     "prebuild": "npm run clean && npm run check",
     "build": "tsc && node ./post-build.mjs",
+    "build:watch": "npm run build && nodemon --delay 0.5 --watch src --ext ts,tsx --exec \"tsc && node ./post-build.mjs\"",
+    "pub": "PUBLISH=true pnpm run build",
+    "pub:next": "PUBLISH=true PUBLISH_TAG=next PUBLISH_FORCE=true pnpm run build",
     "pub:patch": "PUBLISH=true PUBLISH_VERSION=patch pnpm run build",
     "pub:minor": "PUBLISH=true PUBLISH_VERSION=minor pnpm run build",
-    "pub:major": "PUBLISH=true PUBLISH_VERSION=major pnpm run build"
+    "pub:major": "PUBLISH=true PUBLISH_VERSION=major pnpm run build",
+    "pub:patch:next": "PUBLISH=true PUBLISH_VERSION=patch PUBLISH_TAG=next PUBLISH_FORCE=true pnpm run build"
   }
 }

package/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export * from './use-mobx-form.js';
-//# sourceMappingURL=index.d.ts.map

package/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/hooks/index.js

@@ -1 +0,0 @@
-export * from './use-mobx-form.js';

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

@@ -1,3 +0,0 @@
-import { ConnectedMobxForm, ExtractFormContext, ExtractFormFieldValues, MobxForm } from '../mobx-form/index.js';
-export declare const useMobxForm: <T extends MobxForm<any, any, any>>(mobxForm: T) => ConnectedMobxForm<ExtractFormFieldValues<T>, ExtractFormContext<T>>;
-//# sourceMappingURL=use-mobx-form.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-mobx-form.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobx-form.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,QAAQ,EACT,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3D,UAAU,CAAC,KACV,iBAAiB,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAEzB,CAAC"}

package/hooks/use-mobx-form.js

@@ -1,4 +0,0 @@
-import { useForm } from 'react-hook-form';
-export const useMobxForm = (mobxForm) => 
-// @ts-expect-error ts(2445)
-mobxForm.connect(useForm(mobxForm.params));