react-confirm-alert 2.7.0 → 2.8.0

package/Readme.md

@@ -34,6 +34,7 @@ const options = {
   customUI: ({ onClose }) => <div>Custom UI</div>,
   closeOnEscape: true,
   closeOnClickOutside: true,
+  keyCodeForClose: [8, 32],
   willUnmount: () => {},
   afterClose: () => {}
   onClickOutside: () => {},

package/lib/index.js

@@ -66,9 +66,15 @@ var ReactConfirmAlert = (_temp2 = _class = function (_Component) {
     }, _this.keyboardClose = function (event) {
       var _this$props2 = _this.props,
           closeOnEscape = _this$props2.closeOnEscape,
-          onKeypressEscape = _this$props2.onKeypressEscape;
+          onKeypressEscape = _this$props2.onKeypressEscape,
+          keyCodeForClose = _this$props2.keyCodeForClose;
 
-      var isKeyCodeEscape = event.keyCode === 27;
+      var keyCode = event.keyCode;
+      var isKeyCodeEscape = keyCode === 27;
+
+      if (keyCodeForClose.includes(keyCode)) {
+        _this.close();
+      }
 
       if (closeOnEscape && isKeyCodeEscape) {
         onKeypressEscape(event);
@@ -161,6 +167,7 @@ var ReactConfirmAlert = (_temp2 = _class = function (_Component) {
   customUI: _propTypes2.default.func,
   closeOnClickOutside: _propTypes2.default.bool,
   closeOnEscape: _propTypes2.default.bool,
+  keyCodeForClose: _propTypes2.default.arrayOf(_propTypes2.default.number),
   willUnmount: _propTypes2.default.func,
   afterClose: _propTypes2.default.func,
   onClickOutside: _propTypes2.default.func,
@@ -185,6 +192,7 @@ var ReactConfirmAlert = (_temp2 = _class = function (_Component) {
   },
   closeOnClickOutside: true,
   closeOnEscape: true,
+  keyCodeForClose: [],
   willUnmount: function willUnmount() {
     return null;
   },

package/package.json

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