techsbcn-storybook 0.20.0 → 0.20.1
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/components/layouts/Standard/AppHeader/AppHeader.d.ts +2 -1
- package/dist/components/wrappers/MainWrapperComponent/MainWrapperComponent.d.ts +1 -0
- package/dist/techsbcn-storybook.cjs.development.js +7 -3
- package/dist/techsbcn-storybook.cjs.development.js.map +1 -1
- package/dist/techsbcn-storybook.cjs.production.min.js +1 -1
- package/dist/techsbcn-storybook.cjs.production.min.js.map +1 -1
- package/dist/techsbcn-storybook.esm.js +7 -3
- package/dist/techsbcn-storybook.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/layouts/Standard/AppHeader/AppHeader.tsx +14 -11
- package/src/components/wrappers/MainWrapperComponent/MainWrapperComponent.tsx +2 -1
- package/src/stories/Layouts/MainLayoutSimple.stories.tsx +1 -1
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './AppHeader.scss';
|
|
3
3
|
interface AppHeaderProps {
|
|
4
|
-
handleDrawerOpen
|
|
4
|
+
handleDrawerOpen?: () => void;
|
|
5
5
|
children?: React.ReactNode;
|
|
6
|
+
className?: string;
|
|
6
7
|
}
|
|
7
8
|
export declare const AppHeader: React.FC<AppHeaderProps>;
|
|
8
9
|
export {};
|
|
@@ -261,9 +261,11 @@ var css_248z$3 = ".main-wrapper-component {\n background-color: white;\n box-s
|
|
|
261
261
|
styleInject(css_248z$3);
|
|
262
262
|
|
|
263
263
|
var MainWrapperComponent = function MainWrapperComponent(props) {
|
|
264
|
+
var _props$height;
|
|
265
|
+
|
|
264
266
|
return React__default.createElement(_.Box, {
|
|
265
267
|
className: "main-wrapper-component",
|
|
266
|
-
height: "100%
|
|
268
|
+
height: "" + ((_props$height = props.height) != null ? _props$height : '100%')
|
|
267
269
|
}, React__default.createElement(_.Box, {
|
|
268
270
|
height: "4px"
|
|
269
271
|
}, props.loadingProgressBar && React__default.createElement(LinearProgressComponent, null)), React__default.createElement(_.Box, {
|
|
@@ -1521,12 +1523,14 @@ var css_248z$c = ".app-bar {\n background-color: white !important;\n border-bo
|
|
|
1521
1523
|
styleInject(css_248z$c);
|
|
1522
1524
|
|
|
1523
1525
|
var AppHeader = function AppHeader(props) {
|
|
1526
|
+
var _props$className;
|
|
1527
|
+
|
|
1524
1528
|
return React__default.createElement(material.AppBar, {
|
|
1525
1529
|
position: "sticky",
|
|
1526
|
-
className: "app-bar main-background-body"
|
|
1530
|
+
className: "app-bar main-background-body " + ((_props$className = props.className) != null ? _props$className : '')
|
|
1527
1531
|
}, React__default.createElement(material.Toolbar, {
|
|
1528
1532
|
className: "app-toolbar"
|
|
1529
|
-
}, React__default.createElement(material.IconButton, {
|
|
1533
|
+
}, props.handleDrawerOpen && React__default.createElement(material.IconButton, {
|
|
1530
1534
|
sx: {
|
|
1531
1535
|
display: {
|
|
1532
1536
|
xs: 'inline-flex',
|