@activecollab/components 1.0.193 → 1.0.194

package/dist/index.js

@@ -656,7 +656,7 @@
   })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
   StyledWindow.displayName = "StyledWindow";
 
-  var _excluded$14 = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "onClick"];
+  var _excluded$14 = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -670,6 +670,8 @@
         disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
         _ref$disableScrollLoc = _ref.disableScrollLock,
         disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
+        _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+        disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
         onClick = _ref.onClick,
         rest = _objectWithoutProperties(_ref, _excluded$14);
 
@@ -681,7 +683,7 @@
         zIndex = _useLayerContext$zInd === void 0 ? layers.skyscraper : _useLayerContext$zInd;
 
     var handleKeyDown = React.useCallback(function (event) {
-      if (!event.defaultPrevented && (event.key === "Esc" || event.key === "Escape")) {
+      if (!event.defaultPrevented && (event.key === "Esc" || event.key === "Escape") && !disableCloseOnEsc) {
         event.preventDefault();
 
         if (onClose) {
@@ -692,7 +694,7 @@
       if (typeof onKeyDown === "function") {
         onKeyDown(event);
       }
-    }, [onClose, onKeyDown]);
+    }, [disableCloseOnEsc, onClose, onKeyDown]);
     React.useEffect(function () {
       return function () {
         typeof onClose === "function" && onClose();
@@ -8701,7 +8703,7 @@
     function () {});
   }
 
-  var _excluded$t = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "open", "onClose"];
+  var _excluded$t = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "disableCloseOnEsc", "open", "onClose"];
 
   var getHasTransition = function getHasTransition(children) {
     return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
@@ -8717,6 +8719,8 @@
         disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
         _ref$disableBackgroun2 = _ref.disableBackgroundColor,
         disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
+        _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+        disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
         _ref$open = _ref.open,
         defaultOpen = _ref$open === void 0 ? false : _ref$open,
         onClose = _ref.onClose,
@@ -8782,7 +8786,8 @@
       ref: handleRef,
       onClose: handleClose,
       disableFocusLock: disableFocusLock,
-      disableScrollLock: disableScrollLock
+      disableScrollLock: disableScrollLock,
+      disableCloseOnEsc: disableCloseOnEsc
     }), open ? /*#__PURE__*/React__default["default"].createElement(Overlay, {
       onClick: handleBackgroundClick,
       disableBackgroundColor: disableBackgroundColor
@@ -9576,12 +9581,15 @@
         onClose = _ref.onClose,
         className = _ref.className,
         _ref$enableBackground = _ref.enableBackgroundClick,
-        enableBackgroundClick = _ref$enableBackground === void 0 ? false : _ref$enableBackground;
+        enableBackgroundClick = _ref$enableBackground === void 0 ? false : _ref$enableBackground,
+        _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+        disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs;
     return /*#__PURE__*/React__default["default"].createElement(Modal, {
       ref: ref,
       open: open,
       onClose: onClose,
-      disableBackgroundClick: !enableBackgroundClick
+      disableBackgroundClick: !enableBackgroundClick,
+      disableCloseOnEsc: disableCloseOnEsc
     }, /*#__PURE__*/React__default["default"].createElement(SlideFromTop, {
       in: open
     }, /*#__PURE__*/React__default["default"].createElement(StyledDialog, {
@@ -12782,6 +12790,8 @@
     var title = _ref.title,
         open = _ref.open,
         onClose = _ref.onClose,
+        _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+        disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
         children = _ref.children;
     var childrenCollection = React.useMemo(function () {
       return React__default["default"].Children.toArray(children);
@@ -12856,7 +12866,8 @@
     }, /*#__PURE__*/React__default["default"].createElement(Dialog, {
       ref: ref,
       open: open,
-      onClose: onClose
+      onClose: onClose,
+      disableCloseOnEsc: disableCloseOnEsc
     }, renderActiveStep));
   });
   Wizard.displayName = "Wizard";