andoncloud-sdk 1.4.5 → 1.4.7

package/dist/andoncloud-sdk.js

@@ -2453,7 +2453,7 @@ var LoginForm = function LoginForm(_ref) {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    m: "125px 0"
+    m: "100px 0"
   }, /*#__PURE__*/React__default.createElement(AcLogoSVG, null)), /*#__PURE__*/React__default.createElement(material.Box, {
     m: "0 0 30px 0",
     color: "rgba(255, 255, 255, 0.6)"
@@ -2963,6 +2963,7 @@ var useLogin = function useLogin(scope, loginProps) {
 
 var useStyles = (function (_ref) {
   var styles = _ref.styles,
+      titleStyles = _ref.titleStyles,
       menuStyles = _ref.menuStyles,
       menuDropdownStyles = _ref.menuDropdownStyles;
   return {
@@ -2971,6 +2972,9 @@ var useStyles = (function (_ref) {
       color: "rgba(255,255,255,0.85)",
       background: "transparent"
     }, styles),
+    title: _extends$1({
+      flexGrow: 1
+    }, titleStyles),
     nav: {
       marginRight: "10px"
     },
@@ -3013,9 +3017,11 @@ var useStyles = (function (_ref) {
 
 var Header = function Header(_ref) {
   var position = _ref.position,
+      scrolled = _ref.scrolled,
       showAcLogo = _ref.showAcLogo,
       leadingText = _ref.leadingText,
       title = _ref.title,
+      titleStyles = _ref.titleStyles,
       navProps = _ref.navProps,
       userProps = _ref.userProps,
       menuProps = _ref.menuProps,
@@ -3058,6 +3064,7 @@ var Header = function Header(_ref) {
 
   var headerStyles = useStyles({
     styles: styles,
+    titleStyles: titleStyles,
     menuStyles: menuStyles,
     menuDropdownStyles: menuDropdownStyles
   });
@@ -3200,9 +3207,11 @@ var Header = function Header(_ref) {
   return /*#__PURE__*/React__default.createElement(AppBar, {
     position: position,
     elevation: 0,
-    sx: _extends$1({}, position === "static" ? {
+    sx: _extends$1({}, headerStyles.root, position === "static" ? {
       marginTop: "-70px"
-    } : {}, headerStyles.root),
+    } : {}, scrolled ? {
+      background: "#1E1E1E"
+    } : {}),
     "data-testid": dataTestID || "ac-sdk-header"
   }, /*#__PURE__*/React__default.createElement(Toolbar, {
     variant: "dense"
@@ -3215,18 +3224,20 @@ var Header = function Header(_ref) {
       display: "block",
       marginLeft: "-4px"
     }
-  })), /*#__PURE__*/React__default.createElement(Typography, {
+  })), leadingText && /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1"
   }, leadingText), /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1",
     align: "center",
     style: {
       flexGrow: 1
-    }
+    },
+    sx: headerStyles.title
   }, title), renderNav(), showUserSection && renderUser(), /*#__PURE__*/React__default.createElement(AccessTimeIcon, null), /*#__PURE__*/React__default.createElement(Typography, {
     variant: "body1",
     align: "center",
     style: {
+      width: "5rem",
       padding: "0 5px"
     }
   }, currentTime.toLocaleTimeString()), renderMenu()));
@@ -3234,9 +3245,11 @@ var Header = function Header(_ref) {
 
 Header.propTypes = {
   position: propTypes.PropTypes.string,
+  scrolled: propTypes.PropTypes.bool,
   showAcLogo: propTypes.PropTypes.bool,
-  leadingText: propTypes.PropTypes.string.isRequired,
+  leadingText: propTypes.PropTypes.string,
   title: propTypes.PropTypes.string,
+  titleStyles: propTypes.PropTypes.any,
   navProps: propTypes.PropTypes.shape({
     items: propTypes.PropTypes.any
   }),
@@ -3283,12 +3296,28 @@ var Container = function Container(_ref) {
       headerProps = _ref.headerProps,
       styles = _ref.styles,
       dataTestID = _ref["data-testid"];
+
+  var _useState = React.useState(),
+      scrollTarget = _useState[0],
+      setScrollTarget = _useState[1];
+
+  var scrolled = material.useScrollTrigger({
+    disableHysteresis: true,
+    target: scrollTarget,
+    threshold: 0
+  });
   return /*#__PURE__*/React__default.createElement(BaseContainer, {
+    ref: function ref(node) {
+      if (node) {
+        setScrollTarget(node);
+      }
+    },
     maxWidth: false,
     disableGutters: true,
     sx: _extends$1({}, baseStyles.root, styles),
     "data-testid": dataTestID || "ac-sdk-container"
   }, /*#__PURE__*/React__default.createElement(Header$1, _extends$1({
+    scrolled: scrolled,
     showAcLogo: true
   }, headerProps)), children, /*#__PURE__*/React__default.createElement(material.Box, {
     sx: baseStyles.overlay