@refinedev/react-hook-form 4.8.14 → 4.8.16

package/src/useStepsForm/index.spec.ts

@@ -6,127 +6,123 @@ import { useStepsForm } from "./";
 import * as UseForm from "../useForm";
 
 describe("useStepsForm Hook", () => {
-    it("'defaultStep' props should set the initial value of 'currentStep'", async () => {
-        const { result } = renderHook(
-            () =>
-                useStepsForm({
-                    stepsProps: {
-                        defaultStep: 4,
-                    },
-                }),
-            {
-                wrapper: TestWrapper({}),
-            },
-        );
-        expect(result.current.steps.currentStep).toBe(4);
-    });
+  it("'defaultStep' props should set the initial value of 'currentStep'", async () => {
+    const { result } = renderHook(
+      () =>
+        useStepsForm({
+          stepsProps: {
+            defaultStep: 4,
+          },
+        }),
+      {
+        wrapper: TestWrapper({}),
+      },
+    );
+    expect(result.current.steps.currentStep).toBe(4);
+  });
 
-    it("'goToStep' should update the current step state", async () => {
-        const { result } = renderHook(() => useStepsForm({}), {
-            wrapper: TestWrapper({}),
-        });
-        await act(async () => {
-            result.current.steps.gotoStep(1);
-        });
-        expect(result.current.steps.currentStep).toBe(1);
+  it("'goToStep' should update the current step state", async () => {
+    const { result } = renderHook(() => useStepsForm({}), {
+      wrapper: TestWrapper({}),
     });
+    await act(async () => {
+      result.current.steps.gotoStep(1);
+    });
+    expect(result.current.steps.currentStep).toBe(1);
+  });
 
-    it("'currentStep' should be 0 when the 'goToSteps' params less than zero", async () => {
-        const { result } = renderHook(() => useStepsForm({}), {
-            wrapper: TestWrapper({}),
-        });
-        await act(async () => {
-            result.current.steps.gotoStep(-7);
-        });
-        expect(result.current.steps.currentStep).toBe(0);
+  it("'currentStep' should be 0 when the 'goToSteps' params less than zero", async () => {
+    const { result } = renderHook(() => useStepsForm({}), {
+      wrapper: TestWrapper({}),
+    });
+    await act(async () => {
+      result.current.steps.gotoStep(-7);
     });
+    expect(result.current.steps.currentStep).toBe(0);
+  });
 
-    it("'currentStep' should be 0 when the 'goToSteps' params less than zero", async () => {
-        const { result } = renderHook(() => useStepsForm({}), {
-            wrapper: TestWrapper({}),
-        });
-        await act(async () => {
-            result.current.steps.gotoStep(-7);
-        });
-        expect(result.current.steps.currentStep).toBe(0);
+  it("'currentStep' should be 0 when the 'goToSteps' params less than zero", async () => {
+    const { result } = renderHook(() => useStepsForm({}), {
+      wrapper: TestWrapper({}),
     });
+    await act(async () => {
+      result.current.steps.gotoStep(-7);
+    });
+    expect(result.current.steps.currentStep).toBe(0);
+  });
 
-    it("'currentStep' should not update when the 'goToSteps' params equal to the 'currentStep'", async () => {
-        const { result } = renderHook(
-            () =>
-                useStepsForm({
-                    stepsProps: {
-                        defaultStep: 2,
-                    },
-                }),
-            {
-                wrapper: TestWrapper({}),
-            },
-        );
-        await act(async () => {
-            result.current.steps.gotoStep(2);
-        });
-        expect(result.current.steps.currentStep).toBe(2);
+  it("'currentStep' should not update when the 'goToSteps' params equal to the 'currentStep'", async () => {
+    const { result } = renderHook(
+      () =>
+        useStepsForm({
+          stepsProps: {
+            defaultStep: 2,
+          },
+        }),
+      {
+        wrapper: TestWrapper({}),
+      },
+    );
+    await act(async () => {
+      result.current.steps.gotoStep(2);
     });
+    expect(result.current.steps.currentStep).toBe(2);
+  });
 
-    it.each([
-        {
-            mockDirtyFields: {},
-        },
-        {
-            mockDirtyFields: { field2: true },
-        },
-    ])(
-        "should call setValue with correct data according to dirty fields",
-        async (scenario) => {
-            const mockData = { field1: "field1", field2: "field2" };
-            const mockDirtyFields = scenario.mockDirtyFields;
-            const setValue = jest.fn();
-            const getValues = () => mockData;
+  it.each([
+    {
+      mockDirtyFields: {},
+    },
+    {
+      mockDirtyFields: { field2: true },
+    },
+  ])(
+    "should call setValue with correct data according to dirty fields",
+    async (scenario) => {
+      const mockData = { field1: "field1", field2: "field2" };
+      const mockDirtyFields = scenario.mockDirtyFields;
+      const setValue = jest.fn();
+      const getValues = () => mockData;
 
-            (jest.spyOn(UseForm, "useForm") as jest.Mock).mockReturnValueOnce({
-                setValue,
-                getValues,
-                formState: { dirtyFields: mockDirtyFields },
-                refineCore: { queryResult: { data: { data: mockData } } },
-            });
+      (jest.spyOn(UseForm, "useForm") as jest.Mock).mockReturnValueOnce({
+        setValue,
+        getValues,
+        formState: { dirtyFields: mockDirtyFields },
+        refineCore: { queryResult: { data: { data: mockData } } },
+      });
 
-            const { result } = renderHook(
-                () =>
-                    useStepsForm({
-                        stepsProps: {
-                            defaultStep: 1,
-                        },
-                    }),
-                {
-                    wrapper: TestWrapper({}),
-                },
-            );
+      const { result } = renderHook(
+        () =>
+          useStepsForm({
+            stepsProps: {
+              defaultStep: 1,
+            },
+          }),
+        {
+          wrapper: TestWrapper({}),
+        },
+      );
 
-            await waitFor(() => {
-                expect(!result.current.refineCore.formLoading).toBeTruthy();
-            });
+      await waitFor(() => {
+        expect(!result.current.refineCore.formLoading).toBeTruthy();
+      });
 
-            expect(result.current.refineCore.queryResult?.data?.data).toEqual(
-                mockData,
-            );
+      expect(result.current.refineCore.queryResult?.data?.data).toEqual(
+        mockData,
+      );
 
-            const setValueCallTimes =
-                Object.keys(mockData).length -
-                Object.keys(mockDirtyFields).length;
-            expect(setValue).toHaveBeenCalledTimes(setValueCallTimes);
+      const setValueCallTimes =
+        Object.keys(mockData).length - Object.keys(mockDirtyFields).length;
+      expect(setValue).toHaveBeenCalledTimes(setValueCallTimes);
 
-            Object.keys(mockData).forEach((key) => {
-                const keyName = key as keyof typeof mockData &
-                    keyof typeof mockDirtyFields;
+      Object.keys(mockData).forEach((key) => {
+        const keyName = key as keyof typeof mockData &
+          keyof typeof mockDirtyFields;
 
-                if (!mockDirtyFields[keyName]) {
-                    expect(setValue).toHaveBeenCalledWith(
-                        key,
-                        mockData[keyName],
-                    );
-                }
-            });
-        },
-    );
+        if (!mockDirtyFields[keyName]) {
+          expect(setValue).toHaveBeenCalledWith(key, mockData[keyName]);
+        }
+      });
+    },
+  );
 });

package/src/useStepsForm/index.ts

@@ -1,50 +1,51 @@
 import { useEffect, useState } from "react";
 import { FieldValues, Path } from "react-hook-form";
 import { BaseRecord, HttpError } from "@refinedev/core";
+import get from "lodash/get";
 
 import { useForm, UseFormProps, UseFormReturnType } from "../useForm";
 
 export type UseStepsFormReturnType<
-    TQueryFnData extends BaseRecord = BaseRecord,
-    TError extends HttpError = HttpError,
-    TVariables extends FieldValues = FieldValues,
-    TContext extends object = {},
-    TData extends BaseRecord = TQueryFnData,
-    TResponse extends BaseRecord = TData,
-    TResponseError extends HttpError = TError,
+  TQueryFnData extends BaseRecord = BaseRecord,
+  TError extends HttpError = HttpError,
+  TVariables extends FieldValues = FieldValues,
+  TContext extends object = {},
+  TData extends BaseRecord = TQueryFnData,
+  TResponse extends BaseRecord = TData,
+  TResponseError extends HttpError = TError,
 > = UseFormReturnType<
-    TQueryFnData,
-    TError,
-    TVariables,
-    TContext,
-    TData,
-    TResponse,
-    TResponseError
+  TQueryFnData,
+  TError,
+  TVariables,
+  TContext,
+  TData,
+  TResponse,
+  TResponseError
 > & {
-    steps: {
-        currentStep: number;
-        gotoStep: (step: number) => void;
-    };
+  steps: {
+    currentStep: number;
+    gotoStep: (step: number) => void;
+  };
 };
 
 export type UseStepsFormProps<
-    TQueryFnData extends BaseRecord = BaseRecord,
-    TError extends HttpError = HttpError,
-    TVariables extends FieldValues = FieldValues,
-    TContext extends object = {},
-    TData extends BaseRecord = TQueryFnData,
-    TResponse extends BaseRecord = TData,
-    TResponseError extends HttpError = TError,
+  TQueryFnData extends BaseRecord = BaseRecord,
+  TError extends HttpError = HttpError,
+  TVariables extends FieldValues = FieldValues,
+  TContext extends object = {},
+  TData extends BaseRecord = TQueryFnData,
+  TResponse extends BaseRecord = TData,
+  TResponseError extends HttpError = TError,
 > = UseFormProps<
-    TQueryFnData,
-    TError,
-    TVariables,
-    TContext,
-    TData,
-    TResponse,
-    TResponseError
+  TQueryFnData,
+  TError,
+  TVariables,
+  TContext,
+  TData,
+  TResponse,
+  TResponseError
 > & {
-    /**
+  /**
      * @description Configuration object for the steps.
      * `defaultStep`: Allows you to set the initial step.
      * 
@@ -55,32 +56,44 @@ export type UseStepsFormProps<
       }`
      * @default `defaultStep = 0` `isBackValidate = false`
      */
-    stepsProps?: {
-        defaultStep?: number;
-        isBackValidate?: boolean;
-    };
+  stepsProps?: {
+    defaultStep?: number;
+    isBackValidate?: boolean;
+  };
 };
 
 export const useStepsForm = <
-    TQueryFnData extends BaseRecord = BaseRecord,
-    TError extends HttpError = HttpError,
-    TVariables extends FieldValues = FieldValues,
-    TContext extends object = {},
-    TData extends BaseRecord = TQueryFnData,
-    TResponse extends BaseRecord = TData,
-    TResponseError extends HttpError = TError,
+  TQueryFnData extends BaseRecord = BaseRecord,
+  TError extends HttpError = HttpError,
+  TVariables extends FieldValues = FieldValues,
+  TContext extends object = {},
+  TData extends BaseRecord = TQueryFnData,
+  TResponse extends BaseRecord = TData,
+  TResponseError extends HttpError = TError,
 >({
-    stepsProps,
-    ...rest
+  stepsProps,
+  ...rest
 }: UseStepsFormProps<
-    TQueryFnData,
-    TError,
-    TVariables,
-    TContext,
-    TData,
-    TResponse,
-    TResponseError
+  TQueryFnData,
+  TError,
+  TVariables,
+  TContext,
+  TData,
+  TResponse,
+  TResponseError
 > = {}): UseStepsFormReturnType<
+  TQueryFnData,
+  TError,
+  TVariables,
+  TContext,
+  TData,
+  TResponse,
+  TResponseError
+> => {
+  const { defaultStep = 0, isBackValidate = false } = stepsProps ?? {};
+  const [current, setCurrent] = useState(defaultStep);
+
+  const useHookFormResult = useForm<
     TQueryFnData,
     TError,
     TVariables,
@@ -88,77 +101,72 @@ export const useStepsForm = <
     TData,
     TResponse,
     TResponseError
-> => {
-    const { defaultStep = 0, isBackValidate = false } = stepsProps ?? {};
-    const [current, setCurrent] = useState(defaultStep);
-
-    const useHookFormResult = useForm<
-        TQueryFnData,
-        TError,
-        TVariables,
-        TContext,
-        TData,
-        TResponse,
-        TResponseError
-    >({
-        ...rest,
+  >({
+    ...rest,
+  });
+
+  const {
+    trigger,
+    getValues,
+    setValue,
+    formState: { dirtyFields },
+    refineCore: { queryResult },
+  } = useHookFormResult;
+
+  useEffect(() => {
+    const data = queryResult?.data?.data;
+    if (!data) return;
+
+    const registeredFields = Object.keys(getValues());
+
+    console.log({
+      dirtyFields,
+      registeredFields,
+      data,
     });
 
-    const {
-        trigger,
-        getValues,
-        setValue,
-        formState: { dirtyFields },
-        refineCore: { queryResult },
-    } = useHookFormResult;
-
-    useEffect(() => {
-        const data = queryResult?.data?.data;
-        if (!data) return;
-
-        const registeredFields = Object.keys(getValues());
-        Object.entries(data).forEach(([key, value]) => {
-            const name = key as Path<TVariables>;
-
-            if (registeredFields.includes(name)) {
-                if (!dirtyFields[name]) {
-                    setValue(name, value);
-                }
-            }
-        });
-    }, [queryResult?.data, current, setValue, getValues]);
-
-    const go = (step: number) => {
-        let targetStep = step;
-
-        if (step < 0) {
-            targetStep = 0;
+    Object.entries(data).forEach(([key, value]) => {
+      const name = key as Path<TVariables>;
+
+      if (registeredFields.includes(name)) {
+        if (!get(dirtyFields, name)) {
+          setValue(name, value);
         }
+      }
+    });
+  }, [queryResult?.data, current, setValue, getValues]);
 
-        setCurrent(targetStep);
-    };
+  const go = (step: number) => {
+    let targetStep = step;
 
-    const gotoStep = async (step: number) => {
-        if (step === current) {
-            return;
-        }
+    if (step < 0) {
+      targetStep = 0;
+    }
 
-        if (step < current && !isBackValidate) {
-            go(step);
-            return;
-        }
+    setCurrent(targetStep);
+  };
 
-        const isValid = await trigger();
-        if (isValid) {
-            go(step);
-        }
-    };
-
-    return {
-        ...useHookFormResult,
-        steps: {
-            currentStep: current,
-            gotoStep,
-        },
-    };
+  const gotoStep = async (step: number) => {
+    if (step === current) {
+      return;
+    }
+
+    if (step < current && !isBackValidate) {
+      go(step);
+      return;
+    }
+
+    const isValid = await trigger();
+    if (isValid) {
+      go(step);
+    }
+  };
+
+  return {
+    ...useHookFormResult,
+    steps: {
+      currentStep: current,
+      gotoStep,
+    },
+  };
 };

package/dist/esm/index.js

@@ -1,3 +0,0 @@
-"use client"
-var L=Object.defineProperty;var m=(t,a)=>L(t,"name",{value:a,configurable:!0});import{useEffect as Y}from"react";import ee from"lodash-es/get";import te from"lodash-es/has";import{useForm as re}from"react-hook-form";import{useForm as se,useWarnAboutChange as ae,useTranslate as oe,useRefineContext as ne,flattenObjectKeys as z}from"@refinedev/core";var C=m(({refineCoreProps:t,warnWhenUnsavedChanges:a,disableServerSideValidation:p=!1,...Q}={})=>{let{options:F}=ne(),S=(F==null?void 0:F.disableServerSideValidation)||p,U=oe(),{warnWhenUnsavedChanges:h,setWarnWhen:b}=ae(),f=a??h,d=re({...Q}),{watch:c,setValue:R,getValues:i,handleSubmit:T,setError:x}=d,E=se({...t,onMutationError:(r,s,e)=>{var v,H;if(S){(v=t==null?void 0:t.onMutationError)==null||v.call(t,r,s,e);return}let y=r==null?void 0:r.errors;for(let V in y){if(!Object.keys(z(s)).includes(V))continue;let u=y[V],D="";Array.isArray(u)&&(D=u.join(" ")),typeof u=="string"&&(D=u),typeof u=="boolean"&&u&&(D="Field is not valid."),typeof u=="object"&&"key"in u&&(D=U(u.key,u.message)),x(V,{message:D})}(H=t==null?void 0:t.onMutationError)==null||H.call(t,r,s,e)}}),{queryResult:l,onFinish:o,formLoading:B,onFinishAutoSave:j}=E;Y(()=>{var e;let r=(e=l==null?void 0:l.data)==null?void 0:e.data;if(!r)return;Object.keys(z(i())).forEach(y=>{let v=te(r,y),H=ee(r,y);v&&R(y,H)})},[l==null?void 0:l.data,R,i]),Y(()=>{let r=c((s,{type:e})=>{e==="change"&&W(s)});return()=>r.unsubscribe()},[c]);let W=m(r=>{var s;if(f&&b(!0),t!=null&&t.autoSave){b(!1);let e=(s=t.autoSave)==null?void 0:s.onFinish;return j(e?e(r):r)}return r},"onValuesChange"),g=m((r,s)=>async e=>(b(!1),T(r,s)(e)),"handleSubmit");return{...d,handleSubmit:g,refineCore:E,saveButtonProps:{disabled:B,onClick:r=>{g(o,()=>!1)(r)}}}},"useForm");import{useEffect as de,useState as Te}from"react";var ie=m(({stepsProps:t,...a}={})=>{let{defaultStep:p=0,isBackValidate:Q=!1}=t??{},[F,S]=Te(p),U=C({...a}),{trigger:h,getValues:b,setValue:f,formState:{dirtyFields:d},refineCore:{queryResult:c}}=U;de(()=>{var E;let T=(E=c==null?void 0:c.data)==null?void 0:E.data;if(!T)return;let x=Object.keys(b());Object.entries(T).forEach(([l,o])=>{let B=l;x.includes(B)&&(d[B]||f(B,o))})},[c==null?void 0:c.data,F,f,b]);let R=m(T=>{let x=T;T<0&&(x=0),S(x)},"go");return{...U,steps:{currentStep:F,gotoStep:m(async T=>{if(T===F)return;if(T<F&&!Q){R(T);return}await h()&&R(T)},"gotoStep")}}},"useStepsForm");import{useCallback as J}from"react";import{useGo as le,useModal as ue,useParsed as pe,useResource as ce,useUserFriendlyName as me,useTranslate as Fe,useWarnAboutChange as Re,useInvalidate as Ee}from"@refinedev/core";import P from"react";var xe=m(({modalProps:t,refineCoreProps:a,syncWithLocation:p,...Q}={})=>{var A,N;let F=Ee(),[S,U]=P.useState(!1),h=Fe(),{resource:b,action:f}=a??{},{resource:d,action:c,identifier:R}=ce(b),i=pe(),T=le(),x=me(),E=f??c??"",l=!(typeof p=="object"&&(p==null?void 0:p.syncId)===!1),o=typeof p=="object"&&"key"in p?p.key:d&&E&&p?`modal-${R}-${E}`:void 0,{defaultVisible:B=!1,autoSubmitClose:j=!0,autoResetForm:W=!0}=t??{},g=C({refineCoreProps:{...a,meta:{...o?{[o]:void 0}:{},...a==null?void 0:a.meta}},...Q}),{reset:$,refineCore:{onFinish:r,id:s,setId:e,autoSaveProps:y},saveButtonProps:v,handleSubmit:H}=g,{visible:V,show:k,close:u}=ue({defaultVisible:B});P.useEffect(()=>{var n,w,K,I;if(S===!1&&o){let M=(w=(n=i==null?void 0:i.params)==null?void 0:n[o])==null?void 0:w.open;if(typeof M=="boolean"?M&&k():typeof M=="string"&&M==="true"&&k(),l){let G=(I=(K=i==null?void 0:i.params)==null?void 0:K[o])==null?void 0:I.id;G&&(e==null||e(G))}U(!0)}},[o,i,l,e]),P.useEffect(()=>{var n;S===!0&&(V&&o?T({query:{[o]:{...(n=i==null?void 0:i.params)==null?void 0:n[o],open:!0,...l&&s&&{id:s}}},options:{keepQuery:!0},type:"replace"}):o&&!V&&T({query:{[o]:void 0},options:{keepQuery:!0},type:"replace"}))},[s,V,k,o,l]);let D=m(async n=>{await r(n),j&&u(),W&&$()},"submit"),{warnWhen:O,setWarnWhen:X}=Re(),Z=J(()=>{var n;if(y.status==="success"&&((n=a==null?void 0:a.autoSave)!=null&&n.invalidateOnClose)&&F({id:s,invalidates:a.invalidates||["list","many","detail"],dataProviderName:a.dataProviderName,resource:R}),O)if(window.confirm(h("warnWhenUnsavedChanges","Are you sure you want to leave? You have unsaved changes.")))X(!1);else return;e==null||e(void 0),u()},[O,y.status]),_=J(n=>{typeof n<"u"&&(e==null||e(n)),(!(E==="edit"||E==="clone")||(typeof n<"u"||typeof s<"u"))&&k()},[s]),q=h(`${R}.titles.${f}`,void 0,`${x(`${f} ${((A=d==null?void 0:d.meta)==null?void 0:A.label)??((N=d==null?void 0:d.options)==null?void 0:N.label)??(d==null?void 0:d.label)??R}`,"singular")}`);return{modal:{submit:D,close:Z,show:_,visible:V,title:q},...g,saveButtonProps:{...v,onClick:n=>H(D)(n)}}},"useModalForm");export{C as useForm,xe as useModalForm,ie as useStepsForm};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/useForm/index.ts","../../src/useStepsForm/index.ts","../../src/useModalForm/index.ts"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport get from \"lodash-es/get\";\nimport has from \"lodash-es/has\";\n\nimport {\n    useForm as useHookForm,\n    UseFormProps as UseHookFormProps,\n    UseFormReturn,\n    FieldValues,\n    UseFormHandleSubmit,\n    Path,\n} from \"react-hook-form\";\nimport {\n    BaseRecord,\n    HttpError,\n    useForm as useFormCore,\n    useWarnAboutChange,\n    UseFormProps as UseFormCoreProps,\n    UseFormReturnType as UseFormReturnTypeCore,\n    useTranslate,\n    useRefineContext,\n    flattenObjectKeys,\n} from \"@refinedev/core\";\n\nexport type UseFormReturnType<\n    TQueryFnData extends BaseRecord = BaseRecord,\n    TError extends HttpError = HttpError,\n    TVariables extends FieldValues = FieldValues,\n    TContext extends object = {},\n    TData extends BaseRecord = TQueryFnData,\n    TResponse extends BaseRecord = TData,\n    TResponseError extends HttpError = TError,\n> = UseFormReturn<TVariables, TContext> & {\n    refineCore: UseFormReturnTypeCore<\n        TQueryFnData,\n        TError,\n        TVariables,\n        TData,\n        TResponse,\n        TResponseError\n    >;\n    saveButtonProps: {\n        disabled: boolean;\n        onClick: (e: React.BaseSyntheticEvent) => void;\n    };\n};\n\nexport type UseFormProps<\n    TQueryFnData extends BaseRecord = BaseRecord,\n    TError extends HttpError = HttpError,\n    TVariables extends FieldValues = FieldValues,\n    TContext extends object = {},\n    TData extends BaseRecord = TQueryFnData,\n    TResponse extends BaseRecord = TData,\n    TResponseError extends HttpError = TError,\n> = {\n    /**\n     * Configuration object for the core of the [useForm](/docs/api-reference/core/hooks/useForm/)\n     * @type [`UseFormCoreProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>`](/docs/api-reference/core/hooks/useForm/#properties)\n     */\n    refineCoreProps?: UseFormCoreProps<\n        TQueryFnData,\n        TError,\n        TVariables,\n        TData,\n        TResponse,\n        TResponseError\n    >;\n    /**\n     * When you have unsaved changes and try to leave the current page, **refine** shows a confirmation modal box.\n     * @default `false*`\n     */\n    warnWhenUnsavedChanges?: boolean;\n    /**\n     * Disables server-side validation\n     * @default false\n     * @see {@link https://refine.dev/docs/advanced-tutorials/forms/server-side-form-validation/}\n     */\n    disableServerSideValidation?: boolean;\n} & UseHookFormProps<TVariables, TContext>;\n\nexport const useForm = <\n    TQueryFnData extends BaseRecord = BaseRecord,\n    TError extends HttpError = HttpError,\n    TVariables extends FieldValues = FieldValues,\n    TContext extends object = {},\n    TData extends BaseRecord = TQueryFnData,\n    TResponse extends BaseRecord = TData,\n    TResponseError extends HttpError = TError,\n>({\n    refineCoreProps,\n    warnWhenUnsavedChanges: warnWhenUnsavedChangesProp,\n    disableServerSideValidation: disableServerSideValidationProp = false,\n    ...rest\n}: UseFormProps<\n    TQueryFnData,\n    TError,\n    TVariables,\n    TContext,\n    TData,\n    TResponse,\n    TResponseError\n> = {}): UseFormReturnType<\n    TQueryFnData,\n    TError,\n    TVariables,\n    TContext,\n    TData,\n    TResponse,\n    TResponseError\n> => {\n    const { options } = useRefineContext();\n    const disableServerSideValidation =\n        options?.disableServerSideValidation || disableServerSideValidationProp;\n\n    const translate = useTranslate();\n\n    const {\n        warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine,\n        setWarnWhen,\n    } = useWarnAboutChange();\n    const warnWhenUnsavedChanges =\n        warnWhenUnsavedChangesProp ?? warnWhenUnsavedChangesRefine;\n\n    const useHookFormResult = useHookForm<TVariables, TContext>({\n        ...rest,\n    });\n\n    const {\n        watch,\n        setValue,\n        getValues,\n        handleSubmit: handleSubmitReactHookForm,\n        setError,\n    } = useHookFormResult;\n\n    const useFormCoreResult = useFormCore<\n        TQueryFnData,\n        TError,\n        TVariables,\n        TData,\n        TResponse,\n        TResponseError\n    >({\n        ...refineCoreProps,\n        onMutationError: (error, _variables, _context) => {\n            if (disableServerSideValidation) {\n                refineCoreProps?.onMutationError?.(error, _variables, _context);\n                return;\n            }\n\n            const errors = error?.errors;\n\n            for (const key in errors) {\n                // when the key is not registered in the form, react-hook-form not working\n                const isKeyInVariables = Object.keys(\n                    flattenObjectKeys(_variables),\n                ).includes(key);\n\n                if (!isKeyInVariables) {\n                    continue;\n                }\n\n                const fieldError = errors[key];\n\n                let newError = \"\";\n\n                if (Array.isArray(fieldError)) {\n                    newError = fieldError.join(\" \");\n                }\n\n                if (typeof fieldError === \"string\") {\n                    newError = fieldError;\n                }\n\n                if (typeof fieldError === \"boolean\" && fieldError) {\n                    newError = \"Field is not valid.\";\n                }\n\n                if (typeof fieldError === \"object\" && \"key\" in fieldError) {\n                    const translatedMessage = translate(\n                        fieldError.key,\n                        fieldError.message,\n                    );\n\n                    newError = translatedMessage;\n                }\n\n                setError(key as Path<TVariables>, {\n                    message: newError,\n                });\n            }\n\n            refineCoreProps?.onMutationError?.(error, _variables, _context);\n        },\n    });\n\n    const { queryResult, onFinish, formLoading, onFinishAutoSave } =\n        useFormCoreResult;\n\n    useEffect(() => {\n        const data = queryResult?.data?.data;\n        if (!data) return;\n\n        /**\n         * get registered fields from react-hook-form\n         */\n        const registeredFields = Object.keys(flattenObjectKeys(getValues()));\n\n        /**\n         * set values from query result as default values\n         */\n        registeredFields.forEach((path) => {\n            const hasValue = has(data, path);\n            const dataValue = get(data, path);\n\n            /**\n             * set value if the path exists in the query result even if the value is null\n             */\n            if (hasValue) {\n                setValue(path as Path<TVariables>, dataValue);\n            }\n        });\n    }, [queryResult?.data, setValue, getValues]);\n\n    useEffect(() => {\n        const subscription = watch((values: any, { type }: { type?: any }) => {\n            if (type === \"change\") {\n                onValuesChange(values);\n            }\n        });\n        return () => subscription.unsubscribe();\n    }, [watch]);\n\n    const onValuesChange = (changeValues: TVariables) => {\n        if (warnWhenUnsavedChanges) {\n            setWarnWhen(true);\n        }\n\n        if (refineCoreProps?.autoSave) {\n            setWarnWhen(false);\n\n            const onFinishProps = refineCoreProps.autoSave?.onFinish;\n\n            if (onFinishProps) {\n                return onFinishAutoSave(onFinishProps(changeValues));\n            }\n\n            return onFinishAutoSave(changeValues);\n        }\n\n        return changeValues;\n    };\n\n    const handleSubmit: UseFormHandleSubmit<TVariables> =\n        (onValid, onInvalid) => async (e) => {\n            setWarnWhen(false);\n            return handleSubmitReactHookForm(onValid, onInvalid)(e);\n        };\n\n    const saveButtonProps = {\n        disabled: formLoading,\n        onClick: (e: React.BaseSyntheticEvent) => {\n            handleSubmit(onFinish, () => false)(e);\n        },\n    };\n\n    return {\n        ...useHookFormResult,\n        handleSubmit,\n        refineCore: useFormCoreResult,\n        saveButtonProps,\n    };\n};\n","import { useEffect, useState } from \"react\";\nimport { FieldValues, Path } from \"react-hook-form\";\nimport { BaseRecord, HttpError } from \"@refinedev/core\";\n\nimport { useForm, UseFormProps, UseFormReturnType } from \"../useForm\";\n\nexport type UseStepsFormReturnType<\n    TQueryFnData extends BaseRecord = BaseRecord,\n    TError extends HttpError = HttpError,\n    TVariables extends FieldValues = FieldValues,\n    TContext extends object = {},\n    TData extends BaseRecord = TQueryFnData,\n    TResponse extends BaseRecord = TData,\n    TResponseError extends HttpError = TError,\n> = UseFormReturnType<\n    TQueryFnData,\n    TError,\n    TVariables,\n    TContext,\n    TData,\n    TResponse,\n    TResponseError\n> & {\n    steps: {\n        currentStep: number;\n        gotoStep: (step: number) => void;\n    };\n};\n\nexport type UseStepsFormProps<\n    TQueryFnData extends BaseRecord = BaseRecord,\n    TError extends HttpError = HttpError,\n    TVariables extends FieldValues = FieldValues,\n    TContext extends object = {},\n    TData extends BaseRecord = TQueryFnData,\n    TResponse extends BaseRecord = TData,\n    TResponseError extends HttpError = TError,\n> = UseFormProps<\n    TQueryFnData,\n    TError,\n    TVariables,\n    TContext,\n    TData,\n    TResponse,\n    TResponseError\n> & {\n    /**\n     * @description Configuration object for the steps.\n     * `defaultStep`: Allows you to set the initial step.\n     * \n     * `isBackValidate`: Whether to validation the current step when going back.\n     * @type `{\n      defaultStep?: number;\n      isBackValidate?: boolean;\n      }`\n     * @default `defaultStep = 0` `isBackValidate = false`\n     */\n    stepsProps?: {\n        defaultStep?: number;\n        isBackValidate?: boolean;\n    };\n};\n\nexport const useStepsForm = <\n    TQueryFnData extends BaseRecord = BaseRecord,\n    TError extends HttpError = HttpError,\n    TVariables extends FieldValues = FieldValues,\n    TContext extends object = {},\n    TData extends BaseRecord = TQueryFnData,\n    TResponse extends BaseRecord = TData,\n    TResponseError extends HttpError = TError,\n>({\n    stepsProps,\n    ...rest\n}: UseStepsFormProps<\n    TQueryFnData,\n    TError,\n    TVariables,\n    TContext,\n    TData,\n    TResponse,\n    TResponseError\n> = {}): UseStepsFormReturnType<\n    TQueryFnData,\n    TError,\n    TVariables,\n    TContext,\n    TData,\n    TResponse,\n    TResponseError\n> => {\n    const { defaultStep = 0, isBackValidate = false } = stepsProps ?? {};\n    const [current, setCurrent] = useState(defaultStep);\n\n    const useHookFormResult = useForm<\n        TQueryFnData,\n        TError,\n        TVariables,\n        TContext,\n        TData,\n        TResponse,\n        TResponseError\n    >({\n        ...rest,\n    });\n\n    const {\n        trigger,\n        getValues,\n        setValue,\n        formState: { dirtyFields },\n        refineCore: { queryResult },\n    } = useHookFormResult;\n\n    useEffect(() => {\n        const data = queryResult?.data?.data;\n        if (!data) return;\n\n        const registeredFields = Object.keys(getValues());\n        Object.entries(data).forEach(([key, value]) => {\n            const name = key as Path<TVariables>;\n\n            if (registeredFields.includes(name)) {\n                if (!dirtyFields[name]) {\n                    setValue(name, value);\n                }\n            }\n        });\n    }, [queryResult?.data, current, setValue, getValues]);\n\n    const go = (step: number) => {\n        let targetStep = step;\n\n        if (step < 0) {\n            targetStep = 0;\n        }\n\n        setCurrent(targetStep);\n    };\n\n    const gotoStep = async (step: number) => {\n        if (step === current) {\n            return;\n        }\n\n        if (step < current && !isBackValidate) {\n            go(step);\n            return;\n        }\n\n        const isValid = await trigger();\n        if (isValid) {\n            go(step);\n        }\n    };\n\n    return {\n        ...useHookFormResult,\n        steps: {\n            currentStep: current,\n            gotoStep,\n        },\n    };\n};\n","import { useCallback } from \"react\";\nimport {\n    BaseKey,\n    BaseRecord,\n    FormWithSyncWithLocationParams,\n    HttpError,\n    useGo,\n    useModal,\n    useParsed,\n    useResource,\n    useUserFriendlyName,\n    useTranslate,\n    useWarnAboutChange,\n    useInvalidate,\n} from \"@refinedev/core\";\nimport { FieldValues } from \"react-hook-form\";\n\nimport { useForm, UseFormProps, UseFormReturnType } from \"../useForm\";\nimport React from \"react\";\n\nexport type UseModalFormReturnType<\n    TQueryFnData extends BaseRecord = BaseRecord,\n    TError extends HttpError = HttpError,\n    TVariables extends FieldValues = FieldValues,\n    TContext extends object = {},\n    TData extends BaseRecord = TQueryFnData,\n    TResponse extends BaseRecord = TData,\n    TResponseError extends HttpError = TError,\n> = UseFormReturnType<\n    TQueryFnData,\n    TError,\n    TVariables,\n    TContext,\n    TData,\n    TResponse,\n    TResponseError\n> & {\n    modal: {\n        submit: (values: TVariables) => void;\n        close: () => void;\n        show: (id?: BaseKey) => void;\n        visible: boolean;\n        title: string;\n    };\n};\n\nexport type UseModalFormProps<\n    TQueryFnData extends BaseRecord = BaseRecord,\n    TError extends HttpError = HttpError,\n    TVariables extends FieldValues = FieldValues,\n    TContext extends object = {},\n    TData extends BaseRecord = TQueryFnData,\n    TResponse extends BaseRecord = TData,\n    TResponseError extends HttpError = TError,\n> = UseFormProps<\n    TQueryFnData,\n    TError,\n    TVariables,\n    TContext,\n    TData,\n    TResponse,\n    TResponseError\n> & {\n    /**\n     * @description Configuration object for the modal.\n     * `defaultVisible`: Initial visibility state of the modal.\n     * \n     * `autoSubmitClose`: Whether the form should be submitted when the modal is closed.\n     * \n     * `autoResetForm`: Whether the form should be reset when the form is submitted.\n     * @type `{\n      defaultVisible?: boolean;\n      autoSubmitClose?: boolean;\n      autoResetForm?: boolean;\n      }`\n     * @default `defaultVisible = false` `autoSubmitClose = true` `autoResetForm = true`\n     */\n    modalProps?: {\n        defaultVisible?: boolean;\n        autoSubmitClose?: boolean;\n        autoResetForm?: boolean;\n    };\n} & FormWithSyncWithLocationParams;\n\nexport const useModalForm = <\n    TQueryFnData extends BaseRecord = BaseRecord,\n    TError extends HttpError = HttpError,\n    TVariables extends FieldValues = FieldValues,\n    TContext extends object = {},\n    TData extends BaseRecord = TQueryFnData,\n    TResponse extends BaseRecord = TData,\n    TResponseError extends HttpError = TError,\n>({\n    modalProps,\n    refineCoreProps,\n    syncWithLocation,\n    ...rest\n}: UseModalFormProps<\n    TQueryFnData,\n    TError,\n    TVariables,\n    TContext,\n    TData,\n    TResponse,\n    TResponseError\n> = {}): UseModalFormReturnType<\n    TQueryFnData,\n    TError,\n    TVariables,\n    TContext,\n    TData,\n    TResponse,\n    TResponseError\n> => {\n    const invalidate = useInvalidate();\n    const [initiallySynced, setInitiallySynced] = React.useState(false);\n\n    const translate = useTranslate();\n\n    const { resource: resourceProp, action: actionProp } =\n        refineCoreProps ?? {};\n\n    const {\n        resource,\n        action: actionFromParams,\n        identifier,\n    } = useResource(resourceProp);\n\n    const parsed = useParsed();\n    const go = useGo();\n    const getUserFriendlyName = useUserFriendlyName();\n\n    const action = actionProp ?? actionFromParams ?? \"\";\n\n    const syncingId = !(\n        typeof syncWithLocation === \"object\" &&\n        syncWithLocation?.syncId === false\n    );\n\n    const syncWithLocationKey =\n        typeof syncWithLocation === \"object\" && \"key\" in syncWithLocation\n            ? syncWithLocation.key\n            : resource && action && syncWithLocation\n            ? `modal-${identifier}-${action}`\n            : undefined;\n\n    const {\n        defaultVisible = false,\n        autoSubmitClose = true,\n        autoResetForm = true,\n    } = modalProps ?? {};\n\n    const useHookFormResult = useForm<\n        TQueryFnData,\n        TError,\n        TVariables,\n        TContext,\n        TData,\n        TResponse,\n        TResponseError\n    >({\n        refineCoreProps: {\n            ...refineCoreProps,\n            meta: {\n                ...(syncWithLocationKey\n                    ? { [syncWithLocationKey]: undefined }\n                    : {}),\n                ...refineCoreProps?.meta,\n            },\n        },\n        ...rest,\n    });\n\n    const {\n        reset,\n        refineCore: { onFinish, id, setId, autoSaveProps },\n        saveButtonProps,\n        handleSubmit,\n    } = useHookFormResult;\n\n    const { visible, show, close } = useModal({\n        defaultVisible,\n    });\n\n    React.useEffect(() => {\n        if (initiallySynced === false && syncWithLocationKey) {\n            const openStatus = parsed?.params?.[syncWithLocationKey]?.open;\n            if (typeof openStatus === \"boolean\") {\n                if (openStatus) {\n                    show();\n                }\n            } else if (typeof openStatus === \"string\") {\n                if (openStatus === \"true\") {\n                    show();\n                }\n            }\n\n            if (syncingId) {\n                const idFromParams = parsed?.params?.[syncWithLocationKey]?.id;\n                if (idFromParams) {\n                    setId?.(idFromParams);\n                }\n            }\n\n            setInitiallySynced(true);\n        }\n    }, [syncWithLocationKey, parsed, syncingId, setId]);\n\n    React.useEffect(() => {\n        if (initiallySynced === true) {\n            if (visible && syncWithLocationKey) {\n                go({\n                    query: {\n                        [syncWithLocationKey]: {\n                            ...parsed?.params?.[syncWithLocationKey],\n                            open: true,\n                            ...(syncingId && id && { id }),\n                        },\n                    },\n                    options: { keepQuery: true },\n                    type: \"replace\",\n                });\n            } else if (syncWithLocationKey && !visible) {\n                go({\n                    query: {\n                        [syncWithLocationKey]: undefined,\n                    },\n                    options: { keepQuery: true },\n                    type: \"replace\",\n                });\n            }\n        }\n    }, [id, visible, show, syncWithLocationKey, syncingId]);\n\n    const submit = async (values: TVariables) => {\n        await onFinish(values);\n\n        if (autoSubmitClose) {\n            close();\n        }\n\n        if (autoResetForm) {\n            reset();\n        }\n    };\n\n    const { warnWhen, setWarnWhen } = useWarnAboutChange();\n    const handleClose = useCallback(() => {\n        if (\n            autoSaveProps.status === \"success\" &&\n            refineCoreProps?.autoSave?.invalidateOnClose\n        ) {\n            invalidate({\n                id,\n                invalidates: refineCoreProps.invalidates || [\n                    \"list\",\n                    \"many\",\n                    \"detail\",\n                ],\n                dataProviderName: refineCoreProps.dataProviderName,\n                resource: identifier,\n            });\n        }\n\n        if (warnWhen) {\n            const warnWhenConfirm = window.confirm(\n                translate(\n                    \"warnWhenUnsavedChanges\",\n                    \"Are you sure you want to leave? You have unsaved changes.\",\n                ),\n            );\n\n            if (warnWhenConfirm) {\n                setWarnWhen(false);\n            } else {\n                return;\n            }\n        }\n\n        setId?.(undefined);\n        close();\n    }, [warnWhen, autoSaveProps.status]);\n\n    const handleShow = useCallback(\n        (showId?: BaseKey) => {\n            if (typeof showId !== \"undefined\") {\n                setId?.(showId);\n            }\n            const needsIdToOpen = action === \"edit\" || action === \"clone\";\n            const hasId =\n                typeof showId !== \"undefined\" || typeof id !== \"undefined\";\n            if (needsIdToOpen ? hasId : true) {\n                show();\n            }\n        },\n        [id],\n    );\n\n    const title = translate(\n        `${identifier}.titles.${actionProp}`,\n        undefined,\n        `${getUserFriendlyName(\n            `${actionProp} ${\n                resource?.meta?.label ??\n                resource?.options?.label ??\n                resource?.label ??\n                identifier\n            }`,\n            \"singular\",\n        )}`,\n    );\n\n    return {\n        modal: {\n            submit,\n            close: handleClose,\n            show: handleShow,\n            visible,\n            title,\n        },\n        ...useHookFormResult,\n        saveButtonProps: {\n            ...saveButtonProps,\n            onClick: (e) => handleSubmit(submit)(e),\n        },\n    };\n};\n"],"mappings":"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","names":["useEffect","get","has","useHookForm","useFormCore","useWarnAboutChange","useTranslate","useRefineContext","flattenObjectKeys","useForm","__name","refineCoreProps","warnWhenUnsavedChangesProp","disableServerSideValidationProp","rest","options","useRefineContext","disableServerSideValidation","translate","useTranslate","warnWhenUnsavedChangesRefine","setWarnWhen","useWarnAboutChange","warnWhenUnsavedChanges","useHookFormResult","useHookForm","watch","setValue","getValues","handleSubmitReactHookForm","setError","useFormCoreResult","useFormCore","error","_variables","_context","_a","_b","errors","key","flattenObjectKeys","fieldError","newError","queryResult","onFinish","formLoading","onFinishAutoSave","useEffect","data","path","hasValue","has","dataValue","get","subscription","values","type","onValuesChange","changeValues","onFinishProps","handleSubmit","onValid","onInvalid","e","useEffect","useState","useStepsForm","__name","stepsProps","rest","defaultStep","isBackValidate","current","setCurrent","useState","useHookFormResult","useForm","trigger","getValues","setValue","dirtyFields","queryResult","useEffect","_a","data","registeredFields","key","value","name","go","step","targetStep","useCallback","useGo","useModal","useParsed","useResource","useUserFriendlyName","useTranslate","useWarnAboutChange","useInvalidate","React","useModalForm","__name","modalProps","refineCoreProps","syncWithLocation","rest","_a","_b","invalidate","useInvalidate","initiallySynced","setInitiallySynced","React","translate","useTranslate","resourceProp","actionProp","resource","actionFromParams","identifier","useResource","parsed","useParsed","go","useGo","getUserFriendlyName","useUserFriendlyName","action","syncingId","syncWithLocationKey","defaultVisible","autoSubmitClose","autoResetForm","useHookFormResult","useForm","reset","onFinish","id","setId","autoSaveProps","saveButtonProps","handleSubmit","visible","show","close","useModal","_c","_d","openStatus","idFromParams","submit","values","warnWhen","setWarnWhen","useWarnAboutChange","handleClose","useCallback","handleShow","showId","title","e"]}