pcm-shared-components 0.0.166 → 0.0.167

package/dist/components/Dialogs/GenericDialogWindow/index.js

@@ -17,6 +17,7 @@ export const GenericDialogWindow = props => {
     dialogSize = 'false',
     appBarMenu = undefined,
     fullWidth = false,
+    closeOnBackdropClick,
     theme
   } = props;
   const compTheme = theme ? theme : useTheme();
@@ -134,19 +135,25 @@ export const GenericDialogWindow = props => {
       //Need to re-apply any onClick override to ensure they are still properly set by what was overridden from the child component.
       // setOverrides();
     }
-  }, [appBarMenu, can_save, showSaveButton, save_button_label]); // -----------------------------------------
+  }, [appBarMenu, can_save, showSaveButton, save_button_label]);
+
+  const handleOnClose = (event, reason) => {
+    if (reason !== 'backdropClick' || closeOnBackdropClick) {
+      closeDialog();
+    }
+  }; // -----------------------------------------
   // Note make sure to include disableEnforceFocus or else I'll have infinite error/warnings on Uncaught RangeError.
   // I think this error comes only after a state has changed when multiple dialog windows are open they are fighting for focus.
   // Bug: https://github.com/mui/material-ui/issues/8741
   // -----------------------------------------
 
+
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: defaultTheme
   }, /*#__PURE__*/React.createElement(Dialog, {
     disableEnforceFocus: true,
     open: open,
-    onClose: closeDialog,
-    onBackdropClick: false,
+    onClose: handleOnClose,
     maxWidth: dialogSize,
     fullScreen: dialogSize && !fullWidth ? false : true,
     fullWidth: fullWidth,
@@ -193,6 +200,7 @@ GenericDialogWindow.defaultProps = {
   appBarMenu: undefined,
   dialogSize: false,
   fullWidth: false,
+  closeOnBackdropClick: false,
   theme: undefined
 };
 GenericDialogWindow.propTypes = {
@@ -217,6 +225,9 @@ GenericDialogWindow.propTypes = {
   /**If true, the dialog stretches to maxWidth. Notice that the dialog width grow is limited by the default margin. */
   fullWidth: PropTypes.bool,
 
+  /**Determines if the dialog window will close when the user clicks on the backdrop area */
+  closeOnBackdropClick: PropTypes.bool,
+
   /** Theme object to use on this component, if none provided then the MUI5 theme provider theme is used*/
   theme: PropTypes.object
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "0.0.166",
+  "version": "0.0.167",
   "private": false,
   "main": "dist/index.js",
   "babel": {