@agilemotion/oui-react-js 1.8.13 → 1.8.14

package/dist/BasicAppHome.js

@@ -91,7 +91,7 @@ const BasicAppHome = props => {
     }, true);
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !_Utils.default.isNull(dashboardSettings) && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${"main w-100 h-100 d-inline-block " + dashboardSettings.systemProfileDto.organisation.code.toLowerCase() + "-skin"}`
+    className: `main w-100 h-100 d-inline-block ${dashboardSettings.systemProfileDto.organisation.code.toLowerCase()}-skin`
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "w-100 h-100"
   }, /*#__PURE__*/_react.default.createElement(_react2.ThemeProvider, {
@@ -114,12 +114,37 @@ const BasicAppHome = props => {
         secondary: {
           main: dashboardSettings.systemProfileDto.secondCorporateBrandColor
         }
+      },
+      components: {
+        MuiCssBaseline: {
+          styleOverrides: {
+            body: {
+              // Firefox
+              scrollbarColor: 'rgba(100, 100, 100, 0.4) transparent',
+              scrollbarWidth: 'thin'
+            },
+            // WebKit browsers
+            '::-webkit-scrollbar': {
+              width: '8px',
+              height: '8px'
+            },
+            '::-webkit-scrollbar-track': {
+              background: 'transparent'
+            },
+            '::-webkit-scrollbar-thumb': {
+              backgroundColor: 'rgba(100, 100, 100, 0.4)',
+              borderRadius: '4px',
+              transition: 'background-color 0.3s'
+            },
+            '::-webkit-scrollbar-thumb:hover': {
+              backgroundColor: 'rgba(100, 100, 100, 0.6)'
+            }
+          }
+        }
       }
     })
   }, /*#__PURE__*/_react.default.createElement(_material.CssBaseline, null), /*#__PURE__*/_react.default.createElement(_FoldingSideTabDashboard.default, {
-    logoutCallBack: () => {
-      logout();
-    },
+    logoutCallBack: () => logout(),
     settings: dashboardSettings,
     avatar: avatarUrl,
     logo: dashboardSettings.logo,

package/dist/components/dashboard/FoldingSideTabDashboard.js

@@ -284,14 +284,23 @@ const FoldingSideTabDashboard = props => {
     toggleSidebar: toggleSidebar,
     logoutCallBack: props.logoutCallBack
   })), ' ', /*#__PURE__*/_react.default.createElement("div", {
-    className: "content w-100 h-100"
+    className: "content",
+    style: {
+      height: "calc(100vh - 70px)",
+      maxHeight: "calc(100vh - 70px)"
+    }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "content w-100 h-100 row no-margin no-padding"
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: windowPinned ? 'calc(100% - 320px)' : '100%'
+      width: '100%',
+      height: "100%",
+      mxHeight: "100%",
+      overflow: 'auto'
     }
-  }, /*#__PURE__*/_react.default.createElement(_ViewPort.default, null)), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_ViewPort.default, {
+    windowPinned: windowPinned
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'col no-margin no-padding',
     style: {
       width: windowPinned ? '320px' : '0'

package/dist/components/dashboard/components/blackDashboard/sidebar/FoldingTabSidebar.js

@@ -317,7 +317,7 @@ class FoldingTabSidebar extends _react.default.Component {
       className: this.props.className,
       data: activeColor,
       style: {
-        overflow: 'auto',
+        overflow: 'hidden',
         maxHeight: '100vh'
       }
     }, /*#__PURE__*/_react.default.createElement("table", {

package/dist/components/layout/ViewPort.js

@@ -11,7 +11,7 @@ var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManag
 var _ConfirmationDialog = require("../ConfirmationDialog");
 var _PopupView = _interopRequireDefault(require("../PopupView"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ViewPort = () => {
+const ViewPort = props => {
   const navigate = (0, _reactRouterDom.useNavigate)();
   const [loading, setLoading] = _react.default.useState(true);
   const confirmationDialogController = _react.default.useRef({});
@@ -42,7 +42,10 @@ const ViewPort = () => {
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      height: 'calc(100vh - 90px)'
+      height: 'calc(100vh - 96px)',
+      maxHeight: 'calc(100vh - 96px)',
+      position: props.windowPinned ? 'relative' : 'fixed',
+      width: props.windowPinned ? '100%' : 'calc(100% - 348px)'
     }
   }, /*#__PURE__*/_react.default.createElement(_PopupView.default, {
     controller: popupViewController.current

package/dist/components/layout/WindowDialog.js

@@ -4,26 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const withStyledDialog = Component => (0, _withStyles.default)(theme => ({
   root: {
-    pointerEvents: "none"
+    pointerEvents: "none",
+    zIndex: 0,
+    left: 'unset',
+    border: '1px solid #e1e1e1',
+    borderRadius: '4px'
   },
   paper: props => ({
     pointerEvents: "auto",
-    width: `calc(100% - ${props.leftOffset || "0px"})`,
+    width: `100%`,
     maxWidth: "100%",
-    height: "calc(100% - 88px)",
+    height: "calc(100% - 112px)",
     position: "absolute",
+    overflow: 'hidden',
     margin: "8px",
     bottom: 0,
-    right: 0,
-    overflow: "hidden",
+    left: '164px',
+    top: '40px',
     borderRadius: 4,
+    boxShadow: "none",
+    zIndex: 0,
     "@media (max-width:991px)": {
       maxWidth: "100%"
     }
@@ -36,12 +45,14 @@ const withStyledDialog = Component => (0, _withStyles.default)(theme => ({
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
     classes: {
-      paper: classes.paper
+      paper: classes.paper,
+      root: classes.root
     }
   }));
 });
 const StyledDialog = withStyledDialog(_Dialog.default);
 const WindowDialog = props => {
+  (0, _react.useEffect)(() => {}, []);
   return /*#__PURE__*/_react.default.createElement(StyledDialog, props);
 };
 var _default = exports.default = WindowDialog;

package/dist/components/loader.css

@@ -6,7 +6,7 @@
 	top: 0;
 	width: 100vw; /* Full width */
 	height: 100vh; /* Full height */
-	overflow: auto; /* Enable scroll if needed */
+	overflow: hidden; /* Enable scroll if needed */
 	background-color: rgb(0,0,0); /* Fallback color */
 	background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
 }

package/dist/components/navbars/HomeNavbar.js

@@ -25,7 +25,9 @@ const propHandler = state => {
 class HomeNavbar extends _react.default.Component {
   styles = {
     header: {
-      backgroundColor: this.props.color
+      backgroundColor: this.props.color,
+      height: "72px",
+      minHeight: "72px"
     }
   };
   constructor(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.13",
+  "version": "1.8.14",
   "files": [
     "dist"
   ],