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

package/lib/Menu/ui/SubMenu/SubMenu.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 useSubMenu_1 = require("./useSubMenu");
+var composeRefs_1 = require("@uxf/core/utils/composeRefs");
+var SubMenuItem_1 = require("./SubMenuItem");
+exports.SubMenu = (0, forwardRef_1.forwardRef)("SubMenu", function (_a, ref) {
+    var _b, _c;
+    var children = _a.children, content = _a.content;
+    var subMenu = (0, useSubMenu_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(SubMenuItem_1.SubMenuItem, { key: index, item: item })); })))));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3ViTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9TdWJNZW51L1N1Yk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBbUU7QUFDbkUseURBQXdEO0FBQ3hELDJDQUEwQztBQUMxQywyREFBMEQ7QUFFMUQsNkNBQTRDO0FBTy9CLFFBQUEsT0FBTyxHQUFHLElBQUEsdUJBQVUsRUFBNEIsU0FBUyxFQUFFLFVBQUMsRUFBcUIsRUFBRSxHQUFHOztRQUF4QixRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUE7SUFDeEYsSUFBTSxPQUFPLEdBQUcsSUFBQSx1QkFBVSxFQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFFaEQsSUFBTSxTQUFTLEdBQUcsSUFBQSxlQUFPLEVBQ3JCLGNBQU0sT0FBQSxJQUFBLHlCQUFXLEVBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUcsUUFBZ0IsQ0FBQyxHQUFHLENBQUMsRUFBMUQsQ0FBMEQsRUFDaEUsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FDckMsQ0FBQztJQUVGLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsaUJBQWlCO1FBQzNCLElBQUEsb0JBQVksRUFDVCxRQUFRLEVBQ1IsT0FBTyxDQUFDLGlCQUFpQixxQkFDckIsR0FBRyxFQUFFLFNBQVMsSUFDWCxRQUFRLENBQUMsS0FBSyxLQUNqQixZQUFZLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQ2hELENBQ0w7UUFDQSxPQUFPLENBQUMsSUFBSSxJQUFJLENBQ2Isa0RBQ1EsT0FBTyxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLEdBQUcsRUFBRSxPQUFPLENBQUMsUUFBUTtZQUNyQixLQUFLLEVBQUU7Z0JBQ0gsUUFBUSxFQUFFLE9BQU8sQ0FBQyxRQUFRO2dCQUMxQixHQUFHLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNuQixJQUFJLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNwQixVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUzthQUN4RDtZQUNELFNBQVMsRUFBRSwwRUFBMEU7U0FDeEYsQ0FBQyxHQUVELE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDMUIsOEJBQUMseUJBQVcsSUFBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDMUMsRUFGNkIsQ0FFN0IsQ0FBQyxDQUNBLENBQ1QsQ0FDQyxDQUNULENBQUM7QUFDTixDQUFDLENBQUMsQ0FBQyJ9

package/lib/Menu/ui/SubMenu/SubMenuItem.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/SubMenu/SubMenuItem.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3ViTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvU3ViTWVudS9TdWJNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLDZDQUErQztBQUUvQyxtREFBNkI7QUFPdEIsSUFBTSxXQUFXLEdBQXNCLFVBQUMsS0FBSzs7SUFDeEMsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsSUFBTSxhQUFhLEdBQUcsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDckQsSUFBTSxVQUFVLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFFbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLEVBQUU7UUFDN0IsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQU0sT0FBTyxHQUFHLENBQ1osdUNBQUssU0FBUyxFQUFDLGtJQUFrSSxJQUM1SSxJQUFJLENBQUMsS0FBSyxDQUNULENBQ1QsQ0FBQztJQUVGLElBQUksSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1FBQ3hCLE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQ0QsSUFBSSxFQUFFLE1BQUEsSUFBSSxDQUFDLEdBQUcsbUNBQUksa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQVksRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQzdFLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDOUMsR0FBRyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxTQUFTLElBRXZELE9BQU8sQ0FDTCxDQUNWLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQTdCVyxRQUFBLFdBQVcsZUE2QnRCIn0=

package/lib/Menu/ui/SubMenu/SubMenuMobile.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/SubMenu/SubMenuMobile.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 useSubMenu_1 = require("./useSubMenu");
+var composeRefs_1 = require("@uxf/core/utils/composeRefs");
+var SubMenuItem_1 = require("./SubMenuItem");
+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, useSubMenu_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-2",
+        })),
+            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(SubMenuItem_1.SubMenuItem, { key: index, item: item })); })))));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3ViTWVudU1vYmlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9TdWJNZW51L1N1Yk1lbnVNb2JpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBbUU7QUFDbkUseURBQXdEO0FBQ3hELDJDQUEwQztBQUMxQywyREFBMEQ7QUFFMUQsNkNBQTRDO0FBUS9CLFFBQUEsYUFBYSxHQUFHLElBQUEsdUJBQVUsRUFDbkMsZUFBZSxFQUNmLFVBQUMsRUFBNEIsRUFBRSxHQUFHOztRQUEvQixRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUE7SUFDdkIsSUFBTSxPQUFPLEdBQUcsSUFBQSx1QkFBVSxFQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7SUFFL0MsSUFBTSxTQUFTLEdBQUcsSUFBQSxlQUFPLEVBQ3JCLGNBQU0sT0FBQSxJQUFBLHlCQUFXLEVBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUcsUUFBZ0IsQ0FBQyxHQUFHLENBQUMsRUFBMUQsQ0FBMEQsRUFDaEUsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FDckMsQ0FBQztJQUVGLE9BQU8sQ0FDSDtRQUNLLElBQUEsb0JBQVksRUFDVCxRQUFRLEVBQ1IsT0FBTyxDQUFDLGlCQUFpQixxQkFDckIsR0FBRyxFQUFFLFNBQVMsSUFDWCxRQUFRLENBQUMsS0FBSyxLQUNqQixZQUFZLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQ2hELENBQ0w7UUFDQSxPQUFPLENBQUMsSUFBSSxJQUFJLENBQ2Isa0RBQ1EsT0FBTyxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLEdBQUcsRUFBRSxPQUFPLENBQUMsUUFBUTtZQUNyQixLQUFLLEVBQUU7Z0JBQ0gsUUFBUSxFQUFFLE9BQU8sQ0FBQyxRQUFRO2dCQUMxQixHQUFHLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNuQixVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUzthQUN4RDtZQUNELFNBQVMsRUFDTCxxR0FBcUc7U0FDNUcsQ0FBQztZQUVGLHVDQUFLLFNBQVMsRUFBQyxnRkFBZ0YsSUFDMUYsS0FBSyxDQUNKO1lBQ0wsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksRUFBRSxLQUFLLElBQUssT0FBQSxDQUMxQiw4QkFBQyx5QkFBVyxJQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksR0FBSSxDQUMxQyxFQUY2QixDQUU3QixDQUFDLENBQ0EsQ0FDVCxDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FDSixDQUFDIn0=

package/lib/Menu/ui/SubMenu/useSubMenu.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/SubMenu/useSubMenu.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU3ViTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9TdWJNZW51L3VzZVN1Yk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLCtCQUEwQztBQUMxQyw0Q0FZNEI7QUFNNUIsU0FBZ0IsVUFBVSxDQUFDLE9BQXVCO0lBQ3hDLElBQUEsS0FBQSxPQUFrQixJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLElBQUEsRUFBaEMsSUFBSSxRQUFBLEVBQUUsT0FBTyxRQUFtQixDQUFDO0lBRXhDLElBQU0sSUFBSSxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUNyQixTQUFTLEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxhQUFhO1FBQ25ELElBQUksTUFBQTtRQUNKLFlBQVksRUFBRSxPQUFPO1FBQ3JCLG9CQUFvQixFQUFFLGtCQUFVO1FBQ2hDLFVBQVUsRUFBRSxDQUFDLElBQUEsY0FBTSxFQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsSUFBQSxZQUFJLEdBQUUsRUFBRSxJQUFBLGFBQUssRUFBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBQ2xGLENBQUMsQ0FBQztJQUVILElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFFN0IsSUFBTSxLQUFLLEdBQUcsSUFBQSxnQkFBUSxFQUFDLE9BQU8sRUFBRTtRQUM1QixJQUFJLEVBQUUsS0FBSztRQUNYLEtBQUssRUFBRSxHQUFHO1FBQ1YsV0FBVyxFQUFFLElBQUEsbUJBQVcsR0FBRTtRQUMxQixPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUMsUUFBUTtLQUM3QixDQUFDLENBQUM7SUFDSCxJQUFNLEtBQUssR0FBRyxJQUFBLGdCQUFRLEVBQUMsT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUNqRSxJQUFNLEtBQUssR0FBRyxJQUFBLGdCQUFRLEVBQUMsT0FBTyxDQUFDLENBQUM7SUFDaEMsSUFBTSxPQUFPLEdBQUcsSUFBQSxrQkFBVSxFQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRXBDLElBQU0sWUFBWSxHQUFHLElBQUEsdUJBQWUsRUFBQyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFFckUsT0FBTyxJQUFBLGVBQU8sRUFDVixjQUFNLE9BQUEscUJBQ0YsSUFBSSxNQUFBLEVBQ0osT0FBTyxTQUFBLElBQ0osWUFBWSxHQUNaLElBQUksRUFDVCxFQUxJLENBS0osRUFDRixDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFLElBQUksQ0FBQyxDQUN0QyxDQUFDO0FBQ04sQ0FBQztBQWxDRCxnQ0FrQ0MifQ==

package/lib/Menu/ui/UserMenu.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>;

package/lib/Menu/ui/UserMenu.js

@@ -0,0 +1,67 @@
+"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.UserMenu = void 0;
+var react_1 = __importStar(require("react"));
+var avatar_1 = require("@uxf/ui/avatar");
+var icon_1 = require("@uxf/ui/icon");
+var ListItem_1 = require("./ListItem");
+var Component = function (props) {
+    var _a = __read((0, react_1.useState)(false), 2), isSubmenuOpen = _a[0], setIsSubmenuOpen = _a[1];
+    var hasSubmenu = props.submenu.length > 0;
+    var toggle = hasSubmenu ? function () { return setIsSubmenuOpen(function (prev) { return !prev; }); } : undefined;
+    return (react_1.default.createElement("div", { className: "hidden border-t border-t-darkLow/10 p-3 pr-5 text-darkMedium sm:block" },
+        react_1.default.createElement("button", { className: "flex w-full items-center text-left", onClick: toggle },
+            react_1.default.createElement(avatar_1.Avatar, { className: "mr-3 shrink-0", src: props.avatar }),
+            react_1.default.createElement("div", { className: "truncate" },
+                react_1.default.createElement("div", { className: "uxf-typo-body2 mb-1" }, props.name),
+                react_1.default.createElement("div", { className: "uxf-typo-caption truncate text-darkLow" }, props.roles)),
+            react_1.default.createElement("div", { className: "ml-auto" }, hasSubmenu && (react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16, className: "ml-2 ".concat(!isSubmenuOpen ? "-rotate-90" : "") })))),
+        isSubmenuOpen && (react_1.default.createElement("div", { className: "mt-4" }, props.submenu.map(function (item, index) { return (react_1.default.createElement(ListItem_1.ListItem, { label: item.title, route: item.route, params: item.routeParams, icon: item.icon, key: index })); })))));
+};
+var UserMenu = function (props) {
+    var _a, _b, _c, _d, _e, _f;
+    var menu = props.menu;
+    var userMenu = menu.find(function (item) { return !!item.userMenuData; });
+    return (react_1.default.createElement(Component, { submenu: (_a = userMenu === null || userMenu === void 0 ? void 0 : userMenu.children) !== null && _a !== void 0 ? _a : [], name: (_c = (_b = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : "Uživatel", roles: (_e = (_d = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _d === void 0 ? void 0 : _d.roles) !== null && _e !== void 0 ? _e : "nepřihlášený", avatar: (_f = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _f === void 0 ? void 0 : _f.avatar }));
+};
+exports.UserMenu = UserMenu;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXNlck1lbnUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvVXNlck1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUU1Qyx5Q0FBd0M7QUFDeEMscUNBQW9DO0FBQ3BDLHVDQUFzQztBQWF0QyxJQUFNLFNBQVMsR0FBYyxVQUFDLEtBQUs7SUFDekIsSUFBQSxLQUFBLE9BQW9DLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFsRCxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBbUIsQ0FBQztJQUMxRCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDNUMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLENBQUMsQ0FBQyxjQUFNLE9BQUEsZ0JBQWdCLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksRUFBTCxDQUFLLENBQUMsRUFBakMsQ0FBaUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBRWhGLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsdUVBQXVFO1FBQ2xGLDBDQUFRLFNBQVMsRUFBQyxvQ0FBb0MsRUFBQyxPQUFPLEVBQUUsTUFBTTtZQUNsRSw4QkFBQyxlQUFNLElBQUMsU0FBUyxFQUFDLGVBQWUsRUFBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLE1BQU0sR0FBSTtZQUN2RCx1Q0FBSyxTQUFTLEVBQUMsVUFBVTtnQkFDckIsdUNBQUssU0FBUyxFQUFDLHFCQUFxQixJQUFFLEtBQUssQ0FBQyxJQUFJLENBQU87Z0JBQ3ZELHVDQUFLLFNBQVMsRUFBQyx3Q0FBd0MsSUFBRSxLQUFLLENBQUMsS0FBSyxDQUFPLENBQ3pFO1lBQ04sdUNBQUssU0FBUyxFQUFDLFNBQVMsSUFDbkIsVUFBVSxJQUFJLENBQ1gsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBQyxXQUFXLEVBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsZUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUUsR0FBSSxDQUMvRixDQUNDLENBQ0Q7UUFDUixhQUFhLElBQUksQ0FDZCx1Q0FBSyxTQUFTLEVBQUMsTUFBTSxJQUNoQixLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksRUFBRSxLQUFLLElBQUssT0FBQSxDQUNoQyw4QkFBQyxtQkFBUSxJQUNMLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUNqQixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFDakIsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQ3hCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUNmLEdBQUcsRUFBRSxLQUFLLEdBQ1osQ0FDTCxFQVJtQyxDQVFuQyxDQUFDLENBQ0EsQ0FDVCxDQUNDLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQUVLLElBQU0sUUFBUSxHQUFzQixVQUFDLEtBQUs7O0lBQ3JDLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLElBQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBbkIsQ0FBbUIsQ0FBQyxDQUFDO0lBRTFELE9BQU8sQ0FDSCw4QkFBQyxTQUFTLElBQ04sT0FBTyxFQUFFLE1BQUEsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFFLFFBQVEsbUNBQUksRUFBRSxFQUNqQyxJQUFJLEVBQUUsTUFBQSxNQUFBLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRSxZQUFZLDBDQUFFLElBQUksbUNBQUksVUFBVSxFQUNoRCxLQUFLLEVBQUUsTUFBQSxNQUFBLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRSxZQUFZLDBDQUFFLEtBQUssbUNBQUksY0FBYyxFQUN0RCxNQUFNLEVBQUUsTUFBQSxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUUsWUFBWSwwQ0FBRSxNQUFNLEdBQ3hDLENBQ0wsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWJXLFFBQUEsUUFBUSxZQWFuQiJ9

package/lib/api/createAxiosInstance.d.ts

@@ -2,5 +2,5 @@ import { AxiosRequestConfig } from "axios";
 export declare function createAxiosInstance(requestConfig?: AxiosRequestConfig): {
     axiosInstance: import("axios").AxiosInstance;
     axiosRequest: <Response_1 extends unknown>(ctx: any, url: string, method: import("axios").Method, body: object | null, query: object | null) => Promise<import("axios").AxiosResponse<Response_1>>;
-    useAxiosRequest: <Response_2 extends {}, RequestBody extends {} | null, RequestQuery extends {} | null, RequestPath extends {} | null>(url: string, method: import("axios").Method, config: import("./types").RequestConfig<RequestBody, RequestQuery, RequestPath>) => [import("axios-hooks").ResponseValues<Response_2, any>, import("./types").Execute<Response_2, RequestBody, RequestQuery, RequestPath>];
+    useAxiosRequest: <Response_2 extends {}, RequestBody extends {} | null, RequestQuery extends {} | null, RequestPath extends {} | null>(url: string, method: import("axios").Method, config: import("./types").RequestConfig<RequestBody, RequestQuery, RequestPath>) => [import("axios-hooks").ResponseValues<Response_2, any, any>, import("./types").Execute<Response_2, RequestBody, RequestQuery, RequestPath>];
 };

package/lib/api/createAxiosRequest.js

@@ -21,27 +21,29 @@ var BadRequestError_1 = require("../../errors/BadRequestError");
 var ForbiddenError_1 = require("../../errors/ForbiddenError");
 var NetworkError_1 = require("../../errors/NetworkError");
 var UnauthorizedError_1 = require("../../errors/UnauthorizedError");
-var createAxiosRequest = function (axiosInstance, requestConfig) { return function (ctx, url, method, body, query) {
-    var _a;
-    return axiosInstance
-        .request(__assign(__assign({ baseURL: config_1.config.get("api-url"), headers: ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.req) === null || _a === void 0 ? void 0 : _a.headers.cookie) ? { cookie: ctx.req.headers.cookie } : {} }, requestConfig), { url: query && Object.keys(query).length > 0 ? "".concat(url, "?").concat(qs_1.default.stringify(query)) : url, method: method, data: body }))
-        .catch(function (error) {
-        if (error.response) {
-            if (error.response.status === 400) {
-                throw new BadRequestError_1.BadRequestError(error.response.data);
+var createAxiosRequest = function (axiosInstance, requestConfig) {
+    return function (ctx, url, method, body, query) {
+        var _a;
+        return axiosInstance
+            .request(__assign(__assign({ baseURL: config_1.config.get("api-url"), headers: ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.req) === null || _a === void 0 ? void 0 : _a.headers.cookie) ? { cookie: ctx.req.headers.cookie } : {} }, requestConfig), { url: query && Object.keys(query).length > 0 ? "".concat(url, "?").concat(qs_1.default.stringify(query)) : url, method: method, data: body }))
+            .catch(function (error) {
+            if (error.response) {
+                if (error.response.status === 400) {
+                    throw new BadRequestError_1.BadRequestError(error.response.data);
+                }
+                else if (error.response.status === 401) {
+                    throw new UnauthorizedError_1.UnauthorizedError();
+                }
+                else if (error.response.status === 403) {
+                    throw new ForbiddenError_1.ForbiddenError();
+                }
             }
-            else if (error.response.status === 401) {
-                throw new UnauthorizedError_1.UnauthorizedError();
+            else if (error.request) {
+                throw new NetworkError_1.NetworkError();
             }
-            else if (error.response.status === 403) {
-                throw new ForbiddenError_1.ForbiddenError();
-            }
-        }
-        else if (error.request) {
-            throw new NetworkError_1.NetworkError();
-        }
-        throw error;
-    });
-}; };
+            throw error;
+        });
+    };
+};
 exports.createAxiosRequest = createAxiosRequest;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlQXhpb3NSZXF1ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9hcGkvY3JlYXRlQXhpb3NSZXF1ZXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsMENBQW9CO0FBQ3BCLHVDQUFzQztBQUN0QyxnRUFBK0Q7QUFDL0QsOERBQTZEO0FBQzdELDBEQUF5RDtBQUN6RCxvRUFBbUU7QUFFNUQsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLGFBQTRCLEVBQUUsYUFBaUMsSUFBSyxPQUFBLFVBR25HLEdBQVEsRUFDUixHQUFXLEVBQ1gsTUFBYyxFQUNkLElBQW1CLEVBQ25CLEtBQW9COztJQUVwQixPQUFPLGFBQWE7U0FDZixPQUFPLHFCQUNKLE9BQU8sRUFBRSxlQUFNLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxFQUM5QixPQUFPLEVBQUUsQ0FBQSxNQUFBLEdBQUcsYUFBSCxHQUFHLHVCQUFILEdBQUcsQ0FBRSxHQUFHLDBDQUFFLE9BQU8sQ0FBQyxNQUFNLEVBQUMsQ0FBQyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQ3hFLGFBQWEsS0FDaEIsR0FBRyxFQUFFLEtBQUssSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQUcsR0FBRyxjQUFJLFlBQUUsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUNuRixNQUFNLFFBQUEsRUFDTixJQUFJLEVBQUUsSUFBSSxJQUNaO1NBQ0QsS0FBSyxDQUFDLFVBQUMsS0FBSztRQUNULElBQUksS0FBSyxDQUFDLFFBQVEsRUFBRTtZQUNoQixJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxLQUFLLEdBQUcsRUFBRTtnQkFDL0IsTUFBTSxJQUFJLGlDQUFlLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNsRDtpQkFBTSxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxLQUFLLEdBQUcsRUFBRTtnQkFDdEMsTUFBTSxJQUFJLHFDQUFpQixFQUFFLENBQUM7YUFDakM7aUJBQU0sSUFBSSxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sS0FBSyxHQUFHLEVBQUU7Z0JBQ3RDLE1BQU0sSUFBSSwrQkFBYyxFQUFFLENBQUM7YUFDOUI7U0FDSjthQUFNLElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtZQUN0QixNQUFNLElBQUksMkJBQVksRUFBRSxDQUFDO1NBQzVCO1FBRUQsTUFBTSxLQUFLLENBQUM7SUFDaEIsQ0FBQyxDQUFDLENBQUM7QUFDWCxDQUFDLEVBakNzRyxDQWlDdEcsQ0FBQztBQWpDVyxRQUFBLGtCQUFrQixzQkFpQzdCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlQXhpb3NSZXF1ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9hcGkvY3JlYXRlQXhpb3NSZXF1ZXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsMENBQW9CO0FBQ3BCLHVDQUFzQztBQUN0QyxnRUFBK0Q7QUFDL0QsOERBQTZEO0FBQzdELDBEQUF5RDtBQUN6RCxvRUFBbUU7QUFFNUQsSUFBTSxrQkFBa0IsR0FDM0IsVUFBQyxhQUE0QixFQUFFLGFBQWlDO0lBQ2hFLE9BQUEsVUFBdUIsR0FBUSxFQUFFLEdBQVcsRUFBRSxNQUFjLEVBQUUsSUFBbUIsRUFBRSxLQUFvQjs7UUFDbkcsT0FBTyxhQUFhO2FBQ2YsT0FBTyxxQkFDSixPQUFPLEVBQUUsZUFBTSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsRUFDOUIsT0FBTyxFQUFFLENBQUEsTUFBQSxHQUFHLGFBQUgsR0FBRyx1QkFBSCxHQUFHLENBQUUsR0FBRywwQ0FBRSxPQUFPLENBQUMsTUFBTSxFQUFDLENBQUMsQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUN4RSxhQUFhLEtBQ2hCLEdBQUcsRUFBRSxLQUFLLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFHLEdBQUcsY0FBSSxZQUFFLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFDbkYsTUFBTSxRQUFBLEVBQ04sSUFBSSxFQUFFLElBQUksSUFDWjthQUNELEtBQUssQ0FBQyxVQUFDLEtBQUs7WUFDVCxJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUU7Z0JBQ2hCLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssR0FBRyxFQUFFO29CQUMvQixNQUFNLElBQUksaUNBQWUsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO2lCQUNsRDtxQkFBTSxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxLQUFLLEdBQUcsRUFBRTtvQkFDdEMsTUFBTSxJQUFJLHFDQUFpQixFQUFFLENBQUM7aUJBQ2pDO3FCQUFNLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssR0FBRyxFQUFFO29CQUN0QyxNQUFNLElBQUksK0JBQWMsRUFBRSxDQUFDO2lCQUM5QjthQUNKO2lCQUFNLElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtnQkFDdEIsTUFBTSxJQUFJLDJCQUFZLEVBQUUsQ0FBQzthQUM1QjtZQUVELE1BQU0sS0FBSyxDQUFDO1FBQ2hCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQztBQXpCRCxDQXlCQyxDQUFDO0FBM0JPLFFBQUEsa0JBQWtCLHNCQTJCekIifQ==

package/lib/api/createUseAxiosRequest.d.ts

@@ -1,4 +1,4 @@
 import { AxiosInstance, AxiosRequestConfig, Method } from "axios";
 import { ResponseValues } from "axios-hooks";
 import { RequestConfig, Execute } from "./types";
-export declare const createUseAxiosRequest: (axiosInstance: AxiosInstance, requestConfig: AxiosRequestConfig) => <Response_1 extends {}, RequestBody extends {} | null, RequestQuery extends {} | null, RequestPath extends {} | null>(url: string, method: Method, config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => [ResponseValues<Response_1, any>, Execute<Response_1, RequestBody, RequestQuery, RequestPath>];
+export declare const createUseAxiosRequest: (axiosInstance: AxiosInstance, requestConfig: AxiosRequestConfig) => <Response_1 extends {}, RequestBody extends {} | null, RequestQuery extends {} | null, RequestPath extends {} | null>(url: string, method: Method, config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => [ResponseValues<Response_1, any, any>, Execute<Response_1, RequestBody, RequestQuery, RequestPath>];

package/lib/api/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("./createAxiosInstance"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL2FwaS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSx3REFBc0M7QUFDdEMsMENBQXdCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL2FwaS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsd0RBQXNDO0FBQ3RDLDBDQUF3QiJ9

package/lib/api/types.d.ts

@@ -1,15 +1,15 @@
 import { AxiosPromise } from "axios";
 import { ResponseValues } from "axios-hooks";
-declare type RequestConfigBody<T extends {} | null> = T extends null ? {} : {
+type RequestConfigBody<T extends {} | null> = T extends null ? {} : {
     body: T;
 };
-declare type RequestConfigQuery<T extends {} | null> = T extends null ? {} : {
+type RequestConfigQuery<T extends {} | null> = T extends null ? {} : {
     query: T;
 };
-declare type RequestConfigPath<T extends {} | null> = T extends null ? {} : {
+type RequestConfigPath<T extends {} | null> = T extends null ? {} : {
     path: T;
 };
-export declare type RequestConfig<RequestBody extends {} | null, RequestQuery extends {} | null, RequestPath extends {} | null> = {} & RequestConfigBody<RequestBody> & RequestConfigQuery<RequestQuery> & RequestConfigPath<RequestPath>;
-export declare type Execute<Response extends {}, RequestBody extends {} | null, RequestQuery extends {} | null, RequestPath extends {} | null> = (config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => AxiosPromise<Response>;
-export declare type UseAxiosRequest<Response extends {}, RequestBody extends {}, RequestQuery extends {}, RequestPath extends {}> = (config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => [ResponseValues<Response, any>, Execute<Response, RequestBody, RequestQuery, RequestPath>];
+export type RequestConfig<RequestBody extends {} | null, RequestQuery extends {} | null, RequestPath extends {} | null> = {} & RequestConfigBody<RequestBody> & RequestConfigQuery<RequestQuery> & RequestConfigPath<RequestPath>;
+export type Execute<Response extends {}, RequestBody extends {} | null, RequestQuery extends {} | null, RequestPath extends {} | null> = (config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => AxiosPromise<Response>;
+export type UseAxiosRequest<Response extends {}, RequestBody extends {}, RequestQuery extends {}, RequestPath extends {}> = (config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => [ResponseValues<Response, any, any>, Execute<Response, RequestBody, RequestQuery, RequestPath>];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "6.0.0-beta.3",
+  "version": "6.0.0-beta.30",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -21,15 +21,16 @@
   "scripts": {
     "lint": "./node_modules/.bin/eslint -c .eslintrc.js \"./**/*.ts*\"",
     "typecheck": "./node_modules/.bin/tsc --noEmit --skipLibCheck",
-    "check": "npm run lint && npm run typecheck",
+    "check": "concurrently \"npm run lint\" \"npm run lint:css\" \"npm run typecheck\" \"prettier . --check\" \"npm run check:icons\" \"npm run check:tw-tokens\"",
+    "check:icons": "icons-check",
+    "check:tw-tokens": "node node_modules/@uxf/ui/scripts/generate-tw-tokens.js --mode=\"check\" --twConfig=\"tailwind.config.js\" --outputPath=\"src/ui/tw-tokens/\"",
     "dev": "node dev-server.js",
     "build": "./node_modules/.bin/tsc -P tsconfig.build.json",
-    "check:icons": "icons-check",
-    "gen:icons": "icons-gen"
+    "gen:icons": "icons-gen",
+    "lint:css": "stylelint \"./**/*.(css)\""
   },
   "dependencies": {
-    "@uxf/form": "^1.0.0-beta.96",
-    "@uxf/ui": "^1.0.0-beta.96",
+    "@floating-ui/react": "^0.18.1",
     "es6-error": "^4.1.1",
     "path-to-regexp": "^6.1.0",
     "react-hook-form": "^7.41.5",
@@ -37,85 +38,77 @@
     "redux": "^4.1.1"
   },
   "devDependencies": {
-    "@emotion/react": "^11.4.1",
-    "@emotion/server": "^11.4.0",
-    "@emotion/styled": "^11.3.0",
-    "@mui/icons-material": "^5.0.1",
-    "@mui/material": "^5.0.2",
-    "@mui/styles": "^5.0.1",
-    "@mui/x-date-pickers": "^5.0.0-alpha.1",
     "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/forms": "^0.5.2",
     "@tailwindcss/line-clamp": "^0.4.2",
     "@types/express-http-proxy": "^1.6.2",
-    "@types/node": "^16.7.10",
+    "@types/node": "^18.11.18",
     "@types/qs": "^6.9.7",
-    "@types/react": "^18.0.26",
+    "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
-    "@typescript-eslint/eslint-plugin": "^5.11.0",
-    "@uxf/core": "^4.3.0",
-    "@uxf/data-grid": "^4.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.48.2",
+    "@uxf/core": "^4.4.2",
+    "@uxf/data-grid": "^5.0.0-beta.8",
     "@uxf/eslint-config": "^1.2.3",
+    "@uxf/form": "^1.0.0-beta.112",
     "@uxf/icons-generator": "^1.3.0",
-    "@uxf/router": "^3.0.0-beta.3",
+    "@uxf/router": "^3.0.0-beta.5",
+    "@uxf/ui": "^1.0.0-beta.112",
     "@uxf/wysiwyg": "^1.1.2",
     "@uxf/wysiwyg-mui5-plugins": "^1.0.1",
-    "autoprefixer": "^10.4.7",
+    "autoprefixer": "^10.4.13",
     "axios": "^0.21.1",
-    "axios-hooks": "^2.7.0",
+    "axios-hooks": "^4.0.0",
+    "concurrently": "^7.6.0",
     "coordinate-parser": "^1.0.7",
     "dayjs": "^1.11.7",
-    "eslint": "^8.8.0",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "express": "^4.17.1",
-    "express-http-proxy": "^1.6.2",
-    "final-form": "^4.20.2",
-    "final-form-arrays": "^3.0.2",
-    "final-form-calculate": "^1.3.2",
-    "http-proxy-middleware": "^2.0.1",
-    "next": "^12.3.4",
+    "eslint": "^8.32.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.32.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "express": "^4.18.2",
+    "express-http-proxy": "^1.6.3",
+    "http-proxy-middleware": "^2.0.6",
+    "next": "^13.1.4",
     "path": "^0.12.7",
-    "postcss": "^8.4.14",
+    "postcss": "^8.4.21",
     "postcss-focus-visible": "^7.1.0",
     "postcss-import": "^15.1.0",
     "postcss-pxtorem": "^6.0.0",
-    "prettier": "^2.4.1",
-    "qs": "^6.10.1",
+    "postcss-syntax": "^0.36.2",
+    "prettier": "^2.8.3",
+    "prettier-plugin-tailwindcss": "^0.2.2",
+    "qs": "^6.11.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-dropzone": "^14.2.2",
-    "react-final-form": "^6.5.7",
-    "react-final-form-arrays": "^3.1.3",
     "redux-devtools-extension": "^2.13.9",
-    "tailwindcss": "^3.1.5",
-    "ts-node": "^10.2.1",
-    "typescript": "^4.4.3"
+    "stylelint": "^14.16.1",
+    "stylelint-config-prettier": "^9.0.4",
+    "stylelint-config-recommended": "^9.0.0",
+    "stylelint-config-standard": "^29.0.0",
+    "stylelint-config-tailwindcss": "^0.0.7",
+    "stylelint-prettier": "^2.0.0",
+    "stylelint-use-nesting": "^4.0.0",
+    "tailwindcss": "^3.2.4",
+    "ts-node": "^10.9.1",
+    "typescript": "^4.9.4"
   },
   "peerDependencies": {
-    "@mui/icons-material": "^5.0.0",
-    "@mui/material": "^5.0.0",
-    "@mui/x-date-pickers": "^5.0.0-alpha.1",
     "@uxf/core": ">= 4.3.0",
-    "@uxf/data-grid": "^4.0.0",
+    "@uxf/data-grid": "^5.0.0-beta.8",
+    "@uxf/form": "^1.0.0-beta.112",
+    "@uxf/ui": "^1.0.0-beta.112",
     "@uxf/wysiwyg": "^1.1.2",
     "@uxf/wysiwyg-mui5-plugins": "^1.0.1",
     "axios": "^0.21.0",
     "axios-hooks": "^2.2.0",
     "dayjs": "^1.11.7",
-    "final-form": "^4.20.1",
-    "final-form-arrays": "^3.0",
-    "final-form-calculate": "^1.3.2",
     "react": ">= 18.2.0",
     "react-dom": ">= 18.2.0",
-    "react-dropzone": "^14.2.2",
-    "react-final-form": "^6.5.1",
-    "react-final-form-arrays": "^3.1.3"
+    "react-dropzone": "^14.2.2"
   },
   "volta": {
     "node": "18.5.0",
-    "yarn": "1.22.19"
+    "npm": "8.12.1"
   }
 }

package/pages/ChangePasswordPage/ChangePasswordPage.d.ts

@@ -0,0 +1,2 @@
+import { ChangePasswordPageConfig } from "./types";
+export declare const ChangePasswordPage: (config: ChangePasswordPageConfig) => import("next").NextComponentType<import("../../deprecated/types/App").IAppContext, object, object>;