react-confirm-alert 2.5.1 → 2.7.0

package/Readme.md

@@ -35,8 +35,10 @@ const options = {
   closeOnEscape: true,
   closeOnClickOutside: true,
   willUnmount: () => {},
+  afterClose: () => {}
   onClickOutside: () => {},
-  onKeypressEscape: () => {}
+  onKeypressEscape: () => {},
+  overlayClassName: "overlay-custom-class-name"
 };
 
 confirmAlert(options);

package/index.d.ts

@@ -5,6 +5,7 @@ declare module 'react-confirm-alert' {
     buttons?: Array<{
       label: string
       onClick: () => void
+      className?: string
     }>
     childrenElement?: () => React.ReactNode
     customUI?: (customUiOptions: {
@@ -17,6 +18,7 @@ declare module 'react-confirm-alert' {
     willUnmount?: () => void
     onClickOutside?: () => void
     onKeypressEscape?: () => void
+    overlayClassName?: string
   }
 
   export function confirmAlert(options: ReactConfirmAlertProps): void

package/lib/index.js

@@ -58,9 +58,11 @@ var ReactConfirmAlert = (_temp2 = _class = function (_Component) {
         _this.close();
       }
     }, _this.close = function () {
+      var afterClose = _this.props.afterClose;
+
       removeBodyClass();
       removeElementReconfirm();
-      removeSVGBlurReconfirm();
+      removeSVGBlurReconfirm(afterClose);
     }, _this.keyboardClose = function (event) {
       var _this$props2 = _this.props,
           closeOnEscape = _this$props2.closeOnEscape,
@@ -105,13 +107,14 @@ var ReactConfirmAlert = (_temp2 = _class = function (_Component) {
           message = _props.message,
           buttons = _props.buttons,
           childrenElement = _props.childrenElement,
-          customUI = _props.customUI;
+          customUI = _props.customUI,
+          overlayClassName = _props.overlayClassName;
 
 
       return _react2.default.createElement(
         'div',
         {
-          className: 'react-confirm-alert-overlay',
+          className: 'react-confirm-alert-overlay ' + overlayClassName,
           ref: function ref(dom) {
             return _this2.overlay = dom;
           },
@@ -159,8 +162,10 @@ var ReactConfirmAlert = (_temp2 = _class = function (_Component) {
   closeOnClickOutside: _propTypes2.default.bool,
   closeOnEscape: _propTypes2.default.bool,
   willUnmount: _propTypes2.default.func,
+  afterClose: _propTypes2.default.func,
   onClickOutside: _propTypes2.default.func,
-  onKeypressEscape: _propTypes2.default.func
+  onKeypressEscape: _propTypes2.default.func,
+  overlayClassName: _propTypes2.default.string
 }, _class.defaultProps = {
   buttons: [{
     label: 'Cancel',
@@ -183,6 +188,9 @@ var ReactConfirmAlert = (_temp2 = _class = function (_Component) {
   willUnmount: function willUnmount() {
     return null;
   },
+  afterClose: function afterClose() {
+    return null;
+  },
   onClickOutside: function onClickOutside() {
     return null;
   },
@@ -213,10 +221,13 @@ function createSVGBlurReconfirm() {
   document.body.appendChild(svgElem);
 }
 
-function removeSVGBlurReconfirm() {
+function removeSVGBlurReconfirm(afterClose) {
   var svg = document.getElementById('react-confirm-alert-firm-svg');
-  svg.parentNode.removeChild(svg);
+  if (svg) {
+    svg.parentNode.removeChild(svg);
+  }
   document.body.children[0].classList.remove('react-confirm-alert-blur');
+  afterClose();
 }
 
 function createElementReconfirm(properties) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-confirm-alert",
-  "version": "2.5.1",
+  "version": "2.7.0",
   "description": "react component confirm dialog.",
   "main": "lib/index.js",
   "scripts": {