@refinedev/react-hook-form 5.0.0 → 5.0.2

package/dist/index.mjs

@@ -1,3 +1,406 @@
 "use client"
-var ee=Object.defineProperty;var F=(e,a)=>ee(e,"name",{value:a,configurable:!0});import{useEffect as Y}from"react";import te from"lodash-es/get.js";import re from"lodash-es/has.js";import{useForm as se}from"react-hook-form";import{useForm as ae,useWarnAboutChange as oe,useTranslate as ne,useRefineContext as de,flattenObjectKeys as z}from"@refinedev/core";var k=F(({refineCoreProps:e,warnWhenUnsavedChanges:a,disableServerSideValidation:c=!1,...H}={})=>{let{options:R}=de(),h=(R==null?void 0:R.disableServerSideValidation)||c,S=ne(),{warnWhenUnsavedChanges:U,setWarnWhen:E}=oe(),x=a??U,b=se({...H}),{watch:u,setValue:D,getValues:l,handleSubmit:d,setError:f}=b,y=ae({...e,onMutationError:(t,T,r)=>{var m,v;if(h){(m=e==null?void 0:e.onMutationError)==null||m.call(e,t,T,r);return}let s=t==null?void 0:t.errors;for(let g in s){if(!Object.keys(z(T)).includes(g))continue;let i=s[g],V="";Array.isArray(i)&&(V=i.join(" ")),typeof i=="string"&&(V=i),typeof i=="boolean"&&i&&(V="Field is not valid."),typeof i=="object"&&"key"in i&&(V=S(i.key,i.message)),f(g,{message:V})}(v=e==null?void 0:e.onMutationError)==null||v.call(e,t,T,r)}}),{query:p,onFinish:o,formLoading:B,onFinishAutoSave:M}=y;Y(()=>{var r;let t=(r=p==null?void 0:p.data)==null?void 0:r.data;if(!t)return;Object.keys(z(l())).forEach(s=>{let m=re(t,s),v=te(t,s);m&&D(s,v)})},[p==null?void 0:p.data,D,l]),Y(()=>{let t=u((T,{type:r})=>{r==="change"&&W(T)});return()=>t.unsubscribe()},[u]);let W=F(t=>{var T,r;if(x&&E(!0),(T=e==null?void 0:e.autoSave)!=null&&T.enabled){E(!1);let s=((r=e.autoSave)==null?void 0:r.onFinish)??(m=>m);return M(s(t)).catch(m=>m)}return t},"onValuesChange"),C=F((t,T)=>async r=>(E(!1),d(t,T)(r)),"handleSubmit");return{...b,handleSubmit:C,refineCore:y,saveButtonProps:{disabled:B,onClick:t=>{C(T=>o(T).catch(()=>{}),()=>!1)(t)}}}},"useForm");import{useEffect as Te,useState as ie}from"react";import ue from"lodash-es/get.js";var le=F(({stepsProps:e,...a}={})=>{let{defaultStep:c=0,isBackValidate:H=!1}=e??{},[R,h]=ie(c),S=k({...a}),{trigger:U,getValues:E,setValue:x,formState:{dirtyFields:b},refineCore:{query:u}}=S;Te(()=>{var y;let d=(y=u==null?void 0:u.data)==null?void 0:y.data;if(!d)return;let f=Object.keys(E());Object.entries(d).forEach(([p,o])=>{let B=p;f.includes(B)&&(ue(b,B)||x(B,o))})},[u==null?void 0:u.data,R,x,E]);let D=F(d=>{let f=d;d<0&&(f=0),h(f)},"go");return{...S,steps:{currentStep:R,gotoStep:F(async d=>{if(d===R)return;if(d<R&&!H){D(d);return}await U()&&D(d)},"gotoStep")}}},"useStepsForm");import{useCallback as J}from"react";import{useGo as pe,useModal as ce,useParsed as me,useUserFriendlyName as Fe,useTranslate as Re,useWarnAboutChange as ye,useInvalidate as Ee,useResourceParams as X}from"@refinedev/core";import $ from"react";var xe=F(({modalProps:e,refineCoreProps:a,syncWithLocation:c,...H}={})=>{var N;let R=Ee(),[h,S]=$.useState(!1),U=Re(),{resource:E,action:x}=a??{},{resource:b,identifier:u}=X({resource:E}),{action:D}=X({resource:E,action:x}),l=me(),d=pe(),f=Fe(),y=x??D??"",p=!(typeof c=="object"&&(c==null?void 0:c.syncId)===!1),o=typeof c=="object"&&"key"in c?c.key:b&&y&&c?`modal-${u}-${y}`:void 0,{defaultVisible:B=!1,autoSubmitClose:M=!0,autoResetForm:W=!0,autoResetFormWhenClose:C=!0}=e??{},O=k({refineCoreProps:{...a,meta:{...o?{[o]:void 0}:{},...a==null?void 0:a.meta}},...H}),{reset:t,refineCore:{onFinish:T,id:r,setId:s,autoSaveProps:m},saveButtonProps:v,handleSubmit:g}=O,{visible:Q,show:i,close:V}=ce({defaultVisible:B});$.useEffect(()=>{var n,j,K,I;if(h===!1&&o){let w=(j=(n=l==null?void 0:l.params)==null?void 0:n[o])==null?void 0:j.open;if(typeof w=="boolean"?w&&i():typeof w=="string"&&w==="true"&&i(),p){let G=(I=(K=l==null?void 0:l.params)==null?void 0:K[o])==null?void 0:I.id;G&&(s==null||s(G))}S(!0)}},[o,l,p,s]),$.useEffect(()=>{var n;h===!0&&(Q&&o?d({query:{[o]:{...(n=l==null?void 0:l.params)==null?void 0:n[o],open:!0,...p&&r&&{id:r}}},options:{keepQuery:!0},type:"replace"}):o&&!Q&&d({query:{[o]:void 0},options:{keepQuery:!0},type:"replace"}))},[r,Q,i,o,p]);let P=F(async n=>{await T(n),M&&V(),W&&t()},"submit"),{warnWhen:A,setWarnWhen:Z}=ye(),_=J(()=>{var n;if(m.status==="success"&&((n=a==null?void 0:a.autoSave)!=null&&n.invalidateOnClose)&&R({id:r,invalidates:a.invalidates||["list","many","detail"],dataProviderName:a.dataProviderName,resource:u}),A)if(window.confirm(U("warnWhenUnsavedChanges","Are you sure you want to leave? You have unsaved changes.")))Z(!1);else return;s==null||s(void 0),V(),C&&t()},[A,m.status]),q=J(n=>{typeof n<"u"&&(s==null||s(n)),(!(y==="edit"||y==="clone")||(typeof n<"u"||typeof r<"u"))&&i()},[r]),L=U(`${u}.titles.${x}`,void 0,`${f(`${x} ${((N=b==null?void 0:b.meta)==null?void 0:N.label)??u}`,"singular")}`);return{modal:{submit:P,close:_,show:q,visible:Q,title:L},...O,saveButtonProps:{...v,onClick:n=>g(P)(n)}}},"useModalForm");export{k as useForm,xe as useModalForm,le as useStepsForm};
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/useForm/index.ts
+import { useEffect } from "react";
+import get from "lodash-es/get.js";
+import has from "lodash-es/has.js";
+import {
+  useForm as useHookForm
+} from "react-hook-form";
+import {
+  useForm as useFormCore,
+  useWarnAboutChange,
+  useTranslate,
+  useRefineContext,
+  flattenObjectKeys
+} from "@refinedev/core";
+var useForm = /* @__PURE__ */ __name(({
+  refineCoreProps,
+  warnWhenUnsavedChanges: warnWhenUnsavedChangesProp,
+  disableServerSideValidation: disableServerSideValidationProp = false,
+  ...rest
+} = {}) => {
+  const { options } = useRefineContext();
+  const disableServerSideValidation = (options == null ? void 0 : options.disableServerSideValidation) || disableServerSideValidationProp;
+  const translate = useTranslate();
+  const { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, setWarnWhen } = useWarnAboutChange();
+  const warnWhenUnsavedChanges = warnWhenUnsavedChangesProp ?? warnWhenUnsavedChangesRefine;
+  const useHookFormResult = useHookForm({
+    ...rest
+  });
+  const {
+    watch,
+    setValue,
+    getValues,
+    handleSubmit: handleSubmitReactHookForm,
+    setError
+  } = useHookFormResult;
+  const useFormCoreResult = useFormCore({
+    ...refineCoreProps,
+    onMutationError: (error, _variables, _context) => {
+      var _a, _b;
+      if (disableServerSideValidation) {
+        (_a = refineCoreProps == null ? void 0 : refineCoreProps.onMutationError) == null ? void 0 : _a.call(refineCoreProps, error, _variables, _context);
+        return;
+      }
+      const errors = error == null ? void 0 : error.errors;
+      for (const key in errors) {
+        const isKeyInVariables = Object.keys(
+          flattenObjectKeys(_variables)
+        ).includes(key);
+        if (!isKeyInVariables) {
+          continue;
+        }
+        const fieldError = errors[key];
+        let newError = "";
+        if (Array.isArray(fieldError)) {
+          newError = fieldError.join(" ");
+        }
+        if (typeof fieldError === "string") {
+          newError = fieldError;
+        }
+        if (typeof fieldError === "boolean" && fieldError) {
+          newError = "Field is not valid.";
+        }
+        if (typeof fieldError === "object" && "key" in fieldError) {
+          const translatedMessage = translate(
+            fieldError.key,
+            fieldError.message
+          );
+          newError = translatedMessage;
+        }
+        setError(key, {
+          message: newError
+        });
+      }
+      (_b = refineCoreProps == null ? void 0 : refineCoreProps.onMutationError) == null ? void 0 : _b.call(refineCoreProps, error, _variables, _context);
+    }
+  });
+  const { query, onFinish, formLoading, onFinishAutoSave } = useFormCoreResult;
+  useEffect(() => {
+    var _a;
+    const data = (_a = query == null ? void 0 : query.data) == null ? void 0 : _a.data;
+    if (!data)
+      return;
+    const registeredFields = Object.keys(flattenObjectKeys(getValues()));
+    registeredFields.forEach((path) => {
+      const hasValue = has(data, path);
+      const dataValue = get(data, path);
+      if (hasValue) {
+        setValue(path, dataValue);
+      }
+    });
+  }, [query == null ? void 0 : query.data, setValue, getValues]);
+  useEffect(() => {
+    const subscription = watch((values, { type }) => {
+      if (type === "change") {
+        onValuesChange(values);
+      }
+    });
+    return () => subscription.unsubscribe();
+  }, [watch]);
+  const onValuesChange = /* @__PURE__ */ __name((changeValues) => {
+    var _a, _b;
+    if (warnWhenUnsavedChanges) {
+      setWarnWhen(true);
+    }
+    if ((_a = refineCoreProps == null ? void 0 : refineCoreProps.autoSave) == null ? void 0 : _a.enabled) {
+      setWarnWhen(false);
+      const onFinishProps = ((_b = refineCoreProps.autoSave) == null ? void 0 : _b.onFinish) ?? ((values) => values);
+      return onFinishAutoSave(onFinishProps(changeValues)).catch(
+        (error) => error
+      );
+    }
+    return changeValues;
+  }, "onValuesChange");
+  const handleSubmit = /* @__PURE__ */ __name((onValid, onInvalid) => async (e) => {
+    setWarnWhen(false);
+    return handleSubmitReactHookForm(onValid, onInvalid)(e);
+  }, "handleSubmit");
+  const saveButtonProps = {
+    disabled: formLoading,
+    onClick: (e) => {
+      handleSubmit(
+        (v) => onFinish(v).catch(() => {
+        }),
+        () => false
+      )(e);
+    }
+  };
+  return {
+    ...useHookFormResult,
+    handleSubmit,
+    refineCore: useFormCoreResult,
+    saveButtonProps
+  };
+}, "useForm");
+
+// src/useStepsForm/index.ts
+import { useEffect as useEffect2, useState } from "react";
+import get2 from "lodash-es/get.js";
+var useStepsForm = /* @__PURE__ */ __name(({
+  stepsProps,
+  ...rest
+} = {}) => {
+  const { defaultStep = 0, isBackValidate = false } = stepsProps ?? {};
+  const [current, setCurrent] = useState(defaultStep);
+  const useHookFormResult = useForm({
+    ...rest
+  });
+  const {
+    trigger,
+    getValues,
+    setValue,
+    formState: { dirtyFields },
+    refineCore: { query }
+  } = useHookFormResult;
+  useEffect2(() => {
+    var _a;
+    const data = (_a = query == null ? void 0 : query.data) == null ? void 0 : _a.data;
+    if (!data)
+      return;
+    const registeredFields = Object.keys(getValues());
+    Object.entries(data).forEach(([key, value]) => {
+      const name = key;
+      if (registeredFields.includes(name)) {
+        if (!get2(dirtyFields, name)) {
+          setValue(name, value);
+        }
+      }
+    });
+  }, [query == null ? void 0 : query.data, current, setValue, getValues]);
+  const go = /* @__PURE__ */ __name((step) => {
+    let targetStep = step;
+    if (step < 0) {
+      targetStep = 0;
+    }
+    setCurrent(targetStep);
+  }, "go");
+  const gotoStep = /* @__PURE__ */ __name(async (step) => {
+    if (step === current) {
+      return;
+    }
+    if (step < current && !isBackValidate) {
+      go(step);
+      return;
+    }
+    const isValid = await trigger();
+    if (isValid) {
+      go(step);
+    }
+  }, "gotoStep");
+  return {
+    ...useHookFormResult,
+    steps: {
+      currentStep: current,
+      gotoStep
+    }
+  };
+}, "useStepsForm");
+
+// src/useModalForm/index.ts
+import { useCallback } from "react";
+import {
+  useGo,
+  useModal,
+  useParsed,
+  useUserFriendlyName,
+  useTranslate as useTranslate2,
+  useWarnAboutChange as useWarnAboutChange2,
+  useInvalidate,
+  useResourceParams
+} from "@refinedev/core";
+import React2 from "react";
+var useModalForm = /* @__PURE__ */ __name(({
+  modalProps,
+  refineCoreProps,
+  syncWithLocation,
+  ...rest
+} = {}) => {
+  var _a, _b;
+  const invalidate = useInvalidate();
+  const [initiallySynced, setInitiallySynced] = React2.useState(false);
+  const translate = useTranslate2();
+  const { resource: resourceProp, action: actionProp } = refineCoreProps ?? {};
+  const { resource, identifier } = useResourceParams({
+    resource: resourceProp
+  });
+  const { action: actionFromParams } = useResourceParams({
+    resource: resourceProp,
+    action: actionProp
+  });
+  const parsed = useParsed();
+  const go = useGo();
+  const getUserFriendlyName = useUserFriendlyName();
+  const action = actionProp ?? actionFromParams ?? "";
+  const syncingId = !(typeof syncWithLocation === "object" && (syncWithLocation == null ? void 0 : syncWithLocation.syncId) === false);
+  const syncWithLocationKey = typeof syncWithLocation === "object" && "key" in syncWithLocation ? syncWithLocation.key : resource && action && syncWithLocation ? `modal-${identifier}-${action}` : void 0;
+  const {
+    defaultVisible = false,
+    autoSubmitClose = true,
+    autoResetForm = true,
+    autoResetFormWhenClose = true
+  } = modalProps ?? {};
+  const useHookFormResult = useForm({
+    refineCoreProps: {
+      ...refineCoreProps,
+      meta: {
+        ...syncWithLocationKey ? { [syncWithLocationKey]: void 0 } : {},
+        ...refineCoreProps == null ? void 0 : refineCoreProps.meta
+      }
+    },
+    ...rest
+  });
+  const {
+    reset,
+    refineCore: { onFinish, id, setId, autoSaveProps, query },
+    saveButtonProps,
+    handleSubmit
+  } = useHookFormResult;
+  const { visible, show, close } = useModal({
+    defaultVisible
+  });
+  React2.useEffect(() => {
+    var _a2;
+    if (!visible || !((_a2 = query == null ? void 0 : query.data) == null ? void 0 : _a2.data))
+      return;
+    const formData = query.data.data;
+    if (!formData)
+      return;
+    reset(formData, {
+      ...!autoResetFormWhenClose && {
+        keepDirtyValues: true
+      }
+    });
+  }, [visible, (_a = query == null ? void 0 : query.data) == null ? void 0 : _a.data, autoResetFormWhenClose]);
+  React2.useEffect(() => {
+    var _a2, _b2, _c, _d;
+    if (initiallySynced === false && syncWithLocationKey) {
+      const openStatus = (_b2 = (_a2 = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a2[syncWithLocationKey]) == null ? void 0 : _b2.open;
+      if (typeof openStatus === "boolean") {
+        if (openStatus) {
+          show();
+        }
+      } else if (typeof openStatus === "string") {
+        if (openStatus === "true") {
+          show();
+        }
+      }
+      if (syncingId) {
+        const idFromParams = (_d = (_c = parsed == null ? void 0 : parsed.params) == null ? void 0 : _c[syncWithLocationKey]) == null ? void 0 : _d.id;
+        if (idFromParams) {
+          setId == null ? void 0 : setId(idFromParams);
+        }
+      }
+      setInitiallySynced(true);
+    }
+  }, [syncWithLocationKey, parsed, syncingId, setId]);
+  React2.useEffect(() => {
+    var _a2;
+    if (initiallySynced === true) {
+      if (visible && syncWithLocationKey) {
+        go({
+          query: {
+            [syncWithLocationKey]: {
+              ...(_a2 = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a2[syncWithLocationKey],
+              open: true,
+              ...syncingId && id && { id }
+            }
+          },
+          options: { keepQuery: true },
+          type: "replace"
+        });
+      } else if (syncWithLocationKey && !visible) {
+        go({
+          query: {
+            [syncWithLocationKey]: void 0
+          },
+          options: { keepQuery: true },
+          type: "replace"
+        });
+      }
+    }
+  }, [id, visible, show, syncWithLocationKey, syncingId]);
+  const submit = /* @__PURE__ */ __name(async (values) => {
+    await onFinish(values);
+    if (autoSubmitClose) {
+      close();
+    }
+    if (autoResetForm) {
+      reset();
+    }
+  }, "submit");
+  const { warnWhen, setWarnWhen } = useWarnAboutChange2();
+  const handleClose = useCallback(() => {
+    var _a2;
+    if (autoSaveProps.status === "success" && ((_a2 = refineCoreProps == null ? void 0 : refineCoreProps.autoSave) == null ? void 0 : _a2.invalidateOnClose)) {
+      invalidate({
+        id,
+        invalidates: refineCoreProps.invalidates || ["list", "many", "detail"],
+        dataProviderName: refineCoreProps.dataProviderName,
+        resource: identifier
+      });
+    }
+    if (warnWhen) {
+      const warnWhenConfirm = window.confirm(
+        translate(
+          "warnWhenUnsavedChanges",
+          "Are you sure you want to leave? You have unsaved changes."
+        )
+      );
+      if (warnWhenConfirm) {
+        setWarnWhen(false);
+      } else {
+        return;
+      }
+    }
+    setId == null ? void 0 : setId(void 0);
+    close();
+    if (autoResetFormWhenClose) {
+      reset();
+    }
+  }, [warnWhen, autoSaveProps.status]);
+  const handleShow = useCallback(
+    (showId) => {
+      if (typeof showId !== "undefined") {
+        setId == null ? void 0 : setId(showId);
+      }
+      const needsIdToOpen = action === "edit" || action === "clone";
+      const hasId = typeof showId !== "undefined" || typeof id !== "undefined";
+      if (needsIdToOpen ? hasId : true) {
+        show();
+      }
+    },
+    [id]
+  );
+  const title = translate(
+    `${identifier}.titles.${actionProp}`,
+    void 0,
+    `${getUserFriendlyName(
+      `${actionProp} ${((_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.label) ?? identifier}`,
+      "singular"
+    )}`
+  );
+  return {
+    modal: {
+      submit,
+      close: handleClose,
+      show: handleShow,
+      visible,
+      title
+    },
+    ...useHookFormResult,
+    saveButtonProps: {
+      ...saveButtonProps,
+      onClick: (e) => handleSubmit(submit)(e)
+    }
+  };
+}, "useModalForm");
+export {
+  useForm,
+  useModalForm,
+  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 { 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?.enabled) {\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    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  useUserFriendlyName,\n  useTranslate,\n  useWarnAboutChange,\n  useInvalidate,\n  useResourceParams,\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     * \n     * `autoResetFormWhenClose`: Whether the form should be reset to defaultValues when the modal is closed.\n     * @type `{\n      defaultVisible?: boolean;\n      autoSubmitClose?: boolean;\n      autoResetForm?: boolean;\n      autoResetFormWhenClose?: boolean;\n      }`\n     * @default `defaultVisible = false` `autoSubmitClose = true` `autoResetForm = true` `autoResetFormWhenClose = true`\n     */\n  modalProps?: {\n    defaultVisible?: boolean;\n    autoSubmitClose?: boolean;\n    autoResetForm?: boolean;\n    autoResetFormWhenClose?: 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 { resource, identifier } = useResourceParams({\n    resource: resourceProp,\n  });\n  const { action: actionFromParams } = useResourceParams({\n    resource: resourceProp,\n    action: actionProp,\n  });\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    autoResetFormWhenClose = 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\n    if (autoResetFormWhenClose) {\n      reset();\n    }\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} ${resource?.meta?.label ?? identifier}`,\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":";iFAAA,OAAgB,aAAAA,MAAiB,QACjC,OAAOC,OAAS,mBAChB,OAAOC,OAAS,mBAEhB,OACE,WAAWC,OAMN,kBACP,OAGE,WAAWC,GACX,sBAAAC,GAGA,gBAAAC,GACA,oBAAAC,GACA,qBAAAC,MACK,kBA2DA,IAAMC,EAAUC,EAAA,CAQrB,CACA,gBAAAC,EACA,uBAAwBC,EACxB,4BAA6BC,EAAkC,GAC/D,GAAGC,CACL,EAQI,CAAC,IAQA,CACH,GAAM,CAAE,QAAAC,CAAQ,EAAIC,GAAiB,EAC/BC,GACJF,GAAA,YAAAA,EAAS,8BAA+BF,EAEpCK,EAAYC,GAAa,EAEzB,CAAE,uBAAwBC,EAA8B,YAAAC,CAAY,EACxEC,GAAmB,EACfC,EACJX,GAA8BQ,EAE1BI,EAAoBC,GAAkC,CAC1D,GAAGX,CACL,CAAC,EAEK,CACJ,MAAAY,EACA,SAAAC,EACA,UAAAC,EACA,aAAcC,EACd,SAAAC,CACF,EAAIN,EAEEO,EAAoBC,GAOxB,CACA,GAAGrB,EACH,gBAAiB,CAACsB,EAAOC,EAAYC,IAAa,CA/ItD,IAAAC,EAAAC,EAgJM,GAAIpB,EAA6B,EAC/BmB,EAAAzB,GAAA,YAAAA,EAAiB,kBAAjB,MAAAyB,EAAA,KAAAzB,EAAmCsB,EAAOC,EAAYC,GACtD,OAGF,IAAMG,EAASL,GAAA,YAAAA,EAAO,OAEtB,QAAWM,KAAOD,EAAQ,CAMxB,GAAI,CAJqB,OAAO,KAC9BE,EAAkBN,CAAU,CAC9B,EAAE,SAASK,CAAG,EAGZ,SAGF,IAAME,EAAaH,EAAOC,CAAG,EAEzBG,EAAW,GAEX,MAAM,QAAQD,CAAU,IAC1BC,EAAWD,EAAW,KAAK,GAAG,GAG5B,OAAOA,GAAe,WACxBC,EAAWD,GAGT,OAAOA,GAAe,WAAaA,IACrCC,EAAW,uBAGT,OAAOD,GAAe,UAAY,QAASA,IAM7CC,EAL0BxB,EACxBuB,EAAW,IACXA,EAAW,OACb,GAKFX,EAASS,EAAyB,CAChC,QAASG,CACX,CAAC,GAGHL,EAAA1B,GAAA,YAAAA,EAAiB,kBAAjB,MAAA0B,EAAA,KAAA1B,EAAmCsB,EAAOC,EAAYC,EACxD,CACF,CAAC,EAEK,CAAE,MAAAQ,EAAO,SAAAC,EAAU,YAAAC,EAAa,iBAAAC,CAAiB,EAAIf,EAE3DgB,EAAU,IAAM,CArMlB,IAAAX,EAsMI,IAAMY,GAAOZ,EAAAO,GAAA,YAAAA,EAAO,OAAP,YAAAP,EAAa,KAC1B,GAAI,CAACY,EAAM,OAKc,OAAO,KAAKR,EAAkBZ,EAAU,CAAC,CAAC,EAKlD,QAASqB,GAAS,CACjC,IAAMC,EAAWC,GAAIH,EAAMC,CAAI,EACzBG,EAAYC,GAAIL,EAAMC,CAAI,EAK5BC,GACFvB,EAASsB,EAA0BG,CAAS,CAEhD,CAAC,CACH,EAAG,CAACT,GAAA,YAAAA,EAAO,KAAMhB,EAAUC,CAAS,CAAC,EAErCmB,EAAU,IAAM,CACd,IAAMO,EAAe5B,EAAM,CAAC6B,EAAa,CAAE,KAAAC,CAAK,IAAsB,CAChEA,IAAS,UACXC,EAAeF,CAAM,CAEzB,CAAC,EACD,MAAO,IAAMD,EAAa,YAAY,CACxC,EAAG,CAAC5B,CAAK,CAAC,EAEV,IAAM+B,EAAiB/C,EAACgD,GAA6B,CAvOvD,IAAAtB,EAAAC,EA4OI,GAJId,GACFF,EAAY,EAAI,GAGde,EAAAzB,GAAA,YAAAA,EAAiB,WAAjB,MAAAyB,EAA2B,QAAS,CACtCf,EAAY,EAAK,EAEjB,IAAMsC,IACJtB,EAAA1B,EAAgB,WAAhB,YAAA0B,EAA0B,YAAckB,GAAuBA,GAEjE,OAAOT,EAAiBa,EAAcD,CAAY,CAAC,EAAE,MAClDzB,GAAUA,CACb,EAGF,OAAOyB,CACT,EAjBuB,kBAmBjBE,EACJlD,EAAA,CAACmD,EAASC,IAAc,MAAOC,IAC7B1C,EAAY,EAAK,EACVQ,EAA0BgC,EAASC,CAAS,EAAEC,CAAC,GAFxD,gBAeF,MAAO,CACL,GAAGvC,EACH,aAAAoC,EACA,WAAY7B,EACZ,gBAdsB,CACtB,SAAUc,EACV,QAAUkB,GAAgC,CACxCH,EACGI,GAAMpB,EAASoB,CAAC,EAAE,MAAM,IAAM,CAAC,CAAC,EACjC,IAAM,EACR,EAAED,CAAC,CACL,CACF,CAOA,CACF,EA/LuB,WCjFvB,OAAS,aAAAE,GAAW,YAAAC,OAAgB,QAGpC,OAAOC,OAAS,mBA6DT,IAAMC,GAAeC,EAAA,CAQ1B,CACA,WAAAC,EACA,GAAGC,CACL,EAQI,CAAC,IAQA,CACH,GAAM,CAAE,YAAAC,EAAc,EAAG,eAAAC,EAAiB,EAAM,EAAIH,GAAc,CAAC,EAC7D,CAACI,EAASC,CAAU,EAAIC,GAASJ,CAAW,EAE5CK,EAAoBC,EAQxB,CACA,GAAGP,CACL,CAAC,EAEK,CACJ,QAAAQ,EACA,UAAAC,EACA,SAAAC,EACA,UAAW,CAAE,YAAAC,CAAY,EACzB,WAAY,CAAE,MAAAC,CAAM,CACtB,EAAIN,EAEJO,GAAU,IAAM,CAnHlB,IAAAC,EAoHI,IAAMC,GAAOD,EAAAF,GAAA,YAAAA,EAAO,OAAP,YAAAE,EAAa,KAC1B,GAAI,CAACC,EAAM,OAEX,IAAMC,EAAmB,OAAO,KAAKP,EAAU,CAAC,EAEhD,OAAO,QAAQM,CAAI,EAAE,QAAQ,CAAC,CAACE,EAAKC,CAAK,IAAM,CAC7C,IAAMC,EAAOF,EAETD,EAAiB,SAASG,CAAI,IAC3BC,GAAIT,EAAaQ,CAAI,GACxBT,EAASS,EAAMD,CAAK,EAG1B,CAAC,CACH,EAAG,CAACN,GAAA,YAAAA,EAAO,KAAMT,EAASO,EAAUD,CAAS,CAAC,EAE9C,IAAMY,EAAKvB,EAACwB,GAAiB,CAC3B,IAAIC,EAAaD,EAEbA,EAAO,IACTC,EAAa,GAGfnB,EAAWmB,CAAU,CACvB,EARW,MA0BX,MAAO,CACL,GAAGjB,EACH,MAAO,CACL,YAAaH,EACb,SApBaL,EAAA,MAAOwB,GAAiB,CACvC,GAAIA,IAASnB,EACX,OAGF,GAAImB,EAAOnB,GAAW,CAACD,EAAgB,CACrCmB,EAAGC,CAAI,EACP,OAGc,MAAMd,EAAQ,GAE5Ba,EAAGC,CAAI,CAEX,EAdiB,WAqBf,CACF,CACF,EArG4B,gBChE5B,OAAS,eAAAE,MAAmB,QAC5B,OAKE,SAAAC,GACA,YAAAC,GACA,aAAAC,GACA,uBAAAC,GACA,gBAAAC,GACA,sBAAAC,GACA,iBAAAC,GACA,qBAAAC,MACK,kBAIP,OAAOC,MAAW,QAsEX,IAAMC,GAAeC,EAAA,CAQ1B,CACA,WAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,EAQI,CAAC,IAQA,CArHL,IAAAC,EAsHE,IAAMC,EAAaC,GAAc,EAC3B,CAACC,EAAiBC,CAAkB,EAAIC,EAAM,SAAS,EAAK,EAE5DC,EAAYC,GAAa,EAEzB,CAAE,SAAUC,EAAc,OAAQC,CAAW,EAAIZ,GAAmB,CAAC,EAErE,CAAE,SAAAa,EAAU,WAAAC,CAAW,EAAIC,EAAkB,CACjD,SAAUJ,CACZ,CAAC,EACK,CAAE,OAAQK,CAAiB,EAAID,EAAkB,CACrD,SAAUJ,EACV,OAAQC,CACV,CAAC,EAEKK,EAASC,GAAU,EACnBC,EAAKC,GAAM,EACXC,EAAsBC,GAAoB,EAE1CC,EAASX,GAAcI,GAAoB,GAE3CQ,EAAY,EAChB,OAAOvB,GAAqB,WAAYA,GAAA,YAAAA,EAAkB,UAAW,IAGjEwB,EACJ,OAAOxB,GAAqB,UAAY,QAASA,EAC7CA,EAAiB,IACjBY,GAAYU,GAAUtB,EACpB,SAASa,KAAcS,IACvB,OAEF,CACJ,eAAAG,EAAiB,GACjB,gBAAAC,EAAkB,GAClB,cAAAC,EAAgB,GAChB,uBAAAC,EAAyB,EAC3B,EAAI9B,GAAc,CAAC,EAEb+B,EAAoBC,EAQxB,CACA,gBAAiB,CACf,GAAG/B,EACH,KAAM,CACJ,GAAIyB,EAAsB,CAAE,CAACA,CAAmB,EAAG,MAAU,EAAI,CAAC,EAClE,GAAGzB,GAAA,YAAAA,EAAiB,IACtB,CACF,EACA,GAAGE,CACL,CAAC,EAEK,CACJ,MAAA8B,EACA,WAAY,CAAE,SAAAC,EAAU,GAAAC,EAAI,MAAAC,EAAO,cAAAC,CAAc,EACjD,gBAAAC,EACA,aAAAC,CACF,EAAIR,EAEE,CAAE,QAAAS,EAAS,KAAAC,EAAM,MAAAC,CAAM,EAAIC,GAAS,CACxC,eAAAhB,CACF,CAAC,EAEDlB,EAAM,UAAU,IAAM,CA3LxB,IAAAL,EAAAwC,EAAAC,EAAAC,EA4LI,GAAIvC,IAAoB,IAASmB,EAAqB,CACpD,IAAMqB,GAAaH,GAAAxC,EAAAc,GAAA,YAAAA,EAAQ,SAAR,YAAAd,EAAiBsB,KAAjB,YAAAkB,EAAuC,KAW1D,GAVI,OAAOG,GAAe,UACpBA,GACFN,EAAK,EAEE,OAAOM,GAAe,UAC3BA,IAAe,QACjBN,EAAK,EAILhB,EAAW,CACb,IAAMuB,GAAeF,GAAAD,EAAA3B,GAAA,YAAAA,EAAQ,SAAR,YAAA2B,EAAiBnB,KAAjB,YAAAoB,EAAuC,GACxDE,IACFZ,GAAA,MAAAA,EAAQY,IAIZxC,EAAmB,EAAI,EAE3B,EAAG,CAACkB,EAAqBR,EAAQO,EAAWW,CAAK,CAAC,EAElD3B,EAAM,UAAU,IAAM,CAnNxB,IAAAL,EAoNQG,IAAoB,KAClBiC,GAAWd,EACbN,EAAG,CACD,MAAO,CACL,CAACM,CAAmB,EAAG,CACrB,IAAGtB,EAAAc,GAAA,YAAAA,EAAQ,SAAR,YAAAd,EAAiBsB,GACpB,KAAM,GACN,GAAID,GAAaU,GAAM,CAAE,GAAAA,CAAG,CAC9B,CACF,EACA,QAAS,CAAE,UAAW,EAAK,EAC3B,KAAM,SACR,CAAC,EACQT,GAAuB,CAACc,GACjCpB,EAAG,CACD,MAAO,CACL,CAACM,CAAmB,EAAG,MACzB,EACA,QAAS,CAAE,UAAW,EAAK,EAC3B,KAAM,SACR,CAAC,EAGP,EAAG,CAACS,EAAIK,EAASC,EAAMf,EAAqBD,CAAS,CAAC,EAEtD,IAAMwB,EAASlD,EAAA,MAAOmD,GAAuB,CAC3C,MAAMhB,EAASgB,CAAM,EAEjBtB,GACFc,EAAM,EAGJb,GACFI,EAAM,CAEV,EAVe,UAYT,CAAE,SAAAkB,EAAU,YAAAC,CAAY,EAAIC,GAAmB,EAC/CC,EAAcC,EAAY,IAAM,CA1PxC,IAAAnD,EAuQI,GAXEiC,EAAc,SAAW,aACzBjC,EAAAH,GAAA,YAAAA,EAAiB,WAAjB,MAAAG,EAA2B,oBAE3BC,EAAW,CACT,GAAA8B,EACA,YAAalC,EAAgB,aAAe,CAAC,OAAQ,OAAQ,QAAQ,EACrE,iBAAkBA,EAAgB,iBAClC,SAAUc,CACZ,CAAC,EAGCoC,EAQF,GAPwB,OAAO,QAC7BzC,EACE,yBACA,2DACF,CACF,EAGE0C,EAAY,EAAK,MAEjB,QAIJhB,GAAA,MAAAA,EAAQ,QACRM,EAAM,EAEFZ,GACFG,EAAM,CAEV,EAAG,CAACkB,EAAUd,EAAc,MAAM,CAAC,EAE7BmB,EAAaD,EAChBE,GAAqB,CAChB,OAAOA,EAAW,MACpBrB,GAAA,MAAAA,EAAQqB,KAIN,EAFkBjC,IAAW,QAAUA,IAAW,WACxC,OAAOiC,EAAW,KAAe,OAAOtB,EAAO,OAE3DM,EAAK,CAET,EACA,CAACN,CAAE,CACL,EAEMuB,EAAQhD,EACZ,GAAGK,YAAqBF,IACxB,OACA,GAAGS,EACD,GAAGT,OAAcT,EAAAU,GAAA,YAAAA,EAAU,OAAV,YAAAV,EAAgB,QAASW,IAC1C,UACF,GACF,EAEA,MAAO,CACL,MAAO,CACL,OAAAkC,EACA,MAAOK,EACP,KAAME,EACN,QAAAhB,EACA,MAAAkB,CACF,EACA,GAAG3B,EACH,gBAAiB,CACf,GAAGO,EACH,QAAUqB,GAAMpB,EAAaU,CAAM,EAAEU,CAAC,CACxC,CACF,CACF,EA3O4B","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","useUserFriendlyName","useTranslate","useWarnAboutChange","useInvalidate","useResourceParams","React","useModalForm","__name","modalProps","refineCoreProps","syncWithLocation","rest","_a","invalidate","useInvalidate","initiallySynced","setInitiallySynced","React","translate","useTranslate","resourceProp","actionProp","resource","identifier","useResourceParams","actionFromParams","parsed","useParsed","go","useGo","getUserFriendlyName","useUserFriendlyName","action","syncingId","syncWithLocationKey","defaultVisible","autoSubmitClose","autoResetForm","autoResetFormWhenClose","useHookFormResult","useForm","reset","onFinish","id","setId","autoSaveProps","saveButtonProps","handleSubmit","visible","show","close","useModal","_b","_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?.enabled) {\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    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  useUserFriendlyName,\n  useTranslate,\n  useWarnAboutChange,\n  useInvalidate,\n  useResourceParams,\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     *\n     * `autoResetFormWhenClose`: Whether the form should be reset to defaultValues when the modal is closed.\n     * @type `{\n      defaultVisible?: boolean;\n      autoSubmitClose?: boolean;\n      autoResetForm?: boolean;\n      autoResetFormWhenClose?: boolean;\n      }`\n     * @default `defaultVisible = false` `autoSubmitClose = true` `autoResetForm = true` `autoResetFormWhenClose = true`\n     */\n  modalProps?: {\n    defaultVisible?: boolean;\n    autoSubmitClose?: boolean;\n    autoResetForm?: boolean;\n    autoResetFormWhenClose?: 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 { resource, identifier } = useResourceParams({\n    resource: resourceProp,\n  });\n  const { action: actionFromParams } = useResourceParams({\n    resource: resourceProp,\n    action: actionProp,\n  });\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    autoResetFormWhenClose = 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, query },\n    saveButtonProps,\n    handleSubmit,\n  } = useHookFormResult;\n\n  const { visible, show, close } = useModal({\n    defaultVisible,\n  });\n\n  // compensate for setting of initial form values in useForm since it doesnt track modal visibility\n  React.useEffect(() => {\n    if (!visible || !query?.data?.data) return;\n\n    const formData = query.data.data;\n    if (!formData) return;\n\n    reset(formData as any, {\n      ...(!autoResetFormWhenClose && {\n        keepDirtyValues: true,\n      }),\n    });\n  }, [visible, query?.data?.data, autoResetFormWhenClose]);\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\n    if (autoResetFormWhenClose) {\n      reset();\n    }\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} ${resource?.meta?.label ?? identifier}`,\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","useEffect","get","useTranslate","useWarnAboutChange","React","React","useTranslate","_a","_b","useWarnAboutChange"]}

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;SAgBK;IACL,UAAU,CAAC,EAAE;QACX,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;KAClC,CAAC;CACH,GAAG,8BAA8B,CAAC;AAEnC,eAAO,MAAM,YAAY,GACvB,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,EACzC,6DAKC,iBAAiB,CAClB,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACV,KAAG,sBAAsB,CAC7B,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CA+Mf,CAAC"}
+{"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;;;;;;;;;;;;;;;;SAgBK;IACL,UAAU,CAAC,EAAE;QACX,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;KAClC,CAAC;CACH,GAAG,8BAA8B,CAAC;AAEnC,eAAO,MAAM,YAAY,GACvB,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,EACzC,6DAKC,iBAAiB,CAClB,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACV,KAAG,sBAAsB,CAC7B,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CA6Nf,CAAC"}

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;SAgBK;IACL,UAAU,CAAC,EAAE;QACX,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;KAClC,CAAC;CACH,GAAG,8BAA8B,CAAC;AAEnC,eAAO,MAAM,YAAY,GACvB,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,EACzC,6DAKC,iBAAiB,CAClB,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACV,KAAG,sBAAsB,CAC7B,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CA+Mf,CAAC"}
+{"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;;;;;;;;;;;;;;;;SAgBK;IACL,UAAU,CAAC,EAAE;QACX,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;KAClC,CAAC;CACH,GAAG,8BAA8B,CAAC;AAEnC,eAAO,MAAM,YAAY,GACvB,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,EACzC,6DAKC,iBAAiB,CAClB,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CACV,KAAG,sBAAsB,CAC7B,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,CA6Nf,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/react-hook-form",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "private": false,
   "description": "refine offers a React Hook Form adapter that allows you to use the React Hook Form library with refine.",
   "repository": {
@@ -37,20 +37,18 @@
   },
   "devDependencies": {
     "@esbuild-plugins/node-resolve": "^0.1.4",
-    "@refinedev/core": "^5.0.0",
+    "@refinedev/core": "^5.0.5",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^29.2.4",
     "@types/lodash": "^4.14.171",
     "@types/node": "^20",
-    "jest": "^30.0.5",
-    "jest-environment-jsdom": "^30.0.5",
+    "@vitest/ui": "^2.1.8",
     "react-router": "^7.0.2",
-    "ts-jest": "^29.1.2",
     "tslib": "^2.6.2",
     "tsup": "^6.7.0",
-    "typescript": "^5.8.3"
+    "typescript": "^5.8.3",
+    "vitest": "^2.1.8"
   },
   "peerDependencies": {
     "@refinedev/core": "^5.0.0",
@@ -71,7 +69,8 @@
     "build": "tsup && node ../shared/generate-declarations.js",
     "dev": "tsup --watch",
     "publint": "publint --strict=true --level=suggestion",
-    "test": "jest --passWithNoTests --runInBand",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "types": "node ../shared/generate-declarations.js"
   }
 }

package/src/useForm/index.spec.tsx

@@ -140,7 +140,7 @@ describe("useForm hook", () => {
   it.each(["edit", "create"] as const)(
     "should set %s-form errors from data provider",
     async (action) => {
-      const onMutationError = jest.fn();
+      const onMutationError = vi.fn();
 
       const { getByText, getByTestId } = renderForm({
         refineCoreProps: {
@@ -194,7 +194,7 @@ describe("useForm hook", () => {
       disableFromHook: false,
     },
   ] as const)("should disable server-side validation", async (testCase) => {
-    const onMutationErrorMock = jest.fn();
+    const onMutationErrorMock = vi.fn();
 
     const { getByTestId, queryByText } = renderForm({
       refineOptions: {