@activecollab/components 1.0.37 → 1.0.38

package/dist/index.js

@@ -1725,7 +1725,7 @@
   })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
   StyledWindow.displayName = "StyledWindow";
 
-  var _excluded$L = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock"];
+  var _excluded$L = ["children", "onClose", "className", "style", "onKeyDown", "onClick", "disableFocusLock", "disableScrollLock", "preventDefaultClickEvent"];
   var returnFocus = {
     preventScroll: true
   };
@@ -1735,10 +1735,13 @@
         className = _ref.className,
         style = _ref.style,
         onKeyDown = _ref.onKeyDown,
+        onClick = _ref.onClick,
         _ref$disableFocusLock = _ref.disableFocusLock,
         disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
         _ref$disableScrollLoc = _ref.disableScrollLock,
         disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
+        _ref$preventDefaultCl = _ref.preventDefaultClickEvent,
+        preventDefaultClickEvent = _ref$preventDefaultCl === void 0 ? false : _ref$preventDefaultCl,
         rest = _objectWithoutProperties(_ref, _excluded$L);
 
     var innerRef = React.useRef(null);
@@ -1761,6 +1764,10 @@
         onKeyDown(event);
       }
     }, [onClose, onKeyDown]);
+    var handleClick = React.useCallback(function (event) {
+      preventDefaultClickEvent && event.preventDefault();
+      typeof onClick === "function" && onClick(event);
+    }, [onClick, preventDefaultClickEvent]);
     React.useEffect(function () {
       return function () {
         typeof onClose === "function" && onClose();
@@ -1780,6 +1787,7 @@
         zIndex: zIndex
       }, style),
       onKeyDown: handleKeyDown,
+      onClick: handleClick,
       tabIndex: 0,
       className: classnames__default["default"]("c-window", className)
     }), children))));
@@ -1932,7 +1940,8 @@
       disableFocusLock: disableFocusLock,
       style: {
         position: windowAbsolutelyPositioned ? "absolute" : "fixed"
-      }
+      },
+      preventDefaultClickEvent: true
     }, /*#__PURE__*/React__default["default"].createElement(Overlay, {
       className: backgroundElementClass,
       onClick: handleClose,
@@ -7582,9 +7591,8 @@
         typeof onClose === "function" && onClose();
       }
     }, [hasTransition, onClose]);
-    var handleBackgroundClick = React.useCallback(function (event) {
+    var handleBackgroundClick = React.useCallback(function () {
       if (!disableBackgroundClick) {
-        event.preventDefault();
         handleClose();
       }
     }, [disableBackgroundClick, handleClose]);
@@ -7617,7 +7625,8 @@
       ref: handleRef,
       onClose: handleClose,
       disableFocusLock: disableFocusLock,
-      disableScrollLock: disableScrollLock
+      disableScrollLock: disableScrollLock,
+      preventDefaultClickEvent: true
     }), open ? /*#__PURE__*/React__default["default"].createElement(Overlay, {
       onClick: handleBackgroundClick,
       disableBackgroundColor: disableBackgroundColor
@@ -7745,9 +7754,8 @@
     var handleClose = React.useCallback(function () {
       setOpen(false);
     }, []);
-    var handleBackgroundClick = React.useCallback(function (event) {
+    var handleBackgroundClick = React.useCallback(function () {
       if (!disableBackgroundClick) {
-        event.preventDefault();
         handleClose();
       }
     }, [disableBackgroundClick, handleClose]);
@@ -7760,7 +7768,8 @@
       ref: handleRef,
       onClose: handleClose,
       disableFocusLock: disableFocusLock,
-      disableScrollLock: disableScrollLock
+      disableScrollLock: disableScrollLock,
+      preventDefaultClickEvent: true
     }), open ? /*#__PURE__*/React__default["default"].createElement(Overlay, {
       onClick: handleBackgroundClick,
       disableBackgroundColor: disableBackgroundColor