0050463: Add the possibility to hide the background when a popup is opened

diff --git a/web-jspack/org.openbravo.core2/src/components/BaseDialog/BaseDialog.jsx b/web-jspack/org.openbravo.core2/src/components/BaseDialog/BaseDialog.jsx
index 5a7ac35e..6d88436a 100644
--- a/web-jspack/org.openbravo.core2/src/components/BaseDialog/BaseDialog.jsx
+++ b/web-jspack/org.openbravo.core2/src/components/BaseDialog/BaseDialog.jsx
@@ -36,6 +36,7 @@ import './BaseDialog.scss';
  * @param {function} onClose
  * @param {boolean} fullWidth
  * @param {string} maxWidth
+ * @param {boolean} hideBackground
  * @param {string} variantClass
  * @param {string} testId
  */
@@ -55,6 +56,7 @@ const BaseDialog = ({
   fullWidth,
   maxWidth,
   variantClass,
+  hideBackground,
   testId
 }) => {
   const lockableOrder = useLockableStackOrder(open);
@@ -68,8 +70,12 @@ const BaseDialog = ({
       onClose={onClose}
       onExited={onExited}
       classes={{
-        paper: `obc2ThemeProvider darkTheme obc2BaseDialog ${variantClass}`,
-        root: `${lockableOrder ? '' : 'obc2BaseDialog-unlocked'}`
+        paper: `obc2ThemeProvider ${
+          !hideBackground ? 'darkTheme' : ''
+        } obc2BaseDialog ${variantClass}`,
+        root: `${lockableOrder ? '' : 'obc2BaseDialog-unlocked'} ${
+          hideBackground ? 'darkTheme obc2BaseDialog-hidebackground' : ''
+        }`
       }}
       disableRestoreFocus
     >
@@ -143,6 +149,7 @@ BaseDialog.propTypes = {
   onExited: PropTypes.func,
   fullWidth: PropTypes.bool,
   maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  hideBackground: PropTypes.bool,
   variantClass: PropTypes.string,
   testId: PropTypes.string
 };
@@ -162,6 +169,7 @@ BaseDialog.defaultProps = {
   onExited: () => {},
   fullWidth: false,
   maxWidth: 'sm',
+  hideBackground: false,
   variantClass: '',
   testId: null
 };