@uxf/cms 2.0.0-beta.1 → 2.0.0-beta.5

package/lib/FlashMessages/FlashMessagesContainerInstance.js

@@ -7,5 +7,6 @@ exports.FlashMessagesContainerInstance = void 0;
 var react_1 = __importDefault(require("react"));
 var FlashMessagesService_1 = require("../../services/FlashMessagesService");
 var FlashMessagesContainer_1 = require("./FlashMessagesContainer");
-exports.FlashMessagesContainerInstance = function () { return react_1.default.createElement(FlashMessagesContainer_1.FlashMessagesContainer, { ref: FlashMessagesService_1.flashMessagesRef }); };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlc0NvbnRhaW5lckluc3RhbmNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL0ZsYXNoTWVzc2FnZXNDb250YWluZXJJbnN0YW5jZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBQzFCLDRFQUF1RTtBQUN2RSxtRUFBa0U7QUFFckQsUUFBQSw4QkFBOEIsR0FBYSxjQUFNLE9BQUEsOEJBQUMsK0NBQXNCLElBQUMsR0FBRyxFQUFFLHVDQUFnQixHQUFJLEVBQWpELENBQWlELENBQUMifQ==
+var FlashMessagesContainerInstance = function () { return react_1.default.createElement(FlashMessagesContainer_1.FlashMessagesContainer, { ref: FlashMessagesService_1.flashMessagesRef }); };
+exports.FlashMessagesContainerInstance = FlashMessagesContainerInstance;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlc0NvbnRhaW5lckluc3RhbmNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL0ZsYXNoTWVzc2FnZXNDb250YWluZXJJbnN0YW5jZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBQzFCLDRFQUF1RTtBQUN2RSxtRUFBa0U7QUFFM0QsSUFBTSw4QkFBOEIsR0FBYSxjQUFNLE9BQUEsOEJBQUMsK0NBQXNCLElBQUMsR0FBRyxFQUFFLHVDQUFnQixHQUFJLEVBQWpELENBQWlELENBQUM7QUFBbkcsUUFBQSw4QkFBOEIsa0NBQXFFIn0=

package/lib/FlashMessages/index.js

@@ -7,7 +7,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./FlashMessagesContainerInstance"), exports);

package/lib/FlashMessages/styles.d.ts

@@ -2,7 +2,7 @@ import { FlashMessageVariant } from "./types";
 export declare const variantIcon: {
     [variant in FlashMessageVariant]: any;
 };
-export declare const useStyles: (props?: any) => Record<"error" | "message" | "success" | "info" | "warning" | "buttonIcon" | "messageIcon", string>;
+export declare const useStyles: (props?: any) => import("@mui/styles/withStyles").ClassNameMap<"success" | "error" | "info" | "warning" | "message" | "buttonIcon" | "messageIcon">;
 export declare const TRANSITION_DELAY = 150;
 export declare const TRANSITION_DOWN_DURATION = 200;
 export declare const getTransitionStyles: (offset: number) => any;

package/lib/FlashMessages/styles.js

@@ -4,19 +4,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTransitionStyles = exports.TRANSITION_DOWN_DURATION = exports.TRANSITION_DELAY = exports.useStyles = exports.variantIcon = void 0;
-var colors_1 = require("@material-ui/core/colors");
-var styles_1 = require("@material-ui/core/styles");
-var CheckCircle_1 = __importDefault(require("@material-ui/icons/CheckCircle"));
-var Error_1 = __importDefault(require("@material-ui/icons/Error"));
-var Info_1 = __importDefault(require("@material-ui/icons/Info"));
-var Warning_1 = __importDefault(require("@material-ui/icons/Warning"));
+var colors_1 = require("@mui/material/colors");
+var makeStyles_1 = __importDefault(require("@mui/styles/makeStyles"));
+var CheckCircle_1 = __importDefault(require("@mui/icons-material/CheckCircle"));
+var Error_1 = __importDefault(require("@mui/icons-material/Error"));
+var Info_1 = __importDefault(require("@mui/icons-material/Info"));
+var Warning_1 = __importDefault(require("@mui/icons-material/Warning"));
 exports.variantIcon = {
     success: CheckCircle_1.default,
     warning: Warning_1.default,
     error: Error_1.default,
     info: Info_1.default,
 };
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, makeStyles_1.default)(function (theme) { return ({
     success: {
         backgroundColor: colors_1.green[600],
     },
@@ -44,7 +44,7 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
 }); });
 exports.TRANSITION_DELAY = 150;
 exports.TRANSITION_DOWN_DURATION = 200;
-exports.getTransitionStyles = function (offset) { return ({
+var getTransitionStyles = function (offset) { return ({
     bottom: offset,
     WebKitTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
     MozTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
@@ -53,4 +53,5 @@ exports.getTransitionStyles = function (offset) { return ({
     transition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
     transitionDelay: exports.TRANSITION_DELAY + "ms",
 }); };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBd0Q7QUFDeEQsbURBQTZEO0FBQzdELCtFQUE2RDtBQUM3RCxtRUFBaUQ7QUFDakQsaUVBQStDO0FBQy9DLHVFQUFxRDtBQUd4QyxRQUFBLFdBQVcsR0FBOEM7SUFDbEUsT0FBTyxFQUFFLHFCQUFlO0lBQ3hCLE9BQU8sRUFBRSxpQkFBVztJQUNwQixLQUFLLEVBQUUsZUFBUztJQUNoQixJQUFJLEVBQUUsY0FBUTtDQUNqQixDQUFDO0FBRVcsUUFBQSxTQUFTLEdBQUcsbUJBQVUsQ0FBQyxVQUFDLEtBQVksSUFBSyxPQUFBLENBQUM7SUFDbkQsT0FBTyxFQUFFO1FBQ0wsZUFBZSxFQUFFLGNBQUssQ0FBQyxHQUFHLENBQUM7S0FDOUI7SUFDRCxLQUFLLEVBQUU7UUFDSCxlQUFlLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSTtLQUM1QztJQUNELElBQUksRUFBRTtRQUNGLGVBQWUsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJO0tBQzlDO0lBQ0QsT0FBTyxFQUFFO1FBQ0wsZUFBZSxFQUFFLGNBQUssQ0FBQyxHQUFHLENBQUM7S0FDOUI7SUFDRCxVQUFVLEVBQUU7UUFDUixRQUFRLEVBQUUsRUFBRTtLQUNmO0lBQ0QsV0FBVyxFQUFFO1FBQ1QsUUFBUSxFQUFFLEVBQUU7UUFDWixPQUFPLEVBQUUsR0FBRztRQUNaLFdBQVcsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztLQUNoQztJQUNELE9BQU8sRUFBRTtRQUNMLE9BQU8sRUFBRSxNQUFNO1FBQ2YsVUFBVSxFQUFFLFFBQVE7S0FDdkI7Q0FDSixDQUFDLEVBekJvRCxDQXlCcEQsQ0FBQyxDQUFDO0FBRVMsUUFBQSxnQkFBZ0IsR0FBRyxHQUFHLENBQUM7QUFDdkIsUUFBQSx3QkFBd0IsR0FBRyxHQUFHLENBQUM7QUFFL0IsUUFBQSxtQkFBbUIsR0FBRyxVQUFDLE1BQWMsSUFBVSxPQUFBLENBQUM7SUFDekQsTUFBTSxFQUFFLE1BQU07SUFDZCxnQkFBZ0IsRUFBRSxTQUFPLGdDQUF3QixPQUFJO0lBQ3JELGFBQWEsRUFBRSxTQUFPLGdDQUF3QixPQUFJO0lBQ2xELFlBQVksRUFBRSxTQUFPLGdDQUF3QixPQUFJO0lBQ2pELFdBQVcsRUFBRSxTQUFPLGdDQUF3QixPQUFJO0lBQ2hELFVBQVUsRUFBRSxTQUFPLGdDQUF3QixPQUFJO0lBQy9DLGVBQWUsRUFBSyx3QkFBZ0IsT0FBSTtDQUMzQyxDQUFDLEVBUjBELENBUTFELENBQUMifQ==
+exports.getTransitionStyles = getTransitionStyles;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwrQ0FBb0Q7QUFFcEQsc0VBQWdEO0FBQ2hELGdGQUE4RDtBQUM5RCxvRUFBa0Q7QUFDbEQsa0VBQWdEO0FBQ2hELHdFQUFzRDtBQUd6QyxRQUFBLFdBQVcsR0FBOEM7SUFDbEUsT0FBTyxFQUFFLHFCQUFlO0lBQ3hCLE9BQU8sRUFBRSxpQkFBVztJQUNwQixLQUFLLEVBQUUsZUFBUztJQUNoQixJQUFJLEVBQUUsY0FBUTtDQUNqQixDQUFDO0FBRVcsUUFBQSxTQUFTLEdBQUcsSUFBQSxvQkFBVSxFQUFDLFVBQUMsS0FBWSxJQUFLLE9BQUEsQ0FBQztJQUNuRCxPQUFPLEVBQUU7UUFDTCxlQUFlLEVBQUUsY0FBSyxDQUFDLEdBQUcsQ0FBQztLQUM5QjtJQUNELEtBQUssRUFBRTtRQUNILGVBQWUsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJO0tBQzVDO0lBQ0QsSUFBSSxFQUFFO1FBQ0YsZUFBZSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUk7S0FDOUM7SUFDRCxPQUFPLEVBQUU7UUFDTCxlQUFlLEVBQUUsY0FBSyxDQUFDLEdBQUcsQ0FBQztLQUM5QjtJQUNELFVBQVUsRUFBRTtRQUNSLFFBQVEsRUFBRSxFQUFFO0tBQ2Y7SUFDRCxXQUFXLEVBQUU7UUFDVCxRQUFRLEVBQUUsRUFBRTtRQUNaLE9BQU8sRUFBRSxHQUFHO1FBQ1osV0FBVyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0tBQ2hDO0lBQ0QsT0FBTyxFQUFFO1FBQ0wsT0FBTyxFQUFFLE1BQU07UUFDZixVQUFVLEVBQUUsUUFBUTtLQUN2QjtDQUNKLENBQUMsRUF6Qm9ELENBeUJwRCxDQUFDLENBQUM7QUFFUyxRQUFBLGdCQUFnQixHQUFHLEdBQUcsQ0FBQztBQUN2QixRQUFBLHdCQUF3QixHQUFHLEdBQUcsQ0FBQztBQUVyQyxJQUFNLG1CQUFtQixHQUFHLFVBQUMsTUFBYyxJQUFVLE9BQUEsQ0FBQztJQUN6RCxNQUFNLEVBQUUsTUFBTTtJQUNkLGdCQUFnQixFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDckQsYUFBYSxFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDbEQsWUFBWSxFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDakQsV0FBVyxFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDaEQsVUFBVSxFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDL0MsZUFBZSxFQUFLLHdCQUFnQixPQUFJO0NBQzNDLENBQUMsRUFSMEQsQ0FRMUQsQ0FBQztBQVJVLFFBQUEsbUJBQW1CLHVCQVE3QiJ9

package/lib/Layout/AppBar.js

@@ -4,18 +4,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppBar = void 0;
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var AccountCircle_1 = __importDefault(require("@mui/icons-material/AccountCircle"));
+var Reply_1 = __importDefault(require("@mui/icons-material/Reply"));
+var AppBar_1 = __importDefault(require("@mui/material/AppBar"));
+var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
 var react_1 = __importDefault(require("react"));
+var config_1 = require("../../config");
 var styles_1 = require("./styles");
-exports.AppBar = function (props) {
-    var classes = styles_1.useAppBarStyles(props);
-    var Breadcrumbs = props.Breadcrumbs, subtitle = props.subtitle, title = props.title;
-    return (react_1.default.createElement("header", { className: classes.root },
-        react_1.default.createElement("div", { className: classes.container },
-            react_1.default.createElement("div", { className: classes.toolbar },
-                react_1.default.createElement("div", { className: classes.toolbarText },
-                    Breadcrumbs,
-                    react_1.default.createElement(Typography_1.default, { color: "inherit", component: "h2", variant: "h4" }, title),
-                    !!subtitle && (react_1.default.createElement(Typography_1.default, { className: classes.subtitle, color: "textSecondary", component: "p", variant: "body1" }, subtitle)))))));
+var AppBar = function (props) {
+    var Logo = props.Logo;
+    return (react_1.default.createElement(AppBar_1.default, { position: "fixed", sx: {
+            zIndex: function (theme) { return theme.zIndex.drawer + 1; },
+            width: "100%",
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+        } },
+        react_1.default.createElement(styles_1.LogoContainer, null, Logo !== null && Logo !== void 0 ? Logo : config_1.config.get("app-name")),
+        react_1.default.createElement(Toolbar_1.default, { style: { flex: 1, justifyContent: "flex-end" } },
+            react_1.default.createElement(IconButton_1.default, { size: "large", color: "inherit" },
+                react_1.default.createElement(Reply_1.default, null)),
+            react_1.default.createElement(IconButton_1.default, { size: "large", color: "inherit" },
+                react_1.default.createElement(AccountCircle_1.default, null)))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXBwQmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvQXBwQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSw0RUFBc0Q7QUFDdEQsZ0RBQWtDO0FBQ2xDLG1DQUEyQztBQUc5QixRQUFBLE1BQU0sR0FBb0IsVUFBQyxLQUFLO0lBQ3pDLElBQU0sT0FBTyxHQUFHLHdCQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsSUFBQSxXQUFXLEdBQXNCLEtBQUssWUFBM0IsRUFBRSxRQUFRLEdBQVksS0FBSyxTQUFqQixFQUFFLEtBQUssR0FBSyxLQUFLLE1BQVYsQ0FBVztJQUUvQyxPQUFPLENBQ0gsMENBQVEsU0FBUyxFQUFFLE9BQU8sQ0FBQyxJQUFJO1FBQzNCLHVDQUFLLFNBQVMsRUFBRSxPQUFPLENBQUMsU0FBUztZQUM3Qix1Q0FBSyxTQUFTLEVBQUUsT0FBTyxDQUFDLE9BQU87Z0JBQzNCLHVDQUFLLFNBQVMsRUFBRSxPQUFPLENBQUMsV0FBVztvQkFDOUIsV0FBVztvQkFDWiw4QkFBQyxvQkFBVSxJQUFDLEtBQUssRUFBQyxTQUFTLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsSUFBSSxJQUNsRCxLQUFLLENBQ0c7b0JBQ1osQ0FBQyxDQUFDLFFBQVEsSUFBSSxDQUNYLDhCQUFDLG9CQUFVLElBQ1AsU0FBUyxFQUFFLE9BQU8sQ0FBQyxRQUFRLEVBQzNCLEtBQUssRUFBQyxlQUFlLEVBQ3JCLFNBQVMsRUFBQyxHQUFHLEVBQ2IsT0FBTyxFQUFDLE9BQU8sSUFFZCxRQUFRLENBQ0EsQ0FDaEIsQ0FDQyxDQUNKLENBQ0osQ0FDRCxDQUNaLENBQUM7QUFDTixDQUFDLENBQUMifQ==
+exports.AppBar = AppBar;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXBwQmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvQXBwQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxvRkFBa0U7QUFDbEUsb0VBQWtEO0FBQ2xELGdFQUE2QztBQUM3Qyx3RUFBa0Q7QUFDbEQsa0VBQTRDO0FBQzVDLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFFdEMsbUNBQXlDO0FBRWxDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7SUFDakMsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFDdkIsT0FBTyxDQUNILDhCQUFDLGdCQUFTLElBQ04sUUFBUSxFQUFDLE9BQU8sRUFDaEIsRUFBRSxFQUFFO1lBQ0EsTUFBTSxFQUFFLFVBQUMsS0FBSyxJQUFLLE9BQUEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUF2QixDQUF1QjtZQUMxQyxLQUFLLEVBQUUsTUFBTTtZQUNiLE9BQU8sRUFBRSxNQUFNO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7U0FDdkI7UUFFRCw4QkFBQyxzQkFBYSxRQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLGVBQU0sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQWlCO1FBQy9ELDhCQUFDLGlCQUFPLElBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFO1lBQ25ELDhCQUFDLG9CQUFVLElBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsU0FBUztnQkFDcEMsOEJBQUMsZUFBUyxPQUFHLENBQ0o7WUFDYiw4QkFBQyxvQkFBVSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLFNBQVM7Z0JBQ3BDLDhCQUFDLHVCQUFpQixPQUFHLENBQ1osQ0FDUCxDQUNGLENBQ2YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXhCVyxRQUFBLE1BQU0sVUF3QmpCIn0=

package/lib/Layout/Layout.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -25,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -34,25 +23,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var CssBaseline_1 = __importDefault(require("@material-ui/core/CssBaseline"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
+var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var head_1 = __importDefault(require("next/head"));
+var react_1 = __importStar(require("react"));
 var config_1 = require("../../config");
 var CmsProvider_1 = require("../CmsProvider");
 var AppBar_1 = require("./AppBar");
-var head_1 = __importDefault(require("next/head"));
-var react_1 = __importStar(require("react"));
 var Sidebar_1 = require("./Sidebar");
 var styles_1 = require("./styles");
-exports.Layout = function (props) {
-    var classes = styles_1.useLayoutStyles(props);
-    var children = props.children, title = props.title, Logo = props.Logo, Menu = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu;
-    var close = CmsProvider_1.useCmsContext("sidebar").close;
-    var onClick = react_1.useCallback(function () {
+var Layout = function (props) {
+    var children = props.children, title = props.title, Logo = props.Logo, Menu = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, header = props.header, Breadcrumbs = props.Breadcrumbs;
+    var close = (0, CmsProvider_1.useCmsContext)("sidebar").close;
+    var onClick = (0, react_1.useCallback)(function () {
         if (window.innerWidth < 1280) {
             close();
         }
     }, [close]);
-    return (react_1.default.createElement("div", { className: classes.root, onClick: onClick },
+    return (react_1.default.createElement(styles_1.LayoutRoot, { onClick: onClick },
         react_1.default.createElement(head_1.default, null,
             react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
             react_1.default.createElement("meta", { charSet: "utf-8" }),
@@ -61,9 +51,15 @@ exports.Layout = function (props) {
                 " | ",
                 config_1.config.get("app-name"))),
         react_1.default.createElement(CssBaseline_1.default, null),
-        react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Menu: Menu, Logo: Logo, UserMenu: UserMenu }),
-        react_1.default.createElement("div", { className: classes.content },
-            react_1.default.createElement(AppBar_1.AppBar, __assign({}, props)),
-            react_1.default.createElement(Box_1.default, { className: classes.pageContent }, children))));
+        react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo }),
+        react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Menu: Menu, UserMenu: UserMenu }),
+        react_1.default.createElement(Box_1.default, { component: "main", sx: { flexGrow: 1 } },
+            react_1.default.createElement(Toolbar_1.default, null),
+            react_1.default.createElement(styles_1.LayoutHeader, { sx: { p: 6, pt: 3 } },
+                Breadcrumbs,
+                react_1.default.createElement(Typography_1.default, { variant: "h4", component: "h2", color: "white" }, title),
+                header),
+            react_1.default.createElement(Box_1.default, { sx: { padding: 3 } }, children))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw4REFBd0M7QUFDeEMsOEVBQXdEO0FBQ3hELHVDQUFzQztBQUN0Qyw4Q0FBK0M7QUFDL0MsbUNBQWtDO0FBQ2xDLG1EQUE2QjtBQUM3Qiw2Q0FBK0M7QUFDL0MscUNBQW9DO0FBRXBDLG1DQUEyQztBQUU5QixRQUFBLE1BQU0sR0FBb0IsVUFBQyxLQUFLO0lBQ3pDLElBQU0sT0FBTyxHQUFHLHdCQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsSUFBQSxRQUFRLEdBQXFELEtBQUssU0FBMUQsRUFBRSxLQUFLLEdBQThDLEtBQUssTUFBbkQsRUFBRSxJQUFJLEdBQXdDLEtBQUssS0FBN0MsRUFBRSxJQUFJLEdBQWtDLEtBQUssS0FBdkMsRUFBRSxpQkFBaUIsR0FBZSxLQUFLLGtCQUFwQixFQUFFLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUVuRSxJQUFBLEtBQUssR0FBSywyQkFBYSxDQUFDLFNBQVMsQ0FBQyxNQUE3QixDQUE4QjtJQUUzQyxJQUFNLE9BQU8sR0FBRyxtQkFBVyxDQUFDO1FBQ3hCLElBQUksTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLEVBQUU7WUFDMUIsS0FBSyxFQUFFLENBQUM7U0FDWDtJQUNMLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFFWixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFFLE9BQU8sQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU87UUFDMUMsOEJBQUMsY0FBSTtZQUNELHdDQUFNLElBQUksRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFDLHFDQUFxQyxHQUFHO1lBQ3RFLHdDQUFNLE9BQU8sRUFBQyxPQUFPLEdBQUc7WUFDeEI7Z0JBQ0ssS0FBSzs7Z0JBQUssZUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FDN0IsQ0FDTDtRQUNQLDhCQUFDLHFCQUFXLE9BQUc7UUFDZiw4QkFBQyxpQkFBTyxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO1FBQzdGLHVDQUFLLFNBQVMsRUFBRSxPQUFPLENBQUMsT0FBTztZQUMzQiw4QkFBQyxlQUFNLGVBQUssS0FBSyxFQUFJO1lBQ3JCLDhCQUFDLGFBQUcsSUFBQyxTQUFTLEVBQUUsT0FBTyxDQUFDLFdBQVcsSUFBRyxRQUFRLENBQU8sQ0FDbkQsQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUMifQ==
+exports.Layout = Layout;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDBFQUFvRDtBQUNwRCxrRUFBNEM7QUFDNUMsd0VBQWtEO0FBQ2xELG1EQUE2QjtBQUM3Qiw2Q0FBK0M7QUFDL0MsdUNBQXNDO0FBQ3RDLDhDQUErQztBQUMvQyxtQ0FBa0M7QUFDbEMscUNBQW9DO0FBQ3BDLG1DQUFvRDtBQUc3QyxJQUFNLE1BQU0sR0FBb0IsVUFBQyxLQUFLO0lBQ2pDLElBQUEsUUFBUSxHQUEwRSxLQUFLLFNBQS9FLEVBQUUsS0FBSyxHQUFtRSxLQUFLLE1BQXhFLEVBQUUsSUFBSSxHQUE2RCxLQUFLLEtBQWxFLEVBQUUsSUFBSSxHQUF1RCxLQUFLLEtBQTVELEVBQUUsaUJBQWlCLEdBQW9DLEtBQUssa0JBQXpDLEVBQUUsUUFBUSxHQUEwQixLQUFLLFNBQS9CLEVBQUUsTUFBTSxHQUFrQixLQUFLLE9BQXZCLEVBQUUsV0FBVyxHQUFLLEtBQUssWUFBVixDQUFXO0lBRXhGLElBQUEsS0FBSyxHQUFLLElBQUEsMkJBQWEsRUFBQyxTQUFTLENBQUMsTUFBN0IsQ0FBOEI7SUFFM0MsSUFBTSxPQUFPLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQ3hCLElBQUksTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLEVBQUU7WUFDMUIsS0FBSyxFQUFFLENBQUM7U0FDWDtJQUNMLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFFWixPQUFPLENBQ0gsOEJBQUMsbUJBQVUsSUFBQyxPQUFPLEVBQUUsT0FBTztRQUN4Qiw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4QjtnQkFDSyxLQUFLOztnQkFBSyxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUM3QixDQUNMO1FBQ1AsOEJBQUMscUJBQVcsT0FBRztRQUNmLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO1FBQ3RCLDhCQUFDLGlCQUFPLElBQUMsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO1FBQ2pGLDhCQUFDLGFBQUcsSUFBQyxTQUFTLEVBQUMsTUFBTSxFQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQUU7WUFDckMsOEJBQUMsaUJBQU8sT0FBRztZQUNYLDhCQUFDLHFCQUFZLElBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFO2dCQUM1QixXQUFXO2dCQUNaLDhCQUFDLG9CQUFVLElBQUMsT0FBTyxFQUFDLElBQUksRUFBQyxTQUFTLEVBQUMsSUFBSSxFQUFDLEtBQUssRUFBQyxPQUFPLElBQ2hELEtBQUssQ0FDRztnQkFDWixNQUFNLENBQ0k7WUFDZiw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxJQUFHLFFBQVEsQ0FBTyxDQUN2QyxDQUNHLENBQ2hCLENBQUM7QUFDTixDQUFDLENBQUM7QUFwQ1csUUFBQSxNQUFNLFVBb0NqQiJ9

package/lib/Layout/Sidebar.js

@@ -4,38 +4,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sidebar = void 0;
-var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
-var Drawer_1 = __importDefault(require("@material-ui/core/Drawer"));
-var clsx_1 = __importDefault(require("clsx"));
+var Drawer_1 = __importDefault(require("@mui/material/Drawer"));
+var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
 var react_1 = __importDefault(require("react"));
-var config_1 = require("../../config");
-var CmsProvider_1 = require("../CmsProvider");
 var Menu_1 = require("../Menu");
-var SidebarTrigger_1 = require("./SidebarTrigger");
-var styles_1 = require("./styles");
-exports.Sidebar = function (props) {
-    var _a, _b;
-    var Logo = props.Logo, MenuComponent = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu;
-    var classes = styles_1.useSidebarStyles(props);
-    var isOpen = CmsProvider_1.useCmsContext("sidebar").isOpen;
-    var drawerClasses = clsx_1.default((_a = {},
-        _a[classes.sidebarOpen] = isOpen,
-        _a[classes.sidebarClose] = !isOpen,
-        _a[classes.drawerOpen] = isOpen,
-        _a[classes.drawerClose] = !isOpen,
-        _a));
-    return (react_1.default.createElement("div", { className: clsx_1.default(classes.root, (_b = {},
-            _b[classes.sidebarOpen] = isOpen,
-            _b[classes.sidebarClose] = !isOpen,
-            _b)), onClick: function (e) {
-            e.stopPropagation();
-        } },
-        react_1.default.createElement(Drawer_1.default, { classes: {
-                paper: drawerClasses,
-            }, className: drawerClasses, open: isOpen, variant: "permanent", ModalProps: { onBackdropClick: function () { return console.log("click!!!"); } } },
-            react_1.default.createElement("h1", { className: classes.logoContainer }, Logo !== null && Logo !== void 0 ? Logo : config_1.config.get("app-name")),
-            react_1.default.createElement(Divider_1.default, null), MenuComponent !== null && MenuComponent !== void 0 ? MenuComponent : (menuConfiguration ? react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration }) : null),
-            UserMenu),
-        react_1.default.createElement(SidebarTrigger_1.SidebarTrigger, null)));
+var drawerWidth = 240;
+var Sidebar = function (props) {
+    var MenuComponent = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu;
+    // const { isOpen } = useCmsContext("sidebar");
+    return (react_1.default.createElement(Drawer_1.default, { sx: {
+            width: drawerWidth,
+            flexShrink: 0,
+            "& .MuiDrawer-paper": {
+                width: drawerWidth,
+                boxSizing: "border-box",
+            },
+        }, variant: "permanent", anchor: "left" },
+        react_1.default.createElement(Toolbar_1.default, null), MenuComponent !== null && MenuComponent !== void 0 ? MenuComponent : (menuConfiguration ? react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration }) : null),
+        UserMenu));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLHNFQUFnRDtBQUNoRCxvRUFBOEM7QUFDOUMsOENBQXdCO0FBQ3hCLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFDdEMsOENBQStDO0FBQy9DLGdDQUErQjtBQUMvQixtREFBa0Q7QUFDbEQsbUNBQTRDO0FBRy9CLFFBQUEsT0FBTyxHQUFxQixVQUFDLEtBQUs7O0lBQ25DLElBQUEsSUFBSSxHQUF1RCxLQUFLLEtBQTVELEVBQVEsYUFBYSxHQUFrQyxLQUFLLEtBQXZDLEVBQUUsaUJBQWlCLEdBQWUsS0FBSyxrQkFBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFDekUsSUFBTSxPQUFPLEdBQUcseUJBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEMsSUFBQSxNQUFNLEdBQUssMkJBQWEsQ0FBQyxTQUFTLENBQUMsT0FBN0IsQ0FBOEI7SUFFNUMsSUFBTSxhQUFhLEdBQUcsY0FBSTtRQUN0QixHQUFDLE9BQU8sQ0FBQyxXQUFXLElBQUcsTUFBTTtRQUM3QixHQUFDLE9BQU8sQ0FBQyxZQUFZLElBQUcsQ0FBQyxNQUFNO1FBQy9CLEdBQUMsT0FBTyxDQUFDLFVBQVUsSUFBRyxNQUFNO1FBQzVCLEdBQUMsT0FBTyxDQUFDLFdBQVcsSUFBRyxDQUFDLE1BQU07WUFDaEMsQ0FBQztJQUVILE9BQU8sQ0FDSCx1Q0FDSSxTQUFTLEVBQUUsY0FBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJO1lBQ3hCLEdBQUMsT0FBTyxDQUFDLFdBQVcsSUFBRyxNQUFNO1lBQzdCLEdBQUMsT0FBTyxDQUFDLFlBQVksSUFBRyxDQUFDLE1BQU07Z0JBQ2pDLEVBQ0YsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNQLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixDQUFDO1FBRUQsOEJBQUMsZ0JBQU0sSUFDSCxPQUFPLEVBQUU7Z0JBQ0wsS0FBSyxFQUFFLGFBQWE7YUFDdkIsRUFDRCxTQUFTLEVBQUUsYUFBYSxFQUN4QixJQUFJLEVBQUUsTUFBTSxFQUNaLE9BQU8sRUFBQyxXQUFXLEVBQ25CLFVBQVUsRUFBRSxFQUFFLGVBQWUsRUFBRSxjQUFNLE9BQUEsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsRUFBdkIsQ0FBdUIsRUFBRTtZQUU5RCxzQ0FBSSxTQUFTLEVBQUUsT0FBTyxDQUFDLGFBQWEsSUFBRyxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFNO1lBQzNFLDhCQUFDLGlCQUFPLE9BQUcsRUFDVixhQUFhLGFBQWIsYUFBYSxjQUFiLGFBQWEsR0FBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFFLGlCQUFpQixHQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztZQUMvRSxRQUFRLENBQ0o7UUFDVCw4QkFBQywrQkFBYyxPQUFHLENBQ2hCLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQyJ9
+exports.Sidebar = Sidebar;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdFQUEwQztBQUMxQyxrRUFBNEM7QUFDNUMsZ0RBQWtDO0FBQ2xDLGdDQUErQjtBQUcvQixJQUFNLFdBQVcsR0FBRyxHQUFHLENBQUM7QUFFakIsSUFBTSxPQUFPLEdBQXFCLFVBQUMsS0FBSztJQUNuQyxJQUFNLGFBQWEsR0FBa0MsS0FBSyxLQUF2QyxFQUFFLGlCQUFpQixHQUFlLEtBQUssa0JBQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBQ25FLCtDQUErQztJQUUvQyxPQUFPLENBQ0gsOEJBQUMsZ0JBQU0sSUFDSCxFQUFFLEVBQUU7WUFDQSxLQUFLLEVBQUUsV0FBVztZQUNsQixVQUFVLEVBQUUsQ0FBQztZQUNiLG9CQUFvQixFQUFFO2dCQUNsQixLQUFLLEVBQUUsV0FBVztnQkFDbEIsU0FBUyxFQUFFLFlBQVk7YUFDMUI7U0FDSixFQUNELE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxNQUFNO1FBRWIsOEJBQUMsaUJBQU8sT0FBRyxFQUNWLGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsaUJBQWlCLEdBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9FLFFBQVEsQ0FDSixDQUNaLENBQUM7QUFDTixDQUFDLENBQUM7QUF0QlcsUUFBQSxPQUFPLFdBc0JsQiJ9

package/lib/Layout/index.js

@@ -7,7 +7,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Layout"), exports);

package/lib/Layout/styles.d.ts

@@ -1,4 +1,16 @@
-export declare const useLayoutStyles: (props?: any) => Record<"main" | "root" | "content" | "pageContent", string>;
-export declare const useAppBarStyles: (props?: any) => Record<"root" | "toolbar" | "container" | "toolbarText" | "subtitle" | "toolbarIcons", string>;
-export declare const useSidebarTriggerStyles: (props?: any) => Record<"sidebarTrigger" | "sidebarTriggerOpen" | "sidebarTriggerClose", string>;
-export declare const useSidebarStyles: (props?: any) => Record<"root" | "logoContainer" | "sidebarOpen" | "sidebarClose" | "drawerOpen" | "drawerClose" | "listItem", string>;
+/// <reference types="react" />
+export declare const LayoutRoot: import("@mui/system").StyledComponent<{
+    theme?: import("@mui/material/styles").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LayoutHeader: import("@mui/system").StyledComponent<{
+    theme?: import("@mui/material/styles").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LogoContainer: import("@mui/system").StyledComponent<{
+    theme?: import("@mui/material/styles").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/Layout/styles.js

@@ -1,166 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSidebarStyles = exports.useSidebarTriggerStyles = exports.useAppBarStyles = exports.useLayoutStyles = void 0;
-var core_1 = require("@material-ui/core");
-var LAYOUT_HEADER_HEIGHT = 128;
-var SIDEBAR_TRIGGER_RADIUS = 20;
+exports.LogoContainer = exports.LayoutHeader = exports.LayoutRoot = void 0;
+var styles_1 = require("@mui/material/styles");
 var SIDEBAR_WIDTH = 240;
-exports.useLayoutStyles = core_1.makeStyles(function (theme) {
-    var _a, _b;
+exports.LayoutRoot = (0, styles_1.styled)("div")(function () { return ({
+    display: "flex",
+}); });
+exports.LayoutHeader = (0, styles_1.styled)("div")(function (_a) {
+    var theme = _a.theme;
     return ({
-        root: {
-            display: "flex",
-        },
-        content: {
-            display: "flex",
-            flexDirection: "column",
-            flexGrow: 1,
-        },
-        main: (_a = {
-                paddingBottom: theme.spacing(11)
-            },
-            _a[theme.breakpoints.up("sm")] = {
-                paddingBottom: theme.spacing(13),
-            },
-            _a),
-        pageContent: (_b = {
-                paddingLeft: theme.spacing(2),
-                paddingRight: theme.spacing(2)
-            },
-            _b[theme.breakpoints.up("sm")] = {
-                paddingLeft: theme.spacing(3),
-                paddingRight: theme.spacing(3),
-            },
-            _b),
+        backgroundColor: theme.palette.primary.main,
     });
 });
-exports.useAppBarStyles = core_1.makeStyles(function (theme) {
-    var _a, _b;
-    return ({
-        root: {
-            marginBottom: theme.spacing(1),
-        },
-        container: (_a = {
-                alignItems: "center",
-                display: "flex",
-                minHeight: LAYOUT_HEADER_HEIGHT,
-                paddingLeft: theme.spacing(2)
-            },
-            _a[theme.breakpoints.up("sm")] = {
-                paddingLeft: theme.spacing(3),
-            },
-            _a),
-        toolbar: {
-            display: "flex",
-            flex: "1 1 auto",
-            padding: theme.spacing(2, 0),
-        },
-        toolbarText: {
-            flex: "1 1 auto",
-        },
-        subtitle: {
-            marginTop: theme.spacing(0.5),
-        },
-        toolbarIcons: (_b = {
-                alignItems: "center",
-                display: "flex",
-                flex: "0 0 auto",
-                justifyContent: "flex-end",
-                marginLeft: "auto",
-                paddingLeft: theme.spacing(1),
-                paddingRight: theme.spacing(2)
-            },
-            _b[theme.breakpoints.up("sm")] = {
-                paddingRight: theme.spacing(3),
-            },
-            _b),
-    });
-});
-exports.useSidebarTriggerStyles = core_1.makeStyles(function (theme) {
-    var _a;
-    return ({
-        sidebarTrigger: {
-            position: "fixed",
-            left: 0,
-            top: LAYOUT_HEADER_HEIGHT / 2 - SIDEBAR_TRIGGER_RADIUS,
-            zIndex: theme.zIndex.drawer + 1,
-        },
-        sidebarTriggerOpen: {
-            left: SIDEBAR_WIDTH - SIDEBAR_TRIGGER_RADIUS,
-            transition: theme.transitions.create("left", {
-                easing: theme.transitions.easing.sharp,
-                duration: theme.transitions.duration.enteringScreen,
-            }),
-        },
-        sidebarTriggerClose: (_a = {
-                left: theme.spacing(2) - SIDEBAR_TRIGGER_RADIUS,
-                transition: theme.transitions.create("left", {
-                    easing: theme.transitions.easing.sharp,
-                    duration: theme.transitions.duration.leavingScreen,
-                })
-            },
-            _a[theme.breakpoints.up("sm")] = {
-                left: theme.spacing(3) - SIDEBAR_TRIGGER_RADIUS,
-            },
-            _a),
-    });
-});
-exports.useSidebarStyles = core_1.makeStyles(function (theme) {
-    var _a, _b;
-    return ({
-        root: (_a = {
-                flexShrink: 0,
-                position: "relative",
-                width: theme.spacing(2)
-            },
-            _a[theme.breakpoints.up("sm")] = {
-                width: theme.spacing(3),
-            },
-            _a[theme.breakpoints.up("lg")] = {
-                width: SIDEBAR_WIDTH,
-            },
-            _a),
-        logoContainer: {
-            alignItems: "center",
-            display: "flex",
-            margin: 0,
-            minHeight: LAYOUT_HEADER_HEIGHT,
-            paddingLeft: theme.spacing(5),
-            paddingRight: theme.spacing(5),
-        },
-        sidebarOpen: {
-            transition: theme.transitions.create("width", {
-                easing: theme.transitions.easing.sharp,
-                duration: theme.transitions.duration.enteringScreen,
-            }),
-        },
-        sidebarClose: (_b = {
-                transition: theme.transitions.create("width", {
-                    easing: theme.transitions.easing.sharp,
-                    duration: theme.transitions.duration.leavingScreen,
-                }),
-                width: theme.spacing(2)
-            },
-            _b[theme.breakpoints.up("sm")] = {
-                width: theme.spacing(3),
-            },
-            _b),
-        drawerOpen: {
-            flexShrink: 0,
-            whiteSpace: "nowrap",
-            width: SIDEBAR_WIDTH,
-        },
-        drawerClose: {
-            overflow: "hidden",
-            "& > * > *": {
-                visibility: "hidden",
-            },
-        },
-        listItem: {
-            justifyContent: "center",
-            minWidth: theme.spacing(5),
-            marginRight: theme.spacing(2),
-        },
-    });
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDBDQUErQztBQUUvQyxJQUFNLG9CQUFvQixHQUFHLEdBQUcsQ0FBQztBQUNqQyxJQUFNLHNCQUFzQixHQUFHLEVBQUUsQ0FBQztBQUNsQyxJQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFFYixRQUFBLGVBQWUsR0FBRyxpQkFBVSxDQUFDLFVBQUMsS0FBSzs7SUFBSyxPQUFBLENBQUM7UUFDbEQsSUFBSSxFQUFFO1lBQ0YsT0FBTyxFQUFFLE1BQU07U0FDbEI7UUFDRCxPQUFPLEVBQUU7WUFDTCxPQUFPLEVBQUUsTUFBTTtZQUNmLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLFFBQVEsRUFBRSxDQUFDO1NBQ2Q7UUFDRCxJQUFJO2dCQUNBLGFBQWEsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzs7WUFDaEMsR0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBRztnQkFDMUIsYUFBYSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO2FBQ25DO2VBQ0o7UUFDRCxXQUFXO2dCQUNQLFdBQVcsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztnQkFDN0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDOztZQUM5QixHQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFHO2dCQUMxQixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7Z0JBQzdCLFlBQVksRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQzthQUNqQztlQUNKO0tBQ0osQ0FBQztBQXZCbUQsQ0F1Qm5ELENBQUMsQ0FBQztBQUVTLFFBQUEsZUFBZSxHQUFH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
+exports.LogoContainer = (0, styles_1.styled)("div")(function () { return ({
+    width: SIDEBAR_WIDTH,
+    justifyContent: "center",
+    height: "100%",
+}); });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtDQUE4QztBQUU5QyxJQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFFYixRQUFBLFVBQVUsR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQyxjQUFNLE9BQUEsQ0FBQztJQUMzQyxPQUFPLEVBQUUsTUFBTTtDQUNsQixDQUFDLEVBRjRDLENBRTVDLENBQUMsQ0FBQztBQUVTLFFBQUEsWUFBWSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssQ0FBQyxDQUFDLFVBQUMsRUFBUztRQUFQLEtBQUssV0FBQTtJQUFPLE9BQUEsQ0FBQztRQUN0RCxlQUFlLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSTtLQUM5QyxDQUFDO0FBRnVELENBRXZELENBQUMsQ0FBQztBQUVTLFFBQUEsYUFBYSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssQ0FBQyxDQUFDLGNBQU0sT0FBQSxDQUFDO0lBQzlDLEtBQUssRUFBRSxhQUFhO0lBQ3BCLGNBQWMsRUFBRSxRQUFRO0lBQ3hCLE1BQU0sRUFBRSxNQUFNO0NBQ2pCLENBQUMsRUFKK0MsQ0FJL0MsQ0FBQyxDQUFDIn0=