@epignosis_llc/gnosis 5.45.13 → 5.45.14

package/dist/cjs/index.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.45.12
+   * @epignosis_llc/gnosis.js v5.45.13
    * Released under the MIT license.
    */
 
@@ -24173,7 +24173,7 @@ var Footer = function Footer(_ref) {
   }, children);
 };
 
-var _excluded$s = ["isOpen", "placement", "showMask", "width", "dialogStyles", "dialogClassName", "disableFocusLock", "children", "onClose"];
+var _excluded$s = ["isOpen", "placement", "closeOnOutsideClick", "showMask", "width", "dialogStyles", "dialogClassName", "disableFocusLock", "children", "onClose"];
 var dialogVariants = {
   initial: function initial(_ref) {
     var placement = _ref.placement,
@@ -24206,6 +24206,8 @@ var Drawer$1 = function Drawer(props) {
   var isOpen = props.isOpen,
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? "left" : _props$placement,
+    _props$closeOnOutside = props.closeOnOutsideClick,
+    closeOnOutsideClick = _props$closeOnOutside === void 0 ? true : _props$closeOnOutside,
     _props$showMask = props.showMask,
     showMask = _props$showMask === void 0 ? true : _props$showMask,
     _props$width = props.width,
@@ -24229,15 +24231,28 @@ var Drawer$1 = function Drawer(props) {
     "placement-left": placement === "left",
     "placement-right": placement === "right"
   }, dialogClassName !== null && dialogClassName !== void 0 ? dialogClassName : "", dialogClassName));
+  var drawerRef = React.useRef(null);
+  var handleCloseOnOutsideClick = function handleCloseOnOutsideClick() {
+    if (!closeOnOutsideClick) return;
+    onClose();
+  };
   React.useEffect(function () {
+    if (!isOpen) return;
     var handleEscape = function handleEscape(event) {
-      if (event.key === "Escape" && isOpen) {
-        onClose();
+      if (event.key === "Escape") {
+        handleCloseOnOutsideClick();
+      }
+    };
+    var handleClickOutside = function handleClickOutside(event) {
+      if (drawerRef.current && !drawerRef.current.contains(event.target)) {
+        handleCloseOnOutsideClick();
       }
     };
     document.addEventListener("keydown", handleEscape);
+    document.addEventListener("mousedown", handleClickOutside);
     return function () {
       document.removeEventListener("keydown", handleEscape);
+      document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isOpen, onClose]);
   var drawer = jsx(LazyMotion, {
@@ -24248,10 +24263,11 @@ var Drawer$1 = function Drawer(props) {
     },
     "data-testid": "drawer"
   }, rest), showMask && jsx(Mask, {
-    onClose: onClose
+    onClose: handleCloseOnOutsideClick
   }), jsx(FocusLock, {
     returnFocus: true,
-    disabled: !isOpen || disableFocusLock
+    disabled: !isOpen || disableFocusLock,
+    ref: drawerRef
   }, jsx(m.dialog, {
     id: "drawer-dialog",
     style: dialogStyles,