feat: implement new helper for antd deperecated prop

Author: shoota

src/index.test.js

@@ -7,7 +7,9 @@ import NiceModal, {
   register,
   create,
   antdDrawer,
+  antdDrawerV5,
   antdModal,
+  antdModalV5,
   muiDialog,
   bootstrapDialog,
   reducer,
@@ -360,9 +362,20 @@ const AntdModal = ({ visible, onOk, onCancel, afterClose, children }) => {
     </TestModal>
   );
 };
+const AntdModalV5 = ({ open, onOk, onCancel, afterClose, children }) => {
+  return (
+    <TestModal visible={open} onClose={onOk} onCancel={onCancel} onExited={afterClose}>
+      {children}
+    </TestModal>
+  );
+};
 test('test antd modal helper', async () => {
-  await testHelper(AntdModal, antdModal, 'AntdModal');
-  await testHelper(AntdModal, antdModal, 'AntdModal', true);
+  await testHelper(AntdModalV5, antdModalV5, 'AntdModalV5');
+  await testHelper(AntdModalV5, antdModalV5, 'AntdModalV5', true);
+});
+test('test antd modal v5 helper', async () => {
+  await testHelper(AntdModalV5, antdModalV5, 'AntdModalV5');
+  await testHelper(AntdModalV5, antdModalV5, 'AntdModalV5', true);
 });
 
 test('test antd modal onCancel', async () => {
@@ -392,6 +405,16 @@ test('test antd drawer helper', async () => {
   };
   await testHelper(AntdDrawer, antdDrawer, 'AntdDrawerTest');
 });
+test('test antd drawer v5 helper', async () => {
+  const AntdDrawerV5 = ({ open, onClose, afterOpenChange, children }) => {
+    return (
+      <TestModal visible={open} onClose={onClose} onExited={() => afterOpenChange(false)}>
+        {children}
+      </TestModal>
+    );
+  };
+  await testHelper(AntdDrawerV5, antdDrawerV5, 'AntdDrawerV5Test');
+});
 
 test('test mui dialog helper', async () => {
   const MuiDialog = ({ open, onClose, onExited, children }) => {

src/index.tsx

@@ -502,6 +502,17 @@ export const antdModal = (
     },
   };
 };
+export const antdModalV5 = (
+  modal: NiceModalHandler,
+): { open: boolean; onCancel: () => void; onOk: () => void; afterClose: () => void } => {
+  const {onOk, onCancel, afterClose} = antdModal(modal)
+  return {
+    open: modal.visible,
+    onOk,
+    onCancel,
+    afterClose,
+  };
+};
 export const antdDrawer = (
   modal: NiceModalHandler,
 ): { visible: boolean; onClose: () => void; afterVisibleChange: (visible: boolean) => void } => {
@@ -516,6 +527,16 @@ export const antdDrawer = (
     },
   };
 };
+export const antdDrawerV5 = (
+  modal: NiceModalHandler,
+): { open: boolean; onClose: () => void; afterOpenChange: (visible: boolean) => void } => {
+  const {onClose, afterVisibleChange: afterOpenChange} = antdDrawer(modal)
+  return {
+    open: modal.visible,
+    onClose,
+    afterOpenChange,
+  };
+};
 export const muiDialog = (modal: NiceModalHandler): { open: boolean; onClose: () => void; onExited: () => void } => {
   return {
     open: modal.visible,