@uxf/cms 2.0.0-beta.5 → 2.0.0

package/lib/FlashMessages/FlashMessagesContainer.js

@@ -55,6 +55,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlashMessagesContainer = void 0;
+var styles_1 = require("./styles");
 var react_1 = __importDefault(require("react"));
 var FlashMessage_1 = require("./FlashMessage");
 var NOTIFICATION_HEIGHT = 48;
@@ -98,9 +99,9 @@ var FlashMessagesContainer = /** @class */ (function (_super) {
     FlashMessagesContainer.prototype.render = function () {
         var _this = this;
         var items = this.state.items;
-        return (react_1.default.createElement("div", null, items.map(function (item, index) { return (react_1.default.createElement(FlashMessage_1.FlashMessage, { key: item.config.id, onClose: _this.close, offset: getFlashMessageOffset(index), closing: item.closing, config: item.config })); })));
+        return (react_1.default.createElement(styles_1.Root, null, items.map(function (item, index) { return (react_1.default.createElement(FlashMessage_1.FlashMessage, { key: item.config.id, onClose: _this.close, offset: getFlashMessageOffset(index), closing: item.closing, config: item.config })); })));
     };
     return FlashMessagesContainer;
 }(react_1.default.Component));
 exports.FlashMessagesContainer = FlashMessagesContainer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlc0NvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvRmxhc2hNZXNzYWdlcy9GbGFzaE1lc3NhZ2VzQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsK0NBQThDO0FBRzlDLElBQU0sbUJBQW1CLEdBQUcsRUFBRSxDQUFDO0FBQy9CLElBQU0sbUJBQW1CLEdBQUcsRUFBRSxDQUFDO0FBQy9CLElBQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztBQUV2QixTQUFTLHFCQUFxQixDQUFDLEtBQWE7SUFDeEMsT0FBTyxXQUFXLEdBQUcsS0FBSyxHQUFHLENBQUMsbUJBQW1CLEdBQUcsbUJBQW1CLENBQUMsQ0FBQztBQUM3RSxDQUFDO0FBRUQ7SUFBNEMsMENBQWdEO0lBQ3hGLGdDQUFZLEtBQW1CO1FBQS9CLFlBQ0ksa0JBQU0sS0FBSyxDQUFDLFNBS2Y7UUFFTSxVQUFJLEdBQUcsVUFBQyxNQUEwQjtZQUNyQyxLQUFJLENBQUMsUUFBUSxDQUFDLFVBQUEsS0FBSzs7Z0JBQUksT0FBQSxDQUFDO29CQUNwQixLQUFLLHlDQUNFLEtBQUssQ0FBQyxLQUFLO3dCQUNkOzRCQUNJLE1BQU0sd0JBQ0MsTUFBTSxLQUNULEVBQUUsRUFBRSxNQUFBLE1BQU0sQ0FBQyxFQUFFLG1DQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxHQUNwRDs0QkFDRCxPQUFPLEVBQUUsS0FBSzt5QkFDakI7NkJBQ0o7aUJBQ0osQ0FBQyxDQUFBO2FBQUEsQ0FBQyxDQUFDO1FBQ1IsQ0FBQyxDQUFDO1FBRU0sWUFBTSxHQUFHLFVBQUMsTUFBMEI7WUFDeEMsS0FBSSxDQUFDLFFBQVEsQ0FBQyxVQUFBLEtBQUssSUFBSSxPQUFBLENBQUM7Z0JBQ3BCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRSxLQUFLLE1BQU0sQ0FBQyxFQUFFLEVBQXpCLENBQXlCLENBQUM7YUFDNUQsQ0FBQyxFQUZxQixDQUVyQixDQUFDLENBQUM7UUFDUixDQUFDLENBQUM7UUFFSyxXQUFLLEdBQUcsVUFBQyxNQUEwQjtZQUN0QyxLQUFJLENBQUMsUUFBUSxDQUNULFVBQUEsS0FBSyxJQUFJLE9BQUEsQ0FBQztnQkFDTixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRSxLQUFLLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQyx1QkFBTSxDQUFDLEtBQUUsT0FBTyxFQUFFLElBQUksSUFBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQXpELENBQXlELENBQUM7YUFDekYsQ0FBQyxFQUZPLENBRVAsRUFDRixjQUFNLE9BQUEsVUFBVSxDQUFDLGNBQU0sT0FBQSxLQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFuQixDQUFtQixFQUFFLEdBQUcsQ0FBQyxFQUExQyxDQUEwQyxDQUNuRCxDQUFDO1FBQ04sQ0FBQyxDQUFDO1FBakNFLEtBQUksQ0FBQyxLQUFLLEdBQUc7WUFDVCxLQUFLLEVBQUUsRUFBRTtTQUNaLENBQUM7O0lBQ04sQ0FBQztJQWdDTSx1Q0FBTSxHQUFiO1FBQUEsaUJBZUM7UUFkVyxJQUFBLEtBQUssR0FBSyxJQUFJLENBQUMsS0FBSyxNQUFmLENBQWdCO1FBQzdCLE9BQU8sQ0FDSCwyQ0FDSyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUssSUFBSyxPQUFBLENBQ3hCLDhCQUFDLDJCQUFZLElBQ1QsR0FBRyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUNuQixPQUFPLEVBQUUsS0FBSSxDQUFDLEtBQUssRUFDbkIsTUFBTSxFQUFFLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxFQUNwQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFDckIsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEdBQ3JCLENBQ0wsRUFSMkIsQ0FRM0IsQ0FBQyxDQUNBLENBQ1QsQ0FBQztJQUNOLENBQUM7SUFDTCw2QkFBQztBQUFELENBQUMsQUF2REQsQ0FBNEMsZUFBSyxDQUFDLFNBQVMsR0F1RDFEO0FBdkRZLHdEQUFzQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlc0NvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvRmxhc2hNZXNzYWdlcy9GbGFzaE1lc3NhZ2VzQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtQ0FBZ0M7QUFDaEMsZ0RBQTBCO0FBQzFCLCtDQUE4QztBQUc5QyxJQUFNLG1CQUFtQixHQUFHLEVBQUUsQ0FBQztBQUMvQixJQUFNLG1CQUFtQixHQUFHLEVBQUUsQ0FBQztBQUMvQixJQUFNLFdBQVcsR0FBRyxFQUFFLENBQUM7QUFFdkIsU0FBUyxxQkFBcUIsQ0FBQyxLQUFhO0lBQ3hDLE9BQU8sV0FBVyxHQUFHLEtBQUssR0FBRyxDQUFDLG1CQUFtQixHQUFHLG1CQUFtQixDQUFDLENBQUM7QUFDN0UsQ0FBQztBQUVEO0lBQTRDLDBDQUFnRDtJQUN4RixnQ0FBWSxLQUFtQjtRQUEvQixZQUNJLGtCQUFNLEtBQUssQ0FBQyxTQUtmO1FBRU0sVUFBSSxHQUFHLFVBQUMsTUFBMEI7WUFDckMsS0FBSSxDQUFDLFFBQVEsQ0FBQyxVQUFDLEtBQUs7O2dCQUFLLE9BQUEsQ0FBQztvQkFDdEIsS0FBSyx5Q0FDRSxLQUFLLENBQUMsS0FBSzt3QkFDZDs0QkFDSSxNQUFNLHdCQUNDLE1BQU0sS0FDVCxFQUFFLEVBQUUsTUFBQSxNQUFNLENBQUMsRUFBRSxtQ0FBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FDcEQ7NEJBQ0QsT0FBTyxFQUFFLEtBQUs7eUJBQ2pCOzZCQUNKO2lCQUNKLENBQUMsQ0FBQTthQUFBLENBQUMsQ0FBQztRQUNSLENBQUMsQ0FBQztRQUVNLFlBQU0sR0FBRyxVQUFDLE1BQTBCO1lBQ3hDLEtBQUksQ0FBQyxRQUFRLENBQUMsVUFBQyxLQUFLLElBQUssT0FBQSxDQUFDO2dCQUN0QixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUUsS0FBSyxNQUFNLENBQUMsRUFBRSxFQUF6QixDQUF5QixDQUFDO2FBQzlELENBQUMsRUFGdUIsQ0FFdkIsQ0FBQyxDQUFDO1FBQ1IsQ0FBQyxDQUFDO1FBRUssV0FBSyxHQUFHLFVBQUMsTUFBMEI7WUFDdEMsS0FBSSxDQUFDLFFBQVEsQ0FDVCxVQUFDLEtBQUssSUFBSyxPQUFBLENBQUM7Z0JBQ1IsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUUsS0FBSyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUMsdUJBQU0sQ0FBQyxLQUFFLE9BQU8sRUFBRSxJQUFJLElBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUF6RCxDQUF5RCxDQUFDO2FBQzNGLENBQUMsRUFGUyxDQUVULEVBQ0YsY0FBTSxPQUFBLFVBQVUsQ0FBQyxjQUFNLE9BQUEsS0FBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBbkIsQ0FBbUIsRUFBRSxHQUFHLENBQUMsRUFBMUMsQ0FBMEMsQ0FDbkQsQ0FBQztRQUNOLENBQUMsQ0FBQztRQWpDRSxLQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1QsS0FBSyxFQUFFLEVBQUU7U0FDWixDQUFDOztJQUNOLENBQUM7SUFnQ00sdUNBQU0sR0FBYjtRQUFBLGlCQWVDO1FBZFcsSUFBQSxLQUFLLEdBQUssSUFBSSxDQUFDLEtBQUssTUFBZixDQUFnQjtRQUM3QixPQUFPLENBQ0gsOEJBQUMsYUFBSSxRQUNBLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDeEIsOEJBQUMsMkJBQVksSUFDVCxHQUFHLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQ25CLE9BQU8sRUFBRSxLQUFJLENBQUMsS0FBSyxFQUNuQixNQUFNLEVBQUUscUJBQXFCLENBQUMsS0FBSyxDQUFDLEVBQ3BDLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUNyQixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sR0FDckIsQ0FDTCxFQVIyQixDQVEzQixDQUFDLENBQ0MsQ0FDVixDQUFDO0lBQ04sQ0FBQztJQUNMLDZCQUFDO0FBQUQsQ0FBQyxBQXZERCxDQUE0QyxlQUFLLENBQUMsU0FBUyxHQXVEMUQ7QUF2RFksd0RBQXNCIn0=

package/lib/FlashMessages/styles.d.ts

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

package/lib/FlashMessages/styles.js

@@ -1,11 +1,16 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTransitionStyles = exports.TRANSITION_DOWN_DURATION = exports.TRANSITION_DELAY = exports.useStyles = exports.variantIcon = void 0;
+exports.getTransitionStyles = exports.TRANSITION_DOWN_DURATION = exports.TRANSITION_DELAY = exports.Root = exports.variantIcon = void 0;
+var react_1 = require("@emotion/react");
 var colors_1 = require("@mui/material/colors");
-var makeStyles_1 = __importDefault(require("@mui/styles/makeStyles"));
+var styles_1 = require("@mui/material/styles");
 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"));
@@ -16,42 +21,16 @@ exports.variantIcon = {
     error: Error_1.default,
     info: Info_1.default,
 };
-exports.useStyles = (0, makeStyles_1.default)(function (theme) { return ({
-    success: {
-        backgroundColor: colors_1.green[600],
-    },
-    error: {
-        backgroundColor: theme.palette.error.dark,
-    },
-    info: {
-        backgroundColor: theme.palette.primary.dark,
-    },
-    warning: {
-        backgroundColor: colors_1.amber[700],
-    },
-    buttonIcon: {
-        fontSize: 20,
-    },
-    messageIcon: {
-        fontSize: 20,
-        opacity: 0.9,
-        marginRight: theme.spacing(1),
-    },
-    message: {
-        display: "flex",
-        alignItems: "center",
-    },
-}); });
+exports.Root = (0, styles_1.styled)("div")(function (_a) {
+    var theme = _a.theme;
+    return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        .MuiSnackbarContent-root {\n            &.success {\n                background-color: ", ";\n            }\n\n            &.error {\n                background-color: ", ";\n            }\n\n            &.info {\n                background-color: ", ";\n            }\n\n            &.warning {\n                background-color: ", ";\n            }\n        }\n    "], ["\n        .MuiSnackbarContent-root {\n            &.success {\n                background-color: ", ";\n            }\n\n            &.error {\n                background-color: ", ";\n            }\n\n            &.info {\n                background-color: ", ";\n            }\n\n            &.warning {\n                background-color: ", ";\n            }\n        }\n    "])), colors_1.green[600], theme.palette.error.dark, theme.palette.primary.dark, colors_1.amber[700]);
+});
 exports.TRANSITION_DELAY = 150;
 exports.TRANSITION_DOWN_DURATION = 200;
 var getTransitionStyles = function (offset) { return ({
     bottom: offset,
-    WebKitTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
-    MozTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
-    msTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
-    OTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
-    transition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
-    transitionDelay: exports.TRANSITION_DELAY + "ms",
+    transition: "all " + exports.TRANSITION_DOWN_DURATION + "ms ease-in-out " + exports.TRANSITION_DELAY + "ms",
 }); };
 exports.getTransitionStyles = getTransitionStyles;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwrQ0FBb0Q7QUFFcEQsc0VBQWdEO0FBQ2hELGdGQUE4RDtBQUM5RCxvRUFBa0Q7QUFDbEQsa0VBQWdEO0FBQ2hELHdFQUFzRDtBQUd6QyxRQUFBLFdBQVcsR0FBOEM7SUFDbEUsT0FBTyxFQUFFLHFCQUFlO0lBQ3hCLE9BQU8sRUFBRSxpQkFBVztJQUNwQixLQUFLLEVBQUUsZUFBUztJQUNoQixJQUFJLEVBQUUsY0FBUTtDQUNqQixDQUFDO0FBRVcsUUFBQSxTQUFTLEdBQUcsSUFBQSxvQkFBVSxFQUFDLFVBQUMsS0FBWSxJQUFLLE9BQUEsQ0FBQztJQUNuRCxPQUFPLEVBQUU7UUFDTCxlQUFlLEVBQUUsY0FBSyxDQUFDLEdBQUcsQ0FBQztLQUM5QjtJQUNELEtBQUssRUFBRTtRQUNILGVBQWUsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJO0tBQzVDO0lBQ0QsSUFBSSxFQUFFO1FBQ0YsZUFBZSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUk7S0FDOUM7SUFDRCxPQUFPLEVBQUU7UUFDTCxlQUFlLEVBQUUsY0FBSyxDQUFDLEdBQUcsQ0FBQztLQUM5QjtJQUNELFVBQVUsRUFBRTtRQUNSLFFBQVEsRUFBRSxFQUFFO0tBQ2Y7SUFDRCxXQUFXLEVBQUU7UUFDVCxRQUFRLEVBQUUsRUFBRTtRQUNaLE9BQU8sRUFBRSxHQUFHO1FBQ1osV0FBVyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0tBQ2hDO0lBQ0QsT0FBTyxFQUFFO1FBQ0wsT0FBTyxFQUFFLE1BQU07UUFDZixVQUFVLEVBQUUsUUFBUTtLQUN2QjtDQUNKLENBQUMsRUF6Qm9ELENBeUJwRCxDQUFDLENBQUM7QUFFUyxRQUFBLGdCQUFnQixHQUFHLEdBQUcsQ0FBQztBQUN2QixRQUFBLHdCQUF3QixHQUFHLEdBQUcsQ0FBQztBQUVyQyxJQUFNLG1CQUFtQixHQUFHLFVBQUMsTUFBYyxJQUFVLE9BQUEsQ0FBQztJQUN6RCxNQUFNLEVBQUUsTUFBTTtJQUNkLGdCQUFnQixFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDckQsYUFBYSxFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDbEQsWUFBWSxFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDakQsV0FBVyxFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDaEQsVUFBVSxFQUFFLFNBQU8sZ0NBQXdCLE9BQUk7SUFDL0MsZUFBZSxFQUFLLHdCQUFnQixPQUFJO0NBQzNDLENBQUMsRUFSMEQsQ0FRMUQsQ0FBQztBQVJVLFFBQUEsbUJBQW1CLHVCQVE3QiJ9
+var templateObject_1;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsd0NBQXFDO0FBQ3JDLCtDQUFvRDtBQUNwRCwrQ0FBOEM7QUFDOUMsZ0ZBQThEO0FBQzlELG9FQUFrRDtBQUNsRCxrRUFBZ0Q7QUFDaEQsd0VBQXNEO0FBSXpDLFFBQUEsV0FBVyxHQUE4QztJQUNsRSxPQUFPLEVBQUUscUJBQWU7SUFDeEIsT0FBTyxFQUFFLGlCQUFXO0lBQ3BCLEtBQUssRUFBRSxlQUFTO0lBQ2hCLElBQUksRUFBRSxjQUFRO0NBQ2pCLENBQUM7QUFFVyxRQUFBLElBQUksR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FDN0IsVUFBQyxFQUFTO1FBQVAsS0FBSyxXQUFBO0lBQU8sV0FBQSxXQUFHLGdjQUFBLG1HQUdjLEVBQVUsK0VBSVYsRUFBd0IsOEVBSXhCLEVBQTBCLGlGQUkxQixFQUFVLG1DQUd6QyxLQWYrQixjQUFLLENBQUMsR0FBRyxDQUFDLEVBSVYsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUl4QixLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBSTFCLGNBQUssQ0FBQyxHQUFHLENBQUM7QUFmM0IsQ0FrQmQsQ0FDSixDQUFDO0FBRVcsUUFBQSxnQkFBZ0IsR0FBRyxHQUFHLENBQUM7QUFDdkIsUUFBQSx3QkFBd0IsR0FBRyxHQUFHLENBQUM7QUFFckMsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLE1BQWMsSUFBNkIsT0FBQSxDQUFDO0lBQzVFLE1BQU0sRUFBRSxNQUFNO0lBQ2QsVUFBVSxFQUFFLFNBQU8sZ0NBQXdCLHVCQUFrQix3QkFBZ0IsT0FBSTtDQUNwRixDQUFDLEVBSDZFLENBRzdFLENBQUM7QUFIVSxRQUFBLG1CQUFtQix1QkFHN0IifQ==

package/lib/Layout/AppBar.js

@@ -4,16 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppBar = void 0;
-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");
 var AppBar = function (props) {
-    var Logo = props.Logo;
+    var Logo = props.Logo, ToolbarRight = props.ToolbarRight;
     return (react_1.default.createElement(AppBar_1.default, { position: "fixed", sx: {
             zIndex: function (theme) { return theme.zIndex.drawer + 1; },
             width: "100%",
@@ -22,11 +19,10 @@ var AppBar = function (props) {
             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)))));
+        react_1.default.createElement(Toolbar_1.default, { sx: {
+                flex: 1,
+                justifyContent: "flex-end",
+            }, variant: "dense" }, ToolbarRight)));
 };
 exports.AppBar = AppBar;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXBwQmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvQXBwQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxvRkFBa0U7QUFDbEUsb0VBQWtEO0FBQ2xELGdFQUE2QztBQUM3Qyx3RUFBa0Q7QUFDbEQsa0VBQTRDO0FBQzVDLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFFdEMsbUNBQXlDO0FBRWxDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7SUFDakMsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFDdkIsT0FBTyxDQUNILDhCQUFDLGdCQUFTLElBQ04sUUFBUSxFQUFDLE9BQU8sRUFDaEIsRUFBRSxFQUFFO1lBQ0EsTUFBTSxFQUFFLFVBQUMsS0FBSyxJQUFLLE9BQUEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUF2QixDQUF1QjtZQUMxQyxLQUFLLEVBQUUsTUFBTTtZQUNiLE9BQU8sRUFBRSxNQUFNO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7U0FDdkI7UUFFRCw4QkFBQyxzQkFBYSxRQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLGVBQU0sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQWlCO1FBQy9ELDhCQUFDLGlCQUFPLElBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFO1lBQ25ELDhCQUFDLG9CQUFVLElBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsU0FBUztnQkFDcEMsOEJBQUMsZUFBUyxPQUFHLENBQ0o7WUFDYiw4QkFBQyxvQkFBVSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLFNBQVM7Z0JBQ3BDLDhCQUFDLHVCQUFpQixPQUFHLENBQ1osQ0FDUCxDQUNGLENBQ2YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXhCVyxRQUFBLE1BQU0sVUF3QmpCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXBwQmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvQXBwQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnRUFBNkM7QUFDN0Msa0VBQStDO0FBQy9DLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFDdEMsbUNBQXlDO0FBR2xDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7SUFDakMsSUFBQSxJQUFJLEdBQW1CLEtBQUssS0FBeEIsRUFBRSxZQUFZLEdBQUssS0FBSyxhQUFWLENBQVc7SUFDckMsT0FBTyxDQUNILDhCQUFDLGdCQUFTLElBQ04sUUFBUSxFQUFDLE9BQU8sRUFDaEIsRUFBRSxFQUFFO1lBQ0EsTUFBTSxFQUFFLFVBQUMsS0FBSyxJQUFLLE9BQUEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUF2QixDQUF1QjtZQUMxQyxLQUFLLEVBQUUsTUFBTTtZQUNiLE9BQU8sRUFBRSxNQUFNO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7U0FDdkI7UUFFRCw4QkFBQyxzQkFBYSxRQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLGVBQU0sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQWlCO1FBQy9ELDhCQUFDLGlCQUFVLElBQ1AsRUFBRSxFQUFFO2dCQUNBLElBQUksRUFBRSxDQUFDO2dCQUNQLGNBQWMsRUFBRSxVQUFVO2FBQzdCLEVBQ0QsT0FBTyxFQUFDLE9BQU8sSUFFZCxZQUFZLENBQ0osQ0FDTCxDQUNmLENBQUM7QUFDTixDQUFDLENBQUM7QUF6QlcsUUFBQSxNQUFNLFVBeUJqQiJ9

package/lib/Layout/Layout.js

@@ -23,6 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
+var material_1 = require("@mui/material");
 var Box_1 = __importDefault(require("@mui/material/Box"));
 var CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
 var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
@@ -35,7 +36,7 @@ var AppBar_1 = require("./AppBar");
 var Sidebar_1 = require("./Sidebar");
 var styles_1 = require("./styles");
 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 children = props.children, _a = props.title, title = _a === void 0 ? "Na\u010D\u00EDt\u00E1m\u2026" : _a, Logo = props.Logo, Menu = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, header = props.header, Breadcrumbs = props.Breadcrumbs, ToolbarRight = props.ToolbarRight, loading = props.loading;
     var close = (0, CmsProvider_1.useCmsContext)("sidebar").close;
     var onClick = (0, react_1.useCallback)(function () {
         if (window.innerWidth < 1280) {
@@ -51,15 +52,18 @@ var Layout = function (props) {
                 " | ",
                 config_1.config.get("app-name"))),
         react_1.default.createElement(CssBaseline_1.default, null),
-        react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo }),
+        react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo, ToolbarRight: ToolbarRight }),
         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),
+        react_1.default.createElement(Box_1.default, { component: "main", sx: { flexGrow: 1 } }, loading ? (react_1.default.createElement(Box_1.default, { minHeight: "60vh", display: "flex", alignItems: "center", justifyContent: "center" },
+            react_1.default.createElement(Box_1.default, { textAlign: "center" },
+                react_1.default.createElement(material_1.CircularProgress, null),
+                react_1.default.createElement(Typography_1.default, { mt: 1 }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Toolbar_1.default, { variant: "dense" }),
+            react_1.default.createElement(styles_1.LayoutHeader, { hasHeader: !!header, sx: { p: 3 } },
+                react_1.default.createElement("div", { style: { fontSize: 10 } }, Breadcrumbs),
+                react_1.default.createElement(Typography_1.default, { variant: "h4", component: "h2", color: header ? "#fff" : undefined }, title),
                 header),
-            react_1.default.createElement(Box_1.default, { sx: { padding: 3 } }, children))));
+            react_1.default.createElement(Box_1.default, { sx: { padding: 3 } }, children))))));
 };
 exports.Layout = Layout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDBFQUFvRDtBQUNwRCxrRUFBNEM7QUFDNUMsd0VBQWtEO0FBQ2xELG1EQUE2QjtBQUM3Qiw2Q0FBK0M7QUFDL0MsdUNBQXNDO0FBQ3RDLDhDQUErQztBQUMvQyxtQ0FBa0M7QUFDbEMscUNBQW9DO0FBQ3BDLG1DQUFvRDtBQUc3QyxJQUFNLE1BQU0sR0FBb0IsVUFBQyxLQUFLO0lBQ2pDLElBQUEsUUFBUSxHQUEwRSxLQUFLLFNBQS9FLEVBQUUsS0FBSyxHQUFtRSxLQUFLLE1BQXhFLEVBQUUsSUFBSSxHQUE2RCxLQUFLLEtBQWxFLEVBQUUsSUFBSSxHQUF1RCxLQUFLLEtBQTVELEVBQUUsaUJBQWlCLEdBQW9DLEtBQUssa0JBQXpDLEVBQUUsUUFBUSxHQUEwQixLQUFLLFNBQS9CLEVBQUUsTUFBTSxHQUFrQixLQUFLLE9BQXZCLEVBQUUsV0FBVyxHQUFLLEtBQUssWUFBVixDQUFXO0lBRXhGLElBQUEsS0FBSyxHQUFLLElBQUEsMkJBQWEsRUFBQyxTQUFTLENBQUMsTUFBN0IsQ0FBOEI7SUFFM0MsSUFBTSxPQUFPLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQ3hCLElBQUksTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLEVBQUU7WUFDMUIsS0FBSyxFQUFFLENBQUM7U0FDWDtJQUNMLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFFWixPQUFPLENBQ0gsOEJBQUMsbUJBQVUsSUFBQyxPQUFPLEVBQUUsT0FBTztRQUN4Qiw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4QjtnQkFDSyxLQUFLOztnQkFBSyxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUM3QixDQUNMO1FBQ1AsOEJBQUMscUJBQVcsT0FBRztRQUNmLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO1FBQ3RCLDhCQUFDLGlCQUFPLElBQUMsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO1FBQ2pGLDhCQUFDLGFBQUcsSUFBQyxTQUFTLEVBQUMsTUFBTSxFQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQUU7WUFDckMsOEJBQUMsaUJBQU8sT0FBRztZQUNYLDhCQUFDLHFCQUFZLElBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFO2dCQUM1QixXQUFXO2dCQUNaLDhCQUFDLG9CQUFVLElBQUMsT0FBTyxFQUFDLElBQUksRUFBQyxTQUFTLEVBQUMsSUFBSSxFQUFDLEtBQUssRUFBQyxPQUFPLElBQ2hELEtBQUssQ0FDRztnQkFDWixNQUFNLENBQ0k7WUFDZiw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxJQUFHLFFBQVEsQ0FBTyxDQUN2QyxDQUNHLENBQ2hCLENBQUM7QUFDTixDQUFDLENBQUM7QUFwQ1csUUFBQSxNQUFNLFVBb0NqQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMENBQWlEO0FBQ2pELDBEQUFvQztBQUNwQywwRUFBb0Q7QUFDcEQsa0VBQStDO0FBQy9DLHdFQUFrRDtBQUNsRCxtREFBNkI7QUFDN0IsNkNBQStDO0FBQy9DLHVDQUFzQztBQUN0Qyw4Q0FBK0M7QUFDL0MsbUNBQWtDO0FBQ2xDLHFDQUFvQztBQUNwQyxtQ0FBb0Q7QUFHN0MsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSztJQUVyQyxJQUFBLFFBQVEsR0FVUixLQUFLLFNBVkcsRUFDUixLQVNBLEtBQUssTUFUa0IsRUFBdkIsS0FBSyxtQkFBRyw4QkFBZSxLQUFBLEVBQ3ZCLElBQUksR0FRSixLQUFLLEtBUkQsRUFDSixJQUFJLEdBT0osS0FBSyxLQVBELEVBQ0osaUJBQWlCLEdBTWpCLEtBQUssa0JBTlksRUFDakIsUUFBUSxHQUtSLEtBQUssU0FMRyxFQUNSLE1BQU0sR0FJTixLQUFLLE9BSkMsRUFDTixXQUFXLEdBR1gsS0FBSyxZQUhNLEVBQ1gsWUFBWSxHQUVaLEtBQUssYUFGTyxFQUNaLE9BQU8sR0FDUCxLQUFLLFFBREUsQ0FDRDtJQUVGLElBQUEsS0FBSyxHQUFLLElBQUEsMkJBQWEsRUFBQyxTQUFTLENBQUMsTUFBN0IsQ0FBOEI7SUFFM0MsSUFBTSxPQUFPLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQ3hCLElBQUksTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLEVBQUU7WUFDMUIsS0FBSyxFQUFFLENBQUM7U0FDWDtJQUNMLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFFWixPQUFPLENBQ0gsOEJBQUMsbUJBQVUsSUFBQyxPQUFPLEVBQUUsT0FBTztRQUN4Qiw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4QjtnQkFDSyxLQUFLOztnQkFBSyxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUM3QixDQUNMO1FBQ1AsOEJBQUMscUJBQVcsT0FBRztRQUNmLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxZQUFZLEdBQUk7UUFDbEQsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUk7UUFDakYsOEJBQUMsYUFBRyxJQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxJQUNwQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1AsOEJBQUMsYUFBRyxJQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxVQUFVLEVBQUMsUUFBUSxFQUFDLGNBQWMsRUFBQyxRQUFRO1lBQzVFLDhCQUFDLGFBQUcsSUFBQyxTQUFTLEVBQUMsUUFBUTtnQkFDbkIsOEJBQUMsMkJBQWdCLE9BQUc7Z0JBQ3BCLDhCQUFDLG9CQUFVLElBQUMsRUFBRSxFQUFFLENBQUMsbUNBQThCLENBQzdDLENBQ0osQ0FDVCxDQUFDLENBQUMsQ0FBQyxDQUNBO1lBQ0ksOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHO1lBQzlCLDhCQUFDLHFCQUFZLElBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRTtnQkFDM0MsdUNBQUssS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxJQUFHLFdBQVcsQ0FBTztnQkFDakQsOEJBQUMsb0JBQVUsSUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFDLFNBQVMsRUFBQyxJQUFJLEVBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQ3JFLEtBQUssQ0FDRztnQkFDWixNQUFNLENBQ0k7WUFDZiw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxJQUFHLFFBQVEsQ0FBTyxDQUMxQyxDQUNOLENBQ0MsQ0FDRyxDQUNoQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMURXLFFBQUEsTUFBTSxVQTBEakIifQ==

package/lib/Layout/Sidebar.js

@@ -13,15 +13,15 @@ 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,
+            width: drawerWidth,
             "& .MuiDrawer-paper": {
-                width: drawerWidth,
                 boxSizing: "border-box",
+                width: drawerWidth,
             },
         }, 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),
+        react_1.default.createElement(Toolbar_1.default, { variant: "dense" }), MenuComponent !== null && MenuComponent !== void 0 ? MenuComponent : (menuConfiguration ? react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration }) : null),
         UserMenu));
 };
 exports.Sidebar = Sidebar;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdFQUEwQztBQUMxQyxrRUFBNEM7QUFDNUMsZ0RBQWtDO0FBQ2xDLGdDQUErQjtBQUcvQixJQUFNLFdBQVcsR0FBRyxHQUFHLENBQUM7QUFFakIsSUFBTSxPQUFPLEdBQXFCLFVBQUMsS0FBSztJQUNuQyxJQUFNLGFBQWEsR0FBa0MsS0FBSyxLQUF2QyxFQUFFLGlCQUFpQixHQUFlLEtBQUssa0JBQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBQ25FLCtDQUErQztJQUUvQyxPQUFPLENBQ0gsOEJBQUMsZ0JBQU0sSUFDSCxFQUFFLEVBQUU7WUFDQSxLQUFLLEVBQUUsV0FBVztZQUNsQixVQUFVLEVBQUUsQ0FBQztZQUNiLG9CQUFvQixFQUFFO2dCQUNsQixLQUFLLEVBQUUsV0FBVztnQkFDbEIsU0FBUyxFQUFFLFlBQVk7YUFDMUI7U0FDSixFQUNELE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxNQUFNO1FBRWIsOEJBQUMsaUJBQU8sT0FBRyxFQUNWLGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsaUJBQWlCLEdBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9FLFFBQVEsQ0FDSixDQUNaLENBQUM7QUFDTixDQUFDLENBQUM7QUF0QlcsUUFBQSxPQUFPLFdBc0JsQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdFQUEwQztBQUMxQyxrRUFBK0M7QUFDL0MsZ0RBQWtDO0FBQ2xDLGdDQUErQjtBQUcvQixJQUFNLFdBQVcsR0FBRyxHQUFHLENBQUM7QUFFakIsSUFBTSxPQUFPLEdBQXFCLFVBQUMsS0FBSztJQUNuQyxJQUFNLGFBQWEsR0FBa0MsS0FBSyxLQUF2QyxFQUFFLGlCQUFpQixHQUFlLEtBQUssa0JBQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBQ25FLCtDQUErQztJQUUvQyxPQUFPLENBQ0gsOEJBQUMsZ0JBQU0sSUFDSCxFQUFFLEVBQUU7WUFDQSxVQUFVLEVBQUUsQ0FBQztZQUNiLEtBQUssRUFBRSxXQUFXO1lBQ2xCLG9CQUFvQixFQUFFO2dCQUNsQixTQUFTLEVBQUUsWUFBWTtnQkFDdkIsS0FBSyxFQUFFLFdBQVc7YUFDckI7U0FDSixFQUNELE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxNQUFNO1FBRWIsOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHLEVBQzdCLGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsaUJBQWlCLEdBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9FLFFBQVEsQ0FDSixDQUNaLENBQUM7QUFDTixDQUFDLENBQUM7QUF0QlcsUUFBQSxPQUFPLFdBc0JsQiJ9

package/lib/Layout/styles.d.ts

@@ -8,9 +8,7 @@ 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;
+} & {
+    hasHeader?: boolean | 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>, {}>;
+export declare const LogoContainer: any;

package/lib/Layout/styles.js

@@ -1,20 +1,17 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LogoContainer = exports.LayoutHeader = exports.LayoutRoot = void 0;
+var react_1 = require("@emotion/react");
 var styles_1 = require("@mui/material/styles");
-var SIDEBAR_WIDTH = 240;
-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 ({
-        backgroundColor: theme.palette.primary.main,
-    });
+exports.LayoutRoot = (0, styles_1.styled)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n"], ["\n    display: flex;\n"])));
+exports.LayoutHeader = (0, styles_1.styled)("div", { shouldForwardProp: function (propName) { return propName !== "hasHeader"; } })(function (_a) {
+    var theme = _a.theme, hasHeader = _a.hasHeader;
+    return hasHeader && (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            background-color: ", ";\n            color: #fff;\n        "], ["\n            background-color: ", ";\n            color: #fff;\n        "])), theme.palette.primary.main);
 });
-exports.LogoContainer = (0, styles_1.styled)("div")(function () { return ({
-    width: SIDEBAR_WIDTH,
-    justifyContent: "center",
-    height: "100%",
-}); });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtDQUE4QztBQUU5QyxJQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFFYixRQUFBLFVBQVUsR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQyxjQUFNLE9BQUEsQ0FBQztJQUMzQyxPQUFPLEVBQUUsTUFBTTtDQUNsQixDQUFDLEVBRjRDLENBRTVDLENBQUMsQ0FBQztBQUVTLFFBQUEsWUFBWSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssQ0FBQyxDQUFDLFVBQUMsRUFBUztRQUFQLEtBQUssV0FBQTtJQUFPLE9BQUEsQ0FBQztRQUN0RCxlQUFlLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSTtLQUM5QyxDQUFDO0FBRnVELENBRXZELENBQUMsQ0FBQztBQUVTLFFBQUEsYUFBYSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssQ0FBQyxDQUFDLGNBQU0sT0FBQSxDQUFDO0lBQzlDLEtBQUssRUFBRSxhQUFhO0lBQ3BCLGNBQWMsRUFBRSxRQUFRO0lBQ3hCLE1BQU0sRUFBRSxNQUFNO0NBQ2pCLENBQUMsRUFKK0MsQ0FJL0MsQ0FBQyxDQUFDIn0=
+exports.LogoContainer = (0, styles_1.styled)("div")(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    height: 100%;\n    justify-content: center;\n    width: 240px;\n"], ["\n    height: 100%;\n    justify-content: center;\n    width: 240px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx3Q0FBcUM7QUFDckMsK0NBQThDO0FBRWpDLFFBQUEsVUFBVSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssQ0FBQywyRkFBQSx3QkFFdEMsS0FBQztBQUVXLFFBQUEsWUFBWSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssRUFBRSxFQUFFLGlCQUFpQixFQUFFLFVBQUMsUUFBUSxJQUFLLE9BQUEsUUFBUSxLQUFLLFdBQVcsRUFBeEIsQ0FBd0IsRUFBRSxDQUFDLENBR3BHLFVBQUMsRUFBb0I7UUFBbEIsS0FBSyxXQUFBLEVBQUUsU0FBUyxlQUFBO0lBQ2YsT0FBQSxTQUFTLFFBQ1QsV0FBRywrSUFBQSxrQ0FDcUIsRUFBMEIsdUNBRWpELEtBRnVCLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FFakQ7QUFKRCxDQUlDLENBQ1IsQ0FBQztBQUVXLFFBQUEsYUFBYSxHQUFRLElBQUEsZUFBTSxFQUFDLEtBQUssQ0FBQywySUFBQSx3RUFJOUMsS0FBQyJ9

package/lib/Layout/types.d.ts

@@ -1,14 +1,21 @@
 import { ReactNode } from "react";
 import { MenuItem } from "../Menu/model";
-export interface LayoutProps extends SidebarProps {
+export declare type LayoutProps = SidebarProps & {
     Breadcrumbs?: ReactNode;
-    title: string;
     subtitle?: string;
     header?: ReactNode;
     Logo?: ReactNode;
-}
+    ToolbarRight?: ReactNode;
+} & ({
+    loading: true;
+    title?: string;
+} | {
+    loading?: never;
+    title: string;
+});
 export interface AppBarProps {
     Logo?: ReactNode;
+    ToolbarRight?: ReactNode;
 }
 export interface SidebarProps {
     Menu?: ReactNode;

package/lib/LoginLayout/LoginLayout.js

@@ -6,19 +6,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginLayout = void 0;
 var CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var utils_1 = require("@mui/utils");
 var head_1 = __importDefault(require("next/head"));
 var react_1 = __importDefault(require("react"));
 var styles_1 = require("./styles");
 var LoginLayout = function (props) {
-    var title = props.title, pageTitle = props.pageTitle, children = props.children, Logo = props.Logo;
+    var hideTitle = props.hideTitle, title = props.title, pageTitle = props.pageTitle, children = props.children, Logo = props.Logo;
     return (react_1.default.createElement(styles_1.LoginLayoutRoot, null,
         react_1.default.createElement(head_1.default, null,
             react_1.default.createElement("title", null, pageTitle || "")),
         react_1.default.createElement(CssBaseline_1.default, null),
-        react_1.default.createElement(styles_1.LoginLayoutPaper, null,
-            Logo,
-            react_1.default.createElement(Typography_1.default, { component: "h1", variant: "h5" }, title),
+        react_1.default.createElement(styles_1.LoginLayoutPaper, { variant: "outlined" },
+            react_1.default.createElement(styles_1.LoginLayoutHeader, null,
+                Logo,
+                title && (react_1.default.createElement(Typography_1.default, { component: "h1", sx: hideTitle ? utils_1.visuallyHidden : { mt: Logo ? 2 : undefined }, variant: "h5" }, title))),
             children)));
 };
 exports.LoginLayout = LoginLayout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5MYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xvZ2luTGF5b3V0L0xvZ2luTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwwRUFBb0Q7QUFDcEQsd0VBQWtEO0FBQ2xELG1EQUE2QjtBQUM3QixnREFBMEI7QUFDMUIsbUNBQTZEO0FBR3RELElBQU0sV0FBVyxHQUErQixVQUFDLEtBQUs7SUFDakQsSUFBQSxLQUFLLEdBQWdDLEtBQUssTUFBckMsRUFBRSxTQUFTLEdBQXFCLEtBQUssVUFBMUIsRUFBRSxRQUFRLEdBQVcsS0FBSyxTQUFoQixFQUFFLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUVuRCxPQUFPLENBQ0gsOEJBQUMsd0JBQWU7UUFDWiw4QkFBQyxjQUFJO1lBQ0QsNkNBQVEsU0FBUyxJQUFJLEVBQUUsQ0FBUyxDQUM3QjtRQUNQLDhCQUFDLHFCQUFXLE9BQUc7UUFDZiw4QkFBQyx5QkFBZ0I7WUFDWixJQUFJO1lBQ0wsOEJBQUMsb0JBQVUsSUFBQyxTQUFTLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLElBQ2xDLEtBQUssQ0FDRztZQUNaLFFBQVEsQ0FDTSxDQUNMLENBQ3JCLENBQUM7QUFDTixDQUFDLENBQUM7QUFsQlcsUUFBQSxXQUFXLGVBa0J0QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5MYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xvZ2luTGF5b3V0L0xvZ2luTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwwRUFBb0Q7QUFDcEQsd0VBQWtEO0FBQ2xELG9DQUE0QztBQUM1QyxtREFBNkI7QUFDN0IsZ0RBQTBCO0FBQzFCLG1DQUFnRjtBQUd6RSxJQUFNLFdBQVcsR0FBK0IsVUFBQyxLQUFLO0lBQ2pELElBQUEsU0FBUyxHQUF1QyxLQUFLLFVBQTVDLEVBQUUsS0FBSyxHQUFnQyxLQUFLLE1BQXJDLEVBQUUsU0FBUyxHQUFxQixLQUFLLFVBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFOUQsT0FBTyxDQUNILDhCQUFDLHdCQUFlO1FBQ1osOEJBQUMsY0FBSTtZQUNELDZDQUFRLFNBQVMsSUFBSSxFQUFFLENBQVMsQ0FDN0I7UUFDUCw4QkFBQyxxQkFBVyxPQUFHO1FBQ2YsOEJBQUMseUJBQWdCLElBQUMsT0FBTyxFQUFDLFVBQVU7WUFDaEMsOEJBQUMsMEJBQWlCO2dCQUNiLElBQUk7Z0JBQ0osS0FBSyxJQUFJLENBQ04sOEJBQUMsb0JBQVUsSUFDUCxTQUFTLEVBQUMsSUFBSSxFQUNkLEVBQUUsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLHNCQUFjLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFDN0QsT0FBTyxFQUFDLElBQUksSUFFWCxLQUFLLENBQ0csQ0FDaEIsQ0FDZTtZQUNuQixRQUFRLENBQ00sQ0FDTCxDQUNyQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUJXLFFBQUEsV0FBVyxlQTBCdEIifQ==

package/lib/LoginLayout/styles.d.ts

@@ -13,8 +13,13 @@ export declare const LoginLayoutPaper: import("@mui/system").StyledComponent<{
     variant?: "outlined" | "elevation" | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "elevation" | "square"> & {
+}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "variant" | "elevation" | "square"> & {
     theme?: import("@mui/material/styles").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
     sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
 }, {}, {}>;
+export declare const LoginLayoutHeader: 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/LoginLayout/styles.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginLayoutPaper = exports.LoginLayoutRoot = void 0;
+exports.LoginLayoutHeader = exports.LoginLayoutPaper = exports.LoginLayoutRoot = void 0;
 var Paper_1 = __importDefault(require("@mui/material/Paper"));
 var styles_1 = require("@mui/material/styles");
 exports.LoginLayoutRoot = (0, styles_1.styled)("main")(function (_a) {
@@ -45,4 +45,13 @@ exports.LoginLayoutPaper = (0, styles_1.styled)(Paper_1.default)(function (_a) {
         },
         _b);
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9Mb2dpbkxheW91dC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsOERBQXdDO0FBQ3hDLCtDQUE4QztBQUVqQyxRQUFBLGVBQWUsR0FBRyxJQUFBLGVBQU0sRUFBQyxNQUFNLENBQUMsQ0FBQyxVQUFDLEVBQVM7O1FBQVAsS0FBSyxXQUFBO0lBQU8sT0FBQTtZQUN6RCxVQUFVLEVBQUUsUUFBUTtZQUNwQixPQUFPLEVBQUUsTUFBTTtZQUNmLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFNBQVMsRUFBRSxPQUFPO1lBQ2xCLFdBQVcsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUM3QixZQUFZLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDOUIsYUFBYSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQ2hDLFVBQVUsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQzs7UUFDNUIsR0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBRztZQUMxQixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDN0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1NBQ2pDO1dBQ0g7QUFiMkQsQ0FhM0QsQ0FBQyxDQUFDO0FBRVMsUUFBQSxnQkFBZ0IsR0FBRyxJQUFBLGVBQU0sRUFBQyxlQUFLLENBQUMsQ0FBQyxVQUFDLEVBQVM7O1FBQVAsS0FBSyxXQUFBO0lBQU8sT0FBQTtZQUN6RCxVQUFVLEVBQUUsUUFBUTtZQUNwQixPQUFPLEVBQUUsTUFBTTtZQUNmLElBQUksRUFBRSxTQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFHO1lBQ2hDLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLFFBQVEsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztZQUMzQixhQUFhLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDL0IsV0FBVyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1lBQzdCLFlBQVksRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUM5QixVQUFVLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7O1FBQzVCLEdBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUc7WUFDMUIsV0FBVyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1lBQzdCLFlBQVksRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztTQUNqQztXQUNIO0FBZDJELENBYzNELENBQUMsQ0FBQyJ9
+exports.LoginLayoutHeader = (0, styles_1.styled)("div")(function (_a) {
+    var theme = _a.theme;
+    return ({
+        alignItems: "center",
+        display: "flex",
+        flexDirection: "column",
+        marginBottom: theme.spacing(2),
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9Mb2dpbkxheW91dC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsOERBQXdDO0FBQ3hDLCtDQUE4QztBQUVqQyxRQUFBLGVBQWUsR0FBRyxJQUFBLGVBQU0sRUFBQyxNQUFNLENBQUMsQ0FBQyxVQUFDLEVBQVM7O1FBQVAsS0FBSyxXQUFBO0lBQU8sT0FBQTtZQUN6RCxVQUFVLEVBQUUsUUFBUTtZQUNwQixPQUFPLEVBQUUsTUFBTTtZQUNmLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFNBQVMsRUFBRSxPQUFPO1lBQ2xCLFdBQVcsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUM3QixZQUFZLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDOUIsYUFBYSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQ2hDLFVBQVUsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQzs7UUFDNUIsR0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBRztZQUMxQixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDN0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1NBQ2pDO1dBQ0g7QUFiMkQsQ0FhM0QsQ0FBQyxDQUFDO0FBRVMsUUFBQSxnQkFBZ0IsR0FBRyxJQUFBLGVBQU0sRUFBQyxlQUFLLENBQUMsQ0FBQyxVQUFDLEVBQVM7O1FBQVAsS0FBSyxXQUFBO0lBQU8sT0FBQTtZQUN6RCxVQUFVLEVBQUUsUUFBUTtZQUNwQixPQUFPLEVBQUUsTUFBTTtZQUNmLElBQUksRUFBRSxTQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFHO1lBQ2hDLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLFFBQVEsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztZQUMzQixhQUFhLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDL0IsV0FBVyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1lBQzdCLFlBQVksRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUM5QixVQUFVLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7O1FBQzVCLEdBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUc7WUFDMUIsV0FBVyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1lBQzdCLFlBQVksRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztTQUNqQztXQUNIO0FBZDJELENBYzNELENBQUMsQ0FBQztBQUVTLFFBQUEsaUJBQWlCLEdBQUcsSUFBQSxlQUFNLEVBQUMsS0FBSyxDQUFDLENBQUMsVUFBQyxFQUFTO1FBQVAsS0FBSyxXQUFBO0lBQU8sT0FBQSxDQUFDO1FBQzNELFVBQVUsRUFBRSxRQUFRO1FBQ3BCLE9BQU8sRUFBRSxNQUFNO1FBQ2YsYUFBYSxFQUFFLFFBQVE7UUFDdkIsWUFBWSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0tBQ2pDLENBQUM7QUFMNEQsQ0FLNUQsQ0FBQyxDQUFDIn0=

package/lib/LoginLayout/types.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 export interface LoginLayoutProps {
-    title?: ReactNode;
+    hideTitle?: boolean;
+    title: ReactNode;
     pageTitle?: string;
     Logo?: ReactNode;
 }

package/lib/Menu/ui/MenuItem.js

@@ -49,6 +49,7 @@ var MenuItem_1 = require("../../../ui/MenuItem");
 var MenuItem = function (props) {
     var _a, _b;
     var item = props.item;
+    var listRef = (0, react_1.useRef)(null);
     var useRouter = config_1.container.get("router").getUseRouter();
     var router = useRouter();
     var isActive = item.isActive(router);
@@ -62,6 +63,18 @@ var MenuItem = function (props) {
     var onMouseLeave = (0, react_1.useCallback)(function () {
         setAnchorEl(null);
     }, []);
+    (0, react_1.useEffect)(function () {
+        function closeHandler(e) {
+            var list = listRef.current;
+            if (list && e.target instanceof Element && (e.target !== list || !list.contains(e.target))) {
+                setAnchorEl(null);
+            }
+        }
+        document.addEventListener("click", closeHandler);
+        return function () {
+            document.removeEventListener("click", closeHandler);
+        };
+    }, []);
     if (!item.isVisible(loggedUser) || (item.children.length !== 0 && !item.hasVisibleChildren(loggedUser))) {
         return null;
     }
@@ -70,24 +83,24 @@ var MenuItem = function (props) {
         react_1.default.createElement(Box_1.default, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
             react_1.default.createElement(ListItem_1.ListItem, { label: item.title, icon: item.icon, route: (_a = item.route) !== null && _a !== void 0 ? _a : firstChildren.route, params: (_b = item.routeParams) !== null && _b !== void 0 ? _b : (firstChildren ? firstChildren.routeParams : null), selected: isActive }),
             !isActive && !hasActiveChildren && item.children.length > 0 && (react_1.default.createElement(Popover_1.default, { PaperProps: {
-                    style: {
-                        marginLeft: 8,
+                    sx: {
+                        ml: 1,
                         pointerEvents: "auto",
                     },
-                }, anchorEl: anchorEl, open: !!anchorEl, onClose: onMouseLeave, sx: {
-                    pointerEvents: "none",
-                }, anchorOrigin: {
+                }, anchorEl: anchorEl, anchorOrigin: {
                     vertical: "top",
                     horizontal: "right",
+                }, disableScrollLock: true, hideBackdrop: true, onClose: onMouseLeave, open: !!anchorEl, sx: {
+                    pointerEvents: "none",
                 }, transformOrigin: {
                     vertical: "top",
                     horizontal: "left",
                 } },
-                react_1.default.createElement(List_1.default, null, item.children.map(function (i) { return (react_1.default.createElement(MenuItem_1.MenuItem, { key: i.title, label: i.title, route: i.route, params: i.routeParams, icon: i.icon })); }))))),
-        (isActive || hasActiveChildren) && item.children.length > 0 && (react_1.default.createElement(List_1.default, null, item.children.map(function (i) {
+                react_1.default.createElement(List_1.default, { ref: listRef }, item.children.map(function (i) { return (react_1.default.createElement(MenuItem_1.MenuItem, { key: i.title, label: i.title, route: i.route, params: i.routeParams, icon: i.icon })); }))))),
+        (isActive || hasActiveChildren) && item.children.length > 0 && (react_1.default.createElement(List_1.default, { sx: { py: 0 } }, item.children.map(function (i) {
             var isSel = i.isActive(router);
             return (react_1.default.createElement(ListItem_1.ListItem, { key: i.title, label: i.title, icon: i.icon, route: i.route, params: i.routeParams, level: 1, selected: isSel }));
         })))));
 };
 exports.MenuItem = MenuItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDREQUFzQztBQUN0QyxrRUFBNEM7QUFDNUMsNkNBQXlEO0FBQ3pELDBDQUE0QztBQUM1QyxpREFBZ0Q7QUFDaEQsaURBQThEO0FBWXZELElBQU0sUUFBUSxHQUFzQixVQUFDLEtBQUs7O0lBQ3JDLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLElBQU0sU0FBUyxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3pELElBQU0sTUFBTSxHQUFHLFNBQVMsRUFBRSxDQUFDO0lBRTNCLElBQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkMsSUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFekQsSUFBTSxhQUFhLEdBQUcsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDckQsSUFBTSxVQUFVLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFFN0IsSUFBQSxLQUFBLE9BQTBCLElBQUEsZ0JBQVEsRUFBTSxJQUFJLENBQUMsSUFBQSxFQUE1QyxRQUFRLFFBQUEsRUFBRSxXQUFXLFFBQXVCLENBQUM7SUFFcEQsSUFBTSxZQUFZLEdBQUcsSUFBQSxtQkFBVyxFQUFDLFVBQUMsQ0FBQztRQUMvQixXQUFXLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ2pDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLElBQU0sWUFBWSxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUM3QixXQUFX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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDREQUFzQztBQUN0QyxrRUFBNEM7QUFDNUMsNkNBQStGO0FBQy9GLDBDQUE0QztBQUM1QyxpREFBZ0Q7QUFDaEQsaURBQThEO0FBWXZELElBQU0sUUFBUSxHQUFzQixVQUFDLEtBQUs7O0lBQ3JDLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLElBQU0sT0FBTyxHQUFHLElBQUEsY0FBTSxFQUFtQixJQUFJLENBQUMsQ0FBQztJQUUvQyxJQUFNLFNBQVMsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN6RCxJQUFNLE1BQU0sR0FBRyxTQUFTLEVBQUUsQ0FBQztJQUUzQixJQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLElBQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXpELElBQU0sYUFBYSxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3JELElBQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRTdCLElBQUEsS0FBQSxPQUEwQixJQUFBLGdCQUFRLEVBQXdCLElBQUksQ0FBQyxJQUFBLEVBQTlELFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBeUMsQ0FBQztJQUV0RSxJQUFNLFlBQVksR0FBRyxJQUFBLG1CQUFXLEVBQW9DLFVBQUMsQ0FBQztRQUNsRSxXQUFXLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ2pDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLElBQU0sWUFBWSxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUM3QixXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsSUFBQSxpQkFBUyxFQUFDO1FBQ04sU0FBUyxZQUFZLENBQUMsQ0FBYTtZQUMvQixJQUFNLElBQUksR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFDO1lBQzdCLElBQUksSUFBSSxJQUFJLENBQUMsQ0FBQyxNQUFNLFlBQVksT0FBTyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFO2dCQUN4RixXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDckI7UUFDTCxDQUFDO1FBQ0QsUUFBUSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxZQUFZLENBQUMsQ0FBQztRQUNqRCxPQUFPO1lBQ0gsUUFBUSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sRUFBRSxZQUFZLENBQUMsQ0FBQztRQUN4RCxDQUFDLENBQUM7SUFDTixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxVQUFVLENBQUMsQ0FBQyxFQUFFO1FBQ3JHLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxJQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRXZDLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLGFBQUcsSUFBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxZQUFZO1lBQ3ZELDhCQUFDLG1CQUFRLElBQ0wsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQ2pCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUNmLEtBQUssRUFBRSxNQUFBLElBQUksQ0FBQyxLQUFLLG1DQUFJLGFBQWEsQ0FBQyxLQUFLLEVBQ3hDLE1BQU0sRUFBRSxNQUFBLElBQUksQ0FBQyxXQUFXLG1DQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFDOUUsUUFBUSxFQUFFLFFBQVEsR0FDcEI7WUFDRCxDQUFDLFFBQVEsSUFBSSxDQUFDLGlCQUFpQixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUM1RCw4QkFBQyxpQkFBTyxJQUNKLFVBQVUsRUFBRTtvQkFDUixFQUFFLEVBQUU7d0JBQ0EsRUFBRSxFQUFFLENBQUM7d0JBQ0wsYUFBYSxFQUFFLE1BQU07cUJBQ3hCO2lCQUNKLEVBQ0QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsWUFBWSxFQUFFO29CQUNWLFFBQVEsRUFBRSxLQUFLO29CQUNmLFVBQVUsRUFBRSxPQUFPO2lCQUN0QixFQUNELGlCQUFpQixRQUNqQixZQUFZLFFBQ1osT0FBTyxFQUFFLFlBQVksRUFDckIsSUFBSSxFQUFFLENBQUMsQ0FBQyxRQUFRLEVBQ2hCLEVBQUUsRUFBRTtvQkFDQSxhQUFhLEVBQUUsTUFBTTtpQkFDeEIsRUFDRCxlQUFlLEVBQUU7b0JBQ2IsUUFBUSxFQUFFLEtBQUs7b0JBQ2YsVUFBVSxFQUFFLE1BQU07aUJBQ3JCO2dCQUVELDhCQUFDLGNBQUksSUFBQyxHQUFHLEVBQUUsT0FBTyxJQUNiLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FDdEIsOEJBQUMsbUJBQVUsSUFDUCxHQUFHLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDWixLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDZCxLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDZCxNQUFNLEVBQUUsQ0FBQyxDQUFDLFdBQVcsRUFDckIsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLEdBQ2QsQ0FDTCxFQVJ5QixDQVF6QixDQUFDLENBQ0MsQ0FDRCxDQUNiLENBQ0M7UUFDTCxDQUFDLFFBQVEsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUM1RCw4QkFBQyxjQUFJLElBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxJQUNkLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQztZQUNqQixJQUFNLEtBQUssR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBRWpDLE9BQU8sQ0FDSCw4QkFBQyxtQkFBUSxJQUNMLEdBQUcsRUFBRSxDQUFDLENBQUMsS0FBSyxFQUNaLEtBQUssRUFBRSxDQUFDLENBQUMsS0FBSyxFQUNkLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSSxFQUNaLEtBQUssRUFBRSxDQUFDLENBQUMsS0FBSyxFQUNkLE1BQU0sRUFBRSxDQUFDLENBQUMsV0FBVyxFQUNyQixLQUFLLEVBQUUsQ0FBQyxFQUNSLFFBQVEsRUFBRSxLQUFLLEdBQ2pCLENBQ0wsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUNDLENBQ1YsQ0FDRixDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUFqSFcsUUFBQSxRQUFRLFlBaUhuQiJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "2.0.0-beta.5",
+  "version": "2.0.0",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -31,51 +31,53 @@
   },
   "dependencies": {
     "es6-error": "^4.1.1",
-    "path-to-regexp": "^6.1.0"
+    "path-to-regexp": "^6.1.0",
+    "react-redux": "^7.2.5",
+    "redux": "^4.1.1"
   },
   "devDependencies": {
     "@emotion/react": "^11.4.1",
     "@emotion/server": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "@mui/icons-material": "^5.0.0-rc.0",
-    "@mui/lab": "^5.0.0-alpha.45",
-    "@mui/material": "^5.0.0-rc.0",
-    "@mui/styled-engine-sc": "^5.0.0-rc.0",
-    "@mui/styles": "^5.0.0-rc.0",
-    "@types/classnames": "^2.3.1",
+    "@mui/icons-material": "^5.0.1",
+    "@mui/lab": "^5.0.0-alpha.49",
+    "@mui/material": "^5.0.2",
+    "@mui/styles": "^5.0.1",
     "@types/express-http-proxy": "^1.6.2",
     "@types/node": "^16.7.10",
     "@types/qs": "^6.9.7",
     "@types/react": "^17.0.19",
     "@types/react-dom": "^17.0.9",
-    "@uxf/eslint-config": "^1.0.3",
-    "@uxf/router": "^1.6.1",
+    "@uxf/data-grid": "^3.0.0-beta.17",
+    "@uxf/eslint-config": "^1.1.0",
+    "@uxf/router": "^1.7.0",
     "axios": "^0.21.1",
     "axios-hooks": "^2.7.0",
-    "classnames": "^2.3.1",
     "eslint": "^7.32.0",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-react": "^7.25.0",
     "express": "^4.17.1",
     "express-http-proxy": "^1.6.2",
     "final-form": "^4.20.2",
     "final-form-arrays": "^3.0.2",
     "moment": "^2.27.0",
-    "next": "^11.1.2",
+    "next": "^12.0.7",
     "path": "^0.12.7",
-    "prettier": "^2.3.2",
+    "prettier": "^2.4.1",
     "qs": "^6.10.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-final-form": "^6.5.3",
+    "react-final-form": "^6.5.7",
     "react-final-form-arrays": "^3.1.3",
-    "styled-components": "^5.3.1",
+    "redux-devtools-extension": "^2.13.9",
     "ts-node": "^10.2.1",
-    "typescript": "^4.4.2"
+    "typescript": "^4.4.3"
   },
   "peerDependencies": {
-    "@mui/icons-material": "^5.0.0-rc.0",
-    "@mui/material": "^5.0.0-rc.0",
-    "@mui/styled-engine-sc": "^5.0.0-rc.0",
+    "@mui/icons-material": "^5.0.0",
+    "@mui/lab": "^5.0.0-alpha.48",
+    "@mui/material": "^5.0.0",
+    "@uxf/data-grid": "3.0.0-beta.17",
     "@uxf/router": "^1.3.0",
     "final-form": "^4.20.1",
     "final-form-arrays": "^3.0",
@@ -83,25 +85,6 @@
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
     "react-final-form": "^6.5.1",
-    "react-final-form-arrays": "^3.1.3",
-    "styled-components": "^5.3.1"
-  },
-  "release": {
-    "plugins": [
-      "@semantic-release/commit-analyzer",
-      "@semantic-release/release-notes-generator",
-      [
-        "@semantic-release/gitlab",
-        {
-          "gitlabUrl": "https://gitlab.com/"
-        }
-      ],
-      [
-        "@semantic-release/npm",
-        {
-          "pkgRoot": "dist"
-        }
-      ]
-    ]
+    "react-final-form-arrays": "^3.1.3"
   }
 }