@refinedev/antd 5.34.2 → 5.36.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/antd",
-  "version": "5.34.2",
+  "version": "5.36.0",
   "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
   "private": false,
   "sideEffects": [
@@ -26,9 +26,9 @@
     "react-dom": "^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@refinedev/cli": "^2.7.6",
+    "@refinedev/cli": "^2.11.0",
     "@refinedev/ui-tests": "^1.13.0",
-    "@refinedev/core": "^4.38.2",
+    "@refinedev/core": "^4.40.0",
     "@esbuild-plugins/node-resolve": "^0.1.4",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.1.1",

package/src/hooks/form/useDrawerForm/useDrawerForm.ts

@@ -14,6 +14,7 @@ import {
     useParsed,
     useGo,
     useModal,
+    useInvalidate,
 } from "@refinedev/core";
 
 import { useForm, UseFormProps, UseFormReturnType } from "../useForm";
@@ -104,6 +105,8 @@ export const useDrawerForm = <
     defaultVisible = false,
     autoSubmitClose = true,
     autoResetForm = true,
+    autoSave,
+    invalidates,
     ...rest
 }: UseDrawerFormProps<
     TQueryFnData,
@@ -120,13 +123,18 @@ export const useDrawerForm = <
     TResponse,
     TResponseError
 > => {
+    const invalidate = useInvalidate();
     const [initiallySynced, setInitiallySynced] = React.useState(false);
 
     const { visible, show, close } = useModal({
         defaultVisible,
     });
 
-    const { resource, action: actionFromParams } = useResource(rest.resource);
+    const {
+        resource,
+        action: actionFromParams,
+        identifier,
+    } = useResource(rest.resource);
 
     const parsed = useParsed();
     const go = useGo();
@@ -159,10 +167,13 @@ export const useDrawerForm = <
                 : {}),
             ...rest.meta,
         },
+        autoSave,
+        invalidates,
         ...rest,
     });
 
-    const { form, formProps, formLoading, id, setId, onFinish } = useFormProps;
+    const { form, formProps, formLoading, id, setId, onFinish, autoSaveProps } =
+        useFormProps;
 
     React.useEffect(() => {
         if (initiallySynced === false && syncWithLocationKey) {
@@ -241,6 +252,15 @@ export const useDrawerForm = <
     };
 
     const handleClose = useCallback(() => {
+        if (autoSaveProps.status === "success" && autoSave?.invalidateOnClose) {
+            invalidate({
+                id,
+                invalidates: invalidates || ["list", "many", "detail"],
+                dataProviderName: rest.dataProviderName,
+                resource: identifier,
+            });
+        }
+
         if (warnWhen) {
             const warnWhenConfirm = window.confirm(
                 translate(

package/src/hooks/form/useForm.ts

@@ -118,6 +118,7 @@ export const useForm = <
     updateMutationOptions,
     id: idFromProps,
     overtimeOptions,
+    optimisticUpdateMap,
     disableServerSideValidation: disableServerSideValidationProp = false,
 }: UseFormProps<
     TQueryFnData,
@@ -249,6 +250,8 @@ export const useForm = <
         updateMutationOptions,
         id: idFromProps,
         overtimeOptions,
+        optimisticUpdateMap,
+        autoSave,
     });
 
     const { formLoading, onFinish, queryResult, id, onFinishAutoSave } =

package/src/hooks/form/useModalForm/useModalForm.ts

@@ -14,6 +14,7 @@ import {
     FormWithSyncWithLocationParams,
     useParsed,
     useGo,
+    useInvalidate,
 } from "@refinedev/core";
 import { useForm, UseFormProps, UseFormReturnType } from "../useForm";
 import { useModal } from "@hooks/modal";
@@ -112,6 +113,8 @@ export const useModalForm = <
     defaultVisible = false,
     autoSubmitClose = true,
     autoResetForm = true,
+    autoSave,
+    invalidates,
     ...rest
 }: UseModalFormProps<
     TQueryFnData,
@@ -129,6 +132,7 @@ export const useModalForm = <
     TResponseError
 > => {
     const [initiallySynced, setInitiallySynced] = React.useState(false);
+    const invalidate = useInvalidate();
 
     const {
         resource,
@@ -168,10 +172,13 @@ export const useModalForm = <
                 : {}),
             ...rest.meta,
         },
+        autoSave,
+        invalidates,
         ...rest,
     });
 
-    const { form, formProps, id, setId, formLoading, onFinish } = useFormProps;
+    const { form, formProps, id, setId, formLoading, onFinish, autoSaveProps } =
+        useFormProps;
 
     const translate = useTranslate();
 
@@ -263,6 +270,15 @@ export const useModalForm = <
     };
 
     const handleClose = useCallback(() => {
+        if (autoSaveProps.status === "success" && autoSave?.invalidateOnClose) {
+            invalidate({
+                id,
+                invalidates: invalidates || ["list", "many", "detail"],
+                dataProviderName: rest.dataProviderName,
+                resource: identifier,
+            });
+        }
+
         if (warnWhen) {
             const warnWhenConfirm = window.confirm(
                 translate(
@@ -280,7 +296,7 @@ export const useModalForm = <
 
         setId?.(undefined);
         sunflowerUseModal.close();
-    }, [warnWhen]);
+    }, [warnWhen, autoSaveProps.status]);
 
     const handleShow = useCallback(
         (showId?: BaseKey) => {