@refinedev/react-hook-form 4.4.2 → 4.6.0

package/README.md

@@ -4,16 +4,25 @@
     </a>
 </div>
 <br/>
-<div align="center"><strong>refine</strong> is a <a href="https://reactjs.org/">React</a>-based framework for building internal tools, rapidly. ✨ It ships with <a href="https://ant.design/">Ant Design System</a>, an enterprise-level UI toolkit.</div>
+<div align="center">refine is an open-source, headless React framework for developers building enterprise web applications.
+
+It eliminates repetitive tasks in CRUD operations and provides industry-standard solutions for critical project components like **authentication**, **access control**, **routing**, **networking**, **state management**, and **i18n**. 
+
+</div>
 <br/>
 
 <div align="center">
   <sub>Created by <a href="https://refine.dev">refine</a></sub>
 </div>
 
-## About
+## About 
+
+The [refine](https://refine.dev/) is **headless by design**, offering unlimited styling and customization options. Moreover, refine ships with ready-made integrations for [Ant Design](https://ant.design/), [Material UI](https://mui.com/material-ui/getting-started/overview/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/) for convenience.
+
+  refine has connectors for 15+ backend services, including REST API, [GraphQL](https://graphql.org/), and popular services like [Airtable](https://www.airtable.com/), [Strapi](https://strapi.io/), [Supabase](https://supabase.com/), [Firebase](https://firebase.google.com/), and [Directus](https://directus.io/)
 
-[**refine**](https://refine.dev/) offers lots of out-of-the box functionality for rapid development, without compromising extreme customizability. Use-cases include, but are not limited to *admin panels*, *B2B applications* and *dashboards*.
+[Refer to documentation for more info about refine&#8594](https://refine.dev/docs/)
+[Step up to refine tutorials &#8594](https://refine.dev/docs/tutorial/introduction/index/)
 
 ## Documentation
 

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/useForm/index.ts","../../src/useStepsForm/index.ts","../../src/useModalForm/index.ts"],"sourcesContent":["import React, { useEffect } from \"react\";\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} 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} & 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    ...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 {\n        warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine,\n        setWarnWhen,\n    } = useWarnAboutChange();\n    const warnWhenUnsavedChanges =\n        warnWhenUnsavedChangesProp ?? warnWhenUnsavedChangesRefine;\n\n    const useFormCoreResult = useFormCore<\n        TQueryFnData,\n        TError,\n        TVariables,\n        TData,\n        TResponse,\n        TResponseError\n    >({\n        ...refineCoreProps,\n    });\n\n    const { queryResult, onFinish, formLoading } = useFormCoreResult;\n\n    const useHookFormResult = useHookForm<TVariables, TContext>({\n        ...rest,\n    });\n\n    const {\n        watch,\n        setValue,\n        getValues,\n        handleSubmit: handleSubmitReactHookForm,\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                setValue(name, value);\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: Record<string, any>) => {\n        if (warnWhenUnsavedChanges) {\n            setWarnWhen(true);\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    userFriendlyResourceName,\n    useTranslate,\n    useWarnAboutChange,\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 [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\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        ...rest,\n    });\n\n    const {\n        reset,\n        refineCore: { onFinish, id, setId },\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 (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]);\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        `${userFriendlyResourceName(\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":"AAAA,OAAgB,aAAAA,MAAiB,QACjC,OACI,WAAWC,MAMR,kBACP,OAGI,WAAWC,EACX,sBAAAC,MAGG,kBAqDA,IAAMC,EAAU,CAQrB,CACE,gBAAAC,EACA,uBAAwBC,EACxB,GAAGC,CACP,EAQI,CAAC,IAQA,CACD,GAAM,CACF,uBAAwBC,EACxB,YAAAC,CACJ,EAAIN,EAAmB,EACjBO,EACFJ,GAA8BE,EAE5BG,EAAoBT,EAOxB,CACE,GAAGG,CACP,CAAC,EAEK,CAAE,YAAAO,EAAa,SAAAC,EAAU,YAAAC,CAAY,EAAIH,EAEzCI,EAAoBd,EAAkC,CACxD,GAAGM,CACP,CAAC,EAEK,CACF,MAAAS,EACA,SAAAC,EACA,UAAAC,EACA,aAAcC,CAClB,EAAIJ,EAEJf,EAAU,IAAM,CAjIpB,IAAAoB,EAkIQ,IAAMC,GAAOD,EAAAR,GAAA,YAAAA,EAAa,OAAb,YAAAQ,EAAmB,KAChC,GAAI,CAACC,EAAM,OAEX,IAAMC,EAAmB,OAAO,KAAKJ,EAAU,CAAC,EAChD,OAAO,QAAQG,CAAI,EAAE,QAAQ,CAAC,CAACE,EAAKC,CAAK,IAAM,CAC3C,IAAMC,EAAOF,EAETD,EAAiB,SAASG,CAAI,GAC9BR,EAASQ,EAAMD,CAAK,CAE5B,CAAC,CACL,EAAG,CAACZ,GAAA,YAAAA,EAAa,KAAMK,EAAUC,CAAS,CAAC,EAE3ClB,EAAU,IAAM,CACZ,IAAM0B,EAAeV,EAAM,CAACW,EAAa,CAAE,KAAAC,CAAK,IAAsB,CAC9DA,IAAS,UACTC,EAAeF,CAAM,CAE7B,CAAC,EACD,MAAO,IAAMD,EAAa,YAAY,CAC1C,EAAG,CAACV,CAAK,CAAC,EAEV,IAAMa,EAAkBC,IAChBpB,GACAD,EAAY,EAAI,EAEbqB,GAGLC,EACF,CAACC,EAASC,IAAc,MAAOC,IAC3BzB,EAAY,EAAK,EACVU,EAA0Ba,EAASC,CAAS,EAAEC,CAAC,GAU9D,MAAO,CACH,GAAGnB,EACH,aAAAgB,EACA,WAAYpB,EACZ,gBAXoB,CACpB,SAAUG,EACV,QAAUoB,GAAgC,CACtCH,EAAalB,EAAU,IAAM,EAAK,EAAEqB,CAAC,CACzC,CACJ,CAOA,CACJ,EClLA,OAAS,aAAAC,EAAW,YAAAC,MAAgB,QA+D7B,IAAMC,EAAe,CAQ1B,CACE,WAAAC,EACA,GAAGC,CACP,EAQI,CAAC,IAQA,CACD,GAAM,CAAE,YAAAC,EAAc,EAAG,eAAAC,EAAiB,EAAM,EAAIH,GAAc,CAAC,EAC7D,CAACI,EAASC,CAAU,EAAIC,EAASJ,CAAW,EAE5CK,EAAoBC,EAQxB,CACE,GAAGP,CACP,CAAC,EAEK,CACF,QAAAQ,EACA,UAAAC,EACA,SAAAC,EACA,UAAW,CAAE,YAAAC,CAAY,EACzB,WAAY,CAAE,YAAAC,CAAY,CAC9B,EAAIN,EAEJO,EAAU,IAAM,CAlHpB,IAAAC,EAmHQ,IAAMC,GAAOD,EAAAF,GAAA,YAAAA,EAAa,OAAb,YAAAE,EAAmB,KAChC,GAAI,CAACC,EAAM,OAEX,IAAMC,EAAmB,OAAO,KAAKP,EAAU,CAAC,EAChD,OAAO,QAAQM,CAAI,EAAE,QAAQ,CAAC,CAACE,EAAKC,CAAK,IAAM,CAC3C,IAAMC,EAAOF,EAETD,EAAiB,SAASG,CAAI,IACzBR,EAAYQ,CAAI,GACjBT,EAASS,EAAMD,CAAK,EAGhC,CAAC,CACL,EAAG,CAACN,GAAA,YAAAA,EAAa,KAAMT,EAASO,EAAUD,CAAS,CAAC,EAEpD,IAAMW,EAAMC,GAAiB,CACzB,IAAIC,EAAaD,EAEbA,EAAO,IACPC,EAAa,GAGjBlB,EAAWkB,CAAU,CACzB,EAkBA,MAAO,CACH,GAAGhB,EACH,MAAO,CACH,YAAaH,EACb,SApBS,MAAOkB,GAAiB,CACrC,GAAIA,IAASlB,EACT,OAGJ,GAAIkB,EAAOlB,GAAW,CAACD,EAAgB,CACnCkB,EAAGC,CAAI,EACP,OAGY,MAAMb,EAAQ,GAE1BY,EAAGC,CAAI,CAEf,CAOI,CACJ,CACJ,ECnKA,OAAS,eAAAE,MAAmB,QAC5B,OAKI,SAAAC,GACA,YAAAC,GACA,aAAAC,GACA,eAAAC,GACA,4BAAAC,GACA,gBAAAC,GACA,sBAAAC,OACG,kBAIP,OAAOC,MAAW,QAkEX,IAAMC,GAAe,CAQ1B,CACE,WAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,GAAGC,CACP,EAQI,CAAC,IAQA,CAhHL,IAAAC,EAAAC,EAiHI,GAAM,CAACC,EAAiBC,CAAkB,EAAIT,EAAM,SAAS,EAAK,EAE5DU,EAAYC,GAAa,EAEzB,CAAE,SAAUC,EAAc,OAAQC,CAAW,EAC/CV,GAAmB,CAAC,EAElB,CACF,SAAAW,EACA,OAAQC,EACR,WAAAC,CACJ,EAAIC,GAAYL,CAAY,EAEtBM,EAASC,GAAU,EACnBC,EAAKC,GAAM,EAEXC,EAAST,GAAcE,GAAoB,GAE3CQ,EAAY,EACd,OAAOnB,GAAqB,WAC5BA,GAAA,YAAAA,EAAkB,UAAW,IAG3BoB,EACF,OAAOpB,GAAqB,UAAY,QAASA,EAC3CA,EAAiB,IACjBU,GAAYQ,GAAUlB,EACtB,SAASY,KAAcM,IACvB,OAEJ,CACF,eAAAG,EAAiB,GACjB,gBAAAC,EAAkB,GAClB,cAAAC,EAAgB,EACpB,EAAIzB,GAAc,CAAC,EAEb0B,EAAoBC,EAQxB,CACE,gBAAA1B,EACA,GAAGE,CACP,CAAC,EAEK,CACF,MAAAyB,EACA,WAAY,CAAE,SAAAC,EAAU,GAAAC,EAAI,MAAAC,CAAM,EAClC,gBAAAC,EACA,aAAAC,CACJ,EAAIP,EAEE,CAAE,QAAAQ,EAAS,KAAAC,EAAM,MAAAC,CAAM,EAAIC,GAAS,CACtC,eAAAd,CACJ,CAAC,EAEDzB,EAAM,UAAU,IAAM,CA7K1B,IAAAM,EAAAC,EAAAiC,EAAAC,EA8KQ,GAAIjC,IAAoB,IAASgB,EAAqB,CAClD,IAAMkB,GAAanC,GAAAD,EAAAY,GAAA,YAAAA,EAAQ,SAAR,YAAAZ,EAAiBkB,KAAjB,YAAAjB,EAAuC,KAW1D,GAVI,OAAOmC,GAAe,UAClBA,GACAL,EAAK,EAEF,OAAOK,GAAe,UACzBA,IAAe,QACfL,EAAK,EAITd,EAAW,CACX,IAAMoB,GAAeF,GAAAD,EAAAtB,GAAA,YAAAA,EAAQ,SAAR,YAAAsB,EAAiBhB,KAAjB,YAAAiB,EAAuC,GACxDE,IACAV,GAAA,MAAAA,EAAQU,IAIhBlC,EAAmB,EAAI,EAE/B,EAAG,CAACe,EAAqBN,EAAQK,EAAWU,CAAK,CAAC,EAElDjC,EAAM,UAAU,IAAM,CArM1B,IAAAM,EAsMYE,IAAoB,KAChB4B,GAAWZ,EACXJ,EAAG,CACC,MAAO,CACH,CAACI,CAAmB,EAAG,CACnB,IAAGlB,EAAAY,GAAA,YAAAA,EAAQ,SAAR,YAAAZ,EAAiBkB,GACpB,KAAM,GACN,GAAID,GAAaS,GAAM,CAAE,GAAAA,CAAG,CAChC,CACJ,EACA,QAAS,CAAE,UAAW,EAAK,EAC3B,KAAM,SACV,CAAC,EACMR,GAAuB,CAACY,GAC/BhB,EAAG,CACC,MAAO,CACH,CAACI,CAAmB,EAAG,MAC3B,EACA,QAAS,CAAE,UAAW,EAAK,EAC3B,KAAM,SACV,CAAC,EAGb,EAAG,CAACQ,EAAII,EAASC,EAAMb,EAAqBD,CAAS,CAAC,EAEtD,IAAMqB,EAAS,MAAOC,GAAuB,CACzC,MAAMd,EAASc,CAAM,EAEjBnB,GACAY,EAAM,EAGNX,GACAG,EAAM,CAEd,EAEM,CAAE,SAAAgB,EAAU,YAAAC,CAAY,EAAIC,GAAmB,EAC/CC,EAAcC,EAAY,IAAM,CAClC,GAAIJ,EAQA,GAPwB,OAAO,QAC3BpC,EACI,yBACA,2DACJ,CACJ,EAGIqC,EAAY,EAAK,MAEjB,QAIRd,GAAA,MAAAA,EAAQ,QACRK,EAAM,CACV,EAAG,CAACQ,CAAQ,CAAC,EAEPK,EAAaD,EACdE,GAAqB,CACd,OAAOA,EAAW,MAClBnB,GAAA,MAAAA,EAAQmB,KAKR,EAHkB9B,IAAW,QAAUA,IAAW,WAElD,OAAO8B,EAAW,KAAe,OAAOpB,EAAO,OAE/CK,EAAK,CAEb,EACA,CAACL,CAAE,CACP,EAEMqB,EAAQ3C,EACV,GAAGM,YAAqBH,IACxB,OACA,GAAGyC,GACC,GAAGzC,OACCP,EAAAQ,GAAA,YAAAA,EAAU,OAAV,YAAAR,EAAgB,UAChBC,EAAAO,GAAA,YAAAA,EAAU,UAAV,YAAAP,EAAmB,SACnBO,GAAA,YAAAA,EAAU,QACVE,IAEJ,UACJ,GACJ,EAEA,MAAO,CACH,MAAO,CACH,OAAA4B,EACA,MAAOK,EACP,KAAME,EACN,QAAAf,EACA,MAAAiB,CACJ,EACA,GAAGzB,EACH,gBAAiB,CACb,GAAGM,EACH,QAAUqB,GAAMpB,EAAaS,CAAM,EAAEW,CAAC,CAC1C,CACJ,CACJ","names":["useEffect","useHookForm","useFormCore","useWarnAboutChange","useForm","refineCoreProps","warnWhenUnsavedChangesProp","rest","warnWhenUnsavedChangesRefine","setWarnWhen","warnWhenUnsavedChanges","useFormCoreResult","queryResult","onFinish","formLoading","useHookFormResult","watch","setValue","getValues","handleSubmitReactHookForm","_a","data","registeredFields","key","value","name","subscription","values","type","onValuesChange","changeValues","handleSubmit","onValid","onInvalid","e","useEffect","useState","useStepsForm","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","userFriendlyResourceName","useTranslate","useWarnAboutChange","React","useModalForm","modalProps","refineCoreProps","syncWithLocation","rest","_a","_b","initiallySynced","setInitiallySynced","translate","useTranslate","resourceProp","actionProp","resource","actionFromParams","identifier","useResource","parsed","useParsed","go","useGo","action","syncingId","syncWithLocationKey","defaultVisible","autoSubmitClose","autoResetForm","useHookFormResult","useForm","reset","onFinish","id","setId","saveButtonProps","handleSubmit","visible","show","close","useModal","_c","_d","openStatus","idFromParams","submit","values","warnWhen","setWarnWhen","useWarnAboutChange","handleClose","useCallback","handleShow","showId","title","userFriendlyResourceName","e"]}
+{"version":3,"sources":["../../src/useForm/index.ts","../../src/useStepsForm/index.ts","../../src/useModalForm/index.ts"],"sourcesContent":["import React, { useEffect } from \"react\";\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} 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(_variables).includes(\n                    key.split(\".\")[0],\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        const registeredFields = Object.keys(getValues());\n\n        Object.entries(data).forEach(([key, value]) => {\n            const name = key as Path<TVariables>;\n\n            if (registeredFields.includes(name)) {\n                setValue(name, value);\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} 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 [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        ...rest,\n    });\n\n    const {\n        reset,\n        refineCore: { onFinish, id, setId },\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 (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]);\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","useHookForm","useFormCore","useWarnAboutChange","useTranslate","useRefineContext","useForm","refineCoreProps","warnWhenUnsavedChangesProp","disableServerSideValidationProp","rest","options","disableServerSideValidation","translate","warnWhenUnsavedChangesRefine","setWarnWhen","warnWhenUnsavedChanges","useHookFormResult","watch","setValue","getValues","handleSubmitReactHookForm","setError","useFormCoreResult","error","_variables","_context","_a","_b","errors","key","fieldError","newError","queryResult","onFinish","formLoading","onFinishAutoSave","data","registeredFields","value","name","subscription","values","type","onValuesChange","changeValues","onFinishProps","handleSubmit","onValid","onInvalid","e","useEffect","useState","useStepsForm","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","React","useModalForm","modalProps","refineCoreProps","syncWithLocation","rest","_a","_b","initiallySynced","setInitiallySynced","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","saveButtonProps","handleSubmit","visible","show","close","useModal","_c","_d","openStatus","idFromParams","submit","values","warnWhen","setWarnWhen","useWarnAboutChange","handleClose","useCallback","handleShow","showId","title","e"]}