feat(modal): add onCloseComplete prop to Modal (#5402)

* feat(modal): add onCloseComplete prop to Modal

* chore: add changeset

* chore: update changeset

Co-authored-by: Tim Kolberger <tim@kolberger.eu>

.changeset/twenty-plants-burn.md

@@ -0,0 +1,5 @@
+---
+"@chakra-ui/modal": minor
+---
+
+Add `onCloseComplete` prop to Modal which is called when all DOM nodes of the `Modal` are removed.

packages/modal/src/modal.tsx

@@ -115,6 +115,10 @@ export interface ModalProps
    * The transition that should be used for the modal
    */
   motionPreset?: MotionPreset
+  /**
+   * Fires when all exiting nodes have completed animating out
+   */
+  onCloseComplete?: () => void
 }
 
 interface ModalContext extends ModalOptions, UseModalReturn {
@@ -153,6 +157,7 @@ export const Modal: React.FC<ModalProps> = (props) => {
     preserveScrollBarGap,
     motionPreset,
     lockFocusAcrossFrames,
+    onCloseComplete,
   } = props
 
   const styles = useMultiStyleConfig("Modal", props)
@@ -175,7 +180,7 @@ export const Modal: React.FC<ModalProps> = (props) => {
   return (
     <ModalContextProvider value={context}>
       <StylesProvider value={styles}>
-        <AnimatePresence>
+        <AnimatePresence onExitComplete={onCloseComplete}>
           {context.isOpen && <Portal {...portalProps}>{children}</Portal>}
         </AnimatePresence>
       </StylesProvider>