@uxf/cms 6.0.0-beta.4 → 6.0.0-beta.40

package/lib/menu/ui/list-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./list-item";
+export * from "./types";

package/lib/menu/ui/list-item/index.js

@@ -0,0 +1,19 @@
+"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 __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("./list-item"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL21lbnUvdWkvbGlzdC1pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw4Q0FBNEI7QUFDNUIsMENBQXdCIn0=

package/lib/menu/ui/list-item/list-item.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 sub_menu_1 = require("../sub-menu/sub-menu");
+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(sub_menu_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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL2xpc3QtaXRlbS9saXN0LWl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFnRDtBQUVoRCxxQ0FBb0M7QUFDcEMsbURBQTZCO0FBQzdCLGlEQUErQztBQUMvQyw2Q0FBK0M7QUFFeEMsSUFBTSxRQUFRLEdBQUcsVUFBZ0IsS0FBdUI7SUFFdkQsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsSUFBSSxHQVlKLEtBQUssS0FaRCxFQUNKLEtBQUssR0FXTCxLQUFLLE1BWEEsRUFDTCxLQVVBLEtBQUssTUFWSSxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsUUFBUSxHQVNSLEtBQUssU0FURyxFQUNSLElBQUksR0FRSixLQUFLLEtBUkQsRUFDSixLQUFLLEdBT0wsS0FBSyxNQVBBLEVBQ0wsTUFBTSxHQU1OLEtBQUssT0FOQyxFQUNOLE9BQU8sR0FLUCxLQUFLLFFBTEUsRUFDUCxNQUFNLEdBSU4sS0FBSyxPQUpDLEVBQ04sTUFBTSxHQUdOLEtBQUssT0FIQyxFQUNOLGVBQWUsR0FFZixLQUFLLGdCQUZVLEVBQ2YsVUFBVSxHQUNWLEtBQUssV0FESyxDQUNKO0lBRVYsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sQ0FBQSxDQUFDO0lBRXJDLElBQU0sT0FBTyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQ3hCLHVDQUNJLFNBQVMsRUFBRSx1R0FDUCxRQUFRLENBQUMsQ0FBQyxDQUFDLDhDQUE4QyxDQUFDLENBQUMsQ0FBQyx1Q0FBdUMsQ0FDckc7UUFFRix1Q0FBSyxTQUFTLEVBQUUsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxFQUFFLEdBQUksQ0FBTztRQUM1Ryx1Q0FBSyxTQUFTLEVBQUMsZ0JBQWdCLElBQUUsS0FBSyxDQUFPO1FBQzVDLFVBQVUsSUFBSSxDQUNYLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsV0FBVyxFQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLHVCQUFnQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUUsR0FBSSxDQUNoRyxDQUNDLENBQ1QsQ0FBQztJQUVGLElBQU0sTUFBTSxHQUE4QixVQUFDLEVBQWE7WUFBWCxTQUFTLGVBQUE7UUFBTyxPQUFBLENBQ3pELDBDQUFRLElBQUksRUFBQyxRQUFRLEVBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxJQUN0RCxPQUFPLENBQ0gsQ0FDWjtJQUo0RCxDQUk1RCxDQUFDO0lBRUYsSUFBSSxJQUFJLElBQUksS0FBSyxFQUFFO1FBQ2YsSUFBSSxVQUFVLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDaEMsT0FBTyxDQUNIO2dCQUNJLDhCQUFDLGtCQUFPLElBQUMsT0FBTyxFQUFFLE9BQU87b0JBQ3JCLDhCQUFDLGNBQUksSUFDRCxJQUFJLEVBQUUsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBWSxFQUFFLE1BQU0sQ0FBQyxFQUMxRCxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDekMsR0FBRyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFFbEQsT0FBTyxDQUNMLENBQ0Q7Z0JBQ1YsOEJBQUMsTUFBTSxJQUFDLFNBQVMsRUFBQyxrQkFBa0IsR0FBRyxDQUN4QyxDQUNOLENBQUM7U0FDTDtRQUNELElBQUksVUFBVSxFQUFFO1lBQ1osT0FBTyw4QkFBQyxNQUFNLElBQUMsU0FBUyxFQUFDLCtCQUErQixHQUFHLENBQUM7U0FDL0Q7UUFFRCxPQUFPLENBQ0gsOEJBQUMsY0FBSSxJQUNELElBQUksRUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFZLEVBQUUsTUFBTSxDQUFDLEVBQzFELE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUN6QyxHQUFHLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUVsRCxPQUFPLENBQ0wsQ0FDVixDQUFDO0tBQ0w7SUFFRCxPQUFPLE9BQU8sQ0FBQztBQUNuQixDQUFDLENBQUM7QUF4RVcsUUFBQSxRQUFRLFlBd0VuQiJ9

package/{ui/ListItem → lib/menu/ui/list-item}/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/lib/menu/ui/list-item/types.js

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

package/lib/menu/ui/menu-custom-item.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/menu-custom-item.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1jdXN0b20taXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvbWVudS91aS9tZW51LWN1c3RvbS1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBa0M7QUFDbEMsMENBQTRDO0FBT3JDLElBQU0sY0FBYyxHQUE0QixVQUFDLEtBQUs7SUFDakQsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsSUFBTSxhQUFhLEdBQUcsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDckQsSUFBTSxVQUFVLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFFbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLEVBQUU7UUFDN0IsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sMkNBQU0sSUFBSSxDQUFDLE9BQU8sQ0FBTyxDQUFDO0FBQ3JDLENBQUMsQ0FBQztBQVhXLFFBQUEsY0FBYyxrQkFXekIifQ==

package/lib/{Menu/ui/MenuItem.d.ts → menu/ui/menu-item.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/menu-item.js

@@ -0,0 +1,72 @@
+"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.MenuItem = void 0;
+var react_1 = __importStar(require("react"));
+var config_1 = require("../../../config");
+var list_item_1 = require("./list-item");
+var router_1 = require("next/router");
+var MenuItem = function (props) {
+    var _a, _b, _c, _d;
+    var item = props.item;
+    var router = (0, router_1.useRouter)();
+    var activeRoute = config_1.container.get("useActiveRoute")();
+    var isActive = item.isActive(router, activeRoute);
+    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;
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(list_item_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(list_item_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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL21lbnUtaXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTRDO0FBQzVDLDBDQUE0QztBQUM1Qyx5Q0FBdUM7QUFFdkMsc0NBQXdDO0FBTWpDLElBQU0sUUFBUSxHQUFzQixVQUFDLEtBQUs7O0lBQ3JDLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLElBQU0sTUFBTSxHQUFHLElBQUEsa0JBQVMsR0FBRSxDQUFDO0lBQzNCLElBQU0sV0FBVyxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLEVBQUUsQ0FBQztJQUV0RCxJQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUMsQ0FBQztJQUNwRCxJQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFFdEUsSUFBTSxhQUFhLEdBQUcsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDckQsSUFBTSxVQUFVLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFFbkMsSUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxFQUF2QixDQUF1QixDQUFDLENBQUM7SUFDN0UsSUFBTSxpQkFBaUIsR0FBRyxNQUFBLGVBQWUsQ0FBQyxDQUFDLENBQUMsbUNBQUksU0FBUyxDQUFDO0lBQzFELElBQU0sZUFBZSxHQUFHLENBQUMsUUFBUSxJQUFJLGlCQUFpQixDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBRTlFLElBQUEsS0FBQSxPQUFvQyxJQUFBLGdCQUFRLEVBQUMsZUFBZSxDQUFDLElBQUEsRUFBNUQsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQTZCLENBQUM7SUFFcEUsSUFBTSxNQUFNLEdBQUcsY0FBTSxPQUFBLGdCQUFnQixDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQWpDLENBQWlDLENBQUM7SUFFdkQsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsVUFBVSxDQUFDLENBQUMsRUFBRTtRQUNyRyxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsb0JBQVEsSUFDTCxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFDakIsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQ2YsSUFBSSxFQUFFLE1BQUEsSUFBSSxDQUFDLEdBQUcsbUNBQUksaUJBQWlCLGFBQWpCLGlCQUFpQix1QkFBakIsaUJBQWlCLENBQUUsR0FBRyxFQUN4QyxLQUFLLEVBQUUsTUFBQSxJQUFJLENBQUMsS0FBSyxtQ0FBSSxpQkFBaUIsYUFBakIsaUJBQWlCLHVCQUFqQixpQkFBaUIsQ0FBRSxLQUFLLEVBQzdDLE1BQU0sRUFBRSxNQUFBLElBQUksQ0FBQyxXQUFXLG1DQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQ3RGLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE9BQU8sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUN0QixNQUFNLEVBQUUsYUFBYSxFQUNyQixNQUFNLEVBQUUsTUFBTSxFQUNkLGVBQWUsRUFBRSxlQUFlLEVBQ2hDLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVSxHQUM3QjtRQUNELGFBQWEsSUFBSSxDQUNkLDJDQUNLLGVBQWUsQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDO1lBQ25CLElBQU0sVUFBVSxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDO1lBRW5ELE9BQU8sQ0FDSCw4QkFBQyxvQkFBUSxJQUNMLEdBQUcsRUFBRSxDQUFDLENBQUMsS0FBSyxFQUNaLEtBQUssRUFBRSxDQUFDLENBQUMsS0FBSyxFQUNkLElBQUksRUFBRSxDQUFDLENBQUMsR0FBRyxFQUNYLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSSxFQUNaLEtBQUssRUFBRSxDQUFDLENBQUMsS0FBSyxFQUNkLE1BQU0sRUFBRSxDQUFDLENBQUMsV0FBVyxFQUNyQixLQUFLLEVBQUUsQ0FBQyxFQUNSLFFBQVEsRUFBRSxVQUFVLEVBQ3BCLFVBQVUsRUFBRSxDQUFDLENBQUMsVUFBVSxHQUMxQixDQUNMLENBQUM7UUFDTixDQUFDLENBQUMsQ0FDQSxDQUNULENBQ0YsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBOURXLFFBQUEsUUFBUSxZQThEbkIifQ==

package/lib/menu/ui/menu-super-section-item.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/menu-super-section-item.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 menu_item_1 = require("./menu-item");
+var menu_custom_item_1 = require("./menu-custom-item");
+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(menu_custom_item_1.MenuCustomItem, { item: i }),
+            (i.type === "section" || i.type === "link") && react_1.default.createElement(menu_item_1.MenuItem, { item: i }))); })));
+};
+exports.MenuSuperSectionItem = MenuSuperSectionItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1zdXBlci1zZWN0aW9uLWl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL21lbnUvdWkvbWVudS1zdXBlci1zZWN0aW9uLWl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTRDO0FBQzVDLDBDQUE0QztBQUU1Qyx5Q0FBdUM7QUFDdkMsdURBQW9EO0FBTTdDLElBQU0sb0JBQW9CLEdBQWtDLFVBQUMsS0FBSztJQUM3RCxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLGFBQWEsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNyRCxJQUFNLFVBQVUsR0FBRyxhQUFhLEVBQUUsQ0FBQztJQUVuQyxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDeEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUMzQixxQ0FBRyxTQUFTLEVBQUMseURBQXlELElBQUUsSUFBSSxDQUFDLEtBQUssQ0FBSyxDQUMxRjtRQUNBLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdCLDhCQUFDLGdCQUFRLElBQUMsR0FBRyxFQUFFLEtBQUs7WUFDZixDQUFDLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSw4QkFBQyxpQ0FBYyxJQUFDLElBQUksRUFBRSxDQUFDLEdBQUk7WUFDbEQsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLFNBQVMsSUFBSSxDQUFDLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxJQUFJLDhCQUFDLG9CQUFRLElBQUMsSUFBSSxFQUFFLENBQUMsR0FBSSxDQUM5RCxDQUNkLEVBTGdDLENBS2hDLENBQUMsQ0FDQSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFuQlcsUUFBQSxvQkFBb0Isd0JBbUIvQiJ9

package/lib/menu/ui/menu.js

@@ -0,0 +1,39 @@
+"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.Menu = void 0;
+var react_1 = __importStar(require("react"));
+var menu_item_1 = require("./menu-item");
+var menu_custom_item_1 = require("./menu-custom-item");
+var menu_super_section_item_1 = require("./menu-super-section-item");
+var Menu = function (props) {
+    var menu = props.menu;
+    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(menu_custom_item_1.MenuCustomItem, { item: item }),
+        item.type === "super-section" && react_1.default.createElement(menu_super_section_item_1.MenuSuperSectionItem, { item: item }),
+        (item.type === "section" || item.type === "link") && react_1.default.createElement(menu_item_1.MenuItem, { item: item }))); })));
+};
+exports.Menu = Menu;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvbWVudS91aS9tZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUU1Qyx5Q0FBdUM7QUFDdkMsdURBQW9EO0FBQ3BELHFFQUFpRTtBQU0xRCxJQUFNLElBQUksR0FBa0IsVUFBQyxLQUFLO0lBQzdCLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsaUNBQWlDLElBQzNDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDdkIsOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSztRQUNmLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxJQUFJLDhCQUFDLGlDQUFjLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSTtRQUN4RCxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsSUFBSSw4QkFBQyw4Q0FBb0IsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO1FBQ3JFLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsSUFBSSw4QkFBQyxvQkFBUSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDdkUsQ0FDZCxFQU4wQixDQU0xQixDQUFDLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZFcsUUFBQSxJQUFJLFFBY2YifQ==

package/lib/menu/ui/sub-menu/sub-menu-mobile.d.ts

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

package/lib/menu/ui/sub-menu/sub-menu-mobile.js

@@ -0,0 +1,62 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    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.SubMenuMobile = void 0;
+var react_1 = __importStar(require("react"));
+var forwardRef_1 = require("@uxf/core/utils/forwardRef");
+var use_sub_menu_1 = require("./use-sub-menu");
+var composeRefs_1 = require("@uxf/core/utils/composeRefs");
+var sub_menuItem_1 = require("./sub-menuItem");
+exports.SubMenuMobile = (0, forwardRef_1.forwardRef)("SubMenuMobile", function (_a, ref) {
+    var _b;
+    var children = _a.children, content = _a.content, title = _a.title;
+    var subMenu = (0, use_sub_menu_1.useSubMenu)({ isMobile: true });
+    var stableRef = (0, react_1.useMemo)(function () { return (0, composeRefs_1.composeRefs)(ref, subMenu.reference, children.ref); }, [ref, subMenu.reference, children]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        (0, react_1.cloneElement)(children, subMenu.getReferenceProps(__assign(__assign({ ref: stableRef }, children.props), { "data-state": subMenu.open ? "open" : "closed" }))),
+        subMenu.open && (react_1.default.createElement("div", __assign({}, subMenu.getFloatingProps({
+            ref: subMenu.floating,
+            style: {
+                position: subMenu.strategy,
+                top: (_b = subMenu.y) !== null && _b !== void 0 ? _b : 0,
+                visibility: subMenu.x === null ? "hidden" : "visible",
+            },
+            className: "bg-sidebar-background rounded-xl overflow-hidden z-dropdown w-[calc(100vw_-_32px)] shadow-lg left-4",
+        })),
+            react_1.default.createElement("div", { className: "uxf-typo-body w-full bg-sidebar-background px-4 py-3.5 font-bold text-darkHigh" }, title),
+            content.map(function (item, index) { return (react_1.default.createElement(sub_menuItem_1.SubMenuItem, { key: index, item: item })); })))));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUtbW9iaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL3N1Yi1tZW51L3N1Yi1tZW51LW1vYmlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUFtRTtBQUNuRSx5REFBd0Q7QUFDeEQsK0NBQTRDO0FBQzVDLDJEQUEwRDtBQUUxRCwrQ0FBNkM7QUFRaEMsUUFBQSxhQUFhLEdBQUcsSUFBQSx1QkFBVSxFQUNuQyxlQUFlLEVBQ2YsVUFBQyxFQUE0QixFQUFFLEdBQUc7O1FBQS9CLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQTtJQUN2QixJQUFNLE9BQU8sR0FBRyxJQUFBLHlCQUFVLEVBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUUvQyxJQUFNLFNBQVMsR0FBRyxJQUFBLGVBQU8sRUFDckIsY0FBTSxPQUFBLElBQUEseUJBQVcsRUFBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRyxRQUFnQixDQUFDLEdBQUcsQ0FBQyxFQUExRCxDQUEwRCxFQUNoRSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUNyQyxDQUFDO0lBRUYsT0FBTyxDQUNIO1FBQ0ssSUFBQSxvQkFBWSxFQUNULFFBQVEsRUFDUixPQUFPLENBQUMsaUJBQWlCLHFCQUNyQixHQUFHLEVBQUUsU0FBUyxJQUNYLFFBQVEsQ0FBQyxLQUFLLEtBQ2pCLFlBQVksRUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFFBQVEsSUFDaEQsQ0FDTDtRQUNBLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FDYixrREFDUSxPQUFPLENBQUMsZ0JBQWdCLENBQUM7WUFDekIsR0FBRyxFQUFFLE9BQU8sQ0FBQyxRQUFRO1lBQ3JCLEtBQUssRUFBRTtnQkFDSCxRQUFRLEVBQUUsT0FBTyxDQUFDLFFBQVE7Z0JBQzFCLEdBQUcsRUFBRSxNQUFBLE9BQU8sQ0FBQyxDQUFDLG1DQUFJLENBQUM7Z0JBQ25CLFVBQVUsRUFBRSxPQUFPLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTO2FBQ3hEO1lBQ0QsU0FBUyxFQUNMLHFHQUFxRztTQUM1RyxDQUFDO1lBRUYsdUNBQUssU0FBUyxFQUFDLGdGQUFnRixJQUMxRixLQUFLLENBQ0o7WUFDTCxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzFCLDhCQUFDLDBCQUFXLElBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQzFDLEVBRjZCLENBRTdCLENBQUMsQ0FDQSxDQUNULENBQ0YsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUNKLENBQUMifQ==

package/lib/menu/ui/sub-menu/sub-menu.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>>;

package/lib/menu/ui/sub-menu/sub-menu.js

@@ -0,0 +1,61 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    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.SubMenu = void 0;
+var react_1 = __importStar(require("react"));
+var forwardRef_1 = require("@uxf/core/utils/forwardRef");
+var use_sub_menu_1 = require("./use-sub-menu");
+var composeRefs_1 = require("@uxf/core/utils/composeRefs");
+var sub_menuItem_1 = require("./sub-menuItem");
+exports.SubMenu = (0, forwardRef_1.forwardRef)("SubMenu", function (_a, ref) {
+    var _b, _c;
+    var children = _a.children, content = _a.content;
+    var subMenu = (0, use_sub_menu_1.useSubMenu)({ isMobile: false });
+    var stableRef = (0, react_1.useMemo)(function () { return (0, composeRefs_1.composeRefs)(ref, subMenu.reference, children.ref); }, [ref, subMenu.reference, children]);
+    return (react_1.default.createElement("div", { className: "hidden sm:block" },
+        (0, react_1.cloneElement)(children, subMenu.getReferenceProps(__assign(__assign({ ref: stableRef }, children.props), { "data-state": subMenu.open ? "open" : "closed" }))),
+        subMenu.open && (react_1.default.createElement("div", __assign({}, subMenu.getFloatingProps({
+            ref: subMenu.floating,
+            style: {
+                position: subMenu.strategy,
+                top: (_b = subMenu.y) !== null && _b !== void 0 ? _b : 0,
+                left: (_c = subMenu.x) !== null && _c !== void 0 ? _c : 0,
+                visibility: subMenu.x === null ? "hidden" : "visible",
+            },
+            className: "bg-white rounded-xl overflow-hidden z-dropdown max-w-64 shadow-lg w-full",
+        })), content.map(function (item, index) { return (react_1.default.createElement(sub_menuItem_1.SubMenuItem, { key: index, item: item })); })))));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL21lbnUvdWkvc3ViLW1lbnUvc3ViLW1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBbUU7QUFDbkUseURBQXdEO0FBQ3hELCtDQUE0QztBQUM1QywyREFBMEQ7QUFFMUQsK0NBQTZDO0FBT2hDLFFBQUEsT0FBTyxHQUFHLElBQUEsdUJBQVUsRUFBNEIsU0FBUyxFQUFFLFVBQUMsRUFBcUIsRUFBRSxHQUFHOztRQUF4QixRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUE7SUFDeEYsSUFBTSxPQUFPLEdBQUcsSUFBQSx5QkFBVSxFQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFFaEQsSUFBTSxTQUFTLEdBQUcsSUFBQSxlQUFPLEVBQ3JCLGNBQU0sT0FBQSxJQUFBLHlCQUFXLEVBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUcsUUFBZ0IsQ0FBQyxHQUFHLENBQUMsRUFBMUQsQ0FBMEQsRUFDaEUsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FDckMsQ0FBQztJQUVGLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsaUJBQWlCO1FBQzNCLElBQUEsb0JBQVksRUFDVCxRQUFRLEVBQ1IsT0FBTyxDQUFDLGlCQUFpQixxQkFDckIsR0FBRyxFQUFFLFNBQVMsSUFDWCxRQUFRLENBQUMsS0FBSyxLQUNqQixZQUFZLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQ2hELENBQ0w7UUFDQSxPQUFPLENBQUMsSUFBSSxJQUFJLENBQ2Isa0RBQ1EsT0FBTyxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLEdBQUcsRUFBRSxPQUFPLENBQUMsUUFBUTtZQUNyQixLQUFLLEVBQUU7Z0JBQ0gsUUFBUSxFQUFFLE9BQU8sQ0FBQyxRQUFRO2dCQUMxQixHQUFHLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNuQixJQUFJLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNwQixVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUzthQUN4RDtZQUNELFNBQVMsRUFBRSwwRUFBMEU7U0FDeEYsQ0FBQyxHQUVELE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDMUIsOEJBQUMsMEJBQVcsSUFBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDMUMsRUFGNkIsQ0FFN0IsQ0FBQyxDQUNBLENBQ1QsQ0FDQyxDQUNULENBQUM7QUFDTixDQUFDLENBQUMsQ0FBQyJ9

package/lib/menu/ui/sub-menu/sub-menuItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import { MenuItem as Model } from "../../model";
+export interface MenuItemProps {
+    idPrefix?: string;
+    item: Model;
+}
+export declare const SubMenuItem: FC<MenuItemProps>;

package/lib/menu/ui/sub-menu/sub-menuItem.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubMenuItem = void 0;
+var react_1 = __importDefault(require("react"));
+var config_1 = require("../../../../config");
+var link_1 = __importDefault(require("next/link"));
+var SubMenuItem = function (props) {
+    var _a;
+    var item = props.item;
+    var useLoggedUser = config_1.container.get("useLoggedUser");
+    var loggedUser = useLoggedUser();
+    if (!item.isVisible(loggedUser)) {
+        return null;
+    }
+    var Content = (react_1.default.createElement("div", { className: "hover:text-darkLight w-full bg-sidebar-highlight px-4 py-3.5 text-body text-darkMedium hover:bg-sidebar-background sm:text-body2" }, item.title));
+    if (item.url || item.route) {
+        return (react_1.default.createElement(link_1.default, { href: (_a = item.url) !== null && _a !== void 0 ? _a : config_1.container.get("route")(item.route, item.routeParams), target: item.isExternal ? "_blank" : undefined, rel: item.isExternal ? "noreferrer noopener" : undefined }, Content));
+    }
+    return Content;
+};
+exports.SubMenuItem = SubMenuItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL3N1Yi1tZW51L3N1Yi1tZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLDZDQUErQztBQUUvQyxtREFBNkI7QUFPdEIsSUFBTSxXQUFXLEdBQXNCLFVBQUMsS0FBSzs7SUFDeEMsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsSUFBTSxhQUFhLEdBQUcsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDckQsSUFBTSxVQUFVLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFFbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLEVBQUU7UUFDN0IsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQU0sT0FBTyxHQUFHLENBQ1osdUNBQUssU0FBUyxFQUFDLGtJQUFrSSxJQUM1SSxJQUFJLENBQUMsS0FBSyxDQUNULENBQ1QsQ0FBQztJQUVGLElBQUksSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1FBQ3hCLE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQ0QsSUFBSSxFQUFFLE1BQUEsSUFBSSxDQUFDLEdBQUcsbUNBQUksa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQVksRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQzdFLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDOUMsR0FBRyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxTQUFTLElBRXZELE9BQU8sQ0FDTCxDQUNWLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQTdCVyxRQUFBLFdBQVcsZUE2QnRCIn0=

package/lib/menu/ui/sub-menu/use-sub-menu.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export interface SubMenuOptions {
+    isMobile?: boolean;
+}
+export declare function useSubMenu(options: SubMenuOptions): {
+    placement: import("@floating-ui/react").Placement;
+    strategy: import("@floating-ui/react").Strategy;
+    middlewareData: import("@floating-ui/react").MiddlewareData;
+    x: number | null;
+    y: number | null;
+    update: () => void;
+    reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+    floating: (node: HTMLElement | null) => void;
+    positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+    context: import("@floating-ui/react").FloatingContext<import("@floating-ui/react").ReferenceType>;
+    refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    isPositioned: boolean;
+    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/lib/menu/ui/sub-menu/use-sub-menu.js

@@ -0,0 +1,56 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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.useSubMenu = void 0;
+var react_1 = require("react");
+var react_2 = require("@floating-ui/react");
+function useSubMenu(options) {
+    var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
+    var data = (0, react_2.useFloating)({
+        placement: options.isMobile ? "top" : "right-start",
+        open: open,
+        onOpenChange: setOpen,
+        whileElementsMounted: react_2.autoUpdate,
+        middleware: [(0, react_2.offset)(options.isMobile ? 24 : 16), (0, react_2.flip)(), (0, react_2.shift)({ padding: 8 })],
+    });
+    var context = data.context;
+    var hover = (0, react_2.useHover)(context, {
+        move: false,
+        delay: 200,
+        handleClose: (0, react_2.safePolygon)(),
+        enabled: !options.isMobile,
+    });
+    var click = (0, react_2.useClick)(context, { enabled: !!options.isMobile });
+    var focus = (0, react_2.useFocus)(context);
+    var dismiss = (0, react_2.useDismiss)(context);
+    var interactions = (0, react_2.useInteractions)([hover, click, focus, dismiss]);
+    return (0, react_1.useMemo)(function () { return (__assign(__assign({ open: open, setOpen: setOpen }, interactions), data)); }, [open, setOpen, interactions, data]);
+}
+exports.useSubMenu = useSubMenu;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLXN1Yi1tZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL3N1Yi1tZW51L3VzZS1zdWItbWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0JBQTBDO0FBQzFDLDRDQVk0QjtBQU01QixTQUFnQixVQUFVLENBQUMsT0FBdUI7SUFDeEMsSUFBQSxLQUFBLE9BQWtCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFoQyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQW1CLENBQUM7SUFFeEMsSUFBTSxJQUFJLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQ3JCLFNBQVMsRUFBRSxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGFBQWE7UUFDbkQsSUFBSSxNQUFBO1FBQ0osWUFBWSxFQUFFLE9BQU87UUFDckIsb0JBQW9CLEVBQUUsa0JBQVU7UUFDaEMsVUFBVSxFQUFFLENBQUMsSUFBQSxjQUFNLEVBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxJQUFBLFlBQUksR0FBRSxFQUFFLElBQUEsYUFBSyxFQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7S0FDbEYsQ0FBQyxDQUFDO0lBRUgsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUU3QixJQUFNLEtBQUssR0FBRyxJQUFBLGdCQUFRLEVBQUMsT0FBTyxFQUFFO1FBQzVCLElBQUksRUFBRSxLQUFLO1FBQ1gsS0FBSyxFQUFFLEdBQUc7UUFDVixXQUFXLEVBQUUsSUFBQSxtQkFBVyxHQUFFO1FBQzFCLE9BQU8sRUFBRSxDQUFDLE9BQU8sQ0FBQyxRQUFRO0tBQzdCLENBQUMsQ0FBQztJQUNILElBQU0sS0FBSyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxPQUFPLEVBQUUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQ2pFLElBQU0sS0FBSyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxPQUFPLENBQUMsQ0FBQztJQUNoQyxJQUFNLE9BQU8sR0FBRyxJQUFBLGtCQUFVLEVBQUMsT0FBTyxDQUFDLENBQUM7SUFFcEMsSUFBTSxZQUFZLEdBQUcsSUFBQSx1QkFBZSxFQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUVyRSxPQUFPLElBQUEsZUFBTyxFQUNWLGNBQU0sT0FBQSxxQkFDRixJQUFJLE1BQUEsRUFDSixPQUFPLFNBQUEsSUFDSixZQUFZLEdBQ1osSUFBSSxFQUNULEVBTEksQ0FLSixFQUNGLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsSUFBSSxDQUFDLENBQ3RDLENBQUM7QUFDTixDQUFDO0FBbENELGdDQWtDQyJ9

package/lib/menu/ui/user-menu.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { MenuItem as Model } from "../model";
+export interface UserMenuProps {
+    menu: Model[];
+}
+export declare const UserMenu: FC<UserMenuProps>;