@uxf/cms 6.0.0-beta.21 → 6.0.0-beta.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/config/icons-config.d.ts +1 -1
- package/config/icons-config.js +1 -1
- package/config/icons.d.ts +10 -0
- package/config/icons.js +3 -1
- package/lib/Layout/Layout.js +21 -20
- package/lib/Layout/Sidebar.js +55 -15
- package/lib/Layout/types.d.ts +2 -3
- package/lib/Menu/MobileBar.d.ts +6 -0
- package/lib/Menu/MobileBar.js +51 -0
- package/lib/Menu/factory.d.ts +2 -1
- package/lib/Menu/factory.js +7 -3
- package/lib/Menu/model.d.ts +10 -0
- package/lib/Menu/model.js +23 -1
- package/{ui → lib/Menu/ui}/ListItem/ListItem.d.ts +0 -0
- package/lib/Menu/ui/ListItem/ListItem.js +38 -0
- package/{ui → lib/Menu/ui}/ListItem/index.d.ts +0 -0
- package/{ui → lib/Menu/ui}/ListItem/index.js +1 -1
- package/{ui → lib/Menu/ui}/ListItem/types.d.ts +5 -1
- package/{ui → lib/Menu/ui}/ListItem/types.js +1 -1
- package/lib/Menu/ui/Menu.js +2 -2
- package/lib/Menu/ui/MenuItem.d.ts +0 -5
- package/lib/Menu/ui/MenuItem.js +49 -11
- package/lib/Menu/ui/MenuSuperSectionItem.js +3 -3
- package/lib/Menu/ui/SubMenu/SubMenu.d.ts +7 -0
- package/lib/Menu/ui/SubMenu/SubMenu.js +61 -0
- package/lib/Menu/ui/SubMenu/SubMenuItem.d.ts +7 -0
- package/lib/Menu/ui/SubMenu/SubMenuItem.js +25 -0
- package/lib/Menu/ui/SubMenu/SubMenuMobile.d.ts +8 -0
- package/lib/Menu/ui/SubMenu/SubMenuMobile.js +62 -0
- package/lib/Menu/ui/SubMenu/useSubMenu.d.ts +24 -0
- package/lib/Menu/ui/SubMenu/useSubMenu.js +56 -0
- package/lib/Menu/ui/UserMenu.d.ts +6 -0
- package/lib/Menu/ui/UserMenu.js +67 -0
- package/package.json +4 -3
- package/ui/tw-tokens/tw-colors.js +1 -1
- package/utils/icons.config.js +10 -0
- package/utils/tailwind.config.js +6 -3
- package/ui/ListItem/ListItem.js +0 -26
package/config/icons-config.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ICONS_VERSION = "
|
|
1
|
+
export declare const ICONS_VERSION = "1674746043800";
|
|
2
2
|
export declare const ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
|
package/config/icons-config.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ICON_SPRITE = exports.ICONS_VERSION = void 0;
|
|
4
|
-
exports.ICONS_VERSION = "
|
|
4
|
+
exports.ICONS_VERSION = "1674746043800";
|
|
5
5
|
exports.ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
|
|
6
6
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9pY29ucy1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxhQUFhLEdBQUcsZUFBZSxDQUFDO0FBQ2hDLFFBQUEsV0FBVyxHQUFHLG1DQUFtQyxDQUFDIn0=
|
package/config/icons.d.ts
CHANGED
|
@@ -79,10 +79,18 @@ export declare const ICONS: {
|
|
|
79
79
|
readonly w: 256;
|
|
80
80
|
readonly h: 512;
|
|
81
81
|
};
|
|
82
|
+
readonly key: {
|
|
83
|
+
readonly w: 512;
|
|
84
|
+
readonly h: 512;
|
|
85
|
+
};
|
|
82
86
|
readonly plus: {
|
|
83
87
|
readonly w: 448;
|
|
84
88
|
readonly h: 512;
|
|
85
89
|
};
|
|
90
|
+
readonly "right-from-bracket": {
|
|
91
|
+
readonly w: 512;
|
|
92
|
+
readonly h: 512;
|
|
93
|
+
};
|
|
86
94
|
};
|
|
87
95
|
export type IconsType = keyof typeof ICONS;
|
|
88
96
|
declare module "@uxf/ui/icon/theme" {
|
|
@@ -107,6 +115,8 @@ declare module "@uxf/ui/icon/theme" {
|
|
|
107
115
|
"user": true;
|
|
108
116
|
"xmarkLarge": true;
|
|
109
117
|
"angleRight": true;
|
|
118
|
+
"key": true;
|
|
110
119
|
"plus": true;
|
|
120
|
+
"right-from-bracket": true;
|
|
111
121
|
}
|
|
112
122
|
}
|
package/config/icons.js
CHANGED
|
@@ -23,6 +23,8 @@ exports.ICONS = {
|
|
|
23
23
|
"user": { w: 448, h: 512 },
|
|
24
24
|
"xmarkLarge": { w: 448, h: 512 },
|
|
25
25
|
"angleRight": { w: 256, h: 512 },
|
|
26
|
+
"key": { w: 512, h: 512 },
|
|
26
27
|
"plus": { w: 448, h: 512 },
|
|
28
|
+
"right-from-bracket": { w: 512, h: 512 },
|
|
27
29
|
};
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMxQixXQUFXLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDL0IsV0FBVyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQy9CLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMxQixZQUFZLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDaEMsWUFBWSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2hDLEtBQUssRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUN6QixNQUFNLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDMUIsb0JBQW9CLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7Q0FDbEMsQ0FBQyJ9
|
package/lib/Layout/Layout.js
CHANGED
|
@@ -14,29 +14,30 @@ var loader_1 = require("@uxf/ui/loader/loader");
|
|
|
14
14
|
var LayoutContainer_1 = require("./LayoutContainer");
|
|
15
15
|
var Layout = function (props) {
|
|
16
16
|
var _a;
|
|
17
|
-
var Header = props.Header, Logo = props.Logo,
|
|
18
|
-
return (react_1.default.createElement(
|
|
17
|
+
var Header = props.Header, Logo = props.Logo, MessageBar = props.MessageBar, TitleRightContainer = props.TitleRightContainer, ToolbarRight = props.ToolbarRight, breadcrumbs = props.breadcrumbs, children = props.children, containerType = props.containerType, headerContainerType = props.headerContainerType, loading = props.loading, menuConfiguration = props.menuConfiguration, subtitle = props.subtitle, title = props.title;
|
|
18
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
19
19
|
react_1.default.createElement(head_1.default, null,
|
|
20
20
|
react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
|
|
21
21
|
react_1.default.createElement("meta", { charSet: "utf-8" }),
|
|
22
22
|
react_1.default.createElement("title", null, "".concat(title, " | ").concat((_a = config_1.config.get("app-name")) !== null && _a !== void 0 ? _a : ""))),
|
|
23
|
-
react_1.default.createElement("div", { className: "flex
|
|
24
|
-
react_1.default.createElement(
|
|
25
|
-
|
|
26
|
-
react_1.default.createElement("div", { className: "
|
|
27
|
-
react_1.default.createElement(
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
react_1.default.createElement("
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
23
|
+
react_1.default.createElement("div", { className: "flex" },
|
|
24
|
+
react_1.default.createElement("div", { className: "flex w-full" },
|
|
25
|
+
react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Logo: Logo }),
|
|
26
|
+
react_1.default.createElement("main", { className: "min-h-screen w-full bg-gray-100 sm:ml-[var(--drawerWidth)] sm:w-[calc(100%_-_var(--drawerWidth))]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, loading ? (react_1.default.createElement("div", { className: "flex h-96 flex-col items-center justify-center" },
|
|
27
|
+
react_1.default.createElement("div", { className: "text-center" },
|
|
28
|
+
react_1.default.createElement(loader_1.Loader, null),
|
|
29
|
+
react_1.default.createElement("p", { className: "mt-2" }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
30
|
+
react_1.default.createElement("div", { className: "".concat(Header ? "bg-white" : "") },
|
|
31
|
+
ToolbarRight && (react_1.default.createElement("div", { className: "flex h-12 items-center justify-end bg-sidebar-background px-6 text-darkMedium" }, ToolbarRight)),
|
|
32
|
+
MessageBar,
|
|
33
|
+
react_1.default.createElement(LayoutContainer_1.LayoutContainer, { type: headerContainerType !== null && headerContainerType !== void 0 ? headerContainerType : containerType, className: "pt-12 pb-9" },
|
|
34
|
+
breadcrumbs && react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, { items: breadcrumbs }),
|
|
35
|
+
react_1.default.createElement("div", { className: "flex items-center" },
|
|
36
|
+
react_1.default.createElement("h1", { className: "uxf-typo-h4" }, title),
|
|
37
|
+
TitleRightContainer),
|
|
38
|
+
subtitle,
|
|
39
|
+
Header)),
|
|
40
|
+
react_1.default.createElement(LayoutContainer_1.LayoutContainer, { type: containerType }, children))))))));
|
|
40
41
|
};
|
|
41
42
|
exports.Layout = Layout;
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWlEO0FBQ2pELHVDQUFzQztBQUN0QyxxQ0FBb0M7QUFDcEMsbUNBQXVDO0FBRXZDLDZDQUE0QztBQUM1QyxnREFBK0M7QUFDL0MscURBQW9EO0FBRTdDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7O0lBRXJDLElBQUEsTUFBTSxHQWFOLEtBQUssT0FiQyxFQUNOLElBQUksR0FZSixLQUFLLEtBWkQsRUFDSixVQUFVLEdBV1YsS0FBSyxXQVhLLEVBQ1YsbUJBQW1CLEdBVW5CLEtBQUssb0JBVmMsRUFDbkIsWUFBWSxHQVNaLEtBQUssYUFUTyxFQUNaLFdBQVcsR0FRWCxLQUFLLFlBUk0sRUFDWCxRQUFRLEdBT1IsS0FBSyxTQVBHLEVBQ1IsYUFBYSxHQU1iLEtBQUssY0FOUSxFQUNiLG1CQUFtQixHQUtuQixLQUFLLG9CQUxjLEVBQ25CLE9BQU8sR0FJUCxLQUFLLFFBSkUsRUFDUCxpQkFBaUIsR0FHakIsS0FBSyxrQkFIWSxFQUNqQixRQUFRLEdBRVIsS0FBSyxTQUZHLEVBQ1IsS0FBSyxHQUNMLEtBQUssTUFEQSxDQUNDO0lBRVYsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsY0FBSTtZQUNELHdDQUFNLElBQUksRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFDLHFDQUFxQyxHQUFHO1lBQ3RFLHdDQUFNLE9BQU8sRUFBQyxPQUFPLEdBQUc7WUFDeEIsNkNBQVEsVUFBRyxLQUFLLGdCQUFNLE1BQUEsZUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsbUNBQUksRUFBRSxDQUFFLENBQVMsQ0FDMUQ7UUFDUCx1Q0FBSyxTQUFTLEVBQUMsTUFBTTtZQUNqQix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtnQkFDeEIsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxHQUFJO2dCQUM3RCx3Q0FDSSxTQUFTLEVBQUMsbUdBQW1HLEVBQzdHLEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxVQUFHLG9CQUFXLE9BQUksRUFBbUIsSUFFOUQsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNQLHVDQUFLLFNBQVMsRUFBQyxnREFBZ0Q7b0JBQzNELHVDQUFLLFNBQVMsRUFBQyxhQUFhO3dCQUN4Qiw4QkFBQyxlQUFNLE9BQUc7d0JBQ1YscUNBQUcsU0FBUyxFQUFDLE1BQU0sbUNBQW9CLENBQ3JDLENBQ0osQ0FDVCxDQUFDLENBQUMsQ0FBQyxDQUNBO29CQUNJLHVDQUFLLFNBQVMsRUFBRSxVQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUU7d0JBQ3hDLFlBQVksSUFBSSxDQUNiLHVDQUFLLFNBQVMsRUFBQywrRUFBK0UsSUFDekYsWUFBWSxDQUNYLENBQ1Q7d0JBQ0EsVUFBVTt3QkFDWCw4QkFBQyxpQ0FBZSxJQUFDLElBQUksRUFBRSxtQkFBbUIsYUFBbkIsbUJBQW1CLGNBQW5CLG1CQUFtQixHQUFJLGFBQWEsRUFBRSxTQUFTLEVBQUMsWUFBWTs0QkFDOUUsV0FBVyxJQUFJLDhCQUFDLHlCQUFXLElBQUMsS0FBSyxFQUFFLFdBQVcsR0FBSTs0QkFDbkQsdUNBQUssU0FBUyxFQUFDLG1CQUFtQjtnQ0FDOUIsc0NBQUksU0FBUyxFQUFDLGFBQWEsSUFBRSxLQUFLLENBQU07Z0NBQ3ZDLG1CQUFtQixDQUNsQjs0QkFDTCxRQUFROzRCQUNSLE1BQU0sQ0FDTyxDQUNoQjtvQkFDTiw4QkFBQyxpQ0FBZSxJQUFDLElBQUksRUFBRSxhQUFhLElBQUcsUUFBUSxDQUFtQixDQUNuRSxDQUNOLENBQ0UsQ0FDTCxDQUNKLENBQ1AsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBakVXLFFBQUEsTUFBTSxVQWlFakIifQ==
|
package/lib/Layout/Sidebar.js
CHANGED
|
@@ -1,25 +1,65 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
26
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
27
|
+
if (!m) return o;
|
|
28
|
+
var i = m.call(o), r, ar = [], e;
|
|
29
|
+
try {
|
|
30
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
31
|
+
}
|
|
32
|
+
catch (error) { e = { error: error }; }
|
|
33
|
+
finally {
|
|
34
|
+
try {
|
|
35
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
36
|
+
}
|
|
37
|
+
finally { if (e) throw e.error; }
|
|
38
|
+
}
|
|
39
|
+
return ar;
|
|
4
40
|
};
|
|
5
41
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
42
|
exports.Sidebar = void 0;
|
|
7
|
-
var react_1 =
|
|
43
|
+
var react_1 = __importStar(require("react"));
|
|
8
44
|
var Menu_1 = require("../Menu");
|
|
9
45
|
var styles_1 = require("./styles");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
|
|
46
|
+
var UserMenu_1 = require("../Menu/ui/UserMenu");
|
|
47
|
+
var MobileBar_1 = require("../Menu/MobileBar");
|
|
48
|
+
var uxfLogo = (react_1.default.createElement("svg", { width: "134", height: "30", viewBox: "0 0 179 40" },
|
|
49
|
+
react_1.default.createElement("path", { fill: "#FFF", fillRule: "evenodd", d: "M33.563 12.874a9.103 9.103 0 0 0 0-12.874L20.69 12.874l.107.105a9.103 9.103 0 0 0 12.766-.105Zm-20.69-6.437a9.103 9.103 0 0 1 .106 12.766l-.105.107L0 6.437a9.103 9.103 0 0 1 12.874 0ZM40 33.563 27.127 20.69l-.106.107a9.103 9.103 0 0 0 12.98 12.766Zm-20.69-6.437-.107-.105A9.103 9.103 0 0 0 6.437 40l12.874-12.874Z", clipRule: "evenodd" }),
|
|
13
50
|
react_1.default.createElement("path", { fill: "#FFF", fillRule: "evenodd", d: "m84.325 7.295 5.133 8.675h.199l5.158-8.675h6.078l-7.768 12.727 7.942 12.727h-6.19l-5.22-8.687h-.199l-5.22 8.687h-6.165l7.967-12.727-7.818-12.727h6.103Zm-24.194 0v16.07c0 .97.214 1.832.64 2.586a4.58 4.58 0 0 0 1.809 1.777c.779.431 1.686.647 2.722.647 1.044 0 1.953-.216 2.728-.647a4.591 4.591 0 0 0 1.802-1.777c.427-.754.64-1.616.64-2.585V7.296h5.382v16.53c0 1.856-.441 3.48-1.324 4.872-.882 1.392-2.115 2.475-3.697 3.25-1.583.775-3.426 1.162-5.531 1.162-2.113 0-3.96-.387-5.543-1.162-1.583-.775-2.813-1.858-3.692-3.25-.878-1.392-1.317-3.016-1.317-4.872V7.296h5.381ZM170.25 13.41c2.411 0 4.311.51 5.698 1.529 1.388 1.019 2.198 2.407 2.43 4.164l-4.847.298a2.555 2.555 0 0 0-.534-1.125 2.942 2.942 0 0 0-1.075-.808c-.444-.203-.972-.304-1.585-.304-.821 0-1.512.172-2.076.515-.563.344-.845.802-.845 1.374 0 .456.182.84.547 1.156.364.315.99.567 1.877.758l3.455.696c1.856.381 3.24.994 4.151 1.84.912.845 1.367 1.955 1.367 3.33 0 1.252-.366 2.35-1.1 3.294-.733.945-1.736 1.68-3.007 2.206-1.272.526-2.737.79-4.394.79-2.527 0-4.539-.529-6.034-1.585-1.496-1.057-2.372-2.496-2.629-4.32l5.208-.273c.157.77.538 1.357 1.143 1.759.605.402 1.38.603 2.324.603.928 0 1.676-.18 2.244-.54.567-.361.855-.827.864-1.4-.009-.48-.212-.875-.609-1.186-.398-.31-1.011-.55-1.84-.715l-3.306-.659c-1.864-.372-3.25-1.019-4.157-1.938-.908-.92-1.361-2.093-1.361-3.518 0-1.226.333-2.283 1-3.17.667-.886 1.608-1.57 2.821-2.05 1.214-.48 2.637-.72 4.27-.72Zm-36.686.373a12.285 12.285 0 0 0-3.051-.373c-1.525 0-2.865.23-4.021.69-1.156.46-2.098 1.114-2.827 1.964-.73.849-1.219 1.854-1.467 3.014l4.897.397c.182-.63.555-1.153 1.119-1.572.563-.418 1.321-.627 2.274-.627.903 0 1.601.215 2.094.646.493.43.74 1.04.74 1.827v.075c0 .405-.153.712-.46.92-.307.206-.8.362-1.479.465-.68.104-1.574.214-2.685.33-.944.09-1.845.248-2.703.472a7.698 7.698 0 0 0-2.293.994 4.727 4.727 0 0 0-1.591 1.74c-.39.721-.584 1.612-.584 2.673 0 1.259.275 2.31.826 3.15a5.147 5.147 0 0 0 2.256 1.902c.953.427 2.038.64 3.257.64.944 0 1.777-.126 2.498-.38a5.55 5.55 0 0 0 1.852-1.055 5.31 5.31 0 0 0 1.23-1.573h.149v2.648h5.022V19.873c0-1.135-.22-2.11-.659-2.927a5.655 5.655 0 0 0-1.796-2.007 8.039 8.039 0 0 0-2.598-1.156Zm-13.424-2.05V7.294h-16.853v25.454h5.381V22.235h10.354v-4.438h-10.354v-6.065h11.472Zm32.603 1.677c1.326 0 2.482.29 3.468.87.986.58 1.753 1.407 2.3 2.48.546 1.073.82 2.35.82 3.834V32.75h-5.295V21.539c.008-1.169-.29-2.082-.895-2.74-.605-.66-1.437-.989-2.498-.989-.713 0-1.34.153-1.883.46a3.166 3.166 0 0 0-1.268 1.336c-.302.584-.458 1.286-.466 2.107V32.75h-5.295V13.659h5.047v3.368H147a5.358 5.358 0 0 1 2.126-2.641c.994-.65 2.2-.976 3.616-.976Zm-20.061 10.782c.286-.087.512-.184.678-.292v2.026c0 .671-.17 1.272-.51 1.802-.34.53-.808.951-1.404 1.262-.597.31-1.285.466-2.064.466-.812 0-1.481-.189-2.007-.566-.526-.377-.789-.925-.789-1.646 0-.497.128-.914.385-1.25.257-.335.617-.602 1.082-.801a6.547 6.547 0 0 1 1.628-.435l.969-.143a24.15 24.15 0 0 0 1.069-.186c.356-.071.677-.15.963-.237Z", clipRule: "evenodd" })));
|
|
14
51
|
var Sidebar = function (props) {
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
react_1.default.createElement("div", null,
|
|
21
|
-
|
|
22
|
-
react_1.default.createElement("div", { className: "
|
|
52
|
+
var menuConfiguration = props.menuConfiguration, Logo = props.Logo, CustomSidebar = props.CustomSidebar;
|
|
53
|
+
var _a = __read((0, react_1.useState)(false), 2), isMenuOpen = _a[0], setIsMenuOpen = _a[1];
|
|
54
|
+
var toggleMenu = function () { return setIsMenuOpen(function (prev) { return !prev; }); };
|
|
55
|
+
return (CustomSidebar !== null && CustomSidebar !== void 0 ? CustomSidebar : (react_1.default.createElement("div", { className: "fixed z-1 flex w-full flex-col sm:w-[var(--drawerWidth)]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } },
|
|
56
|
+
react_1.default.createElement("div", { className: "h-[calc(100vh_-_48px)] flex-col bg-sidebar-background pt-5 sm:h-screen ".concat(isMenuOpen ? "flex" : "hidden sm:flex") },
|
|
57
|
+
react_1.default.createElement("div", { className: "mb-8 px-4" }, Logo !== null && Logo !== void 0 ? Logo : uxfLogo),
|
|
58
|
+
menuConfiguration && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
59
|
+
react_1.default.createElement("div", { className: "grow overflow-auto px-2 sm:px-0" },
|
|
60
|
+
react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration })),
|
|
61
|
+
react_1.default.createElement(UserMenu_1.UserMenu, { menu: menuConfiguration })))),
|
|
62
|
+
menuConfiguration && react_1.default.createElement(MobileBar_1.MobileBar, { menuConfiguration: menuConfiguration, toggleMenu: toggleMenu }))));
|
|
23
63
|
};
|
|
24
64
|
exports.Sidebar = Sidebar;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyRDtBQUMzRCxnQ0FBK0I7QUFFL0IsbUNBQXVDO0FBQ3ZDLGdEQUErQztBQUMvQywrQ0FBOEM7QUFFOUMsSUFBTSxPQUFPLEdBQUcsQ0FDWix1Q0FBSyxLQUFLLEVBQUMsS0FBSyxFQUFDLE1BQU0sRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLFlBQVk7SUFDN0Msd0NBQ0ksSUFBSSxFQUFDLE1BQU0sRUFDWCxRQUFRLEVBQUMsU0FBUyxFQUNsQixDQUFDLEVBQUMsMlRBQTJULEVBQzdULFFBQVEsRUFBQyxTQUFTLEdBQ3BCO0lBQ0Ysd0NBQ0ksSUFBSSxFQUFDLE1BQU0sRUFDWCxRQUFRLEVBQUMsU0FBUyxFQUNsQixDQUFDLEVBQUMseTNGQUF5M0YsRUFDMzNGLFFBQVEsRUFBQyxTQUFTLEdBQ3BCLENBQ0EsQ0FDVCxDQUFDO0FBRUssSUFBTSxPQUFPLEdBQXFCLFVBQUMsS0FBSztJQUNuQyxJQUFBLGlCQUFpQixHQUEwQixLQUFLLGtCQUEvQixFQUFFLElBQUksR0FBb0IsS0FBSyxLQUF6QixFQUFFLGFBQWEsR0FBSyxLQUFLLGNBQVYsQ0FBVztJQUVuRCxJQUFBLEtBQUEsT0FBOEIsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTVDLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBbUIsQ0FBQztJQUNwRCxJQUFNLFVBQVUsR0FBRyxjQUFNLE9BQUEsYUFBYSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQTlCLENBQThCLENBQUM7SUFFeEQsT0FBTyxDQUNILGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQ2IsdUNBQ0ksU0FBUyxFQUFDLDBEQUEwRCxFQUNwRSxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsVUFBRyxvQkFBVyxPQUFJLEVBQW1CO1FBRS9ELHVDQUNJLFNBQVMsRUFBRSxpRkFDUCxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQ3hDO1lBRUYsdUNBQUssU0FBUyxFQUFDLFdBQVcsSUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxPQUFPLENBQU87WUFDakQsaUJBQWlCLElBQUksQ0FDbEI7Z0JBQ0ksdUNBQUssU0FBUyxFQUFDLGlDQUFpQztvQkFDNUMsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxpQkFBaUIsR0FBSSxDQUMvQjtnQkFDTiw4QkFBQyxtQkFBUSxJQUFDLElBQUksRUFBRSxpQkFBaUIsR0FBSSxDQUN0QyxDQUNOLENBQ0M7UUFDTCxpQkFBaUIsSUFBSSw4QkFBQyxxQkFBUyxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxVQUFVLEdBQUksQ0FDL0YsQ0FDVCxDQUNKLENBQUM7QUFDTixDQUFDLENBQUM7QUEvQlcsUUFBQSxPQUFPLFdBK0JsQiJ9
|
package/lib/Layout/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { HTMLAttributes, ReactNode } from "react";
|
|
1
|
+
import { HTMLAttributes, ReactElement, ReactNode } from "react";
|
|
2
2
|
import { MenuItem } from "../Menu/model";
|
|
3
3
|
import { BreadcrumbItemProps } from "./Breadcrumbs";
|
|
4
4
|
export type LayoutContainerType = "fullWidth" | "wide" | "narrow" | "none";
|
|
@@ -25,7 +25,6 @@ export interface AppBarProps {
|
|
|
25
25
|
}
|
|
26
26
|
export interface SidebarProps {
|
|
27
27
|
Logo?: ReactNode;
|
|
28
|
-
Menu?: ReactNode;
|
|
29
|
-
UserMenu?: ReactNode;
|
|
30
28
|
menuConfiguration?: MenuItem[];
|
|
29
|
+
CustomSidebar?: ReactElement;
|
|
31
30
|
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.MobileBar = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var link_1 = __importDefault(require("next/link"));
|
|
9
|
+
var icon_1 = require("@uxf/ui/icon");
|
|
10
|
+
var SubMenuMobile_1 = require("./ui/SubMenu/SubMenuMobile");
|
|
11
|
+
var config_1 = require("../../config");
|
|
12
|
+
var avatar_1 = require("@uxf/ui/avatar");
|
|
13
|
+
var MobileBar = function (props) {
|
|
14
|
+
var menuConfiguration = props.menuConfiguration, toggleMenu = props.toggleMenu;
|
|
15
|
+
var mobileBarMenu = menuConfiguration
|
|
16
|
+
.flatMap(function (item) {
|
|
17
|
+
if (item.type === "link" || item.type === "section") {
|
|
18
|
+
return item;
|
|
19
|
+
}
|
|
20
|
+
if (!!item.userMenuData) {
|
|
21
|
+
return item;
|
|
22
|
+
}
|
|
23
|
+
if (item.type === "super-section") {
|
|
24
|
+
return item.children.filter(function (i) { return i.type === "link" || i.type === "section"; });
|
|
25
|
+
}
|
|
26
|
+
return undefined;
|
|
27
|
+
})
|
|
28
|
+
.filter(Boolean)
|
|
29
|
+
.splice(0, 4);
|
|
30
|
+
return (react_1.default.createElement("div", { className: "fixed bottom-0 left-0 right-0 flex h-16 items-center space-x-2 border-t border-gray-700 bg-sidebar-background px-4 text-darkMedium sm:hidden" },
|
|
31
|
+
mobileBarMenu.map(function (item, index) {
|
|
32
|
+
var _a, _b, _c, _d;
|
|
33
|
+
if (!!item.children.length) {
|
|
34
|
+
return (react_1.default.createElement(SubMenuMobile_1.SubMenuMobile, { key: index, content: item.children, title: item.title },
|
|
35
|
+
react_1.default.createElement("button", { type: "button", className: "flex grow items-center justify-center" }, !!item.userMenuData ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
36
|
+
react_1.default.createElement(avatar_1.Avatar, { className: "h-7 w-7" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
37
|
+
react_1.default.createElement(icon_1.Icon, { name: (_a = item === null || item === void 0 ? void 0 : item.icon) !== null && _a !== void 0 ? _a : "", size: 24 }),
|
|
38
|
+
react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16, className: "ml-1" }))))));
|
|
39
|
+
}
|
|
40
|
+
if (item.url || item.route) {
|
|
41
|
+
return (react_1.default.createElement(link_1.default, { key: index, href: (_b = item.url) !== null && _b !== void 0 ? _b : config_1.container.get("route")(item.route, item.routeParams), target: item.isExternal ? "_blank" : undefined, rel: item.isExternal ? "noreferrer noopener" : undefined, className: "flex grow items-center justify-center" },
|
|
42
|
+
react_1.default.createElement(icon_1.Icon, { name: (_c = item === null || item === void 0 ? void 0 : item.icon) !== null && _c !== void 0 ? _c : "user", size: 24 })));
|
|
43
|
+
}
|
|
44
|
+
return (react_1.default.createElement("span", { key: index, className: "flex grow items-center justify-center" },
|
|
45
|
+
react_1.default.createElement(icon_1.Icon, { name: (_d = item === null || item === void 0 ? void 0 : item.icon) !== null && _d !== void 0 ? _d : "user", size: 24 })));
|
|
46
|
+
}),
|
|
47
|
+
react_1.default.createElement("button", { type: "button", className: "flex grow items-center justify-center", onClick: toggleMenu },
|
|
48
|
+
react_1.default.createElement(icon_1.Icon, { name: "bars", size: 24 }))));
|
|
49
|
+
};
|
|
50
|
+
exports.MobileBar = MobileBar;
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9iaWxlQmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9NZW51L01vYmlsZUJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLG1EQUE2QjtBQUM3QixxQ0FBb0M7QUFFcEMsNERBQTJEO0FBQzNELHVDQUF5QztBQUN6Qyx5Q0FBd0M7QUFFakMsSUFBTSxTQUFTLEdBQWtFLFVBQUMsS0FBSztJQUNsRixJQUFBLGlCQUFpQixHQUFpQixLQUFLLGtCQUF0QixFQUFFLFVBQVUsR0FBSyxLQUFLLFdBQVYsQ0FBVztJQUVoRCxJQUFNLGFBQWEsR0FBZSxpQkFBaUI7U0FDOUMsT0FBTyxDQUFDLFVBQUMsSUFBSTtRQUNWLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7WUFDakQsT0FBTyxJQUFJLENBQUM7U0FDZjtRQUNELElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDckIsT0FBTyxJQUFJLENBQUM7U0FDZjtRQUNELElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxlQUFlLEVBQUU7WUFDL0IsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUF6QyxDQUF5QyxDQUFDLENBQUM7U0FDakY7UUFDRCxPQUFPLFNBQVMsQ0FBQztJQUNyQixDQUFDLENBQUM7U0FDRCxNQUFNLENBQUMsT0FBTyxDQUFDO1NBQ2YsTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQWUsQ0FBQztJQUVoQyxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLDhJQUE4STtRQUN4SixhQUFhLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUs7O1lBQzNCLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFO2dCQUN4QixPQUFPLENBQ0gsOEJBQUMsNkJBQWEsSUFBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztvQkFDaEUsMENBQVEsSUFBSSxFQUFDLFFBQVEsRUFBQyxTQUFTLEVBQUMsdUNBQXVDLElBQ2xFLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUNuQjt3QkFDSSw4QkFBQyxlQUFNLElBQUMsU0FBUyxFQUFDLFNBQVMsR0FBRyxDQUMvQixDQUNOLENBQUMsQ0FBQyxDQUFDLENBQ0E7d0JBQ0ksOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxNQUFBLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxJQUFJLG1DQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFJO3dCQUMxQyw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFDLFdBQVcsRUFBQyxJQUFJLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBQyxNQUFNLEdBQUcsQ0FDckQsQ0FDTixDQUNJLENBQ0csQ0FDbkIsQ0FBQzthQUNMO1lBQ0QsSUFBSSxJQUFJLENBQUMsR0FBRyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ3hCLE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQ0QsR0FBRyxFQUFFLEtBQUssRUFDVixJQUFJLEVBQUUsTUFBQSxJQUFJLENBQUMsR0FBRyxtQ0FBSSxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBWSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsRUFDN0UsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUM5QyxHQUFHLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDeEQsU0FBUyxFQUFDLHVDQUF1QztvQkFFakQsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxNQUFBLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxJQUFJLG1DQUFJLE1BQU0sRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFJLENBQzNDLENBQ1YsQ0FBQzthQUNMO1lBQ0QsT0FBTyxDQUNILHdDQUFNLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFDLHVDQUF1QztnQkFDL0QsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxNQUFBLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxJQUFJLG1DQUFJLE1BQU0sRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFJLENBQzNDLENBQ1YsQ0FBQztRQUNOLENBQUMsQ0FBQztRQUNGLDBDQUFRLElBQUksRUFBQyxRQUFRLEVBQUMsU0FBUyxFQUFDLHVDQUF1QyxFQUFDLE9BQU8sRUFBRSxVQUFVO1lBQ3ZGLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsTUFBTSxFQUFDLElBQUksRUFBRSxFQUFFLEdBQUksQ0FDekIsQ0FDUCxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFoRVcsUUFBQSxTQUFTLGFBZ0VwQiJ9
|
package/lib/Menu/factory.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MenuItem } from "./model";
|
|
1
|
+
import { MenuItem, UserMenuData } from "./model";
|
|
2
2
|
import { IconName } from "@uxf/ui/icon/types";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
4
|
export declare function createCustomContent(title: string, content: ReactNode): MenuItem;
|
|
@@ -6,4 +6,5 @@ export declare function createSuperSection(title: string, children?: MenuItem[])
|
|
|
6
6
|
export declare function createSection(title: string, icon?: IconName, children?: MenuItem[]): MenuItem;
|
|
7
7
|
export declare function createLink(title: string, routeName: string, routeParams?: any, icon?: IconName): MenuItem;
|
|
8
8
|
export declare function createExternalLink(title: string, href: string, icon?: IconName): MenuItem;
|
|
9
|
+
export declare function createUserMenu(userMenuData: UserMenuData, children?: MenuItem[]): MenuItem;
|
|
9
10
|
export declare function createTableLink(title: string, entityAlias: string, icon?: IconName): MenuItem;
|
package/lib/Menu/factory.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.createTableLink = exports.createExternalLink = exports.createLink = exports.createSection = exports.createSuperSection = exports.createCustomContent = void 0;
|
|
3
|
+
exports.createTableLink = exports.createUserMenu = exports.createExternalLink = exports.createLink = exports.createSection = exports.createSuperSection = exports.createCustomContent = void 0;
|
|
4
4
|
var activeItemResolver_1 = require("./activeItemResolver");
|
|
5
5
|
var model_1 = require("./model");
|
|
6
6
|
function createCustomContent(title, content) {
|
|
@@ -23,9 +23,13 @@ function createLink(title, routeName, routeParams, icon) {
|
|
|
23
23
|
}
|
|
24
24
|
exports.createLink = createLink;
|
|
25
25
|
function createExternalLink(title, href, icon) {
|
|
26
|
-
return model_1.MenuItem.create(title, "link").setIcon(icon).setUrl(href);
|
|
26
|
+
return model_1.MenuItem.create(title, "link").setIsExternal(true).setIcon(icon).setUrl(href);
|
|
27
27
|
}
|
|
28
28
|
exports.createExternalLink = createExternalLink;
|
|
29
|
+
function createUserMenu(userMenuData, children) {
|
|
30
|
+
return model_1.MenuItem.create("Můj profil", "super-section").setUserMenuData(userMenuData).setChildren(children);
|
|
31
|
+
}
|
|
32
|
+
exports.createUserMenu = createUserMenu;
|
|
29
33
|
function createTableLink(title, entityAlias, icon) {
|
|
30
34
|
return model_1.MenuItem.create(title, "link")
|
|
31
35
|
.setRoute("cms/table", { entityAlias: entityAlias })
|
|
@@ -33,4 +37,4 @@ function createTableLink(title, entityAlias, icon) {
|
|
|
33
37
|
.setActiveResolver(activeItemResolver_1.ActiveItemResolver.tableLink());
|
|
34
38
|
}
|
|
35
39
|
exports.createTableLink = createTableLink;
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTWVudS9mYWN0b3J5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDJEQUEwRDtBQUMxRCxpQ0FBaUQ7QUFJakQsU0FBZ0IsbUJBQW1CLENBQUMsS0FBYSxFQUFFLE9BQWtCO0lBQ2pFLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUNoRSxDQUFDO0FBRkQsa0RBRUM7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsUUFBcUI7SUFDbkUsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsZUFBZSxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3pFLENBQUM7QUFGRCxnREFFQztBQUVELFNBQWdCLGFBQWEsQ0FBQyxLQUFhLEVBQUUsSUFBZSxFQUFFLFFBQXFCO0lBQy9FLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7QUFDakYsQ0FBQztBQUZELHNDQUVDO0FBRUQsU0FBZ0IsVUFBVSxDQUFDLEtBQWEsRUFBRSxTQUFpQixFQUFFLFdBQWlCLEVBQUUsSUFBZTtJQUMzRixPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7U0FDaEMsUUFBUSxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7U0FDaEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsRSxDQUFDO0FBTEQsZ0NBS0M7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsSUFBWSxFQUFFLElBQWU7SUFDM0UsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDekYsQ0FBQztBQUZELGdEQUVDO0FBRUQsU0FBZ0IsY0FBYyxDQUFDLFlBQTBCLEVBQUUsUUFBcUI7SUFDNUUsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLENBQUMsZUFBZSxDQUFDLFlBQVksQ0FBQyxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUM5RyxDQUFDO0FBRkQsd0NBRUM7QUFFRCxTQUFnQixlQUFlLENBQUMsS0FBYSxFQUFFLFdBQW1CLEVBQUUsSUFBZTtJQUMvRSxPQUFPLGdCQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUM7U0FDaEMsUUFBUSxDQUFDLFdBQVcsRUFBRSxFQUFFLFdBQVcsYUFBQSxFQUFFLENBQUM7U0FDdEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7QUFDM0QsQ0FBQztBQUxELDBDQUtDIn0=
|
package/lib/Menu/model.d.ts
CHANGED
|
@@ -4,6 +4,10 @@ import { NextRouter } from "next/router";
|
|
|
4
4
|
import { IconName } from "@uxf/ui/icon/types";
|
|
5
5
|
import { ReactNode } from "react";
|
|
6
6
|
type ItemType = "custom" | "super-section" | "section" | "link";
|
|
7
|
+
export type UserMenuData = {
|
|
8
|
+
name: string;
|
|
9
|
+
roles: string;
|
|
10
|
+
};
|
|
7
11
|
export declare class MenuItem {
|
|
8
12
|
private _type;
|
|
9
13
|
private _title;
|
|
@@ -11,10 +15,12 @@ export declare class MenuItem {
|
|
|
11
15
|
private _url?;
|
|
12
16
|
private _route?;
|
|
13
17
|
private _routeParams?;
|
|
18
|
+
private _isExternal?;
|
|
14
19
|
private _icon?;
|
|
15
20
|
private _activeItemResolver?;
|
|
16
21
|
private _allowedRoles?;
|
|
17
22
|
private _content?;
|
|
23
|
+
private _userMenuData?;
|
|
18
24
|
static create(title: string, type: ItemType): MenuItem;
|
|
19
25
|
constructor(title: string, type: ItemType);
|
|
20
26
|
setContent(content: ReactNode): MenuItem;
|
|
@@ -22,6 +28,8 @@ export declare class MenuItem {
|
|
|
22
28
|
setChildren(children?: MenuItem[]): MenuItem;
|
|
23
29
|
setRoute(route: string, routeParams?: object): MenuItem;
|
|
24
30
|
setUrl(url: string): MenuItem;
|
|
31
|
+
setIsExternal(isExternal: boolean): MenuItem;
|
|
32
|
+
setUserMenuData(userMenuData: UserMenuData): MenuItem;
|
|
25
33
|
setActiveResolver(resolver: Resolver | null): MenuItem;
|
|
26
34
|
setAllowedRoles(roles: string[]): MenuItem;
|
|
27
35
|
isActive(router: NextRouter, activeRoute: string): boolean;
|
|
@@ -34,8 +42,10 @@ export declare class MenuItem {
|
|
|
34
42
|
get url(): string | undefined;
|
|
35
43
|
get route(): string | undefined;
|
|
36
44
|
get routeParams(): any;
|
|
45
|
+
get isExternal(): boolean | undefined;
|
|
37
46
|
get icon(): IconName | undefined;
|
|
38
47
|
get allowedRoles(): string[] | undefined;
|
|
39
48
|
get content(): ReactNode;
|
|
49
|
+
get userMenuData(): UserMenuData | undefined;
|
|
40
50
|
}
|
|
41
51
|
export {};
|
package/lib/Menu/model.js
CHANGED
|
@@ -42,6 +42,14 @@ var MenuItem = /** @class */ (function () {
|
|
|
42
42
|
this._url = url;
|
|
43
43
|
return this;
|
|
44
44
|
};
|
|
45
|
+
MenuItem.prototype.setIsExternal = function (isExternal) {
|
|
46
|
+
this._isExternal = isExternal;
|
|
47
|
+
return this;
|
|
48
|
+
};
|
|
49
|
+
MenuItem.prototype.setUserMenuData = function (userMenuData) {
|
|
50
|
+
this._userMenuData = userMenuData;
|
|
51
|
+
return this;
|
|
52
|
+
};
|
|
45
53
|
MenuItem.prototype.setActiveResolver = function (resolver) {
|
|
46
54
|
this._activeItemResolver = resolver ? resolver(this) : undefined;
|
|
47
55
|
return this;
|
|
@@ -123,6 +131,13 @@ var MenuItem = /** @class */ (function () {
|
|
|
123
131
|
enumerable: false,
|
|
124
132
|
configurable: true
|
|
125
133
|
});
|
|
134
|
+
Object.defineProperty(MenuItem.prototype, "isExternal", {
|
|
135
|
+
get: function () {
|
|
136
|
+
return this._isExternal;
|
|
137
|
+
},
|
|
138
|
+
enumerable: false,
|
|
139
|
+
configurable: true
|
|
140
|
+
});
|
|
126
141
|
Object.defineProperty(MenuItem.prototype, "icon", {
|
|
127
142
|
get: function () {
|
|
128
143
|
return this._icon;
|
|
@@ -144,7 +159,14 @@ var MenuItem = /** @class */ (function () {
|
|
|
144
159
|
enumerable: false,
|
|
145
160
|
configurable: true
|
|
146
161
|
});
|
|
162
|
+
Object.defineProperty(MenuItem.prototype, "userMenuData", {
|
|
163
|
+
get: function () {
|
|
164
|
+
return this._userMenuData;
|
|
165
|
+
},
|
|
166
|
+
enumerable: false,
|
|
167
|
+
configurable: true
|
|
168
|
+
});
|
|
147
169
|
return MenuItem;
|
|
148
170
|
}());
|
|
149
171
|
exports.MenuItem = MenuItem;
|
|
150
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
172
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFhQTtJQWtCSSxrQkFBWSxLQUFhLEVBQUUsSUFBYztRQUNyQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBUmEsZUFBTSxHQUFwQixVQUFxQixLQUFhLEVBQUUsSUFBYztRQUM5QyxPQUFPLElBQUksUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBUU0sNkJBQVUsR0FBakIsVUFBa0IsT0FBa0I7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDeEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLDBCQUFPLEdBQWQsVUFBZSxJQUFlO1FBQzFCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSw4QkFBVyxHQUFsQixVQUFtQixRQUFxQjtRQUNwQyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLEVBQUUsQ0FBQztRQUNoQyxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sMkJBQVEsR0FBZixVQUFnQixLQUFhLEVBQUUsV0FBb0I7UUFDL0MsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxXQUFXLENBQUM7UUFDaEMsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLHlCQUFNLEdBQWIsVUFBYyxHQUFXO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFD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
|
|
File without changes
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ListItem = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var icon_1 = require("@uxf/ui/icon");
|
|
9
|
+
var link_1 = __importDefault(require("next/link"));
|
|
10
|
+
var SubMenu_1 = require("../SubMenu/SubMenu");
|
|
11
|
+
var config_1 = require("../../../../config");
|
|
12
|
+
var ListItem = function (props) {
|
|
13
|
+
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;
|
|
14
|
+
var hasSubMenu = !!(subMenu === null || subMenu === void 0 ? void 0 : subMenu.length);
|
|
15
|
+
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") },
|
|
16
|
+
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 })),
|
|
17
|
+
react_1.default.createElement("div", { className: "uxf-typo-body2" }, label),
|
|
18
|
+
hasSubMenu && (react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16, className: "ml-auto mr-2 ".concat(!isOpen ? "-rotate-90" : "") }))));
|
|
19
|
+
var Button = function (_a) {
|
|
20
|
+
var className = _a.className;
|
|
21
|
+
return (react_1.default.createElement("button", { type: "button", onClick: toggle, className: className }, Content));
|
|
22
|
+
};
|
|
23
|
+
if (href || route) {
|
|
24
|
+
if (hasSubMenu && !isInitiallyOpen) {
|
|
25
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
26
|
+
react_1.default.createElement(SubMenu_1.SubMenu, { content: subMenu },
|
|
27
|
+
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)),
|
|
28
|
+
react_1.default.createElement(Button, { className: "w-full sm:hidden" })));
|
|
29
|
+
}
|
|
30
|
+
if (hasSubMenu) {
|
|
31
|
+
return react_1.default.createElement(Button, { className: "w-full sm:pointer-events-none" });
|
|
32
|
+
}
|
|
33
|
+
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));
|
|
34
|
+
}
|
|
35
|
+
return Content;
|
|
36
|
+
};
|
|
37
|
+
exports.ListItem = ListItem;
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTGlzdEl0ZW0vTGlzdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFnRDtBQUVoRCxxQ0FBb0M7QUFDcEMsbURBQTZCO0FBQzdCLDhDQUE2QztBQUM3Qyw2Q0FBK0M7QUFFeEMsSUFBTSxRQUFRLEdBQUcsVUFBZ0IsS0FBdUI7SUFFdkQsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsSUFBSSxHQVlKLEtBQUssS0FaRCxFQUNKLEtBQUssR0FXTCxLQUFLLE1BWEEsRUFDTCxLQVVBLEtBQUssTUFWSSxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsUUFBUSxHQVNSLEtBQUssU0FURyxFQUNSLElBQUksR0FRSixLQUFLLEtBUkQsRUFDSixLQUFLLEdBT0wsS0FBSyxNQVBBLEVBQ0wsTUFBTSxHQU1OLEtBQUssT0FOQyxFQUNOLE9BQU8sR0FLUCxLQUFLLFFBTEUsRUFDUCxNQUFNLEdBSU4sS0FBSyxPQUpDLEVBQ04sTUFBTSxHQUdOLEtBQUssT0FIQyxFQUNOLGVBQWUsR0FFZixLQUFLLGdCQUZVLEVBQ2YsVUFBVSxHQUNWLEtBQUssV0FESyxDQUNKO0lBRVYsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sQ0FBQSxDQUFDO0lBRXJDLElBQU0sT0FBTyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQ3hCLHVDQUNJLFNBQVMsRUFBRSx1R0FDUCxRQUFRLENBQUMsQ0FBQyxDQUFDLDhDQUE4QyxDQUFDLENBQUMsQ0FBQyx1Q0FBdUMsQ0FDckc7UUFFRix1Q0FBSyxTQUFTLEVBQUUsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxFQUFFLEdBQUksQ0FBTztRQUM1Ryx1Q0FBSyxTQUFTLEVBQUMsZ0JBQWdCLElBQUUsS0FBSyxDQUFPO1FBQzVDLFVBQVUsSUFBSSxDQUNYLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsV0FBVyxFQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLHVCQUFnQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUUsR0FBSSxDQUNoRyxDQUNDLENBQ1QsQ0FBQztJQUVGLElBQU0sTUFBTSxHQUE4QixVQUFDLEVBQWE7WUFBWCxTQUFTLGVBQUE7UUFBTyxPQUFBLENBQ3pELDBDQUFRLElBQUksRUFBQyxRQUFRLEVBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxJQUN0RCxPQUFPLENBQ0gsQ0FDWjtJQUo0RCxDQUk1RCxDQUFDO0lBRUYsSUFBSSxJQUFJLElBQUksS0FBSyxFQUFFO1FBQ2YsSUFBSSxVQUFVLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDaEMsT0FBTyxDQUNIO2dCQUNJLDhCQUFDLGlCQUFPLElBQUMsT0FBTyxFQUFFLE9BQU87b0JBQ3JCLDhCQUFDLGNBQUksSUFDRCxJQUFJLEVBQUUsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBWSxFQUFFLE1BQU0sQ0FBQyxFQUMxRCxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDekMsR0FBRyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFFbEQsT0FBTyxDQUNMLENBQ0Q7Z0JBQ1YsOEJBQUMsTUFBTSxJQUFDLFNBQVMsRUFBQyxrQkFBa0IsR0FBRyxDQUN4QyxDQUNOLENBQUM7U0FDTDtRQUNELElBQUksVUFBVSxFQUFFO1lBQ1osT0FBTyw4QkFBQyxNQUFNLElBQUMsU0FBUyxFQUFDLCtCQUErQixHQUFHLENBQUM7U0FDL0Q7UUFFRCxPQUFPLENBQ0gsOEJBQUMsY0FBSSxJQUNELElBQUksRUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFZLEVBQUUsTUFBTSxDQUFDLEVBQzFELE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUN6QyxHQUFHLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUVsRCxPQUFPLENBQ0wsQ0FDVixDQUFDO0tBQ0w7SUFFRCxPQUFPLE9BQU8sQ0FBQztBQUNuQixDQUFDLENBQUM7QUF4RVcsUUFBQSxRQUFRLFlBd0VuQiJ9
|
|
File without changes
|
|
@@ -16,4 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./ListItem"), exports);
|
|
18
18
|
__exportStar(require("./types"), exports);
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTGlzdEl0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQiwwQ0FBd0IifQ==
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactElement } from "react";
|
|
2
2
|
import { IconName } from "@uxf/ui/icon/types";
|
|
3
|
+
import { MenuItem } from "../../model";
|
|
3
4
|
export interface ListItemProps<RouteList> {
|
|
4
5
|
children?: ReactElement;
|
|
5
6
|
icon?: IconName;
|
|
@@ -9,6 +10,9 @@ export interface ListItemProps<RouteList> {
|
|
|
9
10
|
route?: keyof RouteList;
|
|
10
11
|
selected?: boolean;
|
|
11
12
|
href?: string;
|
|
12
|
-
|
|
13
|
+
subMenu?: MenuItem[];
|
|
13
14
|
isOpen?: boolean;
|
|
15
|
+
isInitiallyOpen?: boolean;
|
|
16
|
+
toggle?: () => void;
|
|
17
|
+
isExternal?: boolean;
|
|
14
18
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTGlzdEl0ZW0vdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
|
package/lib/Menu/ui/Menu.js
CHANGED
|
@@ -30,10 +30,10 @@ var MenuCustomItem_1 = require("./MenuCustomItem");
|
|
|
30
30
|
var MenuSuperSectionItem_1 = require("./MenuSuperSectionItem");
|
|
31
31
|
var Menu = function (props) {
|
|
32
32
|
var menu = props.menu;
|
|
33
|
-
return (react_1.default.createElement("div", { className: "bg-sidebar-background px-
|
|
33
|
+
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 },
|
|
34
34
|
item.type === "custom" && react_1.default.createElement(MenuCustomItem_1.MenuCustomItem, { item: item }),
|
|
35
35
|
item.type === "super-section" && react_1.default.createElement(MenuSuperSectionItem_1.MenuSuperSectionItem, { item: item }),
|
|
36
36
|
(item.type === "section" || item.type === "link") && react_1.default.createElement(MenuItem_1.MenuItem, { item: item }))); })));
|
|
37
37
|
};
|
|
38
38
|
exports.Menu = Menu;
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUU1Qyx1Q0FBc0M7QUFDdEMsbURBQWtEO0FBQ2xELCtEQUE4RDtBQU12RCxJQUFNLElBQUksR0FBa0IsVUFBQyxLQUFLO0lBQzdCLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsaUNBQWlDLElBQzNDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDdkIsOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSztRQUNmLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxJQUFJLDhCQUFDLCtCQUFjLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSTtRQUN4RCxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsSUFBSSw4QkFBQywyQ0FBb0IsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO1FBQ3JFLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsSUFBSSw4QkFBQyxtQkFBUSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDdkUsQ0FDZCxFQU4wQixDQU0xQixDQUFDLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZFcsUUFBQSxJQUFJLFFBY2YifQ==
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
2
|
import { MenuItem as Model } from "../model";
|
|
3
3
|
export interface MenuItemProps {
|
|
4
|
-
hasActiveChildren?: boolean;
|
|
5
|
-
idPrefix?: string;
|
|
6
|
-
isActive?: boolean;
|
|
7
4
|
item: Model;
|
|
8
|
-
level?: number;
|
|
9
|
-
offset?: number;
|
|
10
5
|
}
|
|
11
6
|
export declare const MenuItem: FC<MenuItemProps>;
|
package/lib/Menu/ui/MenuItem.js
CHANGED
|
@@ -1,15 +1,51 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
26
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
27
|
+
if (!m) return o;
|
|
28
|
+
var i = m.call(o), r, ar = [], e;
|
|
29
|
+
try {
|
|
30
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
31
|
+
}
|
|
32
|
+
catch (error) { e = { error: error }; }
|
|
33
|
+
finally {
|
|
34
|
+
try {
|
|
35
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
36
|
+
}
|
|
37
|
+
finally { if (e) throw e.error; }
|
|
38
|
+
}
|
|
39
|
+
return ar;
|
|
4
40
|
};
|
|
5
41
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
42
|
exports.MenuItem = void 0;
|
|
7
|
-
var react_1 =
|
|
43
|
+
var react_1 = __importStar(require("react"));
|
|
8
44
|
var config_1 = require("../../../config");
|
|
9
|
-
var ListItem_1 = require("
|
|
45
|
+
var ListItem_1 = require("./ListItem");
|
|
10
46
|
var router_1 = require("next/router");
|
|
11
47
|
var MenuItem = function (props) {
|
|
12
|
-
var _a, _b, _c;
|
|
48
|
+
var _a, _b, _c, _d;
|
|
13
49
|
var item = props.item;
|
|
14
50
|
var router = (0, router_1.useRouter)();
|
|
15
51
|
var activeRoute = config_1.container.get("useActiveRoute")();
|
|
@@ -17,18 +53,20 @@ var MenuItem = function (props) {
|
|
|
17
53
|
var hasActiveChildren = item.hasActiveChildren(router, activeRoute);
|
|
18
54
|
var useLoggedUser = config_1.container.get("useLoggedUser");
|
|
19
55
|
var loggedUser = useLoggedUser();
|
|
56
|
+
var visibleChildren = item.children.filter(function (i) { return i.isVisible(loggedUser); });
|
|
57
|
+
var firstVisibleChild = (_a = visibleChildren[0]) !== null && _a !== void 0 ? _a : undefined;
|
|
58
|
+
var isInitiallyOpen = (isActive || hasActiveChildren) && item.children.length > 0;
|
|
59
|
+
var _e = __read((0, react_1.useState)(isInitiallyOpen), 2), isSubmenuOpen = _e[0], setIsSubmenuOpen = _e[1];
|
|
60
|
+
var toggle = function () { return setIsSubmenuOpen(function (prev) { return !prev; }); };
|
|
20
61
|
if (!item.isVisible(loggedUser) || (item.children.length !== 0 && !item.hasVisibleChildren(loggedUser))) {
|
|
21
62
|
return null;
|
|
22
63
|
}
|
|
23
|
-
var visibleChildren = item.children.filter(function (i) { return i.isVisible(loggedUser); });
|
|
24
|
-
var firstVisibleChild = (_a = visibleChildren[0]) !== null && _a !== void 0 ? _a : undefined;
|
|
25
|
-
var isSubmenuOpen = (isActive || hasActiveChildren) && item.children.length > 0;
|
|
26
64
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
27
|
-
react_1.default.createElement(ListItem_1.ListItem, { label: item.title, icon: item.icon, href: item.url, route: (
|
|
65
|
+
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 }),
|
|
28
66
|
isSubmenuOpen && (react_1.default.createElement("div", null, visibleChildren.map(function (i) {
|
|
29
67
|
var isSelected = i.isActive(router, activeRoute);
|
|
30
|
-
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 }));
|
|
68
|
+
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 }));
|
|
31
69
|
})))));
|
|
32
70
|
};
|
|
33
71
|
exports.MenuItem = MenuItem;
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUM1QywwQ0FBNEM7QUFDNUMsdUNBQXNDO0FBRXRDLHNDQUF3QztBQU1qQyxJQUFNLFFBQVEsR0FBc0IsVUFBQyxLQUFLOztJQUNyQyxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLE1BQU0sR0FBRyxJQUFBLGtCQUFTLEdBQUUsQ0FBQztJQUMzQixJQUFNLFdBQVcsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7SUFFdEQsSUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFDcEQsSUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBRXRFLElBQU0sYUFBYSxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3JELElBQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRW5DLElBQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBdkIsQ0FBdUIsQ0FBQyxDQUFDO0lBQzdFLElBQU0saUJBQWlCLEdBQUcsTUFBQSxlQUFlLENBQUMsQ0FBQyxDQUFDLG1DQUFJLFNBQVMsQ0FBQztJQUMxRCxJQUFNLGVBQWUsR0FBRyxDQUFDLFFBQVEsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUU5RSxJQUFBLEtBQUEsT0FBb0MsSUFBQSxnQkFBUSxFQUFDLGVBQWUsQ0FBQyxJQUFBLEVBQTVELGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUE2QixDQUFDO0lBRXBFLElBQU0sTUFBTSxHQUFHLGNBQU0sT0FBQSxnQkFBZ0IsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxFQUFMLENBQUssQ0FBQyxFQUFqQyxDQUFpQyxDQUFDO0lBRXZELElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQUU7UUFDckcsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSDtRQUNJLDhCQUFDLG1CQUFRLElBQ0wsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQ2pCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUNmLElBQUksRUFBRSxNQUFBLElBQUksQ0FBQyxHQUFHLG1DQUFJLGlCQUFpQixhQUFqQixpQkFBaUIsdUJBQWpCLGlCQUFpQixDQUFFLEdBQUcsRUFDeEMsS0FBSyxFQUFFLE1BQUEsSUFBSSxDQUFDLEtBQUssbUNBQUksaUJBQWlCLGFBQWpCLGlCQUFpQix1QkFBakIsaUJBQWlCLENBQUUsS0FBSyxFQUM3QyxNQUFNLEVBQUUsTUFBQSxJQUFJLENBQUMsV0FBVyxtQ0FBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUN0RixRQUFRLEVBQUUsUUFBUSxFQUNsQixPQUFPLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFDdEIsTUFBTSxFQUFFLGFBQWEsRUFDckIsTUFBTSxFQUFFLE1BQU0sRUFDZCxlQUFlLEVBQUUsZUFBZSxFQUNoQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVUsR0FDN0I7UUFDRCxhQUFhLElBQUksQ0FDZCwyQ0FDSyxlQUFlLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQztZQUNuQixJQUFNLFVBQVUsR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUMsQ0FBQztZQUVuRCxPQUFPLENBQ0gsOEJBQUMsbUJBQVEsSUFDTCxHQUFHLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDWixLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDZCxJQUFJLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFDWCxJQUFJLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFDWixLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDZCxNQUFNLEVBQUUsQ0FBQyxDQUFDLFdBQVcsRUFDckIsS0FBSyxFQUFFLENBQUMsRUFDUixRQUFRLEVBQUUsVUFBVSxFQUNwQixVQUFVLEVBQUUsQ0FBQyxDQUFDLFVBQVUsR0FDMUIsQ0FDTCxDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQ0EsQ0FDVCxDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQTlEVyxRQUFBLFFBQVEsWUE4RG5CIn0=
|
|
@@ -32,11 +32,11 @@ var MenuSuperSectionItem = function (props) {
|
|
|
32
32
|
var item = props.item;
|
|
33
33
|
var useLoggedUser = config_1.container.get("useLoggedUser");
|
|
34
34
|
var loggedUser = useLoggedUser();
|
|
35
|
-
return (react_1.default.createElement(
|
|
36
|
-
item.isVisible(loggedUser) && (react_1.default.createElement("p", { className: "uxf-typo-overline mb-3 mt-6 uppercase text-darkLow" }, item.title)),
|
|
35
|
+
return (react_1.default.createElement("div", { className: !!item.userMenuData ? "sm:hidden" : undefined },
|
|
36
|
+
item.isVisible(loggedUser) && (react_1.default.createElement("p", { className: "uxf-typo-overline mb-3 mt-6 pl-2 uppercase text-darkLow" }, item.title)),
|
|
37
37
|
item.children.map(function (i, index) { return (react_1.default.createElement(react_1.Fragment, { key: index },
|
|
38
38
|
i.type === "custom" && react_1.default.createElement(MenuCustomItem_1.MenuCustomItem, { item: i }),
|
|
39
39
|
(i.type === "section" || i.type === "link") && react_1.default.createElement(MenuItem_1.MenuItem, { item: i }))); })));
|
|
40
40
|
};
|
|
41
41
|
exports.MenuSuperSectionItem = MenuSuperSectionItem;
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudVN1cGVyU2VjdGlvbkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudVN1cGVyU2VjdGlvbkl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTRDO0FBQzVDLDBDQUE0QztBQUU1Qyx1Q0FBc0M7QUFDdEMsbURBQWtEO0FBTTNDLElBQU0sb0JBQW9CLEdBQWtDLFVBQUMsS0FBSztJQUM3RCxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLGFBQWEsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNyRCxJQUFNLFVBQVUsR0FBRyxhQUFhLEVBQUUsQ0FBQztJQUVuQyxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDeEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUMzQixxQ0FBRyxTQUFTLEVBQUMseURBQXlELElBQUUsSUFBSSxDQUFDLEtBQUssQ0FBSyxDQUMxRjtRQUNBLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdCLDhCQUFDLGdCQUFRLElBQUMsR0FBRyxFQUFFLEtBQUs7WUFDZixDQUFDLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSw4QkFBQywrQkFBYyxJQUFDLElBQUksRUFBRSxDQUFDLEdBQUk7WUFDbEQsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLFNBQVMsSUFBSSxDQUFDLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxJQUFJLDhCQUFDLG1CQUFRLElBQUMsSUFBSSxFQUFFLENBQUMsR0FBSSxDQUM5RCxDQUNkLEVBTGdDLENBS2hDLENBQUMsQ0FDQSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFuQlcsUUFBQSxvQkFBb0Isd0JBbUIvQiJ9
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { ReactElement } from "react";
|
|
2
|
+
import { MenuItem as Model } from "../../model";
|
|
3
|
+
export interface SubMenuProps {
|
|
4
|
+
children: ReactElement;
|
|
5
|
+
content: Model[];
|
|
6
|
+
}
|
|
7
|
+
export declare const SubMenu: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.SubMenu = void 0;
|
|
38
|
+
var react_1 = __importStar(require("react"));
|
|
39
|
+
var forwardRef_1 = require("@uxf/core/utils/forwardRef");
|
|
40
|
+
var useSubMenu_1 = require("./useSubMenu");
|
|
41
|
+
var composeRefs_1 = require("@uxf/core/utils/composeRefs");
|
|
42
|
+
var SubMenuItem_1 = require("./SubMenuItem");
|
|
43
|
+
exports.SubMenu = (0, forwardRef_1.forwardRef)("SubMenu", function (_a, ref) {
|
|
44
|
+
var _b, _c;
|
|
45
|
+
var children = _a.children, content = _a.content;
|
|
46
|
+
var subMenu = (0, useSubMenu_1.useSubMenu)({ isMobile: false });
|
|
47
|
+
var stableRef = (0, react_1.useMemo)(function () { return (0, composeRefs_1.composeRefs)(ref, subMenu.reference, children.ref); }, [ref, subMenu.reference, children]);
|
|
48
|
+
return (react_1.default.createElement("div", { className: "hidden sm:block" },
|
|
49
|
+
(0, react_1.cloneElement)(children, subMenu.getReferenceProps(__assign(__assign({ ref: stableRef }, children.props), { "data-state": subMenu.open ? "open" : "closed" }))),
|
|
50
|
+
subMenu.open && (react_1.default.createElement("div", __assign({}, subMenu.getFloatingProps({
|
|
51
|
+
ref: subMenu.floating,
|
|
52
|
+
style: {
|
|
53
|
+
position: subMenu.strategy,
|
|
54
|
+
top: (_b = subMenu.y) !== null && _b !== void 0 ? _b : 0,
|
|
55
|
+
left: (_c = subMenu.x) !== null && _c !== void 0 ? _c : 0,
|
|
56
|
+
visibility: subMenu.x === null ? "hidden" : "visible",
|
|
57
|
+
},
|
|
58
|
+
className: "bg-white rounded-xl overflow-hidden z-dropdown max-w-64 shadow-lg w-full",
|
|
59
|
+
})), content.map(function (item, index) { return (react_1.default.createElement(SubMenuItem_1.SubMenuItem, { key: index, item: item })); })))));
|
|
60
|
+
});
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3ViTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9TdWJNZW51L1N1Yk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBbUU7QUFDbkUseURBQXdEO0FBQ3hELDJDQUEwQztBQUMxQywyREFBMEQ7QUFFMUQsNkNBQTRDO0FBTy9CLFFBQUEsT0FBTyxHQUFHLElBQUEsdUJBQVUsRUFBNEIsU0FBUyxFQUFFLFVBQUMsRUFBcUIsRUFBRSxHQUFHOztRQUF4QixRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUE7SUFDeEYsSUFBTSxPQUFPLEdBQUcsSUFBQSx1QkFBVSxFQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFFaEQsSUFBTSxTQUFTLEdBQUcsSUFBQSxlQUFPLEVBQ3JCLGNBQU0sT0FBQSxJQUFBLHlCQUFXLEVBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUcsUUFBZ0IsQ0FBQyxHQUFHLENBQUMsRUFBMUQsQ0FBMEQsRUFDaEUsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FDckMsQ0FBQztJQUVGLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsaUJBQWlCO1FBQzNCLElBQUEsb0JBQVksRUFDVCxRQUFRLEVBQ1IsT0FBTyxDQUFDLGlCQUFpQixxQkFDckIsR0FBRyxFQUFFLFNBQVMsSUFDWCxRQUFRLENBQUMsS0FBSyxLQUNqQixZQUFZLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQ2hELENBQ0w7UUFDQSxPQUFPLENBQUMsSUFBSSxJQUFJLENBQ2Isa0RBQ1EsT0FBTyxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLEdBQUcsRUFBRSxPQUFPLENBQUMsUUFBUTtZQUNyQixLQUFLLEVBQUU7Z0JBQ0gsUUFBUSxFQUFFLE9BQU8sQ0FBQyxRQUFRO2dCQUMxQixHQUFHLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNuQixJQUFJLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNwQixVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUzthQUN4RDtZQUNELFNBQVMsRUFBRSwwRUFBMEU7U0FDeEYsQ0FBQyxHQUVELE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDMUIsOEJBQUMseUJBQVcsSUFBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDMUMsRUFGNkIsQ0FFN0IsQ0FBQyxDQUNBLENBQ1QsQ0FDQyxDQUNULENBQUM7QUFDTixDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.SubMenuItem = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var config_1 = require("../../../../config");
|
|
9
|
+
var link_1 = __importDefault(require("next/link"));
|
|
10
|
+
var SubMenuItem = function (props) {
|
|
11
|
+
var _a;
|
|
12
|
+
var item = props.item;
|
|
13
|
+
var useLoggedUser = config_1.container.get("useLoggedUser");
|
|
14
|
+
var loggedUser = useLoggedUser();
|
|
15
|
+
if (!item.isVisible(loggedUser)) {
|
|
16
|
+
return null;
|
|
17
|
+
}
|
|
18
|
+
var Content = (react_1.default.createElement("div", { className: "uxf-typo-body hover:text-darkLight sm:uxf-typo-body2 w-full bg-sidebar-highlight px-4 py-3.5 text-darkMedium hover:bg-sidebar-background" }, item.title));
|
|
19
|
+
if (item.url || item.route) {
|
|
20
|
+
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));
|
|
21
|
+
}
|
|
22
|
+
return Content;
|
|
23
|
+
};
|
|
24
|
+
exports.SubMenuItem = SubMenuItem;
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3ViTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvU3ViTWVudS9TdWJNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLDZDQUErQztBQUUvQyxtREFBNkI7QUFPdEIsSUFBTSxXQUFXLEdBQXNCLFVBQUMsS0FBSzs7SUFDeEMsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsSUFBTSxhQUFhLEdBQUcsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDckQsSUFBTSxVQUFVLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFFbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLEVBQUU7UUFDN0IsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQU0sT0FBTyxHQUFHLENBQ1osdUNBQUssU0FBUyxFQUFDLDBJQUEwSSxJQUNwSixJQUFJLENBQUMsS0FBSyxDQUNULENBQ1QsQ0FBQztJQUVGLElBQUksSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1FBQ3hCLE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQ0QsSUFBSSxFQUFFLE1BQUEsSUFBSSxDQUFDLEdBQUcsbUNBQUksa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQVksRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQzdFLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDOUMsR0FBRyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxTQUFTLElBRXZELE9BQU8sQ0FDTCxDQUNWLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQTdCVyxRQUFBLFdBQVcsZUE2QnRCIn0=
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { ReactElement } from "react";
|
|
2
|
+
import { MenuItem as Model } from "../../model";
|
|
3
|
+
export interface SubMenuProps {
|
|
4
|
+
children: ReactElement;
|
|
5
|
+
content: Model[];
|
|
6
|
+
title: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const SubMenuMobile: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.SubMenuMobile = void 0;
|
|
38
|
+
var react_1 = __importStar(require("react"));
|
|
39
|
+
var forwardRef_1 = require("@uxf/core/utils/forwardRef");
|
|
40
|
+
var useSubMenu_1 = require("./useSubMenu");
|
|
41
|
+
var composeRefs_1 = require("@uxf/core/utils/composeRefs");
|
|
42
|
+
var SubMenuItem_1 = require("./SubMenuItem");
|
|
43
|
+
exports.SubMenuMobile = (0, forwardRef_1.forwardRef)("SubMenuMobile", function (_a, ref) {
|
|
44
|
+
var _b;
|
|
45
|
+
var children = _a.children, content = _a.content, title = _a.title;
|
|
46
|
+
var subMenu = (0, useSubMenu_1.useSubMenu)({ isMobile: true });
|
|
47
|
+
var stableRef = (0, react_1.useMemo)(function () { return (0, composeRefs_1.composeRefs)(ref, subMenu.reference, children.ref); }, [ref, subMenu.reference, children]);
|
|
48
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
49
|
+
(0, react_1.cloneElement)(children, subMenu.getReferenceProps(__assign(__assign({ ref: stableRef }, children.props), { "data-state": subMenu.open ? "open" : "closed" }))),
|
|
50
|
+
subMenu.open && (react_1.default.createElement("div", __assign({}, subMenu.getFloatingProps({
|
|
51
|
+
ref: subMenu.floating,
|
|
52
|
+
style: {
|
|
53
|
+
position: subMenu.strategy,
|
|
54
|
+
top: (_b = subMenu.y) !== null && _b !== void 0 ? _b : 0,
|
|
55
|
+
visibility: subMenu.x === null ? "hidden" : "visible",
|
|
56
|
+
},
|
|
57
|
+
className: "bg-sidebar-background rounded-xl overflow-hidden z-dropdown w-[calc(100vw_-_32px)] shadow-lg left-2",
|
|
58
|
+
})),
|
|
59
|
+
react_1.default.createElement("div", { className: "uxf-typo-body w-full bg-sidebar-background px-4 py-3.5 font-bold text-darkHigh" }, title),
|
|
60
|
+
content.map(function (item, index) { return (react_1.default.createElement(SubMenuItem_1.SubMenuItem, { key: index, item: item })); })))));
|
|
61
|
+
});
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3ViTWVudU1vYmlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9TdWJNZW51L1N1Yk1lbnVNb2JpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBbUU7QUFDbkUseURBQXdEO0FBQ3hELDJDQUEwQztBQUMxQywyREFBMEQ7QUFFMUQsNkNBQTRDO0FBUS9CLFFBQUEsYUFBYSxHQUFHLElBQUEsdUJBQVUsRUFDbkMsZUFBZSxFQUNmLFVBQUMsRUFBNEIsRUFBRSxHQUFHOztRQUEvQixRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUE7SUFDdkIsSUFBTSxPQUFPLEdBQUcsSUFBQSx1QkFBVSxFQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7SUFFL0MsSUFBTSxTQUFTLEdBQUcsSUFBQSxlQUFPLEVBQ3JCLGNBQU0sT0FBQSxJQUFBLHlCQUFXLEVBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUcsUUFBZ0IsQ0FBQyxHQUFHLENBQUMsRUFBMUQsQ0FBMEQsRUFDaEUsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FDckMsQ0FBQztJQUVGLE9BQU8sQ0FDSDtRQUNLLElBQUEsb0JBQVksRUFDVCxRQUFRLEVBQ1IsT0FBTyxDQUFDLGlCQUFpQixxQkFDckIsR0FBRyxFQUFFLFNBQVMsSUFDWCxRQUFRLENBQUMsS0FBSyxLQUNqQixZQUFZLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQ2hELENBQ0w7UUFDQSxPQUFPLENBQUMsSUFBSSxJQUFJLENBQ2Isa0RBQ1EsT0FBTyxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLEdBQUcsRUFBRSxPQUFPLENBQUMsUUFBUTtZQUNyQixLQUFLLEVBQUU7Z0JBQ0gsUUFBUSxFQUFFLE9BQU8sQ0FBQyxRQUFRO2dCQUMxQixHQUFHLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNuQixVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUzthQUN4RDtZQUNELFNBQVMsRUFDTCxxR0FBcUc7U0FDNUcsQ0FBQztZQUVGLHVDQUFLLFNBQVMsRUFBQyxnRkFBZ0YsSUFDMUYsS0FBSyxDQUNKO1lBQ0wsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksRUFBRSxLQUFLLElBQUssT0FBQSxDQUMxQiw4QkFBQyx5QkFBVyxJQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksR0FBSSxDQUMxQyxFQUY2QixDQUU3QixDQUFDLENBQ0EsQ0FDVCxDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FDSixDQUFDIn0=
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface SubMenuOptions {
|
|
3
|
+
isMobile?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare function useSubMenu(options: SubMenuOptions): {
|
|
6
|
+
placement: import("@floating-ui/react").Placement;
|
|
7
|
+
strategy: import("@floating-ui/react").Strategy;
|
|
8
|
+
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
9
|
+
x: number | null;
|
|
10
|
+
y: number | null;
|
|
11
|
+
update: () => void;
|
|
12
|
+
reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
|
|
13
|
+
floating: (node: HTMLElement | null) => void;
|
|
14
|
+
positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
|
|
15
|
+
context: import("@floating-ui/react").FloatingContext<import("@floating-ui/react").ReferenceType>;
|
|
16
|
+
refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
|
|
17
|
+
elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
18
|
+
isPositioned: boolean;
|
|
19
|
+
getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
|
|
20
|
+
getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
|
|
21
|
+
getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
|
|
22
|
+
open: boolean;
|
|
23
|
+
setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
24
|
+
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
14
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
15
|
+
if (!m) return o;
|
|
16
|
+
var i = m.call(o), r, ar = [], e;
|
|
17
|
+
try {
|
|
18
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
19
|
+
}
|
|
20
|
+
catch (error) { e = { error: error }; }
|
|
21
|
+
finally {
|
|
22
|
+
try {
|
|
23
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
24
|
+
}
|
|
25
|
+
finally { if (e) throw e.error; }
|
|
26
|
+
}
|
|
27
|
+
return ar;
|
|
28
|
+
};
|
|
29
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
|
+
exports.useSubMenu = void 0;
|
|
31
|
+
var react_1 = require("react");
|
|
32
|
+
var react_2 = require("@floating-ui/react");
|
|
33
|
+
function useSubMenu(options) {
|
|
34
|
+
var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
|
|
35
|
+
var data = (0, react_2.useFloating)({
|
|
36
|
+
placement: options.isMobile ? "top" : "right-start",
|
|
37
|
+
open: open,
|
|
38
|
+
onOpenChange: setOpen,
|
|
39
|
+
whileElementsMounted: react_2.autoUpdate,
|
|
40
|
+
middleware: [(0, react_2.offset)(options.isMobile ? 24 : 16), (0, react_2.flip)(), (0, react_2.shift)({ padding: 8 })],
|
|
41
|
+
});
|
|
42
|
+
var context = data.context;
|
|
43
|
+
var hover = (0, react_2.useHover)(context, {
|
|
44
|
+
move: false,
|
|
45
|
+
delay: 200,
|
|
46
|
+
handleClose: (0, react_2.safePolygon)(),
|
|
47
|
+
enabled: !options.isMobile,
|
|
48
|
+
});
|
|
49
|
+
var click = (0, react_2.useClick)(context, { enabled: !!options.isMobile });
|
|
50
|
+
var focus = (0, react_2.useFocus)(context);
|
|
51
|
+
var dismiss = (0, react_2.useDismiss)(context);
|
|
52
|
+
var interactions = (0, react_2.useInteractions)([hover, click, focus, dismiss]);
|
|
53
|
+
return (0, react_1.useMemo)(function () { return (__assign(__assign({ open: open, setOpen: setOpen }, interactions), data)); }, [open, setOpen, interactions, data]);
|
|
54
|
+
}
|
|
55
|
+
exports.useSubMenu = useSubMenu;
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU3ViTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9TdWJNZW51L3VzZVN1Yk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLCtCQUEwQztBQUMxQyw0Q0FZNEI7QUFNNUIsU0FBZ0IsVUFBVSxDQUFDLE9BQXVCO0lBQ3hDLElBQUEsS0FBQSxPQUFrQixJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLElBQUEsRUFBaEMsSUFBSSxRQUFBLEVBQUUsT0FBTyxRQUFtQixDQUFDO0lBRXhDLElBQU0sSUFBSSxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUNyQixTQUFTLEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxhQUFhO1FBQ25ELElBQUksTUFBQTtRQUNKLFlBQVksRUFBRSxPQUFPO1FBQ3JCLG9CQUFvQixFQUFFLGtCQUFVO1FBQ2hDLFVBQVUsRUFBRSxDQUFDLElBQUEsY0FBTSxFQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsSUFBQSxZQUFJLEdBQUUsRUFBRSxJQUFBLGFBQUssRUFBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBQ2xGLENBQUMsQ0FBQztJQUVILElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFFN0IsSUFBTSxLQUFLLEdBQUcsSUFBQSxnQkFBUSxFQUFDLE9BQU8sRUFBRTtRQUM1QixJQUFJLEVBQUUsS0FBSztRQUNYLEtBQUssRUFBRSxHQUFHO1FBQ1YsV0FBVyxFQUFFLElBQUEsbUJBQVcsR0FBRTtRQUMxQixPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUMsUUFBUTtLQUM3QixDQUFDLENBQUM7SUFDSCxJQUFNLEtBQUssR0FBRyxJQUFBLGdCQUFRLEVBQUMsT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUNqRSxJQUFNLEtBQUssR0FBRyxJQUFBLGdCQUFRLEVBQUMsT0FBTyxDQUFDLENBQUM7SUFDaEMsSUFBTSxPQUFPLEdBQUcsSUFBQSxrQkFBVSxFQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRXBDLElBQU0sWUFBWSxHQUFHLElBQUEsdUJBQWUsRUFBQyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFFckUsT0FBTyxJQUFBLGVBQU8sRUFDVixjQUFNLE9BQUEscUJBQ0YsSUFBSSxNQUFBLEVBQ0osT0FBTyxTQUFBLElBQ0osWUFBWSxHQUNaLElBQUksRUFDVCxFQUxJLENBS0osRUFDRixDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFLElBQUksQ0FBQyxDQUN0QyxDQUFDO0FBQ04sQ0FBQztBQWxDRCxnQ0FrQ0MifQ==
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
26
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
27
|
+
if (!m) return o;
|
|
28
|
+
var i = m.call(o), r, ar = [], e;
|
|
29
|
+
try {
|
|
30
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
31
|
+
}
|
|
32
|
+
catch (error) { e = { error: error }; }
|
|
33
|
+
finally {
|
|
34
|
+
try {
|
|
35
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
36
|
+
}
|
|
37
|
+
finally { if (e) throw e.error; }
|
|
38
|
+
}
|
|
39
|
+
return ar;
|
|
40
|
+
};
|
|
41
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
42
|
+
exports.UserMenu = void 0;
|
|
43
|
+
var react_1 = __importStar(require("react"));
|
|
44
|
+
var avatar_1 = require("@uxf/ui/avatar");
|
|
45
|
+
var icon_1 = require("@uxf/ui/icon");
|
|
46
|
+
var ListItem_1 = require("./ListItem");
|
|
47
|
+
var Component = function (props) {
|
|
48
|
+
var _a = __read((0, react_1.useState)(false), 2), isSubmenuOpen = _a[0], setIsSubmenuOpen = _a[1];
|
|
49
|
+
var hasSubmenu = props.submenu.length > 0;
|
|
50
|
+
var toggle = hasSubmenu ? function () { return setIsSubmenuOpen(function (prev) { return !prev; }); } : undefined;
|
|
51
|
+
return (react_1.default.createElement("div", { className: "hidden border-t border-t-darkLow/10 p-3 pr-5 text-darkMedium sm:block" },
|
|
52
|
+
react_1.default.createElement("button", { className: "flex w-full items-center text-left", onClick: toggle },
|
|
53
|
+
react_1.default.createElement(avatar_1.Avatar, { className: "mr-3 shrink-0" }),
|
|
54
|
+
react_1.default.createElement("div", { className: "truncate" },
|
|
55
|
+
react_1.default.createElement("div", { className: "uxf-typo-body2 mb-1" }, props.name),
|
|
56
|
+
react_1.default.createElement("div", { className: "uxf-typo-caption truncate text-darkLow" }, props.roles)),
|
|
57
|
+
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" : "") })))),
|
|
58
|
+
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 })); })))));
|
|
59
|
+
};
|
|
60
|
+
var UserMenu = function (props) {
|
|
61
|
+
var _a, _b, _c, _d, _e;
|
|
62
|
+
var menu = props.menu;
|
|
63
|
+
var userMenu = menu.find(function (item) { return !!item.userMenuData; });
|
|
64
|
+
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ý" }));
|
|
65
|
+
};
|
|
66
|
+
exports.UserMenu = UserMenu;
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXNlck1lbnUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvVXNlck1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUU1Qyx5Q0FBd0M7QUFDeEMscUNBQW9DO0FBQ3BDLHVDQUFzQztBQU10QyxJQUFNLFNBQVMsR0FBMEQsVUFBQyxLQUFLO0lBQ3JFLElBQUEsS0FBQSxPQUFvQyxJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLElBQUEsRUFBbEQsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQW1CLENBQUM7SUFDMUQsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQzVDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsY0FBTSxPQUFBLGdCQUFnQixDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQWpDLENBQWlDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUVoRixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLHVFQUF1RTtRQUNsRiwwQ0FBUSxTQUFTLEVBQUMsb0NBQW9DLEVBQUMsT0FBTyxFQUFFLE1BQU07WUFDbEUsOEJBQUMsZUFBTSxJQUFDLFNBQVMsRUFBQyxlQUFlLEdBQVU7WUFDM0MsdUNBQUssU0FBUyxFQUFDLFVBQVU7Z0JBQ3JCLHVDQUFLLFNBQVMsRUFBQyxxQkFBcUIsSUFBRSxLQUFLLENBQUMsSUFBSSxDQUFPO2dCQUN2RCx1Q0FBSyxTQUFTLEVBQUMsd0NBQXdDLElBQUUsS0FBSyxDQUFDLEtBQUssQ0FBTyxDQUN6RTtZQUNOLHVDQUFLLFNBQVMsRUFBQyxTQUFTLElBQ25CLFVBQVUsSUFBSSxDQUNYLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsV0FBVyxFQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLGVBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFFLEdBQUksQ0FDL0YsQ0FDQyxDQUNEO1FBQ1IsYUFBYSxJQUFJLENBQ2QsdUNBQUssU0FBUyxFQUFDLE1BQU0sSUFDaEIsS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDaEMsOEJBQUMsbUJBQVEsSUFDTCxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFDakIsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQ2pCLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUN4QixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFDZixHQUFHLEVBQUUsS0FBSyxHQUNaLENBQ0wsRUFSbUMsQ0FRbkMsQ0FBQyxDQUNBLENBQ1QsQ0FDQyxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFFSyxJQUFNLFFBQVEsR0FBc0IsVUFBQyxLQUFLOztJQUNyQyxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQW5CLENBQW1CLENBQUMsQ0FBQztJQUUxRCxPQUFPLENBQ0gsOEJBQUMsU0FBUyxJQUNOLE9BQU8sRUFBRSxNQUFBLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRSxRQUFRLG1DQUFJLEVBQUUsRUFDakMsSUFBSSxFQUFFLE1BQUEsTUFBQSxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUUsWUFBWSwwQ0FBRSxJQUFJLG1DQUFJLFVBQVUsRUFDaEQsS0FBSyxFQUFFLE1BQUEsTUFBQSxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUUsWUFBWSwwQ0FBRSxLQUFLLG1DQUFJLGNBQWMsR0FDeEQsQ0FDTCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWlcsUUFBQSxRQUFRLFlBWW5CIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/cms",
|
|
3
|
-
"version": "6.0.0-beta.
|
|
3
|
+
"version": "6.0.0-beta.23",
|
|
4
4
|
"description": "UXF Cms",
|
|
5
5
|
"author": "UXFans <dev@uxf.cz>",
|
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/cms#readme",
|
|
@@ -30,8 +30,9 @@
|
|
|
30
30
|
"lint:css": "stylelint \"./**/*.(css)\""
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@
|
|
34
|
-
"@uxf/
|
|
33
|
+
"@floating-ui/react": "^0.18.1",
|
|
34
|
+
"@uxf/form": "^1.0.0-beta.112",
|
|
35
|
+
"@uxf/ui": "^1.0.0-beta.112",
|
|
35
36
|
"es6-error": "^4.1.1",
|
|
36
37
|
"path-to-regexp": "^6.1.0",
|
|
37
38
|
"react-hook-form": "^7.41.5",
|
|
@@ -330,6 +330,6 @@ exports.twColors = {
|
|
|
330
330
|
},
|
|
331
331
|
dataGridPrimary: "#140939",
|
|
332
332
|
dataGridSecondary: "#FF4F06",
|
|
333
|
-
sidebar: { background: "#
|
|
333
|
+
sidebar: { background: "#1F2937", highlight: "#111827", hover: "#111827" },
|
|
334
334
|
};
|
|
335
335
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHctY29sb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL3R3LXRva2Vucy90dy1jb2xvcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHFHQUFxRzs7O0FBRXhGLFFBQUEsUUFBUSxHQUFHO0lBQ3BCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLE9BQU8sRUFBRSxjQUFjO0lBQ3ZCLFdBQVcsRUFBRSxhQUFhO0lBQzFCLEtBQUssRUFBRSxNQUFNO0lBQ2IsS0FBSyxFQUFFLE1BQU07SUFDYixLQUFLLEVBQUU7UUFDSCxFQUFFLEVBQUUsU0FBUztRQUNiLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztLQUNqQjtJQUNELElBQUksRUFBRTtRQUNGLEVBQUUsRUFBRSxTQUFTO1FBQ2IsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsSUFBSSxFQUFFO1FBQ0YsRUFBRSxFQUFFLFNBQVM7UUFDYixHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7S0FDakI7SUFDRCxPQUFPLEVBQUU7UUFDTCxFQUFFLEVBQUUsU0FBUztRQUNiLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztLQUNqQjtJQUNELEtBQUssRUFBRTtRQUNILEVBQUUsRUFBRSxTQUFTO1FBQ2IsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsR0FBRyxFQUFFO1FBQ0QsRUFBRSxFQUFFLFNBQVM7UUFDYixHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7S0FDakI7SUFDRCxNQUFNLEVBQUU7UUFDSixFQUFFLEVBQUUsU0FBUztRQUNiLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztLQUNqQjtJQUNELEtBQUssRUFBRTtRQUNILEVBQUUsRUFBRSxTQUFTO1FBQ2IsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsTUFBTSxFQUFFO1FBQ0osRUFBRSxFQUFFLFNBQVM7UUFDYixHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7S0FDakI7SUFDRCxJQUFJLEVBQUU7UUFDRixFQUFFLEVBQUUsU0FBUztRQUNiLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztLQUNqQjtJQUNELEtBQUssRUFBRTtRQUNILEVBQUUsRUFBRSxTQUFTO1FBQ2IsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO1FBQ2QsR0FBRyxFQUFFLFNBQVM7UUFDZCxHQUFHLEVBQUUsU0FBUztRQUNkLEdBQUcsRUFBRSxTQUFTO0tBQ2pCO0lB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
|
package/utils/icons.config.js
CHANGED
|
@@ -6,9 +6,19 @@ module.exports = {
|
|
|
6
6
|
height: 512,
|
|
7
7
|
data: `<path fill="currentColor" d="m89.45 87.5 143.1 152a23.94 23.94 0 0 1 6.562 16.5 23.96 23.96 0 0 1-6.562 16.5l-143.1 152c-9.12 9.6-24.31 10-33.93.9-9.688-9.125-10.03-24.38-.938-33.94l128.4-135.5-128.4-135.5c-9.092-9.56-8.752-24.71.938-33.9 9.62-9.09 24.81-8.69 33.93.94z"/>`,
|
|
8
8
|
},
|
|
9
|
+
key: {
|
|
10
|
+
width: 512,
|
|
11
|
+
height: 512,
|
|
12
|
+
data: `<path fill="currentColor" d="M336 144C336 126.3 350.3 112 368 112C385.7 112 400 126.3 400 144C400 161.7 385.7 176 368 176C350.3 176 336 161.7 336 144zM336 352C326.5 352 317.2 351.3 308.1 349.8L280.1 376.1C276.5 381.5 270.4 384 264 384H224V424C224 437.3 213.3 448 200 448H160V488C160 501.3 149.3 512 136 512H24C10.75 512 0 501.3 0 488V376C0 369.6 2.529 363.5 7.029 359L162.2 203.9C160.8 194.8 160 185.5 160 176C160 78.8 238.8 0 336 0C433.2 0 512 78.8 512 176C512 273.2 433.2 352 336 352zM336 304C406.7 304 464 246.7 464 176C464 105.3 406.7 48 336 48C265.3 48 208 105.3 208 176C208 182.9 208.5 189.7 209.6 196.3L213.4 220.5L47.1 385.9V464H111.1V400H175.1V336H254.1L291.5 298.6L315.7 302.4C322.3 303.5 329.1 304 336 304z"/>`,
|
|
13
|
+
},
|
|
9
14
|
plus: {
|
|
10
15
|
width: 448,
|
|
11
16
|
height: 512,
|
|
12
17
|
data: `<path fill="currentColor" d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/>`,
|
|
13
18
|
},
|
|
19
|
+
"right-from-bracket": {
|
|
20
|
+
width: 512,
|
|
21
|
+
height: 512,
|
|
22
|
+
data: `<path fill="currentColor" d="M168 432H96c-26.4 0-48-21.6-48-48V128c0-26.4 21.6-48 48-48h72C181.3 80 192 69.25 192 56C192 42.74 181.3 32 168 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h72C181.3 480 192 469.3 192 456C192 442.7 181.3 432 168 432zM503.9 238.6L351.5 104.4c-9.844-8.75-24-10.88-36.09-5.469C303.6 104.3 296 115.9 296 128.7v55.31H176c-22.06 0-40 17.94-40 40v64c0 22.06 17.94 40 40 40h120v55.31c0 12.75 7.625 24.41 19.41 29.72c4.438 2 9.156 2.969 13.84 2.969c8.062 0 16.03-2.906 22.25-8.438l152.4-133.1C509.1 269.9 512 263.4 512 256.5S509.1 243.1 503.9 238.6zM344 350V279.1h-160v-48h160V161.1l107.8 94.54L344 350z"/>`,
|
|
23
|
+
},
|
|
14
24
|
};
|
package/utils/tailwind.config.js
CHANGED
|
@@ -3,14 +3,17 @@ module.exports = {
|
|
|
3
3
|
presets: [require("@uxf/ui/utils/tailwind-config")],
|
|
4
4
|
content: [],
|
|
5
5
|
theme: {
|
|
6
|
+
fontFamily: {
|
|
7
|
+
sans: 'inter-custom, inter-fallback, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
|
|
8
|
+
},
|
|
6
9
|
extend: {
|
|
7
10
|
colors: {
|
|
8
11
|
dataGridPrimary: "#140939",
|
|
9
12
|
dataGridSecondary: "#FF4F06",
|
|
10
13
|
sidebar: {
|
|
11
|
-
background: "#
|
|
12
|
-
highlight: "#
|
|
13
|
-
hover: "#
|
|
14
|
+
background: "#1F2937",
|
|
15
|
+
highlight: "#111827",
|
|
16
|
+
hover: "#111827",
|
|
14
17
|
},
|
|
15
18
|
},
|
|
16
19
|
},
|
package/ui/ListItem/ListItem.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ListItem = void 0;
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var config_1 = require("../../config");
|
|
9
|
-
var icon_1 = require("@uxf/ui/icon");
|
|
10
|
-
var link_1 = __importDefault(require("next/link"));
|
|
11
|
-
var ListItem = function (props) {
|
|
12
|
-
var children = props.children, icon = props.icon, label = props.label, route = props.route, params = props.params, _a = props.level, level = _a === void 0 ? 0 : _a, selected = props.selected, href = props.href, hasSubItems = props.hasSubItems, isOpen = props.isOpen;
|
|
13
|
-
var Content = children !== null && children !== void 0 ? children : (react_1.default.createElement("div", { className: "mb-1 flex cursor-pointer items-center rounded-lg p-2.5 hover:bg-sidebar-hover ".concat(selected ? "bg-sidebar-highlight font-bold text-darkHigh" : "bg-sidebar-background text-darkMedium") },
|
|
14
|
-
react_1.default.createElement("div", { className: "w-10" }, !!icon && level !== 1 && react_1.default.createElement(icon_1.Icon, { name: icon, size: 20 })),
|
|
15
|
-
react_1.default.createElement("div", { className: "uxf-typo-body" }, label),
|
|
16
|
-
hasSubItems && (react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 20, className: "ml-auto mr-2 ".concat(!isOpen ? "-rotate-90" : "") }))));
|
|
17
|
-
if (route) {
|
|
18
|
-
return react_1.default.createElement(link_1.default, { href: config_1.container.get("route")(route, params) }, Content);
|
|
19
|
-
}
|
|
20
|
-
if (href) {
|
|
21
|
-
return (react_1.default.createElement("a", { href: href, target: "_blank", rel: "noreferrer" }, Content));
|
|
22
|
-
}
|
|
23
|
-
return Content;
|
|
24
|
-
};
|
|
25
|
-
exports.ListItem = ListItem;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vTGlzdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUE0QztBQUM1Qyx1Q0FBeUM7QUFFekMscUNBQW9DO0FBQ3BDLG1EQUE2QjtBQUV0QixJQUFNLFFBQVEsR0FBRyxVQUFnQixLQUF1QjtJQUNuRCxJQUFBLFFBQVEsR0FBaUYsS0FBSyxTQUF0RixFQUFFLElBQUksR0FBMkUsS0FBSyxLQUFoRixFQUFFLEtBQUssR0FBb0UsS0FBSyxNQUF6RSxFQUFFLEtBQUssR0FBNkQsS0FBSyxNQUFsRSxFQUFFLE1BQU0sR0FBcUQsS0FBSyxPQUExRCxFQUFFLEtBQW1ELEtBQUssTUFBL0MsRUFBVCxLQUFLLG1CQUFHLENBQUMsS0FBQSxFQUFFLFFBQVEsR0FBZ0MsS0FBSyxTQUFyQyxFQUFFLElBQUksR0FBMEIsS0FBSyxLQUEvQixFQUFFLFdBQVcsR0FBYSxLQUFLLFlBQWxCLEVBQUUsTUFBTSxHQUFLLEtBQUssT0FBVixDQUFXO0lBRXZHLElBQU0sT0FBTyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQ3hCLHVDQUNJLFNBQVMsRUFBRSx3RkFDUCxRQUFRLENBQUMsQ0FBQyxDQUFDLDhDQUE4QyxDQUFDLENBQUMsQ0FBQyx1Q0FBdUMsQ0FDckc7UUFFRix1Q0FBSyxTQUFTLEVBQUMsTUFBTSxJQUFFLENBQUMsQ0FBQyxJQUFJLElBQUksS0FBSyxLQUFLLENBQUMsSUFBSSw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFJLENBQU87UUFDckYsdUNBQUssU0FBUyxFQUFDLGVBQWUsSUFBRSxLQUFLLENBQU87UUFDM0MsV0FBVyxJQUFJLENBQ1osOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBQyxXQUFXLEVBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsdUJBQWdCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBRSxHQUFJLENBQ2hHLENBQ0MsQ0FDVCxDQUFDO0lBRUYsSUFBSSxLQUFLLEVBQUU7UUFDUCxPQUFPLDhCQUFDLGNBQUksSUFBQyxJQUFJLEVBQUUsa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBWSxFQUFFLE1BQU0sQ0FBQyxJQUFHLE9BQU8sQ0FBUSxDQUFDO0tBQ3JGO0lBRUQsSUFBSSxJQUFJLEVBQUU7UUFDTixPQUFPLENBQ0gscUNBQUcsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUMsUUFBUSxFQUFDLEdBQUcsRUFBQyxZQUFZLElBQzFDLE9BQU8sQ0FDUixDQUNQLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQTlCVyxRQUFBLFFBQVEsWUE4Qm5CIn0=
|