@refinedev/antd 5.46.2 → 5.46.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/antd",
-  "version": "5.46.2",
+  "version": "5.46.3",
   "private": false,
   "description": "Ant Design UI support for Refine, offering enterprise-level UI components.",
   "repository": {
@@ -46,8 +46,8 @@
   },
   "devDependencies": {
     "@esbuild-plugins/node-resolve": "^0.1.4",
-    "@refinedev/cli": "^2.16.46",
-    "@refinedev/core": "^4.57.10",
+    "@refinedev/cli": "^2.16.47",
+    "@refinedev/core": "^4.57.11",
     "@refinedev/ui-tests": "^1.15.1",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.1.1",

package/src/hooks/drawer/index.ts

@@ -0,0 +1 @@
+export * from "./useDrawer";

package/src/hooks/drawer/useDrawer/index.tsx

@@ -0,0 +1,31 @@
+import type { DrawerProps } from "antd";
+import { useModal, type useModalReturnType } from "@refinedev/core";
+
+export type useDrawerReturnType = {
+  drawerProps: DrawerProps;
+} & Omit<useModalReturnType, "visible">;
+
+export type useDrawerProps = {
+  drawerProps?: DrawerProps;
+};
+
+export const useDrawer = ({
+  drawerProps = {},
+}: useDrawerProps = {}): useDrawerReturnType => {
+  const { show, close, visible } = useModal({
+    defaultVisible: drawerProps.open,
+  });
+
+  return {
+    drawerProps: {
+      ...drawerProps,
+      onClose: (e: React.MouseEvent | React.KeyboardEvent) => {
+        drawerProps.onClose?.(e);
+        close();
+      },
+      open: visible,
+    },
+    show,
+    close,
+  };
+};

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

@@ -12,12 +12,12 @@ import {
   useResource,
   useParsed,
   useGo,
-  useModal,
   useInvalidate,
 } from "@refinedev/core";
 
 import { useForm, type UseFormProps, type UseFormReturnType } from "../useForm";
 import type { DeleteButtonProps } from "../../../components";
+import { useDrawer } from "@hooks/drawer";
 
 export interface UseDrawerFormConfig {
   action: "show" | "edit" | "create" | "clone";
@@ -125,9 +125,12 @@ export const useDrawerForm = <
   const invalidate = useInvalidate();
   const [initiallySynced, setInitiallySynced] = React.useState(false);
 
-  const { visible, show, close } = useModal({
-    defaultVisible,
+  const { show, close, drawerProps } = useDrawer({
+    drawerProps: {
+      open: defaultVisible,
+    },
   });
+  const visible = drawerProps.open || false;
 
   const {
     resource,
@@ -312,6 +315,7 @@ export const useDrawerForm = <
       },
     },
     drawerProps: {
+      ...drawerProps,
       width: "500px",
       onClose: handleClose,
       open: visible,