andoncloud-sdk 1.4.5 → 1.4.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/andoncloud-sdk.js +21 -2
- package/dist/andoncloud-sdk.js.map +1 -1
- package/package.json +1 -1
package/dist/andoncloud-sdk.js
CHANGED
|
@@ -3013,6 +3013,7 @@ var useStyles = (function (_ref) {
|
|
|
3013
3013
|
|
|
3014
3014
|
var Header = function Header(_ref) {
|
|
3015
3015
|
var position = _ref.position,
|
|
3016
|
+
scrolled = _ref.scrolled,
|
|
3016
3017
|
showAcLogo = _ref.showAcLogo,
|
|
3017
3018
|
leadingText = _ref.leadingText,
|
|
3018
3019
|
title = _ref.title,
|
|
@@ -3200,9 +3201,11 @@ var Header = function Header(_ref) {
|
|
|
3200
3201
|
return /*#__PURE__*/React__default.createElement(AppBar, {
|
|
3201
3202
|
position: position,
|
|
3202
3203
|
elevation: 0,
|
|
3203
|
-
sx: _extends$1({}, position === "static" ? {
|
|
3204
|
+
sx: _extends$1({}, headerStyles.root, position === "static" ? {
|
|
3204
3205
|
marginTop: "-70px"
|
|
3205
|
-
} : {},
|
|
3206
|
+
} : {}, scrolled ? {
|
|
3207
|
+
background: "#1E1E1E"
|
|
3208
|
+
} : {}),
|
|
3206
3209
|
"data-testid": dataTestID || "ac-sdk-header"
|
|
3207
3210
|
}, /*#__PURE__*/React__default.createElement(Toolbar, {
|
|
3208
3211
|
variant: "dense"
|
|
@@ -3234,6 +3237,7 @@ var Header = function Header(_ref) {
|
|
|
3234
3237
|
|
|
3235
3238
|
Header.propTypes = {
|
|
3236
3239
|
position: propTypes.PropTypes.string,
|
|
3240
|
+
scrolled: propTypes.PropTypes.bool,
|
|
3237
3241
|
showAcLogo: propTypes.PropTypes.bool,
|
|
3238
3242
|
leadingText: propTypes.PropTypes.string.isRequired,
|
|
3239
3243
|
title: propTypes.PropTypes.string,
|
|
@@ -3283,12 +3287,27 @@ var Container = function Container(_ref) {
|
|
|
3283
3287
|
headerProps = _ref.headerProps,
|
|
3284
3288
|
styles = _ref.styles,
|
|
3285
3289
|
dataTestID = _ref["data-testid"];
|
|
3290
|
+
|
|
3291
|
+
var _useState = React.useState(),
|
|
3292
|
+
scrollTarget = _useState[0],
|
|
3293
|
+
setScrollTarget = _useState[1];
|
|
3294
|
+
|
|
3295
|
+
var scrolled = material.useScrollTrigger({
|
|
3296
|
+
target: scrollTarget,
|
|
3297
|
+
threshold: 0
|
|
3298
|
+
});
|
|
3286
3299
|
return /*#__PURE__*/React__default.createElement(BaseContainer, {
|
|
3300
|
+
ref: function ref(node) {
|
|
3301
|
+
if (node) {
|
|
3302
|
+
setScrollTarget(node);
|
|
3303
|
+
}
|
|
3304
|
+
},
|
|
3287
3305
|
maxWidth: false,
|
|
3288
3306
|
disableGutters: true,
|
|
3289
3307
|
sx: _extends$1({}, baseStyles.root, styles),
|
|
3290
3308
|
"data-testid": dataTestID || "ac-sdk-container"
|
|
3291
3309
|
}, /*#__PURE__*/React__default.createElement(Header$1, _extends$1({
|
|
3310
|
+
scrolled: scrolled,
|
|
3292
3311
|
showAcLogo: true
|
|
3293
3312
|
}, headerProps)), children, /*#__PURE__*/React__default.createElement(material.Box, {
|
|
3294
3313
|
sx: baseStyles.overlay
|