@uxf/cms 6.0.0-beta.3 → 6.0.0-beta.31

package/lib/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

@@ -1,28 +1,40 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTableLink = exports.createExternalLink = exports.createLink = exports.createSection = void 0;
+exports.createTableLink = exports.createUserMenu = 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").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)
+    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTWVudS9mYWN0b3J5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDJEQUEwRDtBQUMxRCxpQ0FBbUM7QUFHbkMsU0FBZ0IsYUFBYSxDQUFDLEtBQWEsRUFBRSxJQUFlLEVBQUUsUUFBcUI7SUFDL0UsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3RFLENBQUM7QUFGRCxzQ0FFQztBQUVELFNBQWdCLFVBQVUsQ0FBQyxLQUFhLEVBQUUsU0FBaUIsRUFBRSxXQUFpQixFQUFFLElBQWU7SUFDM0YsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7U0FDeEIsUUFBUSxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7U0FDaEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsRSxDQUFDO0FBTEQsZ0NBS0M7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsSUFBWSxFQUFFLElBQWU7SUFDM0UsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQzdELENBQUM7QUFGRCxnREFFQztBQUVELFNBQWdCLGVBQWUsQ0FBQyxLQUFhLEVBQUUsV0FBbUIsRUFBRSxJQUFlO0lBQy9FLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1NBQ3hCLFFBQVEsQ0FBQyxXQUFXLEVBQUUsRUFBRSxXQUFXLGFBQUEsRUFBRSxDQUFDO1NBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQUM7U0FDYixpQkFBaUIsQ0FBQyx1Q0FBa0IsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO0FBQzNELENBQUM7QUFMRCwwQ0FLQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTWVudS9mYWN0b3J5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDJEQUEwRDtBQUMxRCxpQ0FBaUQ7QUFJakQsU0FBZ0IsbUJBQW1CLENBQUMsS0FBYSxFQUFFLE9BQWtCO0lBQ2pFLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUNoRSxDQUFDO0FBRkQsa0RBRUM7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsUUFBcUI7SUFDbkUsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsZUFBZSxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3pFLENBQUM7QUFGRCxnREFFQztBQUVELFNBQWdCLGFBQWEsQ0FBQyxLQUFhLEVBQUUsSUFBZSxFQUFFLFFBQXFCO0lBQy9FLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7QUFDakYsQ0FBQztBQUZELHNDQUVDO0FBRUQsU0FBZ0IsVUFBVSxDQUFDLEtBQWEsRUFBRSxTQUFpQixFQUFFLFdBQWlCLEVBQUUsSUFBZTtJQUMzRixPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7U0FDaEMsUUFBUSxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7U0FDaEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsRSxDQUFDO0FBTEQsZ0NBS0M7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsSUFBWSxFQUFFLElBQWU7SUFDM0UsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDekYsQ0FBQztBQUZELGdEQUVDO0FBRUQsU0FBZ0IsY0FBYyxDQUFDLFlBQTBCLEVBQUUsUUFBcUI7SUFDNUUsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLENBQUMsZUFBZSxDQUFDLFlBQVksQ0FBQyxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUM5RyxDQUFDO0FBRkQsd0NBRUM7QUFFRCxTQUFnQixlQUFlLENBQUMsS0FBYSxFQUFFLFdBQW1CLEVBQUUsSUFBZTtJQUMvRSxPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7U0FDaEMsUUFBUSxDQUFDLFdBQVcsRUFBRSxFQUFFLFdBQVcsYUFBQSxFQUFFLENBQUM7U0FDdEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7QUFDM0QsQ0FBQztBQUxELDBDQUtDIn0=

package/lib/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];
@@ -15,4 +19,4 @@ __exportStar(require("./ui/MenuItem"), exports);
 __exportStar(require("./factory"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./activeItemResolver"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsNENBQTBCO0FBQzFCLGdEQUE4QjtBQUM5Qiw0Q0FBMEI7QUFDMUIsMENBQXdCO0FBQ3hCLHVEQUFxQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDRDQUEwQjtBQUMxQixnREFBOEI7QUFDOUIsNENBQTBCO0FBQzFCLDBDQUF3QjtBQUN4Qix1REFBcUMifQ==

package/lib/Menu/model.d.ts

@@ -2,32 +2,51 @@ 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

@@ -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;
@@ -37,6 +42,14 @@ var MenuItem = /** @class */ (function () {
         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;
@@ -76,6 +89,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;
@@ -111,6 +131,13 @@ var MenuItem = /** @class */ (function () {
         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;
@@ -125,7 +152,21 @@ var MenuItem = /** @class */ (function () {
         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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFLQTtJQWNJLGtCQUFZLEtBQWE7UUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQVBhLGVBQU0sR0FBcEIsVUFBcUIsS0FBYTtRQUM5QixPQUFPLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFPTSwwQkFBTyxHQUFkLFVBQWUsSUFBZTtRQUMxQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sOEJBQVcsR0FBbEIsVUFBbUIsUUFBcUI7UUFDcEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxFQUFFLENBQUM7UUFDaEMsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLDJCQUFRLEdBQWYsVUFBZ0IsS0FBYSxFQUFFLFdBQW9CO1FBQy9DLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxZQUFZLEdBQUcsV0FBVyxDQUFDO1FBQ2hDLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSx5QkFBTSxHQUFiLFVBQWMsR0FBVztRQUNyQixJQUFJLENBQUMsSUFBSSxHQUFHLEdBQUcsQ0FBQztRQUNoQixPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sb0NBQWlCLEdBQXhCLFVBQXlCLFFBQXlCO1FBQzlDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQ2pFLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSxrQ0FBZSxHQUF0QixVQUF1QixLQUFlO1FBQ2xDLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1FBQzNCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSwyQkFBUSxHQUFmLFVBQWdCLE1BQWtCLEVBQUUsV0FBbUI7UUFDbkQsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLElBQUksSUFBSSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDO0lBQ3pGLENBQUM7SUFFTSxvQ0FBaUIsR0FBeEIsVUFBeUIsTUFBa0IsRUFBRSxXQUFtQjtRQUM1RCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLEVBQWxDLENBQWtDLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBRU0sNEJBQVMsR0FBaEIsVUFBaUIsVUFBc0I7O1FBQ25DLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxTQUFTLEVBQUU7WUFDbEMsT0FBTyxJQUFJLENBQUM7U0FDZjs7WUFFRCxLQUEwQixJQUFBLEtBQUEsU0FBQSxJQUFJLENBQUMsYUFBYSxDQUFBLGdCQUFBLDRCQUFFO2dCQUF6QyxJQUFNLFdBQVcsV0FBQTtnQkFDbEIsSUFBSSxVQUFVLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsRUFBRTtvQkFDeEMsT0FBTyxJQUFJLENBQUM7aUJBQ2Y7YUFDSjs7Ozs7Ozs7O1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQztJQUVNLHFDQUFrQixHQUF6QixVQUEwQixVQUFzQjtRQUM1QyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFFRCxzQkFBSSwyQkFBSzthQUFUO1lBQ0ksT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3ZCLENBQUM7OztPQUFBO0lBRUQsc0JBQUksOEJBQVE7YUFBWjtZQUNJLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUMxQixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLHlCQUFHO2FBQVA7WUFDSSxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDckIsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSwyQkFBSzthQUFUO1lBQ0ksT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3ZCLENBQUM7OztPQUFBO0lBRUQsc0JBQUksaUNBQVc7YUFBZjtZQUNJLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztRQUM3QixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLDBCQUFJO2FBQVI7WUFDSSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDdEIsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSxrQ0FBWTthQUFoQjtZQUNJLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUM5QixDQUFDOzs7T0FBQTtJQUNMLGVBQUM7QUFBRCxDQUFDLEFBdkdELElBdUdDO0FBdkdZLDRCQUFRIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFjQTtJQWtCSSxrQkFBWSxLQUFhLEVBQUUsSUFBYztRQUNyQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBUmEsZUFBTSxHQUFwQixVQUFxQixLQUFhLEVBQUUsSUFBYztRQUM5QyxPQUFPLElBQUksUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBUU0sNkJBQVUsR0FBakIsVUFBa0IsT0FBa0I7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDeEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLDBCQUFPLEdBQWQsVUFBZSxJQUFlO1FBQzFCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSw4QkFBVyxHQUFsQixVQUFtQixRQUFxQjtRQUNwQyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLEVBQUUsQ0FBQztRQUNoQyxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sMkJBQVEsR0FBZixVQUFnQixLQUFhLEVBQUUsV0FBb0I7UUFDL0MsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxXQUFXLENBQUM7UUFDaEMsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLHlCQUFNLEdBQWIsVUFBYyxHQUFXO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFD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

package/lib/Menu/types.d.ts

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

package/lib/Menu/ui/ListItem/ListItem.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItem = void 0;
+var react_1 = __importDefault(require("react"));
+var icon_1 = require("@uxf/ui/icon");
+var link_1 = __importDefault(require("next/link"));
+var SubMenu_1 = require("../SubMenu/SubMenu");
+var config_1 = require("../../../../config");
+var ListItem = function (props) {
+    var children = props.children, icon = props.icon, label = props.label, _a = props.level, level = _a === void 0 ? 0 : _a, selected = props.selected, href = props.href, route = props.route, params = props.params, subMenu = props.subMenu, isOpen = props.isOpen, toggle = props.toggle, isInitiallyOpen = props.isInitiallyOpen, isExternal = props.isExternal;
+    var hasSubMenu = !!(subMenu === null || subMenu === void 0 ? void 0 : subMenu.length);
+    var Content = children !== null && children !== void 0 ? children : (react_1.default.createElement("div", { className: "mb-0.5 flex cursor-pointer items-center rounded-lg py-2.5 pl-2.5 pr-1 hover:bg-sidebar-hover ".concat(selected ? "bg-sidebar-highlight font-bold text-darkHigh" : "bg-sidebar-background text-darkMedium") },
+        react_1.default.createElement("div", { className: level === 1 ? "w-9" : "w-7" }, !!icon && level !== 1 && react_1.default.createElement(icon_1.Icon, { name: icon, size: 16 })),
+        react_1.default.createElement("div", { className: "uxf-typo-body2" }, label),
+        hasSubMenu && (react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16, className: "ml-auto mr-2 ".concat(!isOpen ? "-rotate-90" : "") }))));
+    var Button = function (_a) {
+        var className = _a.className;
+        return (react_1.default.createElement("button", { type: "button", onClick: toggle, className: className }, Content));
+    };
+    if (href || route) {
+        if (hasSubMenu && !isInitiallyOpen) {
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(SubMenu_1.SubMenu, { content: subMenu },
+                    react_1.default.createElement(link_1.default, { href: href !== null && href !== void 0 ? href : config_1.container.get("route")(route, params), target: isExternal ? "_blank" : undefined, rel: isExternal ? "noreferrer noopener" : undefined }, Content)),
+                react_1.default.createElement(Button, { className: "w-full sm:hidden" })));
+        }
+        if (hasSubMenu) {
+            return react_1.default.createElement(Button, { className: "w-full sm:pointer-events-none" });
+        }
+        return (react_1.default.createElement(link_1.default, { href: href !== null && href !== void 0 ? href : config_1.container.get("route")(route, params), target: isExternal ? "_blank" : undefined, rel: isExternal ? "noreferrer noopener" : undefined }, Content));
+    }
+    return Content;
+};
+exports.ListItem = ListItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTGlzdEl0ZW0vTGlzdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFnRDtBQUVoRCxxQ0FBb0M7QUFDcEMsbURBQTZCO0FBQzdCLDhDQUE2QztBQUM3Qyw2Q0FBK0M7QUFFeEMsSUFBTSxRQUFRLEdBQUcsVUFBZ0IsS0FBdUI7SUFFdkQsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsSUFBSSxHQVlKLEtBQUssS0FaRCxFQUNKLEtBQUssR0FXTCxLQUFLLE1BWEEsRUFDTCxLQVVBLEtBQUssTUFWSSxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsUUFBUSxHQVNSLEtBQUssU0FURyxFQUNSLElBQUksR0FRSixLQUFLLEtBUkQsRUFDSixLQUFLLEdBT0wsS0FBSyxNQVBBLEVBQ0wsTUFBTSxHQU1OLEtBQUssT0FOQyxFQUNOLE9BQU8sR0FLUCxLQUFLLFFBTEUsRUFDUCxNQUFNLEdBSU4sS0FBSyxPQUpDLEVBQ04sTUFBTSxHQUdOLEtBQUssT0FIQyxFQUNOLGVBQWUsR0FFZixLQUFLLGdCQUZVLEVBQ2YsVUFBVSxHQUNWLEtBQUssV0FESyxDQUNKO0lBRVYsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sQ0FBQSxDQUFDO0lBRXJDLElBQU0sT0FBTyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQ3hCLHVDQUNJLFNBQVMsRUFBRSx1R0FDUCxRQUFRLENBQUMsQ0FBQyxDQUFDLDhDQUE4QyxDQUFDLENBQUMsQ0FBQyx1Q0FBdUMsQ0FDckc7UUFFRix1Q0FBSyxTQUFTLEVBQUUsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxFQUFFLEdBQUksQ0FBTztRQUM1Ryx1Q0FBSyxTQUFTLEVBQUMsZ0JBQWdCLElBQUUsS0FBSyxDQUFPO1FBQzVDLFVBQVUsSUFBSSxDQUNYLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsV0FBVyxFQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLHVCQUFnQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUUsR0FBSSxDQUNoRyxDQUNDLENBQ1QsQ0FBQztJQUVGLElBQU0sTUFBTSxHQUE4QixVQUFDLEVBQWE7WUFBWCxTQUFTLGVBQUE7UUFBTyxPQUFBLENBQ3pELDBDQUFRLElBQUksRUFBQyxRQUFRLEVBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxJQUN0RCxPQUFPLENBQ0gsQ0FDWjtJQUo0RCxDQUk1RCxDQUFDO0lBRUYsSUFBSSxJQUFJLElBQUksS0FBSyxFQUFFO1FBQ2YsSUFBSSxVQUFVLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDaEMsT0FBTyxDQUNIO2dCQUNJLDhCQUFDLGlCQUFPLElBQUMsT0FBTyxFQUFFLE9BQU87b0JBQ3JCLDhCQUFDLGNBQUksSUFDRCxJQUFJLEVBQUUsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBWSxFQUFFLE1BQU0sQ0FBQyxFQUMxRCxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDekMsR0FBRyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFFbEQsT0FBTyxDQUNMLENBQ0Q7Z0JBQ1YsOEJBQUMsTUFBTSxJQUFDLFNBQVMsRUFBQyxrQkFBa0IsR0FBRyxDQUN4QyxDQUNOLENBQUM7U0FDTDtRQUNELElBQUksVUFBVSxFQUFFO1lBQ1osT0FBTyw4QkFBQyxNQUFNLElBQUMsU0FBUyxFQUFDLCtCQUErQixHQUFHLENBQUM7U0FDL0Q7UUFFRCxPQUFPLENBQ0gsOEJBQUMsY0FBSSxJQUNELElBQUksRUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFZLEVBQUUsTUFBTSxDQUFDLEVBQzFELE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUN6QyxHQUFHLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUVsRCxPQUFPLENBQ0wsQ0FDVixDQUFDO0tBQ0w7SUFFRCxPQUFPLE9BQU8sQ0FBQztBQUNuQixDQUFDLENBQUM7QUF4RVcsUUFBQSxRQUFRLFlBd0VuQiJ9

package/{ui → lib/Menu/ui}/ListItem/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];
@@ -12,4 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ListItem"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTJCO0FBQzNCLDBDQUF3QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTGlzdEl0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQiwwQ0FBd0IifQ==

package/{ui → lib/Menu/ui}/ListItem/types.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement } from "react";
 import { IconName } from "@uxf/ui/icon/types";
+import { MenuItem } from "../../model";
 export interface ListItemProps<RouteList> {
     children?: ReactElement;
     icon?: IconName;
@@ -9,6 +10,9 @@ export interface ListItemProps<RouteList> {
     route?: keyof RouteList;
     selected?: boolean;
     href?: string;
-    hasSubItems?: boolean;
+    subMenu?: MenuItem[];
     isOpen?: boolean;
+    isInitiallyOpen?: boolean;
+    toggle?: () => void;
+    isExternal?: boolean;
 }

package/{forms/components/Select → lib/Menu/ui/ListItem}/types.js

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

package/lib/Menu/ui/Menu.js

@@ -1,14 +1,39 @@
 "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;
+    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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
-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("div", { className: "bg-sidebar-background px-3 pb-4 pt-8" }, 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-2 pb-4" }, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBa0M7QUFFbEMsdUNBQXNDO0FBTS9CLElBQU0sSUFBSSxHQUFrQixVQUFDLEtBQUs7SUFDN0IsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyxzQ0FBc0MsSUFDaEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQ2hCLDhCQUFDLG1CQUFRLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLEtBQUssR0FBSSxDQUM1QyxFQUZtQixDQUVuQixDQUFDLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBVlcsUUFBQSxJQUFJLFFBVWYifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUU1Qyx1Q0FBc0M7QUFDdEMsbURBQWtEO0FBQ2xELCtEQUE4RDtBQU12RCxJQUFNLElBQUksR0FBa0IsVUFBQyxLQUFLO0lBQzdCLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsaUNBQWlDLElBQzNDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDdkIsOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSztRQUNmLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxJQUFJLDhCQUFDLCtCQUFjLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSTtRQUN4RCxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsSUFBSSw4QkFBQywyQ0FBb0IsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO1FBQ3JFLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsSUFBSSw4QkFBQyxtQkFBUSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDdkUsQ0FDZCxFQU4wQixDQU0xQixDQUFDLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZFcsUUFBQSxJQUFJLFFBY2YifQ==

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

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

@@ -1,11 +1,6 @@
 import { FC } from "react";
 import { MenuItem as Model } from "../model";
 export interface MenuItemProps {
-    hasActiveChildren?: boolean;
-    idPrefix?: string;
-    isActive?: boolean;
     item: Model;
-    level?: number;
-    offset?: number;
 }
 export declare const MenuItem: FC<MenuItemProps>;

package/lib/Menu/ui/MenuItem.js

@@ -1,15 +1,51 @@
 "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;
+    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.MenuItem = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var config_1 = require("../../../config");
-var ListItem_1 = require("../../../ui/ListItem");
+var ListItem_1 = require("./ListItem");
 var router_1 = require("next/router");
 var MenuItem = function (props) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     var item = props.item;
     var router = (0, router_1.useRouter)();
     var activeRoute = config_1.container.get("useActiveRoute")();
@@ -17,18 +53,20 @@ var MenuItem = function (props) {
     var hasActiveChildren = item.hasActiveChildren(router, activeRoute);
     var useLoggedUser = config_1.container.get("useLoggedUser");
     var loggedUser = useLoggedUser();
+    var visibleChildren = item.children.filter(function (i) { return i.isVisible(loggedUser); });
+    var firstVisibleChild = (_a = visibleChildren[0]) !== null && _a !== void 0 ? _a : undefined;
+    var isInitiallyOpen = (isActive || hasActiveChildren) && item.children.length > 0;
+    var _e = __read((0, react_1.useState)(isInitiallyOpen), 2), isSubmenuOpen = _e[0], setIsSubmenuOpen = _e[1];
+    var toggle = function () { return setIsSubmenuOpen(function (prev) { return !prev; }); };
     if (!item.isVisible(loggedUser) || (item.children.length !== 0 && !item.hasVisibleChildren(loggedUser))) {
         return null;
     }
-    var visibleChildren = item.children.filter(function (i) { return i.isVisible(loggedUser); });
-    var firstVisibleChild = (_a = visibleChildren[0]) !== null && _a !== void 0 ? _a : undefined;
-    var isSubmenuOpen = (isActive || hasActiveChildren) && item.children.length > 0;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ListItem_1.ListItem, { label: item.title, icon: item.icon, href: item.url, route: (_b = item.route) !== null && _b !== void 0 ? _b : firstVisibleChild === null || firstVisibleChild === void 0 ? void 0 : firstVisibleChild.route, params: (_c = item.routeParams) !== null && _c !== void 0 ? _c : (firstVisibleChild ? firstVisibleChild.routeParams : null), selected: isActive, hasSubItems: item.children.length > 0, isOpen: isSubmenuOpen }),
+        react_1.default.createElement(ListItem_1.ListItem, { label: item.title, icon: item.icon, href: (_b = item.url) !== null && _b !== void 0 ? _b : firstVisibleChild === null || firstVisibleChild === void 0 ? void 0 : firstVisibleChild.url, route: (_c = item.route) !== null && _c !== void 0 ? _c : firstVisibleChild === null || firstVisibleChild === void 0 ? void 0 : firstVisibleChild.route, params: (_d = item.routeParams) !== null && _d !== void 0 ? _d : (firstVisibleChild ? firstVisibleChild.routeParams : null), selected: isActive, subMenu: item.children, isOpen: isSubmenuOpen, toggle: toggle, isInitiallyOpen: isInitiallyOpen, isExternal: item.isExternal }),
         isSubmenuOpen && (react_1.default.createElement("div", null, visibleChildren.map(function (i) {
             var isSelected = i.isActive(router, activeRoute);
-            return (react_1.default.createElement(ListItem_1.ListItem, { key: i.title, label: i.title, href: i.url, icon: i.icon, route: i.route, params: i.routeParams, level: 1, selected: isSelected }));
+            return (react_1.default.createElement(ListItem_1.ListItem, { key: i.title, label: i.title, href: i.url, icon: i.icon, route: i.route, params: i.routeParams, level: 1, selected: isSelected, isExternal: i.isExternal }));
         })))));
 };
 exports.MenuItem = MenuItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFrQztBQUNsQywwQ0FBNEM7QUFDNUMsaURBQWdEO0FBRWhELHNDQUF3QztBQVdqQyxJQUFNLFFBQVEsR0FBc0IsVUFBQyxLQUFLOztJQUNyQyxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLE1BQU0sR0FBRyxJQUFBLGtCQUFTLEdBQUUsQ0FBQztJQUMzQixJQUFNLFdBQVcsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7SUFFdEQsSUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFDcEQsSUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBRXRFLElBQU0sYUFBYSxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3JELElBQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRW5DLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQUU7UUFDckcsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBdkIsQ0FBdUIsQ0FBQyxDQUFDO0lBQzdFLElBQU0saUJBQWlCLEdBQUcsTUFBQSxlQUFlLENBQUMsQ0FBQyxDQUFDLG1DQUFJLFNBQVMsQ0FBQztJQUMxRCxJQUFNLGFBQWEsR0FBRyxDQUFDLFFBQVEsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUVsRixPQUFPLENBQ0g7UUFDSSw4QkFBQyxtQkFBUSxJQUNMLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFDZixJQUFJLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFDZCxLQUFLLEVBQUUsTUFBQSxJQUFJLENBQUMsS0FBSyxtQ0FBSSxpQkFBaUIsYUFBakIsaUJBQWlCLHVCQUFqQixpQkFBaUIsQ0FBRSxLQUFLLEVBQzdDLE1BQU0sRUFBRSxNQUFBLElBQUksQ0FBQyxXQUFXLG1DQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQ3RGLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFdBQVcsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQ3JDLE1BQU0sRUFBRSxhQUFhLEdBQ3ZCO1FBQ0QsYUFBYSxJQUFJLENBQ2QsMkNBQ0ssZUFBZSxDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUM7WUFDbkIsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7WUFFbkQsT0FBTyxDQUNILDhCQUFDLG1CQUFRLElBQ0wsR0FBRyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ1osS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsSUFBSSxFQUFFLENBQUMsQ0FBQyxHQUFHLEVBQ1gsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQ1osS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsTUFBTSxFQUFFLENBQUMsQ0FBQyxXQUFXLEVBQ3JCLEtBQUssRUFBRSxDQUFDLEVBQ1IsUUFBUSxFQUFFLFVBQVUsR0FDdEIsQ0FDTCxDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQ0EsQ0FDVCxDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQXREVyxRQUFBLFFBQVEsWUFzRG5CIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUM1QywwQ0FBNEM7QUFDNUMsdUNBQXNDO0FBRXRDLHNDQUF3QztBQU1qQyxJQUFNLFFBQVEsR0FBc0IsVUFBQyxLQUFLOztJQUNyQyxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLE1BQU0sR0FBRyxJQUFBLGtCQUFTLEdBQUUsQ0FBQztJQUMzQixJQUFNLFdBQVcsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7SUFFdEQsSUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFDcEQsSUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBRXRFLElBQU0sYUFBYSxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3JELElBQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRW5DLElBQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBdkIsQ0FBdUIsQ0FBQyxDQUFDO0lBQzdFLElBQU0saUJBQWlCLEdBQUcsTUFBQSxlQUFlLENBQUMsQ0FBQyxDQUFDLG1DQUFJLFNBQVMsQ0FBQztJQUMxRCxJQUFNLGVBQWUsR0FBRyxDQUFDLFFBQVEsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUU5RSxJQUFBLEtBQUEsT0FBb0MsSUFBQSxnQkFBUSxFQUFDLGVBQWUsQ0FBQyxJQUFBLEVBQTVELGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUE2QixDQUFDO0lBRXBFLElBQU0sTUFBTSxHQUFHLGNBQU0sT0FBQSxnQkFBZ0IsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxFQUFMLENBQUssQ0FBQyxFQUFqQyxDQUFpQyxDQUFDO0lBRXZELElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQUU7UUFDckcsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSDtRQUNJLDhCQUFDLG1CQUFRLElBQ0wsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQ2pCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUNmLElBQUksRUFBRSxNQUFBLElBQUksQ0FBQyxHQUFHLG1DQUFJLGlCQUFpQixhQUFqQixpQkFBaUIsdUJBQWpCLGlCQUFpQixDQUFFLEdBQUcsRUFDeEMsS0FBSyxFQUFFLE1BQUEsSUFBSSxDQUFDLEtBQUssbUNBQUksaUJBQWlCLGFBQWpCLGlCQUFpQix1QkFBakIsaUJBQWlCLENBQUUsS0FBSyxFQUM3QyxNQUFNLEVBQUUsTUFBQSxJQUFJLENBQUMsV0FBVyxtQ0FBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUN0RixRQUFRLEVBQUUsUUFBUSxFQUNsQixPQUFPLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFDdEIsTUFBTSxFQUFFLGFBQWEsRUFDckIsTUFBTSxFQUFFLE1BQU0sRUFDZCxlQUFlLEVBQUUsZUFBZSxFQUNoQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVUsR0FDN0I7UUFDRCxhQUFhLElBQUksQ0FDZCwyQ0FDSyxlQUFlLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQztZQUNuQixJQUFNLFVBQVUsR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUMsQ0FBQztZQUVuRCxPQUFPLENBQ0gsOEJBQUMsbUJBQVEsSUFDTCxHQUFHLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDWixLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDZCxJQUFJLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFDWCxJQUFJLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFDWixLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDZCxNQUFNLEVBQUUsQ0FBQyxDQUFDLFdBQVcsRUFDckIsS0FBSyxFQUFFLENBQUMsRUFDUixRQUFRLEVBQUUsVUFBVSxFQUNwQixVQUFVLEVBQUUsQ0FBQyxDQUFDLFVBQVUsR0FDMUIsQ0FDTCxDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQ0EsQ0FDVCxDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQTlEVyxRQUFBLFFBQVEsWUE4RG5CIn0=

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

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

package/lib/Menu/ui/MenuSuperSectionItem.js

@@ -0,0 +1,42 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuSuperSectionItem = void 0;
+var react_1 = __importStar(require("react"));
+var config_1 = require("../../../config");
+var MenuItem_1 = require("./MenuItem");
+var MenuCustomItem_1 = require("./MenuCustomItem");
+var MenuSuperSectionItem = function (props) {
+    var item = props.item;
+    var useLoggedUser = config_1.container.get("useLoggedUser");
+    var loggedUser = useLoggedUser();
+    return (react_1.default.createElement("div", { className: !!item.userMenuData ? "sm:hidden" : undefined },
+        item.isVisible(loggedUser) && (react_1.default.createElement("p", { className: "uxf-typo-overline mb-3 mt-6 pl-2 uppercase text-darkLow" }, item.title)),
+        item.children.map(function (i, index) { return (react_1.default.createElement(react_1.Fragment, { key: index },
+            i.type === "custom" && react_1.default.createElement(MenuCustomItem_1.MenuCustomItem, { item: i }),
+            (i.type === "section" || i.type === "link") && react_1.default.createElement(MenuItem_1.MenuItem, { item: i }))); })));
+};
+exports.MenuSuperSectionItem = MenuSuperSectionItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudVN1cGVyU2VjdGlvbkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudVN1cGVyU2VjdGlvbkl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTRDO0FBQzVDLDBDQUE0QztBQUU1Qyx1Q0FBc0M7QUFDdEMsbURBQWtEO0FBTTNDLElBQU0sb0JBQW9CLEdBQWtDLFVBQUMsS0FBSztJQUM3RCxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLGFBQWEsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNyRCxJQUFNLFVBQVUsR0FBRyxhQUFhLEVBQUUsQ0FBQztJQUVuQyxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDeEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUMzQixxQ0FBRyxTQUFTLEVBQUMseURBQXlELElBQUUsSUFBSSxDQUFDLEtBQUssQ0FBSyxDQUMxRjtRQUNBLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdCLDhCQUFDLGdCQUFRLElBQUMsR0FBRyxFQUFFLEtBQUs7WUFDZixDQUFDLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSw4QkFBQywrQkFBYyxJQUFDLElBQUksRUFBRSxDQUFDLEdBQUk7WUFDbEQsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLFNBQVMsSUFBSSxDQUFDLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxJQUFJLDhCQUFDLG1CQUFRLElBQUMsSUFBSSxFQUFFLENBQUMsR0FBSSxDQUM5RCxDQUNkLEVBTGdDLENBS2hDLENBQUMsQ0FDQSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFuQlcsUUFBQSxvQkFBb0Isd0JBbUIvQiJ9

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

@@ -0,0 +1,7 @@
+import React, { ReactElement } from "react";
+import { MenuItem as Model } from "../../model";
+export interface SubMenuProps {
+    children: ReactElement;
+    content: Model[];
+}
+export declare const SubMenu: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLElement>>;