[added] Introduce onAfterClose callback prop (#724)

docs/README.md

@@ -31,6 +31,10 @@ import ReactModal from 'react-modal';
     Function that will be run after the modal has opened.
   */
   onAfterOpen={handleAfterOpenFunc}
+  /*
+    Function that will be run after the modal has closed.
+  */
+  onAfterClose={handleAfterCloseFunc}
   /*
     Function that will be run when the modal is requested to be closed (either by clicking on overlay or pressing ESC)
     Note: It is not called if isOpen is changed by other means.

specs/Modal.events.spec.js

@@ -24,6 +24,18 @@ export default () => {
     afterOpenCallback.called.should.be.ok();
   });
 
+  it("should trigger the onAfterClose callback", () => {
+    const onAfterCloseCallback = sinon.spy();
+    const modal = renderModal({
+      isOpen: true,
+      onAfterClose: onAfterCloseCallback
+    });
+
+    modal.portal.close();
+
+    onAfterCloseCallback.called.should.be.ok();
+  });
+
   it("keeps focus inside the modal when child has no tabbable elements", () => {
     let tabPrevented = false;
     const modal = renderModal({ isOpen: true }, "hello");

src/components/ModalPortal.js

@@ -43,6 +43,7 @@ export default class ModalPortal extends Component {
     ariaHideApp: PropTypes.bool,
     appElement: PropTypes.instanceOf(SafeHTMLElement),
     onAfterOpen: PropTypes.func,
+    onAfterClose: PropTypes.func,
     onRequestClose: PropTypes.func,
     closeTimeoutMS: PropTypes.number,
     shouldFocusAfterRender: PropTypes.bool,
@@ -183,6 +184,10 @@ export default class ModalPortal extends Component {
         focusManager.popWithoutFocus();
       }
     }
+
+    if (this.props.onAfterClose) {
+      this.props.onAfterClose();
+    }
   };
 
   open = () => {