@uxf/cms 6.0.0-beta.7 → 6.0.0-beta.70

package/lib/layout/sidebar.js

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = void 0;
+var react_1 = __importStar(require("react"));
+var menu_1 = require("../menu");
+var styles_1 = require("./styles");
+var user_menu_1 = require("../menu/ui/user-menu");
+var mobile_bar_1 = require("../menu/mobile-bar");
+var useOnMount_1 = require("@uxf/core/hooks/useOnMount");
+var uxfLogo = (react_1.default.createElement("svg", { width: "134", height: "30", viewBox: "0 0 179 40" },
+    react_1.default.createElement("path", { fill: "#FFF", 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 menuConfiguration = props.menuConfiguration, Logo = props.Logo, CustomSidebar = props.CustomSidebar;
+    var _a = __read((0, react_1.useState)(0), 2), deviceHeight = _a[0], setDeviceHeight = _a[1];
+    var _b = __read((0, react_1.useState)(false), 2), isMenuOpen = _b[0], setIsMenuOpen = _b[1];
+    var toggleMenu = function () { return setIsMenuOpen(function (prev) { return !prev; }); };
+    (0, useOnMount_1.useOnMount)(function () {
+        var handleDeviceHeight = function () {
+            var _a, _b;
+            setDeviceHeight((_b = (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : window.innerHeight);
+        };
+        handleDeviceHeight();
+        window.addEventListener("resize", handleDeviceHeight);
+        return function () {
+            window.removeEventListener("resize", handleDeviceHeight);
+        };
+    });
+    return (CustomSidebar !== null && CustomSidebar !== void 0 ? CustomSidebar : (react_1.default.createElement("div", { className: "sidebar fixed z-1 flex w-full flex-col max-md:z-[15] md:w-[var(--drawerWidth)]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } },
+        react_1.default.createElement("div", { className: "h-[calc(var(--deviceHeight)_-_48px)] flex-col bg-sidebar-background pt-5 md:h-screen ".concat(isMenuOpen ? "flex" : "hidden md:flex"), style: { "--deviceHeight": "".concat(deviceHeight, "px") } },
+            react_1.default.createElement("div", { className: "sidebar__logo px-4" }, Logo !== null && Logo !== void 0 ? Logo : uxfLogo),
+            menuConfiguration && menuConfiguration.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { className: "sidebar__nav grow overflow-auto px-2 md:px-0 ".concat(menuConfiguration[0].type === "super-section" ? "mt-4" : "mt-8") },
+                    react_1.default.createElement(menu_1.Menu, { menu: menuConfiguration })),
+                react_1.default.createElement(user_menu_1.UserMenu, { menu: menuConfiguration })))),
+        menuConfiguration && react_1.default.createElement(mobile_bar_1.MobileBar, { menuConfiguration: menuConfiguration, toggleMenu: toggleMenu }))));
+};
+exports.Sidebar = Sidebar;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvbGF5b3V0L3NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyRDtBQUMzRCxnQ0FBK0I7QUFFL0IsbUNBQXVDO0FBQ3ZDLGtEQUFnRDtBQUNoRCxpREFBK0M7QUFDL0MseURBQXdEO0FBRXhELElBQU0sT0FBTyxHQUFHLENBQ1osdUNBQUssS0FBSyxFQUFDLEtBQUssRUFBQyxNQUFNLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxZQUFZO0lBQzdDLHdDQUNJLElBQUksRUFBQyxNQUFNLEVBQ1gsUUFBUSxFQUFDLFNBQVMsRUFDbEIsQ0FBQyxFQUFDLDJUQUEyVCxFQUM3VCxRQUFRLEVBQUMsU0FBUyxHQUNwQjtJQUNGLHdDQUNJLElBQUksRUFBQyxNQUFNLEVBQ1gsUUFBUSxFQUFDLFNBQVMsRUFDbEIsQ0FBQyxFQUFDLHkzRkFBeTNGLEVBQzMzRixRQUFRLEVBQUMsU0FBUyxHQUNwQixDQUNBLENBQ1QsQ0FBQztBQUVLLElBQU0sT0FBTyxHQUFxQixVQUFDLEtBQUs7SUFDbkMsSUFBQSxpQkFBaUIsR0FBMEIsS0FBSyxrQkFBL0IsRUFBRSxJQUFJLEdBQW9CLEtBQUssS0FBekIsRUFBRSxhQUFhLEdBQUssS0FBSyxjQUFWLENBQVc7SUFFbkQsSUFBQSxLQUFBLE9BQWtDLElBQUEsZ0JBQVEsRUFBQyxDQUFDLENBQUMsSUFBQSxFQUE1QyxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQWUsQ0FBQztJQUM5QyxJQUFBLEtBQUEsT0FBOEIsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTVDLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBbUIsQ0FBQztJQUNwRCxJQUFNLFVBQVUsR0FBRyxjQUFNLE9BQUEsYUFBYSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQTlCLENBQThCLENBQUM7SUFFeEQsSUFBQSx1QkFBVSxFQUFDO1FBQ1AsSUFBTSxrQkFBa0IsR0FBRzs7WUFDdkIsZUFBZSxDQUFDLE1BQUEsTUFBQSxNQUFNLENBQUMsY0FBYywwQ0FBRSxNQUFNLG1DQUFJLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN6RSxDQUFDLENBQUM7UUFFRixrQkFBa0IsRUFBRSxDQUFDO1FBQ3JCLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsa0JBQWtCLENBQUMsQ0FBQztRQUN0RCxPQUFPO1lBQ0gsTUFBTSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO1FBQzdELENBQUMsQ0FBQztJQUNOLENBQUMsQ0FBQyxDQUFDO0lBRUgsT0FBTyxDQUNILGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQ2IsdUNBQ0ksU0FBUyxFQUFDLGdGQUFnRixFQUMxRixLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsVUFBRyxvQkFBVyxPQUFJLEVBQW1CO1FBRS9ELHVDQUNJLFNBQVMsRUFBRSwrRkFDUCxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQ3hDLEVBQ0YsS0FBSyxFQUFFLEVBQUUsZ0JBQWdCLEVBQUUsVUFBRyxZQUFZLE9BQUksRUFBbUI7WUFFakUsdUNBQUssU0FBUyxFQUFDLG9CQUFvQixJQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLE9BQU8sQ0FBTztZQUMxRCxpQkFBaUIsSUFBSSxpQkFBaUIsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ2xEO2dCQUNJLHVDQUNJLFNBQVMsRUFBRSx1REFDUCxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssZUFBZSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FDakU7b0JBRUYsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxpQkFBaUIsR0FBSSxDQUMvQjtnQkFDTiw4QkFBQyxvQkFBUSxJQUFDLElBQUksRUFBRSxpQkFBaUIsR0FBSSxDQUN0QyxDQUNOLENBQ0M7UUFDTCxpQkFBaUIsSUFBSSw4QkFBQyxzQkFBUyxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxVQUFVLEdBQUksQ0FDL0YsQ0FDVCxDQUNKLENBQUM7QUFDTixDQUFDLENBQUM7QUFqRFcsUUFBQSxPQUFPLFdBaURsQiJ9

package/lib/layout/styles.d.ts

@@ -0,0 +1 @@
+export declare const drawerWidth = 264;

package/lib/layout/styles.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.drawerWidth = void 0;
+exports.drawerWidth = 264;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9sYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFhLFFBQUEsV0FBVyxHQUFHLEdBQUcsQ0FBQyJ9

package/lib/layout/types.d.ts

@@ -0,0 +1,31 @@
+import { HTMLAttributes, ReactElement, ReactNode } from "react";
+import { MenuItem } from "../menu/model";
+import { BreadcrumbItemProps } from "./breadcrumbs";
+export type LayoutContainerType = "fullWidth" | "wide" | "narrow" | "none";
+export interface LayoutContainerProps extends HTMLAttributes<HTMLDivElement> {
+    type?: LayoutContainerType;
+}
+export type LayoutProps = SidebarProps & {
+    children?: ReactNode;
+    containerType?: LayoutContainerType;
+    headerContainerType?: LayoutContainerType;
+    breadcrumbs?: BreadcrumbItemProps[];
+    Header?: ReactNode;
+    loading?: boolean;
+    Logo?: ReactNode;
+    mainClassName?: string;
+    MessageBar?: ReactNode;
+    subtitle?: ReactNode;
+    title?: string;
+    ToolbarRight?: ReactNode;
+    TitleRightContainer?: ReactNode;
+};
+export interface AppBarProps {
+    Logo?: ReactNode;
+    ToolbarRight?: ReactNode;
+}
+export interface SidebarProps {
+    Logo?: ReactNode;
+    menuConfiguration?: MenuItem[];
+    CustomSidebar?: ReactElement;
+}

package/{ui/Button → lib/layout}/types.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvQnV0dG9uL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL2xheW91dC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/login-layout/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./login-layout";
+export * from "./types";

package/{forms/LoginForm → lib/login-layout}/index.js

@@ -1,7 +1,11 @@
 "use strict";
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -10,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./LoginForm"), exports);
+__exportStar(require("./login-layout"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvTG9naW5Gb3JtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLDhDQUE0QjtBQUM1QiwwQ0FBd0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL2xvZ2luLWxheW91dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsaURBQStCO0FBQy9CLDBDQUF3QiJ9

package/lib/{LoginLayout/LoginLayout.js → login-layout/login-layout.js}

@@ -9,13 +9,13 @@ var react_1 = __importDefault(require("react"));
 var paper_1 = require("@uxf/ui/paper/paper");
 var LoginLayout = function (props) {
     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 flex-col items-center justify-center min-h-screen p-4 bg-gray-100" },
+    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 || "")),
         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: "mt-2 uxf-typo-body text-lightMedium" }, subTitle),
-        react_1.default.createElement(paper_1.Paper, { className: "max-w-full w-[448px] p-6 mt-8" }, children)));
+        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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5MYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xvZ2luTGF5b3V0L0xvZ2luTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWtDO0FBRWxDLDZDQUE0QztBQUVyQyxJQUFNLFdBQVcsR0FBeUIsVUFBQyxLQUFLO0lBQzNDLElBQUEsU0FBUyxHQUFpRCxLQUFLLFVBQXRELEVBQUUsS0FBSyxHQUEwQyxLQUFLLE1BQS9DLEVBQUUsUUFBUSxHQUFnQyxLQUFLLFNBQXJDLEVBQUUsU0FBUyxHQUFxQixLQUFLLFVBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFeEUsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyx3RUFBd0U7UUFDbkYsOEJBQUMsY0FBSTtZQUNELDZDQUFRLFNBQVMsSUFBSSxFQUFFLENBQVMsQ0FDN0I7UUFDTixJQUFJLElBQUksdUNBQUssU0FBUyxFQUFDLE1BQU0sSUFBRSxJQUFJLENBQU87UUFDMUMsS0FBSyxJQUFJLHNDQUFJLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsYUFBYSxJQUFHLEtBQUssQ0FBTTtRQUMzRSxRQUFRLElBQUkscUNBQUcsU0FBUyxFQUFDLHFDQUFxQyxJQUFFLFFBQVEsQ0FBSztRQUM5RSw4QkFBQyxhQUFLLElBQUMsU0FBUyxFQUFDLCtCQUErQixJQUFFLFFBQVEsQ0FBUyxDQUNqRSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFkVyxRQUFBLFdBQVcsZUFjdEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tbGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9sb2dpbi1sYXlvdXQvbG9naW4tbGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWtDO0FBRWxDLDZDQUE0QztBQUVyQyxJQUFNLFdBQVcsR0FBeUIsVUFBQyxLQUFLO0lBQzNDLElBQUEsU0FBUyxHQUFpRCxLQUFLLFVBQXRELEVBQUUsS0FBSyxHQUEwQyxLQUFLLE1BQS9DLEVBQUUsUUFBUSxHQUFnQyxLQUFLLFNBQXJDLEVBQUUsU0FBUyxHQUFxQixLQUFLLFVBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFeEUsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyx3RUFBd0U7UUFDbkYsOEJBQUMsY0FBSTtZQUNELDZDQUFRLFNBQVMsSUFBSSxFQUFFLENBQVMsQ0FDN0I7UUFDTixJQUFJLElBQUksdUNBQUssU0FBUyxFQUFDLE1BQU0sSUFBRSxJQUFJLENBQU87UUFDMUMsS0FBSyxJQUFJLHNDQUFJLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsYUFBYSxJQUFHLEtBQUssQ0FBTTtRQUMzRSxRQUFRLElBQUkscUNBQUcsU0FBUyxFQUFDLHFDQUFxQyxJQUFFLFFBQVEsQ0FBSztRQUM5RSw4QkFBQyxhQUFLLElBQUMsU0FBUyxFQUFDLCtCQUErQixJQUFFLFFBQVEsQ0FBUyxDQUNqRSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFkVyxRQUFBLFdBQVcsZUFjdEIifQ==

package/lib/{CmsProvider → login-layout}/types.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0Ntc1Byb3ZpZGVyL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL2xvZ2luLWxheW91dC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/menu/active-item-resolver.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActiveItemResolver = void 0;
+var exactMatch = function () { return function (menuItem) { return function (_, activeRoute) {
+    return activeRoute === menuItem.route;
+}; }; };
+var exactMatchWithParams = function () { return function (menuItem) { return function (router, activeRoute) {
+    var isQueryEqual = JSON.stringify(router.query) === JSON.stringify(menuItem.routeParams);
+    return activeRoute === menuItem.route && isQueryEqual;
+}; }; };
+var anyOf = function (routeNames) {
+    return function (menuItem) {
+        return function (_, activeRoute) {
+            if (activeRoute === menuItem.route) {
+                return true;
+            }
+            return routeNames.some(function (routeName) { return routeName === activeRoute; });
+        };
+    };
+};
+var tableLink = function () { return function (menuItem) { return function (router, activeRoute) {
+    var _a;
+    var isQueryEqual = router.query.entityAlias === ((_a = menuItem.routeParams) === null || _a === void 0 ? void 0 : _a.entityAlias);
+    if (activeRoute === menuItem.route && isQueryEqual) {
+        return true;
+    }
+    return activeRoute === "cms/table-form" && isQueryEqual;
+}; }; };
+exports.ActiveItemResolver = {
+    anyOf: anyOf,
+    exactMatch: exactMatch,
+    exactMatchWithParams: exactMatchWithParams,
+    tableLink: tableLink,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aXZlLWl0ZW0tcmVzb2x2ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL21lbnUvYWN0aXZlLWl0ZW0tcmVzb2x2ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsSUFBTSxVQUFVLEdBQUcsY0FBZ0IsT0FBQSxVQUFDLFFBQVEsSUFBSyxPQUFBLFVBQUMsQ0FBQyxFQUFFLFdBQVc7SUFDNUQsT0FBTyxXQUFXLEtBQUssUUFBUSxDQUFDLEtBQUssQ0FBQztBQUMxQyxDQUFDLEVBRmdELENBRWhELEVBRmtDLENBRWxDLENBQUM7QUFFRixJQUFNLG9CQUFvQixHQUFHLGNBQWdCLE9BQUEsVUFBQyxRQUFRLElBQUssT0FBQSxVQUFDLE1BQU0sRUFBRSxXQUFXO0lBQzNFLElBQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxLQUFLLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzNGLE9BQU8sV0FBVyxLQUFLLFFBQVEsQ0FBQyxLQUFLLElBQUksWUFBWSxDQUFDO0FBQzFELENBQUMsRUFIMEQsQ0FHMUQsRUFINEMsQ0FHNUMsQ0FBQztBQUVGLElBQU0sS0FBSyxHQUNQLFVBQUMsVUFBb0I7SUFDckIsT0FBQSxVQUFDLFFBQVE7UUFDVCxPQUFBLFVBQUMsQ0FBQyxFQUFFLFdBQVc7WUFDWCxJQUFJLFdBQVcsS0FBSyxRQUFRLENBQUMsS0FBSyxFQUFFO2dCQUNoQyxPQUFPLElBQUksQ0FBQzthQUNmO1lBRUQsT0FBTyxVQUFVLENBQUMsSUFBSSxDQUFDLFVBQUMsU0FBUyxJQUFLLE9BQUEsU0FBUyxLQUFLLFdBQVcsRUFBekIsQ0FBeUIsQ0FBQyxDQUFDO1FBQ3JFLENBQUM7SUFORCxDQU1DO0FBUEQsQ0FPQyxDQUFDO0FBRU4sSUFBTSxTQUFTLEdBQUcsY0FBZ0IsT0FBQSxVQUFDLFFBQVEsSUFBSyxPQUFBLFVBQUMsTUFBTSxFQUFFLFdBQVc7O0lBQ2hFLElBQU0sWUFBWSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsV0FBVyxNQUFLLE1BQUEsUUFBUSxDQUFDLFdBQVcsMENBQUUsV0FBVyxDQUFBLENBQUM7SUFFcEYsSUFBSSxXQUFXLEtBQUssUUFBUSxDQUFDLEtBQUssSUFBSSxZQUFZLEVBQUU7UUFDaEQsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sV0FBVyxLQUFLLGdCQUFnQixJQUFJLFlBQVksQ0FBQztBQUM1RCxDQUFDLEVBUitDLENBUS9DLEVBUmlDLENBUWpDLENBQUM7QUFFVyxRQUFBLGtCQUFrQixHQUFHO0lBQzlCLEtBQUssT0FBQTtJQUNMLFVBQVUsWUFBQTtJQUNWLG9CQUFvQixzQkFBQTtJQUNwQixTQUFTLFdBQUE7Q0FDWixDQUFDIn0=

package/lib/{Menu → menu}/factory.d.ts

@@ -1,6 +1,10 @@
-import { MenuItem } from "./model";
+import { MenuItem, UserMenuData } from "./model";
 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 createUserMenu(userMenuData: UserMenuData, children?: MenuItem[]): MenuItem;
 export declare function createTableLink(title: string, entityAlias: string, icon?: IconName): MenuItem;

package/lib/menu/factory.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTableLink = exports.createUserMenu = exports.createExternalLink = exports.createLink = exports.createSection = exports.createSuperSection = exports.createCustomContent = void 0;
+var active_item_resolver_1 = require("./active-item-resolver");
+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, "section").setIcon(icon).setChildren(children);
+}
+exports.createSection = createSection;
+function createLink(title, routeName, routeParams, icon) {
+    return model_1.MenuItem.create(title, "link")
+        .setRoute(routeName, routeParams)
+        .setIcon(icon)
+        .setActiveResolver(active_item_resolver_1.ActiveItemResolver.anyOf([routeName]));
+}
+exports.createLink = createLink;
+function createExternalLink(title, href, icon) {
+    return model_1.MenuItem.create(title, "link").setIsExternal(true).setIcon(icon).setUrl(href);
+}
+exports.createExternalLink = createExternalLink;
+function createUserMenu(userMenuData, children) {
+    return model_1.MenuItem.create("Můj profil", "super-section").setUserMenuData(userMenuData).setChildren(children);
+}
+exports.createUserMenu = createUserMenu;
+function createTableLink(title, entityAlias, icon) {
+    return model_1.MenuItem.create(title, "link")
+        .setRoute("cms/table", { entityAlias: entityAlias })
+        .setIcon(icon)
+        .setActiveResolver(active_item_resolver_1.ActiveItemResolver.tableLink());
+}
+exports.createTableLink = createTableLink;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvbWVudS9mYWN0b3J5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtEQUE0RDtBQUM1RCxpQ0FBaUQ7QUFJakQsU0FBZ0IsbUJBQW1CLENBQUMsS0FBYSxFQUFFLE9BQWtCO0lBQ2pFLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUNoRSxDQUFDO0FBRkQsa0RBRUM7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsUUFBcUI7SUFDbkUsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsZUFBZSxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3pFLENBQUM7QUFGRCxnREFFQztBQUVELFNBQWdCLGFBQWEsQ0FBQyxLQUFhLEVBQUUsSUFBZSxFQUFFLFFBQXFCO0lBQy9FLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7QUFDakYsQ0FBQztBQUZELHNDQUVDO0FBRUQsU0FBZ0IsVUFBVSxDQUFDLEtBQWEsRUFBRSxTQUFpQixFQUFFLFdBQWlCLEVBQUUsSUFBZTtJQUMzRixPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7U0FDaEMsUUFBUSxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7U0FDaEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHlDQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsRSxDQUFDO0FBTEQsZ0NBS0M7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsSUFBWSxFQUFFLElBQWU7SUFDM0UsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDekYsQ0FBQztBQUZELGdEQUVDO0FBRUQsU0FBZ0IsY0FBYyxDQUFDLFlBQTBCLEVBQUUsUUFBcUI7SUFDNUUsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLENBQUMsZUFBZSxDQUFDLFlBQVksQ0FBQyxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUM5RyxDQUFDO0FBRkQsd0NBRUM7QUFFRCxTQUFnQixlQUFlLENBQUMsS0FBYSxFQUFFLFdBQW1CLEVBQUUsSUFBZTtJQUMvRSxPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7U0FDaEMsUUFBUSxDQUFDLFdBQVcsRUFBRSxFQUFFLFdBQVcsYUFBQSxFQUFFLENBQUM7U0FDdEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHlDQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7QUFDM0QsQ0FBQztBQUxELDBDQUtDIn0=

package/lib/menu/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./ui/menu";
+export * from "./ui/menu-item";
+export * from "./factory";
+export * from "./types";
+export * from "./active-item-resolver";

package/lib/{Menu → menu}/index.js

@@ -1,7 +1,11 @@
 "use strict";
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -10,9 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ui/Menu"), exports);
-__exportStar(require("./ui/MenuItem"), exports);
+__exportStar(require("./ui/menu"), exports);
+__exportStar(require("./ui/menu-item"), exports);
 __exportStar(require("./factory"), exports);
 __exportStar(require("./types"), exports);
-__exportStar(require("./activeItemResolver"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsNENBQTBCO0FBQzFCLGdEQUE4QjtBQUM5Qiw0Q0FBMEI7QUFDMUIsMENBQXdCO0FBQ3hCLHVEQUFxQyJ9
+__exportStar(require("./active-item-resolver"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL21lbnUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDRDQUEwQjtBQUMxQixpREFBK0I7QUFDL0IsNENBQTBCO0FBQzFCLDBDQUF3QjtBQUN4Qix5REFBdUMifQ==

package/lib/menu/mobile-bar.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { MenuItem } from "./model";
+export declare const MobileBar: FC<{
+    menuConfiguration: MenuItem[];
+    toggleMenu: () => void;
+}>;

package/lib/menu/mobile-bar.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileBar = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var icon_1 = require("@uxf/ui/icon");
+var sub_menu_mobile_1 = require("./ui/sub-menu/sub-menu-mobile");
+var config_1 = require("../../config");
+var avatar_1 = require("@uxf/ui/avatar");
+var cx_1 = require("@uxf/core/utils/cx");
+var MobileBar = function (props) {
+    var menuConfiguration = props.menuConfiguration, toggleMenu = props.toggleMenu;
+    var useLoggedUser = config_1.container.get("useLoggedUser");
+    var loggedUser = useLoggedUser();
+    var mobileBarMenu = menuConfiguration
+        .flatMap(function (item) {
+        if (item.type === "link" || item.type === "section") {
+            return item;
+        }
+        if (item.userMenuData) {
+            return item;
+        }
+        if (item.type === "super-section") {
+            return item.children.filter(function (i) { return i.type === "link" || i.type === "section"; });
+        }
+        return undefined;
+    })
+        .filter(function (i) { return i; })
+        .filter(function (item) { return (item === null || item === void 0 ? void 0 : item.isVisible(loggedUser)) && (!item.children.length || item.hasVisibleChildren(loggedUser)); })
+        .splice(0, 4);
+    var buttonClassName = (0, cx_1.cx)("flex h-10 grow items-center justify-center shrink-0", mobileBarMenu.length === 2 && "w-1/3", mobileBarMenu.length === 3 && "w-1/4", mobileBarMenu.length === 4 && "w-1/5");
+    return (react_1.default.createElement("div", { className: "fixed inset-x-0 bottom-0 flex h-16 items-center border-t border-gray-700 bg-sidebar-background px-1 text-darkMedium md:hidden" },
+        mobileBarMenu.map(function (item, index) {
+            var _a, _b, _c, _d;
+            if (item.children.length) {
+                return (react_1.default.createElement(sub_menu_mobile_1.SubMenuMobile, { key: index, content: item.children, title: item.title },
+                    react_1.default.createElement("button", { type: "button", className: buttonClassName }, item.userMenuData ? (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(avatar_1.Avatar, { className: "h-7 w-7", src: item.userMenuData.avatar }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(icon_1.Icon, { name: (_a = item.icon) !== null && _a !== void 0 ? _a : "", size: 24 }),
+                        react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16, className: "ml-1" }))))));
+            }
+            if (item.url || item.route) {
+                return (react_1.default.createElement(link_1.default, { key: index, href: (_b = item.url) !== null && _b !== void 0 ? _b : config_1.container.get("route")(item.route, item.routeParams), target: item.isExternal ? "_blank" : undefined, rel: item.isExternal ? "noreferrer noopener" : undefined, className: buttonClassName },
+                    react_1.default.createElement(icon_1.Icon, { name: (_c = item.icon) !== null && _c !== void 0 ? _c : "user", size: 24 })));
+            }
+            return (react_1.default.createElement("span", { key: index, className: buttonClassName },
+                react_1.default.createElement(icon_1.Icon, { name: (_d = item.icon) !== null && _d !== void 0 ? _d : "user", size: 24 })));
+        }),
+        react_1.default.createElement("button", { type: "button", className: buttonClassName, onClick: toggleMenu },
+            react_1.default.createElement(icon_1.Icon, { name: "bars", size: 24 }))));
+};
+exports.MobileBar = MobileBar;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvbWVudS9tb2JpbGUtYmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBa0M7QUFDbEMsbURBQTZCO0FBQzdCLHFDQUFvQztBQUVwQyxpRUFBOEQ7QUFDOUQsdUNBQXlDO0FBQ3pDLHlDQUF3QztBQUN4Qyx5Q0FBd0M7QUFFakMsSUFBTSxTQUFTLEdBQWtFLFVBQUMsS0FBSztJQUNsRixJQUFBLGlCQUFpQixHQUFpQixLQUFLLGtCQUF0QixFQUFFLFVBQVUsR0FBSyxLQUFLLFdBQVYsQ0FBVztJQUVoRCxJQUFNLGFBQWEsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNyRCxJQUFNLFVBQVUsR0FBRyxhQUFhLEVBQUUsQ0FBQztJQUVuQyxJQUFNLGFBQWEsR0FBZSxpQkFBaUI7U0FDOUMsT0FBTyxDQUFDLFVBQUMsSUFBSTtRQUNWLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7WUFDakQsT0FBTyxJQUFJLENBQUM7U0FDZjtRQUNELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNuQixPQUFPLElBQUksQ0FBQztTQUNmO1FBQ0QsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsRUFBRTtZQUMvQixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksQ0FBQyxDQUFDLElBQUksS0FBSyxTQUFTLEVBQXpDLENBQXlDLENBQUMsQ0FBQztTQUNqRjtRQUNELE9BQU8sU0FBUyxDQUFDO0lBQ3JCLENBQUMsQ0FBQztTQUNELE1BQU0sQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsRUFBRCxDQUFDLENBQUM7U0FDaEIs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

package/lib/{Menu → menu}/model.d.ts

@@ -1,33 +1,52 @@
-import { LoggedUser } from "../../config/Container";
+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";
+type ItemType = "custom" | "super-section" | "section" | "link";
+export type UserMenuData = {
+    avatar?: string;
+    name: string;
+    roles: string;
+};
 export declare class MenuItem {
+    private _type;
     private _title;
     private _children;
     private _url?;
     private _route?;
     private _routeParams?;
+    private _isExternal?;
     private _icon?;
     private _activeItemResolver?;
     private _allowedRoles?;
-    static create(title: string): MenuItem;
-    constructor(title: string);
+    private _content?;
+    private _userMenuData?;
+    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;
+    setIsExternal(isExternal: boolean): MenuItem;
+    setUserMenuData(userMenuData: UserMenuData): MenuItem;
     setActiveResolver(resolver: Resolver | null): MenuItem;
     setAllowedRoles(roles: string[]): MenuItem;
     isActive(router: NextRouter, activeRoute: string): boolean;
     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 isExternal(): boolean | undefined;
     get icon(): IconName | undefined;
     get allowedRoles(): string[] | undefined;
+    get content(): ReactNode;
+    get userMenuData(): UserMenuData | undefined;
 }
+export {};

package/lib/menu/model.js

@@ -0,0 +1,172 @@
+"use strict";
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItem = void 0;
+var MenuItem = /** @class */ (function () {
+    function MenuItem(title, type) {
+        this._title = title;
+        this._type = type;
+        this._children = [];
+    }
+    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;
+        return this;
+    };
+    MenuItem.prototype.setChildren = function (children) {
+        this._children = children !== null && children !== void 0 ? children : [];
+        return this;
+    };
+    MenuItem.prototype.setRoute = function (route, routeParams) {
+        this._route = route;
+        this._routeParams = routeParams;
+        return this;
+    };
+    MenuItem.prototype.setUrl = function (url) {
+        this._url = url;
+        return this;
+    };
+    MenuItem.prototype.setIsExternal = function (isExternal) {
+        this._isExternal = isExternal;
+        return this;
+    };
+    MenuItem.prototype.setUserMenuData = function (userMenuData) {
+        this._userMenuData = userMenuData;
+        return this;
+    };
+    MenuItem.prototype.setActiveResolver = function (resolver) {
+        this._activeItemResolver = resolver ? resolver(this) : undefined;
+        return this;
+    };
+    MenuItem.prototype.setAllowedRoles = function (roles) {
+        this._allowedRoles = roles;
+        return this;
+    };
+    MenuItem.prototype.isActive = function (router, activeRoute) {
+        return !!(this._activeItemResolver && this._activeItemResolver(router, activeRoute));
+    };
+    MenuItem.prototype.hasActiveChildren = function (router, activeRoute) {
+        return this.children.some(function (item) { return item.isActive(router, activeRoute); });
+    };
+    MenuItem.prototype.isVisible = function (loggedUser) {
+        var e_1, _a;
+        if (this._allowedRoles === undefined) {
+            return true;
+        }
+        try {
+            for (var _b = __values(this._allowedRoles), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var allowedRole = _c.value;
+                if (loggedUser.roles.includes(allowedRole)) {
+                    return true;
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return false;
+    };
+    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;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MenuItem.prototype, "children", {
+        get: function () {
+            return this._children;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MenuItem.prototype, "url", {
+        get: function () {
+            return this._url;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MenuItem.prototype, "route", {
+        get: function () {
+            return this._route;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MenuItem.prototype, "routeParams", {
+        get: function () {
+            return this._routeParams;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MenuItem.prototype, "isExternal", {
+        get: function () {
+            return this._isExternal;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MenuItem.prototype, "icon", {
+        get: function () {
+            return this._icon;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MenuItem.prototype, "allowedRoles", {
+        get: function () {
+            return this._allowedRoles;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MenuItem.prototype, "content", {
+        get: function () {
+            return this._content;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MenuItem.prototype, "userMenuData", {
+        get: function () {
+            return this._userMenuData;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return MenuItem;
+}());
+exports.MenuItem = MenuItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL21lbnUvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFlQTtJQWtCSSxrQkFBWSxLQUFhLEVBQUUsSUFBYztRQUNyQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBUmEsZUFBTSxHQUFwQixVQUFxQixLQUFhLEVBQUUsSUFBYztRQUM5QyxPQUFPLElBQUksUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBUU0sNkJBQVUsR0FBakIsVUFBa0IsT0FBa0I7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDeEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLDBCQUFPLEdBQWQsVUFBZSxJQUFlO1FBQzFCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSw4QkFBVyxHQUFsQixVQUFtQixRQUFxQjtRQUNwQyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLEVBQUUsQ0FBQztRQUNoQyxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sMkJBQVEsR0FBZixVQUFnQixLQUFhLEVBQUUsV0FBb0I7UUFDL0MsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxXQUFXLENBQUM7UUFDaEMsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLHlCQUFNLEdBQWIsVUFBYyxHQUFXO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFD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

package/lib/menu/types.d.ts

@@ -0,0 +1,5 @@
+import { MenuItem } from "./model";
+import { NextRouter } from "next/router";
+export type RouterResolver = (router: NextRouter, activeRoute: string) => boolean;
+export type Resolver = (item: MenuItem) => RouterResolver;
+export type MenuConfiguration = MenuItem[];