sag_components 2.0.0-beta344 → 2.0.0-beta346

package/dist/index.d.ts

@@ -1637,7 +1637,7 @@ declare function OverlayDropdown({ data, value, onSelectClick, label, labelEmpty
     margin?: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, primaryText, secondaryText, width, height, color, hoverColor, opacity, secondaryColor, seperateSectionBorder, children, tooltipContent, }: {
+declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, primaryText, secondaryText, width, height, color, hoverColor, opacity, secondaryColor, seperateSectionBorder, children, tooltipContent, disableBackdropClose, }: {
     isOpen?: boolean;
     isDisabled?: boolean;
     onClose?: () => void;
@@ -1654,6 +1654,7 @@ declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, pri
     seperateSectionBorder?: boolean;
     children: any;
     tooltipContent?: string;
+    disableBackdropClose?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 declare function ToasterMessageBox({ color, messageText, linkText, duration, width, icon, onLinkClick, onClose }: {

package/dist/index.esm.js

@@ -13627,14 +13627,14 @@ const DialogOverlay$1 = props => {
     modal.close();
     onDialogClose();
   };
-  return /*#__PURE__*/React.createElement(ModalWrapper$1, {
+  return /*#__PURE__*/React$1.createElement(ModalWrapper$1, {
     className: className
-  }, /*#__PURE__*/React.createElement(Modal$1, null, /*#__PURE__*/React.createElement(ModalHeader$2, null, /*#__PURE__*/React.createElement(ModalTitle$2, null, title), /*#__PURE__*/React.createElement(ModalClose, {
+  }, /*#__PURE__*/React$1.createElement(Modal$1, null, /*#__PURE__*/React$1.createElement(ModalHeader$2, null, /*#__PURE__*/React$1.createElement(ModalTitle$2, null, title), /*#__PURE__*/React$1.createElement(ModalClose, {
     type: "button",
     onClick: closeModal
-  }, /*#__PURE__*/React.createElement(CloseXIcon, {
+  }, /*#__PURE__*/React$1.createElement(CloseXIcon, {
     fill: "white"
-  }))), /*#__PURE__*/React.createElement(ModalBody$1, {
+  }))), /*#__PURE__*/React$1.createElement(ModalBody$1, {
     id: "modalBody"
   }, children)));
 };
@@ -36626,9 +36626,9 @@ const ToggleSlider = styled.span`
   }
 `;
 
-/**
- * ToggleSwitch component for on/off states.
- * Supports small/large sizes and disabled state.
+/**
+ * ToggleSwitch component for on/off states.
+ * Supports small/large sizes and disabled state.
  */
 function ToggleSwitch(_ref) {
   let {
@@ -43018,10 +43018,12 @@ const MessageBox = _ref => {
     secondaryColor = "#ffffff",
     seperateSectionBorder = false,
     children,
-    tooltipContent = "Please fill in all required details"
+    tooltipContent = "Please fill in all required details",
+    disableBackdropClose = false
   } = _ref;
   if (!isOpen) return null;
   const handleOverlayClick = e => {
+    if (disableBackdropClose) return;
     if (e.target === e.currentTarget) {
       onClose();
     }