@refinedev/react-hook-form 4.8.20 → 4.9.0

package/dist/index.cjs

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

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/useForm/index.ts","../src/useStepsForm/index.ts","../src/useModalForm/index.ts"],"sourcesContent":["export { useForm, UseFormProps, UseFormReturnType } from \"./useForm/index.js\";\nexport {\n  useStepsForm,\n  UseStepsFormProps,\n  UseStepsFormReturnType,\n} from \"./useStepsForm/index.js\";\nexport {\n  useModalForm,\n  UseModalFormProps,\n  UseModalFormReturnType,\n} from \"./useModalForm/index.js\";\n","import React, { useEffect } from \"react\";\nimport get from \"lodash/get\";\nimport has from \"lodash/has\";\n\nimport {\n  useForm as useHookForm,\n  type UseFormProps as UseHookFormProps,\n  type UseFormReturn,\n  type FieldValues,\n  type UseFormHandleSubmit,\n  type Path,\n} from \"react-hook-form\";\nimport {\n  type BaseRecord,\n  type HttpError,\n  useForm as useFormCore,\n  useWarnAboutChange,\n  type UseFormProps as UseFormCoreProps,\n  type 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 { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, 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 =\n        refineCoreProps.autoSave?.onFinish ?? ((values: TVariables) => values);\n\n      return onFinishAutoSave(onFinishProps(changeValues)).catch(\n        (error) => error,\n      );\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(\n        (v) => onFinish(v).catch(() => {}),\n        () => false,\n      )(e);\n    },\n  };\n\n  return {\n    ...useHookFormResult,\n    handleSubmit,\n    refineCore: useFormCoreResult,\n    saveButtonProps,\n  };\n};\n","import { useEffect, useState } from \"react\";\nimport type { FieldValues, Path } from \"react-hook-form\";\nimport type { BaseRecord, HttpError } from \"@refinedev/core\";\nimport get from \"lodash/get\";\n\nimport { useForm, type UseFormProps, type 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\n    console.log({\n      dirtyFields,\n      registeredFields,\n      data,\n    });\n\n    Object.entries(data).forEach(([key, value]) => {\n      const name = key as Path<TVariables>;\n\n      if (registeredFields.includes(name)) {\n        if (!get(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  type BaseKey,\n  type BaseRecord,\n  type FormWithSyncWithLocationParams,\n  type HttpError,\n  useGo,\n  useModal,\n  useParsed,\n  useResource,\n  useUserFriendlyName,\n  useTranslate,\n  useWarnAboutChange,\n  useInvalidate,\n} from \"@refinedev/core\";\nimport type { FieldValues } from \"react-hook-form\";\n\nimport { useForm, type UseFormProps, type 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 } = 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\" && 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 ? { [syncWithLocationKey]: undefined } : {}),\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 || [\"list\", \"many\", \"detail\"],\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 = 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":["src_exports","__export","useForm","useModalForm","useStepsForm","__toCommonJS","import_react","import_get","import_has","import_react_hook_form","import_core","useForm","__name","refineCoreProps","warnWhenUnsavedChangesProp","disableServerSideValidationProp","rest","options","disableServerSideValidation","translate","warnWhenUnsavedChangesRefine","setWarnWhen","warnWhenUnsavedChanges","useHookFormResult","useHookForm","watch","setValue","getValues","handleSubmitReactHookForm","setError","useFormCoreResult","useFormCore","error","_variables","_context","_a","_b","errors","key","fieldError","newError","queryResult","onFinish","formLoading","onFinishAutoSave","data","path","hasValue","has","dataValue","get","subscription","values","type","onValuesChange","changeValues","onFinishProps","handleSubmit","onValid","onInvalid","e","v","import_react","import_get","useStepsForm","__name","stepsProps","rest","defaultStep","isBackValidate","current","setCurrent","useHookFormResult","useForm","trigger","getValues","setValue","dirtyFields","queryResult","_a","data","registeredFields","key","value","name","get","go","step","targetStep","import_react","import_core","import_react","useModalForm","__name","modalProps","refineCoreProps","syncWithLocation","rest","_a","_b","invalidate","initiallySynced","setInitiallySynced","React","translate","resourceProp","actionProp","resource","actionFromParams","identifier","parsed","go","getUserFriendlyName","action","syncingId","syncWithLocationKey","defaultVisible","autoSubmitClose","autoResetForm","useHookFormResult","useForm","reset","onFinish","id","setId","autoSaveProps","saveButtonProps","handleSubmit","visible","show","close","_c","_d","openStatus","idFromParams","submit","values","warnWhen","setWarnWhen","handleClose","handleShow","showId","title","e"]}
+{"version":3,"sources":["../src/index.ts","../src/useForm/index.ts","../src/useStepsForm/index.ts","../src/useModalForm/index.ts"],"sourcesContent":["export { useForm, UseFormProps, UseFormReturnType } from \"./useForm/index.js\";\nexport {\n  useStepsForm,\n  UseStepsFormProps,\n  UseStepsFormReturnType,\n} from \"./useStepsForm/index.js\";\nexport {\n  useModalForm,\n  UseModalFormProps,\n  UseModalFormReturnType,\n} from \"./useModalForm/index.js\";\n","import React, { useEffect } from \"react\";\nimport get from \"lodash/get\";\nimport has from \"lodash/has\";\n\nimport {\n  useForm as useHookForm,\n  type UseFormProps as UseHookFormProps,\n  type UseFormReturn,\n  type FieldValues,\n  type UseFormHandleSubmit,\n  type Path,\n} from \"react-hook-form\";\nimport {\n  type BaseRecord,\n  type HttpError,\n  useForm as useFormCore,\n  useWarnAboutChange,\n  type UseFormProps as UseFormCoreProps,\n  type 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 { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, 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 { query, onFinish, formLoading, onFinishAutoSave } = useFormCoreResult;\n\n  useEffect(() => {\n    const data = query?.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  }, [query?.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 =\n        refineCoreProps.autoSave?.onFinish ?? ((values: TVariables) => values);\n\n      return onFinishAutoSave(onFinishProps(changeValues)).catch(\n        (error) => error,\n      );\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(\n        (v) => onFinish(v).catch(() => {}),\n        () => false,\n      )(e);\n    },\n  };\n\n  return {\n    ...useHookFormResult,\n    handleSubmit,\n    refineCore: useFormCoreResult,\n    saveButtonProps,\n  };\n};\n","import { useEffect, useState } from \"react\";\nimport type { FieldValues, Path } from \"react-hook-form\";\nimport type { BaseRecord, HttpError } from \"@refinedev/core\";\nimport get from \"lodash/get\";\n\nimport { useForm, type UseFormProps, type 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: { query },\n  } = useHookFormResult;\n\n  useEffect(() => {\n    const data = query?.data?.data;\n    if (!data) return;\n\n    const registeredFields = Object.keys(getValues());\n\n    console.log({\n      dirtyFields,\n      registeredFields,\n      data,\n    });\n\n    Object.entries(data).forEach(([key, value]) => {\n      const name = key as Path<TVariables>;\n\n      if (registeredFields.includes(name)) {\n        if (!get(dirtyFields, name)) {\n          setValue(name, value);\n        }\n      }\n    });\n  }, [query?.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  type BaseKey,\n  type BaseRecord,\n  type FormWithSyncWithLocationParams,\n  type HttpError,\n  useGo,\n  useModal,\n  useParsed,\n  useResource,\n  useUserFriendlyName,\n  useTranslate,\n  useWarnAboutChange,\n  useInvalidate,\n} from \"@refinedev/core\";\nimport type { FieldValues } from \"react-hook-form\";\n\nimport { useForm, type UseFormProps, type 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 } = 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\" && 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 ? { [syncWithLocationKey]: undefined } : {}),\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 || [\"list\", \"many\", \"detail\"],\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 = 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":["src_exports","__export","useForm","useModalForm","useStepsForm","__toCommonJS","import_react","import_get","import_has","import_react_hook_form","import_core","useForm","__name","refineCoreProps","warnWhenUnsavedChangesProp","disableServerSideValidationProp","rest","options","disableServerSideValidation","translate","warnWhenUnsavedChangesRefine","setWarnWhen","warnWhenUnsavedChanges","useHookFormResult","useHookForm","watch","setValue","getValues","handleSubmitReactHookForm","setError","useFormCoreResult","useFormCore","error","_variables","_context","_a","_b","errors","key","fieldError","newError","query","onFinish","formLoading","onFinishAutoSave","data","path","hasValue","has","dataValue","get","subscription","values","type","onValuesChange","changeValues","onFinishProps","handleSubmit","onValid","onInvalid","e","v","import_react","import_get","useStepsForm","__name","stepsProps","rest","defaultStep","isBackValidate","current","setCurrent","useHookFormResult","useForm","trigger","getValues","setValue","dirtyFields","query","_a","data","registeredFields","key","value","name","get","go","step","targetStep","import_react","import_core","import_react","useModalForm","__name","modalProps","refineCoreProps","syncWithLocation","rest","_a","_b","invalidate","initiallySynced","setInitiallySynced","React","translate","resourceProp","actionProp","resource","actionFromParams","identifier","parsed","go","getUserFriendlyName","action","syncingId","syncWithLocationKey","defaultVisible","autoSubmitClose","autoResetForm","useHookFormResult","useForm","reset","onFinish","id","setId","autoSaveProps","saveButtonProps","handleSubmit","visible","show","close","_c","_d","openStatus","idFromParams","submit","values","warnWhen","setWarnWhen","handleClose","handleShow","showId","title","e"]}

package/dist/index.d.mts.map

@@ -1 +1,4 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC"}
+export { useForm, UseFormProps, UseFormReturnType } from "./useForm/index.js";
+export { useStepsForm, UseStepsFormProps, UseStepsFormReturnType, } from "./useStepsForm/index.js";
+export { useModalForm, UseModalFormProps, UseModalFormReturnType, } from "./useModalForm/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.mjs

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

package/dist/index.mjs.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 get from \"lodash-es/get.js\";\nimport has from \"lodash-es/has.js\";\n\nimport {\n  useForm as useHookForm,\n  type UseFormProps as UseHookFormProps,\n  type UseFormReturn,\n  type FieldValues,\n  type UseFormHandleSubmit,\n  type Path,\n} from \"react-hook-form\";\nimport {\n  type BaseRecord,\n  type HttpError,\n  useForm as useFormCore,\n  useWarnAboutChange,\n  type UseFormProps as UseFormCoreProps,\n  type 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 { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, 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 =\n        refineCoreProps.autoSave?.onFinish ?? ((values: TVariables) => values);\n\n      return onFinishAutoSave(onFinishProps(changeValues)).catch(\n        (error) => error,\n      );\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(\n        (v) => onFinish(v).catch(() => {}),\n        () => false,\n      )(e);\n    },\n  };\n\n  return {\n    ...useHookFormResult,\n    handleSubmit,\n    refineCore: useFormCoreResult,\n    saveButtonProps,\n  };\n};\n","import { useEffect, useState } from \"react\";\nimport type { FieldValues, Path } from \"react-hook-form\";\nimport type { BaseRecord, HttpError } from \"@refinedev/core\";\nimport get from \"lodash-es/get.js\";\n\nimport { useForm, type UseFormProps, type 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\n    console.log({\n      dirtyFields,\n      registeredFields,\n      data,\n    });\n\n    Object.entries(data).forEach(([key, value]) => {\n      const name = key as Path<TVariables>;\n\n      if (registeredFields.includes(name)) {\n        if (!get(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  type BaseKey,\n  type BaseRecord,\n  type FormWithSyncWithLocationParams,\n  type HttpError,\n  useGo,\n  useModal,\n  useParsed,\n  useResource,\n  useUserFriendlyName,\n  useTranslate,\n  useWarnAboutChange,\n  useInvalidate,\n} from \"@refinedev/core\";\nimport type { FieldValues } from \"react-hook-form\";\n\nimport { useForm, type UseFormProps, type 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 } = 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\" && 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 ? { [syncWithLocationKey]: undefined } : {}),\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 || [\"list\", \"many\", \"detail\"],\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 = 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","v","useEffect","useState","get","useStepsForm","__name","stepsProps","rest","defaultStep","isBackValidate","current","setCurrent","useState","useHookFormResult","useForm","trigger","getValues","setValue","dirtyFields","queryResult","useEffect","_a","data","registeredFields","key","value","name","get","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"]}
+{"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.js\";\nimport has from \"lodash-es/has.js\";\n\nimport {\n  useForm as useHookForm,\n  type UseFormProps as UseHookFormProps,\n  type UseFormReturn,\n  type FieldValues,\n  type UseFormHandleSubmit,\n  type Path,\n} from \"react-hook-form\";\nimport {\n  type BaseRecord,\n  type HttpError,\n  useForm as useFormCore,\n  useWarnAboutChange,\n  type UseFormProps as UseFormCoreProps,\n  type 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 { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, 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 { query, onFinish, formLoading, onFinishAutoSave } = useFormCoreResult;\n\n  useEffect(() => {\n    const data = query?.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  }, [query?.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 =\n        refineCoreProps.autoSave?.onFinish ?? ((values: TVariables) => values);\n\n      return onFinishAutoSave(onFinishProps(changeValues)).catch(\n        (error) => error,\n      );\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(\n        (v) => onFinish(v).catch(() => {}),\n        () => false,\n      )(e);\n    },\n  };\n\n  return {\n    ...useHookFormResult,\n    handleSubmit,\n    refineCore: useFormCoreResult,\n    saveButtonProps,\n  };\n};\n","import { useEffect, useState } from \"react\";\nimport type { FieldValues, Path } from \"react-hook-form\";\nimport type { BaseRecord, HttpError } from \"@refinedev/core\";\nimport get from \"lodash-es/get.js\";\n\nimport { useForm, type UseFormProps, type 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: { query },\n  } = useHookFormResult;\n\n  useEffect(() => {\n    const data = query?.data?.data;\n    if (!data) return;\n\n    const registeredFields = Object.keys(getValues());\n\n    console.log({\n      dirtyFields,\n      registeredFields,\n      data,\n    });\n\n    Object.entries(data).forEach(([key, value]) => {\n      const name = key as Path<TVariables>;\n\n      if (registeredFields.includes(name)) {\n        if (!get(dirtyFields, name)) {\n          setValue(name, value);\n        }\n      }\n    });\n  }, [query?.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  type BaseKey,\n  type BaseRecord,\n  type FormWithSyncWithLocationParams,\n  type HttpError,\n  useGo,\n  useModal,\n  useParsed,\n  useResource,\n  useUserFriendlyName,\n  useTranslate,\n  useWarnAboutChange,\n  useInvalidate,\n} from \"@refinedev/core\";\nimport type { FieldValues } from \"react-hook-form\";\n\nimport { useForm, type UseFormProps, type 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 } = 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\" && 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 ? { [syncWithLocationKey]: undefined } : {}),\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 || [\"list\", \"many\", \"detail\"],\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 = 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","query","onFinish","formLoading","onFinishAutoSave","useEffect","data","path","hasValue","has","dataValue","get","subscription","values","type","onValuesChange","changeValues","onFinishProps","handleSubmit","onValid","onInvalid","e","v","useEffect","useState","get","useStepsForm","__name","stepsProps","rest","defaultStep","isBackValidate","current","setCurrent","useState","useHookFormResult","useForm","trigger","getValues","setValue","dirtyFields","query","useEffect","_a","data","registeredFields","key","value","name","get","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"]}

package/dist/useForm/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAEL,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,aAAa,EAClB,KAAK,WAAW,EAGjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,KAAK,UAAU,EACf,KAAK,SAAS,EAGd,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,iBAAiB,IAAI,qBAAqB,EAIhD,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,iBAAiB,CAC3B,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG;IACxC,UAAU,EAAE,qBAAqB,CAC/B,YAAY,EACZ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,cAAc,CACf,CAAC;IACF,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;KAChD,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,YAAY,CACtB,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC;IACF;;;OAGG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAChC,YAAY,EACZ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,cAAc,CACf,CAAC;IACF;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,GAAG,gBAAgB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,8aAajB,aACD,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACf,KAAQ,kBACP,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CAoKf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAEL,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,aAAa,EAClB,KAAK,WAAW,EAGjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,KAAK,UAAU,EACf,KAAK,SAAS,EAGd,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,iBAAiB,IAAI,qBAAqB,EAIhD,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,iBAAiB,CAC3B,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG;IACxC,UAAU,EAAE,qBAAqB,CAC/B,YAAY,EACZ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,cAAc,CACf,CAAC;IACF,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;KAChD,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,YAAY,CACtB,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC;IACF;;;OAGG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAChC,YAAY,EACZ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,cAAc,CACf,CAAC;IACF;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,GAAG,gBAAgB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,8aAajB,aACD,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACf,KAAQ,kBACP,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CAmKf,CAAC"}

package/dist/useForm/index.d.mts.map

@@ -1 +1,30 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAEL,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,aAAa,EAClB,KAAK,WAAW,EAGjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,KAAK,UAAU,EACf,KAAK,SAAS,EAGd,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,iBAAiB,IAAI,qBAAqB,EAIhD,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,iBAAiB,CAC3B,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG;IACxC,UAAU,EAAE,qBAAqB,CAC/B,YAAY,EACZ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,cAAc,CACf,CAAC;IACF,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;KAChD,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,YAAY,CACtB,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC;IACF;;;OAGG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAChC,YAAY,EACZ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,cAAc,CACf,CAAC;IACF;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,GAAG,gBAAgB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,8aAajB,aACD,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACf,KAAQ,kBACP,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CAoKf,CAAC"}
+import React from "react";
+import { type UseFormProps as UseHookFormProps, type UseFormReturn, type FieldValues } from "react-hook-form";
+import { type BaseRecord, type HttpError, type UseFormProps as UseFormCoreProps, type UseFormReturnType as UseFormReturnTypeCore } from "@refinedev/core";
+export type UseFormReturnType<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> = UseFormReturn<TVariables, TContext> & {
+    refineCore: UseFormReturnTypeCore<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
+    saveButtonProps: {
+        disabled: boolean;
+        onClick: (e: React.BaseSyntheticEvent) => void;
+    };
+};
+export type UseFormProps<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> = {
+    /**
+     * Configuration object for the core of the [useForm](/docs/api-reference/core/hooks/useForm/)
+     * @type [`UseFormCoreProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>`](/docs/api-reference/core/hooks/useForm/#properties)
+     */
+    refineCoreProps?: UseFormCoreProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
+    /**
+     * When you have unsaved changes and try to leave the current page, **refine** shows a confirmation modal box.
+     * @default `false*`
+     */
+    warnWhenUnsavedChanges?: boolean;
+    /**
+     * Disables server-side validation
+     * @default false
+     * @see {@link https://refine.dev/docs/advanced-tutorials/forms/server-side-form-validation/}
+     */
+    disableServerSideValidation?: boolean;
+} & UseHookFormProps<TVariables, TContext>;
+export declare const useForm: <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>({ refineCoreProps, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, disableServerSideValidation: disableServerSideValidationProp, ...rest }?: UseFormProps<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>;
+//# sourceMappingURL=index.d.ts.map

package/dist/useForm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAEL,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,aAAa,EAClB,KAAK,WAAW,EAGjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,KAAK,UAAU,EACf,KAAK,SAAS,EAGd,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,iBAAiB,IAAI,qBAAqB,EAIhD,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,iBAAiB,CAC3B,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG;IACxC,UAAU,EAAE,qBAAqB,CAC/B,YAAY,EACZ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,cAAc,CACf,CAAC;IACF,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;KAChD,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,YAAY,CACtB,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC;IACF;;;OAGG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAChC,YAAY,EACZ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,cAAc,CACf,CAAC;IACF;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,GAAG,gBAAgB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,8aAajB,aACD,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACf,KAAQ,kBACP,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CAoKf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAEL,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,aAAa,EAClB,KAAK,WAAW,EAGjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,KAAK,UAAU,EACf,KAAK,SAAS,EAGd,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,iBAAiB,IAAI,qBAAqB,EAIhD,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,iBAAiB,CAC3B,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG;IACxC,UAAU,EAAE,qBAAqB,CAC/B,YAAY,EACZ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,cAAc,CACf,CAAC;IACF,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;KAChD,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,YAAY,CACtB,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC;IACF;;;OAGG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAChC,YAAY,EACZ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,cAAc,CACf,CAAC;IACF;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,GAAG,gBAAgB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,8aAajB,aACD,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACf,KAAQ,kBACP,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CAmKf,CAAC"}

package/dist/useModalForm/index.d.mts.map

@@ -1 +1,35 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useModalForm/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,8BAA8B,EACnC,KAAK,SAAS,EASf,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAW,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGhF,MAAM,MAAM,sBAAsB,CAChC,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC,iBAAiB,CACnB,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACf,GAAG;IACF,KAAK,EAAE;QACL,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;QACrC,KAAK,EAAE,MAAM,IAAI,CAAC;QAClB,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;QAC7B,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAC3B,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC,YAAY,CACd,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACf,GAAG;IACF;;;;;;;;;;;;;SAaK;IACL,UAAU,CAAC,EAAE;QACX,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;CACH,GAAG,8BAA8B,CAAC;AAEnC,eAAO,MAAM,YAAY,0VAatB,kBACD,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACf,KAAQ,uBACP,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CA6Mf,CAAC"}
+import { type BaseKey, type BaseRecord, type FormWithSyncWithLocationParams, type HttpError } from "@refinedev/core";
+import type { FieldValues } from "react-hook-form";
+import { type UseFormProps, type UseFormReturnType } from "../useForm";
+export type UseModalFormReturnType<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> & {
+    modal: {
+        submit: (values: TVariables) => void;
+        close: () => void;
+        show: (id?: BaseKey) => void;
+        visible: boolean;
+        title: string;
+    };
+};
+export type UseModalFormProps<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> & {
+    /**
+       * @description Configuration object for the modal.
+       * `defaultVisible`: Initial visibility state of the modal.
+       *
+       * `autoSubmitClose`: Whether the form should be submitted when the modal is closed.
+       *
+       * `autoResetForm`: Whether the form should be reset when the form is submitted.
+       * @type `{
+        defaultVisible?: boolean;
+        autoSubmitClose?: boolean;
+        autoResetForm?: boolean;
+        }`
+       * @default `defaultVisible = false` `autoSubmitClose = true` `autoResetForm = true`
+       */
+    modalProps?: {
+        defaultVisible?: boolean;
+        autoSubmitClose?: boolean;
+        autoResetForm?: boolean;
+    };
+} & FormWithSyncWithLocationParams;
+export declare const useModalForm: <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>({ modalProps, refineCoreProps, syncWithLocation, ...rest }?: UseModalFormProps<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>) => UseModalFormReturnType<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>;
+//# sourceMappingURL=index.d.ts.map

package/dist/useStepsForm/index.d.mts.map

@@ -1 +1,28 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useStepsForm/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAQ,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG7D,OAAO,EAAW,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEhF,MAAM,MAAM,sBAAsB,CAChC,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC,iBAAiB,CACnB,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACf,GAAG;IACF,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;KAClC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAC3B,YAAY,SAAS,UAAU,GAAG,UAAU,EAC5C,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,SAAS,WAAW,GAAG,WAAW,EAC5C,QAAQ,SAAS,MAAM,GAAG,EAAE,EAC5B,KAAK,SAAS,UAAU,GAAG,YAAY,EACvC,SAAS,SAAS,UAAU,GAAG,KAAK,EACpC,cAAc,SAAS,SAAS,GAAG,MAAM,IACvC,YAAY,CACd,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACf,GAAG;IACF;;;;;;;;;;SAUK;IACL,UAAU,CAAC,EAAE;QACX,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,YAAY,uTAWtB,kBACD,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACf,KAAQ,uBACP,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CAiFf,CAAC"}
+import type { FieldValues } from "react-hook-form";
+import type { BaseRecord, HttpError } from "@refinedev/core";
+import { type UseFormProps, type 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> = UseFormReturnType<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError> & {
+    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> = UseFormProps<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError> & {
+    /**
+       * @description Configuration object for the steps.
+       * `defaultStep`: Allows you to set the initial step.
+       *
+       * `isBackValidate`: Whether to validation the current step when going back.
+       * @type `{
+        defaultStep?: number;
+        isBackValidate?: boolean;
+        }`
+       * @default `defaultStep = 0` `isBackValidate = false`
+       */
+    stepsProps?: {
+        defaultStep?: number;
+        isBackValidate?: boolean;
+    };
+};
+export declare 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>({ stepsProps, ...rest }?: UseStepsFormProps<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>) => UseStepsFormReturnType<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>;
+//# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/react-hook-form",
-  "version": "4.8.20",
+  "version": "4.9.0",
   "private": false,
   "description": "refine offers a React Hook Form adapter that allows you to use the React Hook Form library with refine.",
   "repository": {
@@ -33,11 +33,11 @@
   "dependencies": {
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
-    "react-hook-form": "^7.30.0"
+    "react-hook-form": "^7.43.5"
   },
   "devDependencies": {
     "@esbuild-plugins/node-resolve": "^0.1.4",
-    "@refinedev/core": "^4.51.0",
+    "@refinedev/core": "^4.54.0",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.1.1",
     "@testing-library/user-event": "^14.1.1",
@@ -59,7 +59,7 @@
     "@types/react-dom": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "react-hook-form": "^7.30.0"
+    "react-hook-form": "^7.43.5"
   },
   "engines": {
     "node": ">=10"

package/src/useForm/index.ts

@@ -193,11 +193,10 @@ export const useForm = <
     },
   });
 
-  const { queryResult, onFinish, formLoading, onFinishAutoSave } =
-    useFormCoreResult;
+  const { query, onFinish, formLoading, onFinishAutoSave } = useFormCoreResult;
 
   useEffect(() => {
-    const data = queryResult?.data?.data;
+    const data = query?.data?.data;
     if (!data) return;
 
     /**
@@ -219,7 +218,7 @@ export const useForm = <
         setValue(path as Path<TVariables>, dataValue);
       }
     });
-  }, [queryResult?.data, setValue, getValues]);
+  }, [query?.data, setValue, getValues]);
 
   useEffect(() => {
     const subscription = watch((values: any, { type }: { type?: any }) => {

package/src/useModalForm/index.spec.ts

@@ -204,7 +204,7 @@ describe("useModalForm Hook", () => {
       result.current.modal.submit({ test: "test" });
     });
 
-    await waitFor(() => result.current.refineCore.mutationResult.isSuccess);
+    await waitFor(() => result.current.refineCore.mutation.isSuccess);
 
     expect(result.current.getValues()).toStrictEqual({});
   });

package/src/useStepsForm/index.spec.ts

@@ -88,7 +88,7 @@ describe("useStepsForm Hook", () => {
         setValue,
         getValues,
         formState: { dirtyFields: mockDirtyFields },
-        refineCore: { queryResult: { data: { data: mockData } } },
+        refineCore: { query: { data: { data: mockData } } },
       });
 
       const { result } = renderHook(
@@ -107,9 +107,7 @@ describe("useStepsForm Hook", () => {
         expect(!result.current.refineCore.formLoading).toBeTruthy();
       });
 
-      expect(result.current.refineCore.queryResult?.data?.data).toEqual(
-        mockData,
-      );
+      expect(result.current.refineCore.query?.data?.data).toEqual(mockData);
 
       const setValueCallTimes =
         Object.keys(mockData).length - Object.keys(mockDirtyFields).length;

package/src/useStepsForm/index.ts

@@ -110,11 +110,11 @@ export const useStepsForm = <
     getValues,
     setValue,
     formState: { dirtyFields },
-    refineCore: { queryResult },
+    refineCore: { query },
   } = useHookFormResult;
 
   useEffect(() => {
-    const data = queryResult?.data?.data;
+    const data = query?.data?.data;
     if (!data) return;
 
     const registeredFields = Object.keys(getValues());
@@ -134,7 +134,7 @@ export const useStepsForm = <
         }
       }
     });
-  }, [queryResult?.data, current, setValue, getValues]);
+  }, [query?.data, current, setValue, getValues]);
 
   const go = (step: number) => {
     let targetStep = step;