@uxf/cms 5.0.0 → 6.0.0-beta.10

package/lib/Layout/Breadcrumbs.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumbs = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var icon_1 = require("@uxf/ui/icon");
+var Breadcrumbs = function (props) {
+    if (props.items.length === 0) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: "uxf-typo-body mb-4 flex flex-wrap items-center text-lightLow" }, props.items.map(function (item, index) { return (react_1.default.createElement("span", { className: "mr-2 last:mr-0", key: index },
+        !!index && react_1.default.createElement(icon_1.Icon, { className: "mr-2 inline", name: "angleRight", size: 16 }),
+        item.href ? (react_1.default.createElement(link_1.default, { href: item.href, className: "transition-colors hover:text-lightHigh" },
+            react_1.default.createElement("span", null, item.title))) : (react_1.default.createElement("span", null, item.title)))); })));
+};
+exports.Breadcrumbs = Breadcrumbs;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xheW91dC9CcmVhZGNydW1icy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLG1EQUE2QjtBQUM3QixxQ0FBb0M7QUFXN0IsSUFBTSxXQUFXLEdBQXlCLFVBQUMsS0FBSztJQUNuRCxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtRQUMxQixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyw4REFBOEQsSUFDeEUsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDOUIsd0NBQU0sU0FBUyxFQUFDLGdCQUFnQixFQUFDLEdBQUcsRUFBRSxLQUFLO1FBQ3RDLENBQUMsQ0FBQyxLQUFLLElBQUksOEJBQUMsV0FBSSxJQUFDLFNBQVMsRUFBQyxhQUFhLEVBQUMsSUFBSSxFQUFDLFlBQVksRUFBQyxJQUFJLEVBQUUsRUFBRSxHQUFJO1FBQ3ZFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQ1QsOEJBQUMsY0FBSSxJQUFDLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLFNBQVMsRUFBQyx3Q0FBd0M7WUFDckUsNENBQU8sSUFBSSxDQUFDLEtBQUssQ0FBUSxDQUN0QixDQUNWLENBQUMsQ0FBQyxDQUFDLENBQ0EsNENBQU8sSUFBSSxDQUFDLEtBQUssQ0FBUSxDQUM1QixDQUNFLENBQ1YsRUFYaUMsQ0FXakMsQ0FBQyxDQUNBLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXJCVyxRQUFBLFdBQVcsZUFxQnRCIn0=

package/lib/Layout/Layout.js

@@ -4,42 +4,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
-var CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
-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 = __importDefault(require("react"));
 var config_1 = require("../../config");
-var AppBar_1 = require("./AppBar");
 var Sidebar_1 = require("./Sidebar");
 var styles_1 = require("./styles");
+var Breadcrumbs_1 = require("./Breadcrumbs");
+var loader_1 = require("@uxf/ui/loader/loader");
 var Layout = function (props) {
     var _a;
-    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, ToolbarRight = props.ToolbarRight, MessageBar = props.MessageBar, loading = props.loading, subtitle = props.subtitle, TitleRightContainer = props.TitleRightContainer;
-    return (react_1.default.createElement(styles_1.LayoutRoot, null,
+    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, ToolbarRight = props.ToolbarRight, MessageBar = props.MessageBar, loading = props.loading, subtitle = props.subtitle, TitleRightContainer = props.TitleRightContainer;
+    return (react_1.default.createElement("div", { className: "flex" },
         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" }),
             react_1.default.createElement("title", null, "".concat(title, " | ").concat((_a = config_1.config.get("app-name")) !== null && _a !== void 0 ? _a : ""))),
-        react_1.default.createElement(CssBaseline_1.default, null),
-        react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo, ToolbarRight: ToolbarRight }),
-        react_1.default.createElement("div", { className: "flex flex-row w-full" },
-            react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Menu: Menu, UserMenu: UserMenu }),
-            react_1.default.createElement("main", { className: "sm:w-[calc(100%-240px)]" }, loading ? (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center h-96" },
+        react_1.default.createElement("div", { className: "flex w-full" },
+            react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Logo: Logo, Menu: Menu, UserMenu: UserMenu }),
+            react_1.default.createElement("main", { className: "sm:ml-[var(--drawerWidth)] sm:w-[calc(100%_-_var(--drawerWidth))]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, loading ? (react_1.default.createElement("div", { className: "flex h-96 flex-col items-center justify-center" },
                 react_1.default.createElement("div", { className: "text-center" },
-                    react_1.default.createElement(CircularProgress_1.default, 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(loader_1.Loader, null),
+                    react_1.default.createElement("p", { className: "mt-2" }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                ToolbarRight && (react_1.default.createElement("div", { className: "flex h-12 items-center justify-end bg-sidebar-background px-6 text-darkMedium" }, ToolbarRight)),
+                react_1.default.createElement("div", { className: "px-10 pt-12 pb-9" },
                     MessageBar,
-                    react_1.default.createElement("div", { style: { fontSize: 10 } }, Breadcrumbs),
-                    react_1.default.createElement("div", { className: "flex flex-row items-center" },
-                        react_1.default.createElement(Typography_1.default, { flex: 1, variant: "h4", component: "h2", color: header ? "#fff" : undefined }, title),
+                    breadcrumbs && react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, { items: breadcrumbs }),
+                    react_1.default.createElement("div", { className: "flex items-center" },
+                        react_1.default.createElement("h2", { className: "uxf-typo-h4" }, title),
                         TitleRightContainer),
                     subtitle,
-                    header),
-                react_1.default.createElement("div", { className: "p-3" }, children)))))));
+                    Header),
+                react_1.default.createElement("div", { className: "px-10" }, children)))))));
 };
 exports.Layout = Layout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxvRkFBOEQ7QUFDOUQsMEVBQW9EO0FBQ3BELGtFQUErQztBQUMvQyx3RUFBa0Q7QUFDbEQsbURBQTZCO0FBQzdCLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFDdEMsbUNBQWtDO0FBQ2xDLHFDQUFvQztBQUNwQyxtQ0FBb0Q7QUFHN0MsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSzs7SUFFckMsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsS0FBSyxHQVlMLEtBQUssTUFaQSxFQUNMLElBQUksR0FXSixLQUFLLEtBWEQsRUFDSixJQUFJLEdBVUosS0FBSyxLQVZELEVBQ0osaUJBQWlCLEdBU2pCLEtBQUssa0JBVFksRUFDakIsUUFBUSxHQVFSLEtBQUssU0FSRyxFQUNSLE1BQU0sR0FPTixLQUFLLE9BUEMsRUFDTixXQUFXLEdBTVgsS0FBSyxZQU5NLEVBQ1gsWUFBWSxHQUtaLEtBQUssYUFMTyxFQUNaLFVBQVUsR0FJVixLQUFLLFdBSkssRUFDVixPQUFPLEdBR1AsS0FBSyxRQUhFLEVBQ1AsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLG1CQUFtQixHQUNuQixLQUFLLG9CQURjLENBQ2I7SUFFVixPQUFPLENBQ0gsOEJBQUMsbUJBQVU7UUFDUCw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4Qiw2Q0FBUSxVQUFHLEtBQUssZ0JBQU0sTUFBQSxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxtQ0FBSSxFQUFFLENBQUUsQ0FBUyxDQUMxRDtRQUNQLDhCQUFDLHFCQUFXLE9BQUc7UUFDZiw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsWUFBWSxHQUFJO1FBQ2xELHVDQUFLLFNBQVMsRUFBQyxzQkFBc0I7WUFDakMsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUk7WUFDakYsd0NBQU0sU0FBUyxFQUFDLHlCQUF5QixJQUNwQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1AsdUNBQUssU0FBUyxFQUFDLGdEQUFnRDtnQkFDM0QsdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLDBCQUFnQixPQUFHO29CQUNwQiw4QkFBQyxvQkFBVSxJQUFDLEVBQUUsRUFBRSxDQUFDLG1DQUE4QixDQUM3QyxDQUNKLENBQ1QsQ0FBQyxDQUFDLENBQUMsQ0FDQTtnQkFDSSw4QkFBQyxpQkFBVSxJQUFDLE9BQU8sRUFBQyxPQUFPLEdBQUc7Z0JBQzlCLDhCQUFDLHFCQUFZLElBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRTtvQkFDMUMsVUFBVTtvQkFDWCx1Q0FBSyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLElBQUcsV0FBVyxDQUFPO29CQUNqRCx1Q0FBSyxTQUFTLEVBQUMsNEJBQTRCO3dCQUN2Qyw4QkFBQyxvQkFBVSxJQUNQLElBQUksRUFBRSxDQUFDLEVBQ1AsT0FBTyxFQUFDLElBQUksRUFDWixTQUFTLEVBQUMsSUFBSSxFQUNkLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUVqQyxLQUFLLENBQ0c7d0JBQ1osbUJBQW1CLENBQ2xCO29CQUNMLFFBQVE7b0JBQ1IsTUFBTSxDQUNJO2dCQUNmLHVDQUFLLFNBQVMsRUFBQyxLQUFLLElBQUUsUUFBUSxDQUFPLENBQ3RDLENBQ04sQ0FDRSxDQUNMLENBQ0csQ0FDaEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQS9EVyxRQUFBLE1BQU0sVUErRGpCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWlEO0FBQ2pELHVDQUFzQztBQUN0QyxxQ0FBb0M7QUFDcEMsbUNBQXVDO0FBRXZDLDZDQUE0QztBQUM1QyxnREFBK0M7QUFFeEMsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSzs7SUFFckMsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsS0FBSyxHQVlMLEtBQUssTUFaQSxFQUNMLElBQUksR0FXSixLQUFLLEtBWEQsRUFDSixJQUFJLEdBVUosS0FBSyxLQVZELEVBQ0osaUJBQWlCLEdBU2pCLEtBQUssa0JBVFksRUFDakIsUUFBUSxHQVFSLEtBQUssU0FSRyxFQUNSLE1BQU0sR0FPTixLQUFLLE9BUEMsRUFDTixXQUFXLEdBTVgsS0FBSyxZQU5NLEVBQ1gsWUFBWSxHQUtaLEtBQUssYUFMTyxFQUNaLFVBQVUsR0FJVixLQUFLLFdBSkssRUFDVixPQUFPLEdBR1AsS0FBSyxRQUhFLEVBQ1AsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLG1CQUFtQixHQUNuQixLQUFLLG9CQURjLENBQ2I7SUFFVixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLE1BQU07UUFDakIsOEJBQUMsY0FBSTtZQUNELHdDQUFNLElBQUksRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFDLHFDQUFxQyxHQUFHO1lBQ3RFLHdDQUFNLE9BQU8sRUFBQyxPQUFPLEdBQUc7WUFDeEIsNkNBQVEsVUFBRyxLQUFLLGdCQUFNLE1BQUEsZUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsbUNBQUksRUFBRSxDQUFFLENBQVMsQ0FDMUQ7UUFDUCx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtZQUN4Qiw4QkFBQyxpQkFBTyxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO1lBQzdGLHdDQUNJLFNBQVMsRUFBQyxtRUFBbUUsRUFDN0UsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLFVBQUcsb0JBQVcsT0FBSSxFQUFtQixJQUU5RCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1AsdUNBQUssU0FBUyxFQUFDLGdEQUFnRDtnQkFDM0QsdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLGVBQU0sT0FBRztvQkFDVixxQ0FBRyxTQUFTLEVBQUMsTUFBTSxtQ0FBb0IsQ0FDckMsQ0FDSixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0E7Z0JBQ0ssWUFBWSxJQUFJLENBQ2IsdUNBQUssU0FBUyxFQUFDLCtFQUErRSxJQUN6RixZQUFZLENBQ1gsQ0FDVDtnQkFDRCx1Q0FBSyxTQUFTLEVBQUMsa0JBQWtCO29CQUM1QixVQUFVO29CQUNWLFdBQVcsSUFBSSw4QkFBQyx5QkFBVyxJQUFDLEtBQUssRUFBRSxXQUFXLEdBQUk7b0JBQ25ELHVDQUFLLFNBQVMsRUFBQyxtQkFBbUI7d0JBQzlCLHNDQUFJLFNBQVMsRUFBQyxhQUFhLElBQUUsS0FBSyxDQUFNO3dCQUN2QyxtQkFBbUIsQ0FDbEI7b0JBQ0wsUUFBUTtvQkFDUixNQUFNLENBQ0w7Z0JBQ04sdUNBQUssU0FBUyxFQUFDLE9BQU8sSUFBRSxRQUFRLENBQU8sQ0FDeEMsQ0FDTixDQUNFLENBQ0wsQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUE3RFcsUUFBQSxNQUFNLFVBNkRqQiJ9

package/lib/Layout/Sidebar.js

@@ -4,38 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sidebar = void 0;
-var Drawer_1 = __importDefault(require("@mui/material/Drawer"));
-var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
 var react_1 = __importDefault(require("react"));
 var Menu_1 = require("../Menu");
-var CmsProvider_1 = require("../CmsProvider");
 var styles_1 = require("./styles");
+var avatar_1 = require("@uxf/ui/avatar");
+var uxfLogo = (react_1.default.createElement("svg", { width: "179", height: "30", viewBox: "0 0 179 40" },
+    react_1.default.createElement("path", { fill: "#FF4F06", fillRule: "evenodd", d: "M33.563 12.874a9.103 9.103 0 0 0 0-12.874L20.69 12.874l.107.105a9.103 9.103 0 0 0 12.766-.105Zm-20.69-6.437a9.103 9.103 0 0 1 .106 12.766l-.105.107L0 6.437a9.103 9.103 0 0 1 12.874 0ZM40 33.563 27.127 20.69l-.106.107a9.103 9.103 0 0 0 12.98 12.766Zm-20.69-6.437-.107-.105A9.103 9.103 0 0 0 6.437 40l12.874-12.874Z", clipRule: "evenodd" }),
+    react_1.default.createElement("path", { fill: "#FFF", fillRule: "evenodd", d: "m84.325 7.295 5.133 8.675h.199l5.158-8.675h6.078l-7.768 12.727 7.942 12.727h-6.19l-5.22-8.687h-.199l-5.22 8.687h-6.165l7.967-12.727-7.818-12.727h6.103Zm-24.194 0v16.07c0 .97.214 1.832.64 2.586a4.58 4.58 0 0 0 1.809 1.777c.779.431 1.686.647 2.722.647 1.044 0 1.953-.216 2.728-.647a4.591 4.591 0 0 0 1.802-1.777c.427-.754.64-1.616.64-2.585V7.296h5.382v16.53c0 1.856-.441 3.48-1.324 4.872-.882 1.392-2.115 2.475-3.697 3.25-1.583.775-3.426 1.162-5.531 1.162-2.113 0-3.96-.387-5.543-1.162-1.583-.775-2.813-1.858-3.692-3.25-.878-1.392-1.317-3.016-1.317-4.872V7.296h5.381ZM170.25 13.41c2.411 0 4.311.51 5.698 1.529 1.388 1.019 2.198 2.407 2.43 4.164l-4.847.298a2.555 2.555 0 0 0-.534-1.125 2.942 2.942 0 0 0-1.075-.808c-.444-.203-.972-.304-1.585-.304-.821 0-1.512.172-2.076.515-.563.344-.845.802-.845 1.374 0 .456.182.84.547 1.156.364.315.99.567 1.877.758l3.455.696c1.856.381 3.24.994 4.151 1.84.912.845 1.367 1.955 1.367 3.33 0 1.252-.366 2.35-1.1 3.294-.733.945-1.736 1.68-3.007 2.206-1.272.526-2.737.79-4.394.79-2.527 0-4.539-.529-6.034-1.585-1.496-1.057-2.372-2.496-2.629-4.32l5.208-.273c.157.77.538 1.357 1.143 1.759.605.402 1.38.603 2.324.603.928 0 1.676-.18 2.244-.54.567-.361.855-.827.864-1.4-.009-.48-.212-.875-.609-1.186-.398-.31-1.011-.55-1.84-.715l-3.306-.659c-1.864-.372-3.25-1.019-4.157-1.938-.908-.92-1.361-2.093-1.361-3.518 0-1.226.333-2.283 1-3.17.667-.886 1.608-1.57 2.821-2.05 1.214-.48 2.637-.72 4.27-.72Zm-36.686.373a12.285 12.285 0 0 0-3.051-.373c-1.525 0-2.865.23-4.021.69-1.156.46-2.098 1.114-2.827 1.964-.73.849-1.219 1.854-1.467 3.014l4.897.397c.182-.63.555-1.153 1.119-1.572.563-.418 1.321-.627 2.274-.627.903 0 1.601.215 2.094.646.493.43.74 1.04.74 1.827v.075c0 .405-.153.712-.46.92-.307.206-.8.362-1.479.465-.68.104-1.574.214-2.685.33-.944.09-1.845.248-2.703.472a7.698 7.698 0 0 0-2.293.994 4.727 4.727 0 0 0-1.591 1.74c-.39.721-.584 1.612-.584 2.673 0 1.259.275 2.31.826 3.15a5.147 5.147 0 0 0 2.256 1.902c.953.427 2.038.64 3.257.64.944 0 1.777-.126 2.498-.38a5.55 5.55 0 0 0 1.852-1.055 5.31 5.31 0 0 0 1.23-1.573h.149v2.648h5.022V19.873c0-1.135-.22-2.11-.659-2.927a5.655 5.655 0 0 0-1.796-2.007 8.039 8.039 0 0 0-2.598-1.156Zm-13.424-2.05V7.294h-16.853v25.454h5.381V22.235h10.354v-4.438h-10.354v-6.065h11.472Zm32.603 1.677c1.326 0 2.482.29 3.468.87.986.58 1.753 1.407 2.3 2.48.546 1.073.82 2.35.82 3.834V32.75h-5.295V21.539c.008-1.169-.29-2.082-.895-2.74-.605-.66-1.437-.989-2.498-.989-.713 0-1.34.153-1.883.46a3.166 3.166 0 0 0-1.268 1.336c-.302.584-.458 1.286-.466 2.107V32.75h-5.295V13.659h5.047v3.368H147a5.358 5.358 0 0 1 2.126-2.641c.994-.65 2.2-.976 3.616-.976Zm-20.061 10.782c.286-.087.512-.184.678-.292v2.026c0 .671-.17 1.272-.51 1.802-.34.53-.808.951-1.404 1.262-.597.31-1.285.466-2.064.466-.812 0-1.481-.189-2.007-.566-.526-.377-.789-.925-.789-1.646 0-.497.128-.914.385-1.25.257-.335.617-.602 1.082-.801a6.547 6.547 0 0 1 1.628-.435l.969-.143a24.15 24.15 0 0 0 1.069-.186c.356-.071.677-.15.963-.237Z", clipRule: "evenodd" })));
 var Sidebar = function (props) {
-    var MenuComponent = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu;
-    var _a = (0, CmsProvider_1.useCmsContext)("sidebar"), isOpen = _a.isOpen, close = _a.close;
-    var drawerContent = (react_1.default.createElement(react_1.default.Fragment, 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));
-    var container = typeof window !== undefined ? function () { return window.document.body; } : undefined;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Drawer_1.default, { container: container, variant: "temporary", open: isOpen, onClose: close, ModalProps: {
-                keepMounted: true, // Better open performance on mobile.
-            }, sx: {
-                display: { xs: "block", sm: "none" },
-                "& .MuiDrawer-paper": {
-                    boxSizing: "border-box",
-                    width: styles_1.drawerWidth,
-                },
-            } }, drawerContent),
-        react_1.default.createElement(Drawer_1.default, { variant: "permanent", sx: {
-                flexShrink: 0,
-                width: styles_1.drawerWidth,
-                display: { xs: "none", sm: "block" },
-                "& .MuiDrawer-paper": {
-                    boxSizing: "border-box",
-                    width: styles_1.drawerWidth,
-                },
-            }, open: true }, drawerContent)));
+    var MenuComponent = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, Logo = props.Logo;
+    return (react_1.default.createElement("div", { className: "fixed h-screen w-[var(--drawerWidth)] shrink-0 bg-sidebar-background pt-5", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, MenuComponent !== null && MenuComponent !== void 0 ? MenuComponent : (menuConfiguration && (react_1.default.createElement("div", { className: "" }, Logo !== null && Logo !== void 0 ? Logo : uxfLogo,
+        react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration })))), UserMenu !== null && UserMenu !== void 0 ? UserMenu : (react_1.default.createElement("div", { className: "fixed bottom-0 w-[var(--drawerWidth)] border-t border-t-darkLow/10 p-3 pr-5 text-darkMedium" },
+        react_1.default.createElement("div", { className: "flex items-center" },
+            react_1.default.createElement(avatar_1.Avatar, { className: "mr-3" }),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("div", { className: "ui-typo-body2" }, "Nep\u0159ihl\u00E1\u0161en\u00FD u\u017Eivatel"),
+                react_1.default.createElement("div", { className: "ui-typo-caption text-darkLow" }, "\u2026")))))));
 };
 exports.Sidebar = Sidebar;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdFQUEwQztBQUMxQyxrRUFBK0M7QUFDL0MsZ0RBQWtDO0FBQ2xDLGdDQUErQjtBQUUvQiw4Q0FBK0M7QUFDL0MsbUNBQXVDO0FBRWhDLElBQU0sT0FBTyxHQUFxQixVQUFDLEtBQUs7SUFDbkMsSUFBTSxhQUFhLEdBQWtDLEtBQUssS0FBdkMsRUFBRSxpQkFBaUIsR0FBZSxLQUFLLGtCQUFwQixFQUFFLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUM3RCxJQUFBLEtBQW9CLElBQUEsMkJBQWEsRUFBQyxTQUFTLENBQUMsRUFBMUMsTUFBTSxZQUFBLEVBQUUsS0FBSyxXQUE2QixDQUFDO0lBRW5ELElBQU0sYUFBYSxHQUFHLENBQ2xCO1FBQ0ksOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHLEVBQzdCLGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsaUJBQWlCLEdBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9FLFFBQVEsQ0FDVixDQUNOLENBQUM7SUFFRixJQUFNLFNBQVMsR0FBRyxPQUFPLE1BQU0sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLGNBQU0sT0FBQSxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksRUFBcEIsQ0FBb0IsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBRXZGLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLGdCQUFNLElBQ0gsU0FBUyxFQUFFLFNBQVMsRUFDcEIsT0FBTyxFQUFDLFdBQVcsRUFDbkIsSUFBSSxFQUFFLE1BQU0sRUFDWixPQUFPLEVBQUUsS0FBSyxFQUNkLFVBQVUsRUFBRTtnQkFDUixXQUFXLEVBQUUsSUFBSSxFQUFFLHFDQUFxQzthQUMzRCxFQUNELEVBQUUsRUFBRTtnQkFDQSxPQUFPLEVBQUUsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7Z0JBQ3BDLG9CQUFvQixFQUFFO29CQUNsQixTQUFTLEVBQUUsWUFBWTtvQkFDdkIsS0FBSyxFQUFFLG9CQUFXO2lCQUNyQjthQUNKLElBRUEsYUFBYSxDQUNUO1FBQ1QsOEJBQUMsZ0JBQU0sSUFDSCxPQUFPLEVBQUMsV0FBVyxFQUNuQixFQUFFLEVBQUU7Z0JBQ0EsVUFBVSxFQUFFLENBQUM7Z0JBQ2IsS0FBSyxFQUFFLG9CQUFXO2dCQUNsQixPQUFPLEVBQUUsRUFBRSxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUU7Z0JBQ3BDLG9CQUFvQixFQUFFO29CQUNsQixTQUFTLEVBQUUsWUFBWTtvQkFDdkIsS0FBSyxFQUFFLG9CQUFXO2lCQUNyQjthQUNKLEVBQ0QsSUFBSSxVQUVILGFBQWEsQ0FDVCxDQUNWLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQW5EVyxRQUFBLE9BQU8sV0FtRGxCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFpRDtBQUNqRCxnQ0FBK0I7QUFFL0IsbUNBQXVDO0FBQ3ZDLHlDQUF3QztBQUV4QyxJQUFNLE9BQU8sR0FBRyxDQUNaLHVDQUFLLEtBQUssRUFBQyxLQUFLLEVBQUMsTUFBTSxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsWUFBWTtJQUM3Qyx3Q0FDSSxJQUFJLEVBQUMsU0FBUyxFQUNkLFFBQVEsRUFBQyxTQUFTLEVBQ2xCLENBQUMsRUFBQywyVEFBMlQsRUFDN1QsUUFBUSxFQUFDLFNBQVMsR0FDcEI7SUFDRix3Q0FDSSxJQUFJLEVBQUMsTUFBTSxFQUNYLFFBQVEsRUFBQyxTQUFTLEVBQ2xCLENBQUMsRUFBQyx5M0ZBQXkzRixFQUMzM0YsUUFBUSxFQUFDLFNBQVMsR0FDcEIsQ0FDQSxDQUNULENBQUM7QUFFSyxJQUFNLE9BQU8sR0FBcUIsVUFBQyxLQUFLO0lBQ25DLElBQU0sYUFBYSxHQUF3QyxLQUFLLEtBQTdDLEVBQUUsaUJBQWlCLEdBQXFCLEtBQUssa0JBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFekUsT0FBTyxDQUNILHVDQUNJLFNBQVMsRUFBQywyRUFBMkUsRUFDckYsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLFVBQUcsb0JBQVcsT0FBSSxFQUFtQixJQUU5RCxhQUFhLGFBQWIsYUFBYSxjQUFiLGFBQWEsR0FDVixDQUFDLGlCQUFpQixJQUFJLENBQ2xCLHVDQUFLLFNBQVMsRUFBQyxFQUFFLElBQ1osSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksT0FBTztRQUNoQiw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFFLGlCQUFpQixHQUFJLENBQy9CLENBQ1QsQ0FBQyxFQUNMLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQ1QsdUNBQUssU0FBUyxFQUFDLDZGQUE2RjtRQUN4Ryx1Q0FBSyxTQUFTLEVBQUMsbUJBQW1CO1lBQzlCLDhCQUFDLGVBQU0sSUFBQyxTQUFTLEVBQUMsTUFBTSxHQUFVO1lBQ2xDO2dCQUNJLHVDQUFLLFNBQVMsRUFBQyxlQUFlLHFEQUE0QjtnQkFDMUQsdUNBQUssU0FBUyxFQUFDLDhCQUE4QixhQUFlLENBQzFELENBQ0osQ0FDSixDQUNULENBQ0MsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBNUJXLFFBQUEsT0FBTyxXQTRCbEIifQ==

package/lib/Layout/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./Layout";
+export * from "./Breadcrumbs";
 export * from "./types";

package/lib/Layout/index.js

@@ -11,5 +11,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Layout"), exports);
+__exportStar(require("./Breadcrumbs"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xheW91dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSwyQ0FBeUI7QUFDekIsMENBQXdCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xheW91dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSwyQ0FBeUI7QUFDekIsZ0RBQThCO0FBQzlCLDBDQUF3QiJ9

package/lib/Layout/styles.d.ts

@@ -1,6 +1 @@
-/// <reference types="react" />
-export declare const drawerWidth = 240;
-export declare const LayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LayoutHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    hasHeader?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const drawerWidth = 264;

package/lib/Layout/styles.js

@@ -1,17 +1,5 @@
 "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.LayoutHeader = exports.LayoutRoot = exports.drawerWidth = void 0;
-var react_1 = require("@emotion/react");
-var styles_1 = require("@mui/material/styles");
-exports.drawerWidth = 240;
-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);
-});
-var templateObject_1, templateObject_2;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx3Q0FBcUM7QUFDckMsK0NBQThDO0FBRWpDLFFBQUEsV0FBVyxHQUFHLEdBQUcsQ0FBQztBQUVsQixRQUFBLFVBQVUsR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsMkZBQUEsd0JBRXRDLEtBQUM7QUFFVyxRQUFBLFlBQVksR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLEVBQUUsRUFBRSxpQkFBaUIsRUFBRSxVQUFDLFFBQVEsSUFBSyxPQUFBLFFBQVEsS0FBSyxXQUFXLEVBQXhCLENBQXdCLEVBQUUsQ0FBQyxDQUdwRyxVQUFDLEVBQW9CO1FBQWxCLEtBQUssV0FBQSxFQUFFLFNBQVMsZUFBQTtJQUNmLE9BQUEsU0FBUyxRQUNULFdBQUcsK0lBQUEsa0NBQ3FCLEVBQTBCLHVDQUVqRCxLQUZ1QixLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBRWpEO0FBSkQsQ0FJQyxDQUNSLENBQUMifQ==
+exports.drawerWidth = void 0;
+exports.drawerWidth = 264;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFhLFFBQUEsV0FBVyxHQUFHLEdBQUcsQ0FBQyJ9

package/lib/Layout/types.d.ts

@@ -1,9 +1,10 @@
 import { ReactNode } from "react";
 import { MenuItem } from "../Menu/model";
+import { BreadcrumbItemProps } from "./Breadcrumbs";
 export declare type LayoutProps = SidebarProps & {
     children?: ReactNode;
-    Breadcrumbs?: ReactNode;
-    header?: ReactNode;
+    breadcrumbs?: BreadcrumbItemProps[];
+    Header?: ReactNode;
     loading?: boolean;
     Logo?: ReactNode;
     MessageBar?: ReactNode;
@@ -17,6 +18,7 @@ export interface AppBarProps {
     ToolbarRight?: ReactNode;
 }
 export interface SidebarProps {
+    Logo?: ReactNode;
     Menu?: ReactNode;
     UserMenu?: ReactNode;
     menuConfiguration?: MenuItem[];

package/lib/LoginLayout/LoginLayout.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { FC } from "react";
 import { LoginLayoutProps } from "./types";
-export declare const LoginLayout: React.FC<LoginLayoutProps>;
+export declare const LoginLayout: FC<LoginLayoutProps>;

package/lib/LoginLayout/LoginLayout.js

@@ -4,23 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 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 paper_1 = require("@uxf/ui/paper/paper");
 var LoginLayout = function (props) {
-    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,
+    var hideTitle = props.hideTitle, title = props.title, subTitle = props.subTitle, pageTitle = props.pageTitle, children = props.children, Logo = props.Logo;
+    return (react_1.default.createElement("div", { className: "flex min-h-screen flex-col items-center justify-center bg-gray-100 p-4" },
         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, { 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)));
+        Logo && react_1.default.createElement("div", { className: "mb-8" }, Logo),
+        title && react_1.default.createElement("h1", { className: hideTitle ? "sr-only" : "uxf-typo-h4" }, title),
+        subTitle && react_1.default.createElement("p", { className: "uxf-typo-body mt-2 text-lightMedium" }, subTitle),
+        react_1.default.createElement(paper_1.Paper, { className: "mt-8 w-[448px] max-w-full p-6" }, children)));
 };
 exports.LoginLayout = LoginLayout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5MYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xvZ2luTGF5b3V0L0xvZ2luTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwwRUFBb0Q7QUFDcEQsd0VBQWtEO0FBQ2xELG9DQUE0QztBQUM1QyxtREFBNkI7QUFDN0IsZ0RBQTBCO0FBQzFCLG1DQUFnRjtBQUd6RSxJQUFNLFdBQVcsR0FBK0IsVUFBQyxLQUFLO0lBQ2pELElBQUEsU0FBUyxHQUF1QyxLQUFLLFVBQTVDLEVBQUUsS0FBSyxHQUFnQyxLQUFLLE1BQXJDLEVBQUUsU0FBUyxHQUFxQixLQUFLLFVBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFOUQsT0FBTyxDQUNILDhCQUFDLHdCQUFlO1FBQ1osOEJBQUMsY0FBSTtZQUNELDZDQUFRLFNBQVMsSUFBSSxFQUFFLENBQVMsQ0FDN0I7UUFDUCw4QkFBQyxxQkFBVyxPQUFHO1FBQ2YsOEJBQUMseUJBQWdCLElBQUMsT0FBTyxFQUFDLFVBQVU7WUFDaEMsOEJBQUMsMEJBQWlCO2dCQUNiLElBQUk7Z0JBQ0osS0FBSyxJQUFJLENBQ04sOEJBQUMsb0JBQVUsSUFDUCxTQUFTLEVBQUMsSUFBSSxFQUNkLEVBQUUsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLHNCQUFjLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFDN0QsT0FBTyxFQUFDLElBQUksSUFFWCxLQUFLLENBQ0csQ0FDaEIsQ0FDZTtZQUNuQixRQUFRLENBQ00sQ0FDTCxDQUNyQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUJXLFFBQUEsV0FBVyxlQTBCdEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5MYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xvZ2luTGF5b3V0L0xvZ2luTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWtDO0FBRWxDLDZDQUE0QztBQUVyQyxJQUFNLFdBQVcsR0FBeUIsVUFBQyxLQUFLO0lBQzNDLElBQUEsU0FBUyxHQUFpRCxLQUFLLFVBQXRELEVBQUUsS0FBSyxHQUEwQyxLQUFLLE1BQS9DLEVBQUUsUUFBUSxHQUFnQyxLQUFLLFNBQXJDLEVBQUUsU0FBUyxHQUFxQixLQUFLLFVBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFeEUsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyx3RUFBd0U7UUFDbkYsOEJBQUMsY0FBSTtZQUNELDZDQUFRLFNBQVMsSUFBSSxFQUFFLENBQVMsQ0FDN0I7UUFDTixJQUFJLElBQUksdUNBQUssU0FBUyxFQUFDLE1BQU0sSUFBRSxJQUFJLENBQU87UUFDMUMsS0FBSyxJQUFJLHNDQUFJLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsYUFBYSxJQUFHLEtBQUssQ0FBTTtRQUMzRSxRQUFRLElBQUkscUNBQUcsU0FBUyxFQUFDLHFDQUFxQyxJQUFFLFFBQVEsQ0FBSztRQUM5RSw4QkFBQyxhQUFLLElBQUMsU0FBUyxFQUFDLCtCQUErQixJQUFFLFFBQVEsQ0FBUyxDQUNqRSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFkVyxRQUFBLFdBQVcsZUFjdEIifQ==

package/lib/LoginLayout/types.d.ts

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

package/lib/Menu/factory.d.ts

@@ -1,7 +1,9 @@
-import { ComponentType } from "react";
-import { SvgIconProps } from "@mui/material/SvgIcon";
 import { MenuItem } from "./model";
-export declare function createSection(title: string, icon?: ComponentType<SvgIconProps>, children?: MenuItem[]): MenuItem;
-export declare function createLink(title: string, routeName: string, routeParams?: any, icon?: ComponentType<SvgIconProps>): MenuItem;
-export declare function createExternalLink(title: string, href: string, icon?: ComponentType<SvgIconProps>): MenuItem;
-export declare function createTableLink(title: string, entityAlias: string, icon?: ComponentType<SvgIconProps>): MenuItem;
+import { IconName } from "@uxf/ui/icon/types";
+import { ReactNode } from "react";
+export declare function createCustomContent(title: string, content: ReactNode): MenuItem;
+export declare function createSuperSection(title: string, children?: MenuItem[]): MenuItem;
+export declare function createSection(title: string, icon?: IconName, children?: MenuItem[]): MenuItem;
+export declare function createLink(title: string, routeName: string, routeParams?: any, icon?: IconName): MenuItem;
+export declare function createExternalLink(title: string, href: string, icon?: IconName): MenuItem;
+export declare function createTableLink(title: string, entityAlias: string, icon?: IconName): MenuItem;

package/lib/Menu/factory.js

@@ -1,28 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTableLink = exports.createExternalLink = exports.createLink = exports.createSection = void 0;
+exports.createTableLink = exports.createExternalLink = exports.createLink = exports.createSection = exports.createSuperSection = exports.createCustomContent = void 0;
 var activeItemResolver_1 = require("./activeItemResolver");
 var model_1 = require("./model");
+function createCustomContent(title, content) {
+    return model_1.MenuItem.create(title, "custom").setContent(content);
+}
+exports.createCustomContent = createCustomContent;
+function createSuperSection(title, children) {
+    return model_1.MenuItem.create(title, "super-section").setChildren(children);
+}
+exports.createSuperSection = createSuperSection;
 function createSection(title, icon, children) {
-    return model_1.MenuItem.create(title).setIcon(icon).setChildren(children);
+    return model_1.MenuItem.create(title, "section").setIcon(icon).setChildren(children);
 }
 exports.createSection = createSection;
 function createLink(title, routeName, routeParams, icon) {
-    return model_1.MenuItem.create(title)
+    return model_1.MenuItem.create(title, "link")
         .setRoute(routeName, routeParams)
         .setIcon(icon)
         .setActiveResolver(activeItemResolver_1.ActiveItemResolver.anyOf([routeName]));
 }
 exports.createLink = createLink;
 function createExternalLink(title, href, icon) {
-    return model_1.MenuItem.create(title).setIcon(icon).setUrl(href);
+    return model_1.MenuItem.create(title, "link").setIcon(icon).setUrl(href);
 }
 exports.createExternalLink = createExternalLink;
 function createTableLink(title, entityAlias, icon) {
-    return model_1.MenuItem.create(title)
+    return model_1.MenuItem.create(title, "link")
         .setRoute("cms/table", { entityAlias: entityAlias })
         .setIcon(icon)
         .setActiveResolver(activeItemResolver_1.ActiveItemResolver.tableLink());
 }
 exports.createTableLink = createTableLink;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTWVudS9mYWN0b3J5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVBLDJEQUEwRDtBQUMxRCxpQ0FBbUM7QUFFbkMsU0FBZ0IsYUFBYSxDQUFDLEtBQWEsRUFBRSxJQUFrQyxFQUFFLFFBQXFCO0lBQ2xHLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUN0RSxDQUFDO0FBRkQsc0NBRUM7QUFFRCxTQUFnQixVQUFVLENBQ3RCLEtBQWEsRUFDYixTQUFpQixFQUNqQixXQUFpQixFQUNqQixJQUFrQztJQUVsQyxPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztTQUN4QixRQUFRLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQztTQUNoQyxPQUFPLENBQUMsSUFBSSxDQUFDO1NBQ2IsaUJBQWlCLENBQUMsdUNBQWtCLENBQUMsS0FBSyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ2xFLENBQUM7QUFWRCxnQ0FVQztBQUVELFNBQWdCLGtCQUFrQixDQUFDLEtBQWEsRUFBRSxJQUFZLEVBQUUsSUFBa0M7SUFDOUYsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQzdELENBQUM7QUFGRCxnREFFQztBQUVELFNBQWdCLGVBQWUsQ0FBQyxLQUFhLEVBQUUsV0FBbUIsRUFBRSxJQUFrQztJQUNsRyxPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztTQUN4QixRQUFRLENBQUMsV0FBVyxFQUFFLEVBQUUsV0FBVyxhQUFBLEVBQUUsQ0FBQztTQUN0QyxPQUFPLENBQUMsSUFBSSxDQUFDO1NBQ2IsaUJBQWlCLENBQUMsdUNBQWtCLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQztBQUMzRCxDQUFDO0FBTEQsMENBS0MifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTWVudS9mYWN0b3J5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDJEQUEwRDtBQUMxRCxpQ0FBbUM7QUFJbkMsU0FBZ0IsbUJBQW1CLENBQUMsS0FBYSxFQUFFLE9BQWtCO0lBQ2pFLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUNoRSxDQUFDO0FBRkQsa0RBRUM7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsUUFBcUI7SUFDbkUsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsZUFBZSxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3pFLENBQUM7QUFGRCxnREFFQztBQUVELFNBQWdCLGFBQWEsQ0FBQyxLQUFhLEVBQUUsSUFBZSxFQUFFLFFBQXFCO0lBQy9FLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7QUFDakYsQ0FBQztBQUZELHNDQUVDO0FBRUQsU0FBZ0IsVUFBVSxDQUFDLEtBQWEsRUFBRSxTQUFpQixFQUFFLFdBQWlCLEVBQUUsSUFBZTtJQUMzRixPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7U0FDaEMsUUFBUSxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7U0FDaEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsRSxDQUFDO0FBTEQsZ0NBS0M7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsSUFBWSxFQUFFLElBQWU7SUFDM0UsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUNyRSxDQUFDO0FBRkQsZ0RBRUM7QUFFRCxTQUFnQixlQUFlLENBQUMsS0FBYSxFQUFFLFdBQW1CLEVBQUUsSUFBZTtJQUMvRSxPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7U0FDaEMsUUFBUSxDQUFDLFdBQVcsRUFBRSxFQUFFLFdBQVcsYUFBQSxFQUFFLENBQUM7U0FDdEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7QUFDM0QsQ0FBQztBQUxELDBDQUtDIn0=

package/lib/Menu/model.d.ts

@@ -1,9 +1,11 @@
-import { SvgIconProps } from "@mui/material/SvgIcon";
-import { ComponentType } from "react";
 import { LoggedUser } from "../../config/Container";
 import { Resolver } from "./types";
 import { NextRouter } from "next/router";
+import { IconName } from "@uxf/ui/icon/types";
+import { ReactNode } from "react";
+declare type ItemType = "custom" | "super-section" | "section" | "link";
 export declare class MenuItem {
+    private _type;
     private _title;
     private _children;
     private _url?;
@@ -12,9 +14,11 @@ export declare class MenuItem {
     private _icon?;
     private _activeItemResolver?;
     private _allowedRoles?;
-    static create(title: string): MenuItem;
-    constructor(title: string);
-    setIcon(icon?: ComponentType<SvgIconProps>): MenuItem;
+    private _content?;
+    static create(title: string, type: ItemType): MenuItem;
+    constructor(title: string, type: ItemType);
+    setContent(content: ReactNode): MenuItem;
+    setIcon(icon?: IconName): MenuItem;
     setChildren(children?: MenuItem[]): MenuItem;
     setRoute(route: string, routeParams?: object): MenuItem;
     setUrl(url: string): MenuItem;
@@ -24,11 +28,14 @@ export declare class MenuItem {
     hasActiveChildren(router: NextRouter, activeRoute: string): boolean;
     isVisible(loggedUser: LoggedUser): boolean;
     hasVisibleChildren(loggedUser: LoggedUser): boolean;
+    get type(): ItemType;
     get title(): string;
     get children(): MenuItem[];
     get url(): string | undefined;
     get route(): string | undefined;
     get routeParams(): any;
-    get icon(): React.ComponentType<SvgIconProps> | undefined;
+    get icon(): IconName | undefined;
     get allowedRoles(): string[] | undefined;
+    get content(): ReactNode;
 }
+export {};

package/lib/Menu/model.js

@@ -13,12 +13,17 @@ var __values = (this && this.__values) || function(o) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuItem = void 0;
 var MenuItem = /** @class */ (function () {
-    function MenuItem(title) {
+    function MenuItem(title, type) {
         this._title = title;
+        this._type = type;
         this._children = [];
     }
-    MenuItem.create = function (title) {
-        return new MenuItem(title);
+    MenuItem.create = function (title, type) {
+        return new MenuItem(title, type);
+    };
+    MenuItem.prototype.setContent = function (content) {
+        this._content = content;
+        return this;
     };
     MenuItem.prototype.setIcon = function (icon) {
         this._icon = icon;
@@ -76,6 +81,13 @@ var MenuItem = /** @class */ (function () {
     MenuItem.prototype.hasVisibleChildren = function (loggedUser) {
         return this.children.some(function (item) { return item.isVisible(loggedUser); });
     };
+    Object.defineProperty(MenuItem.prototype, "type", {
+        get: function () {
+            return this._type;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(MenuItem.prototype, "title", {
         get: function () {
             return this._title;
@@ -125,7 +137,14 @@ var MenuItem = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(MenuItem.prototype, "content", {
+        get: function () {
+            return this._content;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return MenuItem;
 }());
 exports.MenuItem = MenuItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFNQTtJQWNJLGtCQUFZLEtBQWE7UUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQVBhLGVBQU0sR0FBcEIsVUFBcUIsS0FBYTtRQUM5QixPQUFPLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFPTSwwQkFBTyxHQUFkLFVBQWUsSUFBa0M7UUFDN0MsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLDhCQUFXLEdBQWxCLFVBQW1CLFFBQXFCO1FBQ3BDLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxhQUFSLFFBQVEsY0FBUixRQUFRLEdBQUksRUFBRSxDQUFDO1FBQ2hDLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSwyQkFBUSxHQUFmLFVBQWdCLEtBQWEsRUFBRSxXQUFvQjtRQUMvQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztRQUNoQyxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0seUJBQU0sR0FBYixVQUFjLEdBQVc7UUFDckIsSUFBSSxDQUFDLElBQUksR0FBRyxHQUFHLENBQUM7UUFDaEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLG9DQUFpQixHQUF4QixVQUF5QixRQUF5QjtRQUM5QyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztRQUNqRSxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sa0NBQWUsR0FBdEIsVUFBdUIsS0FBZTtRQUNsQyxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sMkJBQVEsR0FBZixVQUFnQixNQUFrQixFQUFFLFdBQW1CO1FBQ25ELE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG1CQUFtQixJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQztJQUN6RixDQUFDO0lBRU0sb0NBQWlCLEdBQXhCLFVBQXlCLE1BQWtCLEVBQUUsV0FBbUI7UUFDNUQsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxFQUFsQyxDQUFrQyxDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUVNLDRCQUFTLEdBQWhCLFVBQWlCLFVBQXNCOztRQUNuQyxJQUFJLElBQUksQ0FBQyxhQUFhLEtBQUssU0FBUyxFQUFFO1lBQ2xDLE9BQU8sSUFBSSxDQUFDO1NBQ2Y7O1lBRUQsS0FBMEIsSUFBQSxLQUFBLFNBQUEsSUFBSSxDQUFDLGFBQWEsQ0FBQSxnQkFBQSw0QkFBRTtnQkFBekMsSUFBTSxXQUFXLFdBQUE7Z0JBQ2xCLElBQUksVUFBVSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEVBQUU7b0JBQ3hDLE9BQU8sSUFBSSxDQUFDO2lCQUNmO2FBQ0o7Ozs7Ozs7OztRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2pCLENBQUM7SUFFTSxxQ0FBa0IsR0FBekIsVUFBMEIsVUFBc0I7UUFDNUMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLEVBQTFCLENBQTBCLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBRUQsc0JBQUksMkJBQUs7YUFBVDtZQUNJLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUN2QixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLDhCQUFRO2FBQVo7WUFDSSxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDMUIsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSx5QkFBRzthQUFQO1lBQ0ksT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3JCLENBQUM7OztPQUFBO0lBRUQsc0JBQUksMkJBQUs7YUFBVDtZQUNJLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUN2QixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLGlDQUFXO2FBQWY7WUFDSSxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDN0IsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSwwQkFBSTthQUFSO1lBQ0ksT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3RCLENBQUM7OztPQUFBO0lBRUQsc0JBQUksa0NBQVk7YUFBaEI7WUFDSSxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7UUFDOUIsQ0FBQzs7O09BQUE7SUFDTCxlQUFDO0FBQUQsQ0FBQyxBQXZHRCxJQXVHQztBQXZHWSw0QkFBUSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFRQTtJQWdCSSxrQkFBWSxLQUFhLEVBQUUsSUFBYztRQUNyQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBUmEsZUFBTSxHQUFwQixVQUFxQixLQUFhLEVBQUUsSUFBYztRQUM5QyxPQUFPLElBQUksUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBUU0sNkJBQVUsR0FBakIsVUFBa0IsT0FBa0I7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDeEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLDBCQUFPLEdBQWQsVUFBZSxJQUFlO1FBQzFCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSw4QkFBVyxHQUFsQixVQUFtQixRQUFxQjtRQUNwQyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLEVBQUUsQ0FBQztRQUNoQyxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sMkJBQVEsR0FBZixVQUFnQixLQUFhLEVBQUUsV0FBb0I7UUFDL0MsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxXQUFXLENBQUM7UUFDaEMsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLHlCQUFNLEdBQWIsVUFBYyxHQUFXO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFD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

package/lib/Menu/ui/Menu.js

@@ -1,15 +1,35 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
-var List_1 = __importDefault(require("@mui/material/List"));
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var MenuItem_1 = require("./MenuItem");
+var MenuCustomItem_1 = require("./MenuCustomItem");
+var MenuSuperSectionItem_1 = require("./MenuSuperSectionItem");
 var Menu = function (props) {
     var menu = props.menu;
-    return (react_1.default.createElement(List_1.default, null, menu.map(function (item) { return (react_1.default.createElement(MenuItem_1.MenuItem, { item: item, key: item.title })); })));
+    return (react_1.default.createElement("div", { className: "bg-sidebar-background px-3 pb-4 pt-8" }, menu.map(function (item, index) { return (react_1.default.createElement(react_1.Fragment, { key: index },
+        item.type === "custom" && react_1.default.createElement(MenuCustomItem_1.MenuCustomItem, { item: item }),
+        item.type === "super-section" && react_1.default.createElement(MenuSuperSectionItem_1.MenuSuperSectionItem, { item: item }),
+        (item.type === "section" || item.type === "link") && react_1.default.createElement(MenuItem_1.MenuItem, { item: item }))); })));
 };
 exports.Menu = Menu;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSw0REFBc0M7QUFDdEMsZ0RBQWtDO0FBRWxDLHVDQUFzQztBQU0vQixJQUFNLElBQUksR0FBa0IsVUFBQyxLQUFLO0lBQzdCLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLE9BQU8sQ0FDSCw4QkFBQyxjQUFJLFFBQ0EsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQ2hCLDhCQUFDLG1CQUFRLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLEtBQUssR0FBSSxDQUM1QyxFQUZtQixDQUVuQixDQUFDLENBQ0MsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBVlcsUUFBQSxJQUFJLFFBVWYifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTRDO0FBRTVDLHVDQUFzQztBQUN0QyxtREFBa0Q7QUFDbEQsK0RBQThEO0FBTXZELElBQU0sSUFBSSxHQUFrQixVQUFDLEtBQUs7SUFDN0IsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyxzQ0FBc0MsSUFDaEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksRUFBRSxLQUFLLElBQUssT0FBQSxDQUN2Qiw4QkFBQyxnQkFBUSxJQUFDLEdBQUcsRUFBRSxLQUFLO1FBQ2YsSUFBSSxDQUFDLElBQUksS0FBSyxRQUFRLElBQUksOEJBQUMsK0JBQWMsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO1FBQ3hELElBQUksQ0FBQyxJQUFJLEtBQUssZUFBZSxJQUFJLDhCQUFDLDJDQUFvQixJQUFDLElBQUksRUFBRSxJQUFJLEdBQUk7UUFDckUsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxJQUFJLDhCQUFDLG1CQUFRLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSSxDQUN2RSxDQUNkLEVBTjBCLENBTTFCLENBQUMsQ0FDQSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFkVyxRQUFBLElBQUksUUFjZiJ9

package/lib/Menu/ui/MenuCustomItem.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { MenuItem as Model } from "../model";
+export interface MenuCustomItemProps {
+    item: Model;
+}
+export declare const MenuCustomItem: FC<MenuCustomItemProps>;

package/lib/Menu/ui/MenuCustomItem.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuCustomItem = void 0;
+var react_1 = __importDefault(require("react"));
+var config_1 = require("../../../config");
+var MenuCustomItem = function (props) {
+    var item = props.item;
+    var useLoggedUser = config_1.container.get("useLoggedUser");
+    var loggedUser = useLoggedUser();
+    if (!item.isVisible(loggedUser)) {
+        return null;
+    }
+    return react_1.default.createElement("div", null, item.content);
+};
+exports.MenuCustomItem = MenuCustomItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUN1c3RvbUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUN1c3RvbUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFrQztBQUNsQywwQ0FBNEM7QUFPckMsSUFBTSxjQUFjLEdBQTRCLFVBQUMsS0FBSztJQUNqRCxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLGFBQWEsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNyRCxJQUFNLFVBQVUsR0FBRyxhQUFhLEVBQUUsQ0FBQztJQUVuQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBRTtRQUM3QixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTywyQ0FBTSxJQUFJLENBQUMsT0FBTyxDQUFPLENBQUM7QUFDckMsQ0FBQyxDQUFDO0FBWFcsUUFBQSxjQUFjLGtCQVd6QiJ9