andoncloud-sdk 1.4.6 → 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"
     },
@@ -3017,6 +3021,7 @@ var Header = function Header(_ref) {
       showAcLogo = _ref.showAcLogo,
       leadingText = _ref.leadingText,
       title = _ref.title,
+      titleStyles = _ref.titleStyles,
       navProps = _ref.navProps,
       userProps = _ref.userProps,
       menuProps = _ref.menuProps,
@@ -3059,6 +3064,7 @@ var Header = function Header(_ref) {
 
   var headerStyles = useStyles({
     styles: styles,
+    titleStyles: titleStyles,
     menuStyles: menuStyles,
     menuDropdownStyles: menuDropdownStyles
   });
@@ -3218,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()));
@@ -3239,8 +3247,9 @@ 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
   }),
@@ -3293,6 +3302,7 @@ var Container = function Container(_ref) {
       setScrollTarget = _useState[1];
 
   var scrolled = material.useScrollTrigger({
+    disableHysteresis: true,
     target: scrollTarget,
     threshold: 0
   });