@uxf/cms 6.0.0-beta.2 → 6.0.0-beta.3
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 +2 -0
- package/config/icons-config.js +6 -0
- package/config/icons.d.ts +77 -0
- package/config/icons.js +21 -0
- package/lib/Layout/Layout.js +3 -3
- package/lib/Layout/Sidebar.js +13 -29
- package/lib/Layout/styles.d.ts +1 -1
- package/lib/Layout/styles.js +1 -1
- package/lib/Layout/types.d.ts +1 -0
- package/lib/Menu/factory.d.ts +5 -6
- package/lib/Menu/factory.js +1 -1
- package/lib/Menu/model.d.ts +3 -4
- package/lib/Menu/model.js +1 -1
- package/lib/Menu/ui/Menu.js +2 -3
- package/lib/Menu/ui/MenuItem.js +7 -81
- package/package.json +7 -4
- package/ui/ListItem/ListItem.js +7 -10
- package/ui/ListItem/types.d.ts +5 -7
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ICON_SPRITE = exports.ICONS_VERSION = void 0;
|
|
4
|
+
exports.ICONS_VERSION = "1673522682143";
|
|
5
|
+
exports.ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9pY29ucy1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxhQUFhLEdBQUcsZUFBZSxDQUFDO0FBQ2hDLFFBQUEsV0FBVyxHQUFHLG1DQUFtQyxDQUFDIn0=
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
export declare const ICONS: {
|
|
2
|
+
readonly calendar: {
|
|
3
|
+
readonly w: 448;
|
|
4
|
+
readonly h: 512;
|
|
5
|
+
};
|
|
6
|
+
readonly camera: {
|
|
7
|
+
readonly w: 512;
|
|
8
|
+
readonly h: 512;
|
|
9
|
+
};
|
|
10
|
+
readonly caretDown: {
|
|
11
|
+
readonly w: 320;
|
|
12
|
+
readonly h: 512;
|
|
13
|
+
};
|
|
14
|
+
readonly clock: {
|
|
15
|
+
readonly w: 512;
|
|
16
|
+
readonly h: 512;
|
|
17
|
+
};
|
|
18
|
+
readonly bars: {
|
|
19
|
+
readonly w: 448;
|
|
20
|
+
readonly h: 512;
|
|
21
|
+
};
|
|
22
|
+
readonly check: {
|
|
23
|
+
readonly w: 512;
|
|
24
|
+
readonly h: 512;
|
|
25
|
+
};
|
|
26
|
+
readonly chevronDown: {
|
|
27
|
+
readonly w: 512;
|
|
28
|
+
readonly h: 512;
|
|
29
|
+
};
|
|
30
|
+
readonly chevronLeft: {
|
|
31
|
+
readonly w: 384;
|
|
32
|
+
readonly h: 512;
|
|
33
|
+
};
|
|
34
|
+
readonly chevronsLeft: {
|
|
35
|
+
readonly w: 512;
|
|
36
|
+
readonly h: 512;
|
|
37
|
+
};
|
|
38
|
+
readonly chevronRight: {
|
|
39
|
+
readonly w: 384;
|
|
40
|
+
readonly h: 512;
|
|
41
|
+
};
|
|
42
|
+
readonly chevronsRight: {
|
|
43
|
+
readonly w: 512;
|
|
44
|
+
readonly h: 512;
|
|
45
|
+
};
|
|
46
|
+
readonly chevronUp: {
|
|
47
|
+
readonly w: 512;
|
|
48
|
+
readonly h: 512;
|
|
49
|
+
};
|
|
50
|
+
readonly user: {
|
|
51
|
+
readonly w: 448;
|
|
52
|
+
readonly h: 512;
|
|
53
|
+
};
|
|
54
|
+
readonly xmarkLarge: {
|
|
55
|
+
readonly w: 448;
|
|
56
|
+
readonly h: 512;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
export declare type IconsType = keyof typeof ICONS;
|
|
60
|
+
declare module "@uxf/ui/icon/theme" {
|
|
61
|
+
interface IconsSet {
|
|
62
|
+
"calendar": true;
|
|
63
|
+
"camera": true;
|
|
64
|
+
"caretDown": true;
|
|
65
|
+
"clock": true;
|
|
66
|
+
"bars": true;
|
|
67
|
+
"check": true;
|
|
68
|
+
"chevronDown": true;
|
|
69
|
+
"chevronLeft": true;
|
|
70
|
+
"chevronsLeft": true;
|
|
71
|
+
"chevronRight": true;
|
|
72
|
+
"chevronsRight": true;
|
|
73
|
+
"chevronUp": true;
|
|
74
|
+
"user": true;
|
|
75
|
+
"xmarkLarge": true;
|
|
76
|
+
}
|
|
77
|
+
}
|
package/config/icons.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
// this file is generated automatically, do not change anything manually in the contents of this file
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.ICONS = void 0;
|
|
5
|
+
exports.ICONS = {
|
|
6
|
+
"calendar": { w: 448, h: 512 },
|
|
7
|
+
"camera": { w: 512, h: 512 },
|
|
8
|
+
"caretDown": { w: 320, h: 512 },
|
|
9
|
+
"clock": { w: 512, h: 512 },
|
|
10
|
+
"bars": { w: 448, h: 512 },
|
|
11
|
+
"check": { w: 512, h: 512 },
|
|
12
|
+
"chevronDown": { w: 512, h: 512 },
|
|
13
|
+
"chevronLeft": { w: 384, h: 512 },
|
|
14
|
+
"chevronsLeft": { w: 512, h: 512 },
|
|
15
|
+
"chevronRight": { w: 384, h: 512 },
|
|
16
|
+
"chevronsRight": { w: 512, h: 512 },
|
|
17
|
+
"chevronUp": { w: 512, h: 512 },
|
|
18
|
+
"user": { w: 448, h: 512 },
|
|
19
|
+
"xmarkLarge": { w: 448, h: 512 },
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixNQUFNLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDMUIsWUFBWSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0NBQzFCLENBQUMifQ==
|
package/lib/Layout/Layout.js
CHANGED
|
@@ -25,8 +25,8 @@ var Layout = function (props) {
|
|
|
25
25
|
react_1.default.createElement(CssBaseline_1.default, null),
|
|
26
26
|
react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo, ToolbarRight: ToolbarRight }),
|
|
27
27
|
react_1.default.createElement("div", { className: "flex flex-row w-full" },
|
|
28
|
-
react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Menu: Menu, UserMenu: UserMenu }),
|
|
29
|
-
react_1.default.createElement("main", { className: "sm:w-[calc(100
|
|
28
|
+
react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Logo: Logo, Menu: Menu, UserMenu: UserMenu }),
|
|
29
|
+
react_1.default.createElement("main", { className: "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 flex-col items-center justify-center h-96" },
|
|
30
30
|
react_1.default.createElement("div", { className: "text-center" },
|
|
31
31
|
react_1.default.createElement(CircularProgress_1.default, null),
|
|
32
32
|
react_1.default.createElement(Typography_1.default, { mt: 1 }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -42,4 +42,4 @@ var Layout = function (props) {
|
|
|
42
42
|
react_1.default.createElement("div", { className: "p-3" }, children)))))));
|
|
43
43
|
};
|
|
44
44
|
exports.Layout = Layout;
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxvRkFBOEQ7QUFDOUQsMEVBQW9EO0FBQ3BELGtFQUErQztBQUMvQyx3RUFBa0Q7QUFDbEQsbURBQTZCO0FBQzdCLGdEQUFpRDtBQUNqRCx1Q0FBc0M7QUFDdEMsbUNBQWtDO0FBQ2xDLHFDQUFvQztBQUNwQyxtQ0FBaUU7QUFHMUQsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSzs7SUFFckMsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsS0FBSyxHQVlMLEtBQUssTUFaQSxFQUNMLElBQUksR0FXSixLQUFLLEtBWEQsRUFDSixJQUFJLEdBVUosS0FBSyxLQVZELEVBQ0osaUJBQWlCLEdBU2pCLEtBQUssa0JBVFksRUFDakIsUUFBUSxHQVFSLEtBQUssU0FSRyxFQUNSLE1BQU0sR0FPTixLQUFLLE9BUEMsRUFDTixXQUFXLEdBTVgsS0FBSyxZQU5NLEVBQ1gsWUFBWSxHQUtaLEtBQUssYUFMTyxFQUNaLFVBQVUsR0FJVixLQUFLLFdBSkssRUFDVixPQUFPLEdBR1AsS0FBSyxRQUhFLEVBQ1AsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLG1CQUFtQixHQUNuQixLQUFLLG9CQURjLENBQ2I7SUFFVixPQUFPLENBQ0gsOEJBQUMsbUJBQVU7UUFDUCw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4Qiw2Q0FBUSxVQUFHLEtBQUssZ0JBQU0sTUFBQSxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxtQ0FBSSxFQUFFLENBQUUsQ0FBUyxDQUMxRDtRQUNQLDhCQUFDLHFCQUFXLE9BQUc7UUFDZiw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsWUFBWSxHQUFJO1FBQ2xELHVDQUFLLFNBQVMsRUFBQyxzQkFBc0I7WUFDakMsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsR0FBSTtZQUM3Rix3Q0FDSSxTQUFTLEVBQUMsbUVBQW1FLEVBQzdFLEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxVQUFHLG9CQUFXLE9BQUksRUFBbUIsSUFFOUQsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNQLHVDQUFLLFNBQVMsRUFBQyxnREFBZ0Q7Z0JBQzNELHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQywwQkFBZ0IsT0FBRztvQkFDcEIsOEJBQUMsb0JBQVUsSUFBQyxFQUFFLEVBQUUsQ0FBQyxtQ0FBOEIsQ0FDN0MsQ0FDSixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0E7Z0JBQ0ksOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHO2dCQUM5Qiw4QkFBQyxxQkFBWSxJQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUU7b0JBQzFDLFVBQVU7b0JBQ1gsdUNBQUssS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxJQUFHLFdBQVcsQ0FBTztvQkFDakQsdUNBQUssU0FBUyxFQUFDLDRCQUE0Qjt3QkFDdkMsOEJBQUMsb0JBQVUsSUFDUCxJQUFJLEVBQUUsQ0FBQyxFQUNQLE9BQU8sRUFBQyxJQUFJLEVBQ1osU0FBUyxFQUFDLElBQUksRUFDZCxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFFakMsS0FBSyxDQUNHO3dCQUNaLG1CQUFtQixDQUNsQjtvQkFDTCxRQUFRO29CQUNSLE1BQU0sQ0FDSTtnQkFDZix1Q0FBSyxTQUFTLEVBQUMsS0FBSyxJQUFFLFFBQVEsQ0FBTyxDQUN0QyxDQUNOLENBQ0UsQ0FDTCxDQUNHLENBQ2hCLENBQUM7QUFDTixDQUFDLENBQUM7QUFsRVcsUUFBQSxNQUFNLFVBa0VqQiJ9
|
package/lib/Layout/Sidebar.js
CHANGED
|
@@ -4,38 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Sidebar = void 0;
|
|
7
|
-
var Drawer_1 = __importDefault(require("@mui/material/Drawer"));
|
|
8
|
-
var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
|
|
9
7
|
var react_1 = __importDefault(require("react"));
|
|
10
8
|
var Menu_1 = require("../Menu");
|
|
11
|
-
var CmsProvider_1 = require("../CmsProvider");
|
|
12
9
|
var styles_1 = require("./styles");
|
|
10
|
+
var avatar_1 = require("@uxf/ui/avatar");
|
|
11
|
+
var uxfLogo = (react_1.default.createElement("svg", { width: "179", height: "30", viewBox: "0 0 179 40" },
|
|
12
|
+
react_1.default.createElement("path", { fill: "#FF4F06", 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
|
+
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" })));
|
|
13
14
|
var Sidebar = function (props) {
|
|
14
|
-
var MenuComponent = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu;
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
react_1.default.createElement(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
keepMounted: true, // Better open performance on mobile.
|
|
23
|
-
}, sx: {
|
|
24
|
-
display: { xs: "block", sm: "none" },
|
|
25
|
-
"& .MuiDrawer-paper": {
|
|
26
|
-
boxSizing: "border-box",
|
|
27
|
-
width: styles_1.drawerWidth,
|
|
28
|
-
},
|
|
29
|
-
} }, drawerContent),
|
|
30
|
-
react_1.default.createElement(Drawer_1.default, { variant: "permanent", sx: {
|
|
31
|
-
flexShrink: 0,
|
|
32
|
-
width: styles_1.drawerWidth,
|
|
33
|
-
display: { xs: "none", sm: "block" },
|
|
34
|
-
"& .MuiDrawer-paper": {
|
|
35
|
-
boxSizing: "border-box",
|
|
36
|
-
width: styles_1.drawerWidth,
|
|
37
|
-
},
|
|
38
|
-
}, open: true }, drawerContent)));
|
|
15
|
+
var MenuComponent = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, Logo = props.Logo;
|
|
16
|
+
return (react_1.default.createElement("div", { className: "bg-sidebar-background shrink-0 w-[var(--drawerWidth)] pt-5 h-screen fixed", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, MenuComponent !== null && MenuComponent !== void 0 ? MenuComponent : (menuConfiguration && (react_1.default.createElement("div", { className: "" }, Logo !== null && Logo !== void 0 ? Logo : uxfLogo,
|
|
17
|
+
react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration })))), UserMenu !== null && UserMenu !== void 0 ? UserMenu : (react_1.default.createElement("div", { className: "border-t text-darkMedium fixed bottom-0 w-[var(--drawerWidth)] p-3 pr-5 border-t-darkLow/10" },
|
|
18
|
+
react_1.default.createElement("div", { className: "flex items-center" },
|
|
19
|
+
react_1.default.createElement(avatar_1.Avatar, { className: "mr-3" }),
|
|
20
|
+
react_1.default.createElement("div", null,
|
|
21
|
+
react_1.default.createElement("div", { className: "ui-typo-body2" }, "Nep\u0159ihl\u00E1\u0161en\u00FD u\u017Eivatel"),
|
|
22
|
+
react_1.default.createElement("div", { className: "ui-typo-caption text-darkLow" }, "\u2026")))))));
|
|
39
23
|
};
|
|
40
24
|
exports.Sidebar = Sidebar;
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFpRDtBQUNqRCxnQ0FBK0I7QUFFL0IsbUNBQXVDO0FBQ3ZDLHlDQUF3QztBQUV4QyxJQUFNLE9BQU8sR0FBRyxDQUNaLHVDQUFLLEtBQUssRUFBQyxLQUFLLEVBQUMsTUFBTSxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsWUFBWTtJQUM3Qyx3Q0FDSSxJQUFJLEVBQUMsU0FBUyxFQUNkLFFBQVEsRUFBQyxTQUFTLEVBQ2xCLENBQUMsRUFBQywyVEFBMlQsRUFDN1QsUUFBUSxFQUFDLFNBQVMsR0FDcEI7SUFDRix3Q0FDSSxJQUFJLEVBQUMsTUFBTSxFQUNYLFFBQVEsRUFBQyxTQUFTLEVBQ2xCLENBQUMsRUFBQyx5M0ZBQXkzRixFQUMzM0YsUUFBUSxFQUFDLFNBQVMsR0FDcEIsQ0FDQSxDQUNULENBQUM7QUFFSyxJQUFNLE9BQU8sR0FBcUIsVUFBQyxLQUFLO0lBQ25DLElBQU0sYUFBYSxHQUF3QyxLQUFLLEtBQTdDLEVBQUUsaUJBQWlCLEdBQXFCLEtBQUssa0JBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFekUsT0FBTyxDQUNILHVDQUNJLFNBQVMsRUFBQywyRUFBMkUsRUFDckYsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLFVBQUcsb0JBQVcsT0FBSSxFQUFtQixJQUU5RCxhQUFhLGFBQWIsYUFBYSxjQUFiLGFBQWEsR0FDVixDQUFDLGlCQUFpQixJQUFJLENBQ2xCLHVDQUFLLFNBQVMsRUFBQyxFQUFFLElBQ1osSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksT0FBTztRQUNoQiw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFFLGlCQUFpQixHQUFJLENBQy9CLENBQ1QsQ0FBQyxFQUNMLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQ1QsdUNBQUssU0FBUyxFQUFDLDZGQUE2RjtRQUN4Ryx1Q0FBSyxTQUFTLEVBQUMsbUJBQW1CO1lBQzlCLDhCQUFDLGVBQU0sSUFBQyxTQUFTLEVBQUMsTUFBTSxHQUFVO1lBQ2xDO2dCQUNJLHVDQUFLLFNBQVMsRUFBQyxlQUFlLHFEQUE0QjtnQkFDMUQsdUNBQUssU0FBUyxFQUFDLDhCQUE4QixhQUFlLENBQzFELENBQ0osQ0FDSixDQUNULENBQ0MsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBNUJXLFFBQUEsT0FBTyxXQTRCbEIifQ==
|
package/lib/Layout/styles.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const drawerWidth =
|
|
2
|
+
export declare const drawerWidth = 264;
|
|
3
3
|
export declare const LayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
4
4
|
export declare const LayoutHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
5
5
|
hasHeader?: boolean | undefined;
|
package/lib/Layout/styles.js
CHANGED
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.LayoutHeader = exports.LayoutRoot = exports.drawerWidth = void 0;
|
|
8
8
|
var react_1 = require("@emotion/react");
|
|
9
9
|
var styles_1 = require("@mui/material/styles");
|
|
10
|
-
exports.drawerWidth =
|
|
10
|
+
exports.drawerWidth = 264;
|
|
11
11
|
exports.LayoutRoot = (0, styles_1.styled)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
12
12
|
exports.LayoutHeader = (0, styles_1.styled)("div", { shouldForwardProp: function (propName) { return propName !== "hasHeader"; } })(function (_a) {
|
|
13
13
|
var theme = _a.theme, hasHeader = _a.hasHeader;
|
package/lib/Layout/types.d.ts
CHANGED
package/lib/Menu/factory.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { ComponentType } from "react";
|
|
2
|
-
import { SvgIconProps } from "@mui/material/SvgIcon";
|
|
3
1
|
import { MenuItem } from "./model";
|
|
4
|
-
|
|
5
|
-
export declare function
|
|
6
|
-
export declare function
|
|
7
|
-
export declare function
|
|
2
|
+
import { IconName } from "@uxf/ui/icon/types";
|
|
3
|
+
export declare function createSection(title: string, icon?: IconName, children?: MenuItem[]): MenuItem;
|
|
4
|
+
export declare function createLink(title: string, routeName: string, routeParams?: any, icon?: IconName): MenuItem;
|
|
5
|
+
export declare function createExternalLink(title: string, href: string, icon?: IconName): MenuItem;
|
|
6
|
+
export declare function createTableLink(title: string, entityAlias: string, icon?: IconName): MenuItem;
|
package/lib/Menu/factory.js
CHANGED
|
@@ -25,4 +25,4 @@ function createTableLink(title, entityAlias, icon) {
|
|
|
25
25
|
.setActiveResolver(activeItemResolver_1.ActiveItemResolver.tableLink());
|
|
26
26
|
}
|
|
27
27
|
exports.createTableLink = createTableLink;
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTWVudS9mYWN0b3J5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDJEQUEwRDtBQUMxRCxpQ0FBbUM7QUFHbkMsU0FBZ0IsYUFBYSxDQUFDLEtBQWEsRUFBRSxJQUFlLEVBQUUsUUFBcUI7SUFDL0UsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3RFLENBQUM7QUFGRCxzQ0FFQztBQUVELFNBQWdCLFVBQVUsQ0FBQyxLQUFhLEVBQUUsU0FBaUIsRUFBRSxXQUFpQixFQUFFLElBQWU7SUFDM0YsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7U0FDeEIsUUFBUSxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7U0FDaEMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNiLGlCQUFpQixDQUFDLHVDQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsRSxDQUFDO0FBTEQsZ0NBS0M7QUFFRCxTQUFnQixrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsSUFBWSxFQUFFLElBQWU7SUFDM0UsT0FBTyxnQkFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQzdELENBQUM7QUFGRCxnREFFQztBQUVELFNBQWdCLGVBQWUsQ0FBQyxLQUFhLEVBQUUsV0FBbUIsRUFBRSxJQUFlO0lBQy9FLE9BQU8sZ0JBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1NBQ3hCLFFBQVEsQ0FBQyxXQUFXLEVBQUUsRUFBRSxXQUFXLGFBQUEsRUFBRSxDQUFDO1NBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQUM7U0FDYixpQkFBaUIsQ0FBQyx1Q0FBa0IsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO0FBQzNELENBQUM7QUFMRCwwQ0FLQyJ9
|
package/lib/Menu/model.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { SvgIconProps } from "@mui/material/SvgIcon";
|
|
2
|
-
import { ComponentType } from "react";
|
|
3
1
|
import { LoggedUser } from "../../config/Container";
|
|
4
2
|
import { Resolver } from "./types";
|
|
5
3
|
import { NextRouter } from "next/router";
|
|
4
|
+
import { IconName } from "@uxf/ui/icon/types";
|
|
6
5
|
export declare class MenuItem {
|
|
7
6
|
private _title;
|
|
8
7
|
private _children;
|
|
@@ -14,7 +13,7 @@ export declare class MenuItem {
|
|
|
14
13
|
private _allowedRoles?;
|
|
15
14
|
static create(title: string): MenuItem;
|
|
16
15
|
constructor(title: string);
|
|
17
|
-
setIcon(icon?:
|
|
16
|
+
setIcon(icon?: IconName): MenuItem;
|
|
18
17
|
setChildren(children?: MenuItem[]): MenuItem;
|
|
19
18
|
setRoute(route: string, routeParams?: object): MenuItem;
|
|
20
19
|
setUrl(url: string): MenuItem;
|
|
@@ -29,6 +28,6 @@ export declare class MenuItem {
|
|
|
29
28
|
get url(): string | undefined;
|
|
30
29
|
get route(): string | undefined;
|
|
31
30
|
get routeParams(): any;
|
|
32
|
-
get icon():
|
|
31
|
+
get icon(): IconName | undefined;
|
|
33
32
|
get allowedRoles(): string[] | undefined;
|
|
34
33
|
}
|
package/lib/Menu/model.js
CHANGED
|
@@ -128,4 +128,4 @@ var MenuItem = /** @class */ (function () {
|
|
|
128
128
|
return MenuItem;
|
|
129
129
|
}());
|
|
130
130
|
exports.MenuItem = MenuItem;
|
|
131
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
131
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL01lbnUvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFLQTtJQWNJLGtCQUFZLEtBQWE7UUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQVBhLGVBQU0sR0FBcEIsVUFBcUIsS0FBYTtRQUM5QixPQUFPLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFPTSwwQkFBTyxHQUFkLFVBQWUsSUFBZTtRQUMxQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sOEJBQVcsR0FBbEIsVUFBbUIsUUFBcUI7UUFDcEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxFQUFFLENBQUM7UUFDaEMsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLDJCQUFRLEdBQWYsVUFBZ0IsS0FBYSxFQUFFLFdBQW9CO1FBQy9DLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxZQUFZLEdBQUcsV0FBVyxDQUFDO1FBQ2hDLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSx5QkFBTSxHQUFiLFVBQWMsR0FBVztRQUNyQixJQUFJLENBQUMsSUFBSSxHQUFHLEdBQUcsQ0FBQztRQUNoQixPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sb0NBQWlCLEdBQXhCLFVBQXlCLFFBQXlCO1FBQzlDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQ2pFLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSxrQ0FBZSxHQUF0QixVQUF1QixLQUFlO1FBQ2xDLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1FBQzNCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSwyQkFBUSxHQUFmLFVBQWdCLE1BQWtCLEVBQUUsV0FBbUI7UUFDbkQsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLElBQUksSUFBSSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDO0lBQ3pGLENBQUM7SUFFTSxvQ0FBaUIsR0FBeEIsVUFBeUIsTUFBa0IsRUFBRSxXQUFtQjtRQUM1RCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLEVBQWxDLENBQWtDLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBRU0sNEJBQVMsR0FBaEIsVUFBaUIsVUFBc0I7O1FBQ25DLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxTQUFTLEVBQUU7WUFDbEMsT0FBTyxJQUFJLENBQUM7U0FDZjs7WUFFRCxLQUEwQixJQUFBLEtBQUEsU0FBQSxJQUFJLENBQUMsYUFBYSxDQUFBLGdCQUFBLDRCQUFFO2dCQUF6QyxJQUFNLFdBQVcsV0FBQTtnQkFDbEIsSUFBSSxVQUFVLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsRUFBRTtvQkFDeEMsT0FBTyxJQUFJLENBQUM7aUJBQ2Y7YUFDSjs7Ozs7Ozs7O1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQztJQUVNLHFDQUFrQixHQUF6QixVQUEwQixVQUFzQjtRQUM1QyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFFRCxzQkFBSSwyQkFBSzthQUFUO1lBQ0ksT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3ZCLENBQUM7OztPQUFBO0lBRUQsc0JBQUksOEJBQVE7YUFBWjtZQUNJLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUMxQixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLHlCQUFHO2FBQVA7WUFDSSxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDckIsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSwyQkFBSzthQUFUO1lBQ0ksT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3ZCLENBQUM7OztPQUFBO0lBRUQsc0JBQUksaUNBQVc7YUFBZjtZQUNJLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztRQUM3QixDQUFDOzs7T0FBQTtJQUVELHNCQUFJLDBCQUFJO2FBQVI7WUFDSSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDdEIsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSxrQ0FBWTthQUFoQjtZQUNJLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUM5QixDQUFDOzs7T0FBQTtJQUNMLGVBQUM7QUFBRCxDQUFDLEFBdkdELElBdUdDO0FBdkdZLDRCQUFRIn0=
|
package/lib/Menu/ui/Menu.js
CHANGED
|
@@ -4,12 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Menu = void 0;
|
|
7
|
-
var List_1 = __importDefault(require("@mui/material/List"));
|
|
8
7
|
var react_1 = __importDefault(require("react"));
|
|
9
8
|
var MenuItem_1 = require("./MenuItem");
|
|
10
9
|
var Menu = function (props) {
|
|
11
10
|
var menu = props.menu;
|
|
12
|
-
return (react_1.default.createElement(
|
|
11
|
+
return (react_1.default.createElement("div", { className: "bg-sidebar-background px-3 pb-4 pt-8" }, menu.map(function (item) { return (react_1.default.createElement(MenuItem_1.MenuItem, { item: item, key: item.title })); })));
|
|
13
12
|
};
|
|
14
13
|
exports.Menu = Menu;
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvTWVudS91aS9NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBa0M7QUFFbEMsdUNBQXNDO0FBTS9CLElBQU0sSUFBSSxHQUFrQixVQUFDLEtBQUs7SUFDN0IsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyxzQ0FBc0MsSUFDaEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQ2hCLDhCQUFDLG1CQUFRLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLEtBQUssR0FBSSxDQUM1QyxFQUZtQixDQUVuQixDQUFDLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBVlcsUUFBQSxJQUFJLFFBVWYifQ==
|
package/lib/Menu/ui/MenuItem.js
CHANGED
|
@@ -1,108 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
22
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
23
|
-
if (!m) return o;
|
|
24
|
-
var i = m.call(o), r, ar = [], e;
|
|
25
|
-
try {
|
|
26
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
27
|
-
}
|
|
28
|
-
catch (error) { e = { error: error }; }
|
|
29
|
-
finally {
|
|
30
|
-
try {
|
|
31
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
32
|
-
}
|
|
33
|
-
finally { if (e) throw e.error; }
|
|
34
|
-
}
|
|
35
|
-
return ar;
|
|
36
|
-
};
|
|
37
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
38
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
39
4
|
};
|
|
40
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
6
|
exports.MenuItem = void 0;
|
|
42
|
-
var
|
|
43
|
-
var List_1 = __importDefault(require("@mui/material/List"));
|
|
44
|
-
var Popover_1 = __importDefault(require("@mui/material/Popover"));
|
|
45
|
-
var react_1 = __importStar(require("react"));
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
46
8
|
var config_1 = require("../../../config");
|
|
47
9
|
var ListItem_1 = require("../../../ui/ListItem");
|
|
48
|
-
var MenuItem_1 = require("../../../ui/MenuItem");
|
|
49
10
|
var router_1 = require("next/router");
|
|
50
11
|
var MenuItem = function (props) {
|
|
51
12
|
var _a, _b, _c;
|
|
52
13
|
var item = props.item;
|
|
53
|
-
var listRef = (0, react_1.useRef)(null);
|
|
54
14
|
var router = (0, router_1.useRouter)();
|
|
55
15
|
var activeRoute = config_1.container.get("useActiveRoute")();
|
|
56
16
|
var isActive = item.isActive(router, activeRoute);
|
|
57
17
|
var hasActiveChildren = item.hasActiveChildren(router, activeRoute);
|
|
58
18
|
var useLoggedUser = config_1.container.get("useLoggedUser");
|
|
59
19
|
var loggedUser = useLoggedUser();
|
|
60
|
-
var _d = __read((0, react_1.useState)(null), 2), anchorEl = _d[0], setAnchorEl = _d[1];
|
|
61
|
-
var onMouseEnter = (0, react_1.useCallback)(function (e) {
|
|
62
|
-
setAnchorEl(e.currentTarget);
|
|
63
|
-
}, []);
|
|
64
|
-
var onMouseLeave = (0, react_1.useCallback)(function () {
|
|
65
|
-
setAnchorEl(null);
|
|
66
|
-
}, []);
|
|
67
|
-
(0, react_1.useEffect)(function () {
|
|
68
|
-
function closeHandler(e) {
|
|
69
|
-
var list = listRef.current;
|
|
70
|
-
if (list && e.target instanceof Element && (e.target !== list || !list.contains(e.target))) {
|
|
71
|
-
setAnchorEl(null);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
document.addEventListener("click", closeHandler);
|
|
75
|
-
return function () {
|
|
76
|
-
document.removeEventListener("click", closeHandler);
|
|
77
|
-
};
|
|
78
|
-
}, []);
|
|
79
20
|
if (!item.isVisible(loggedUser) || (item.children.length !== 0 && !item.hasVisibleChildren(loggedUser))) {
|
|
80
21
|
return null;
|
|
81
22
|
}
|
|
82
23
|
var visibleChildren = item.children.filter(function (i) { return i.isVisible(loggedUser); });
|
|
83
24
|
var firstVisibleChild = (_a = visibleChildren[0]) !== null && _a !== void 0 ? _a : undefined;
|
|
25
|
+
var isSubmenuOpen = (isActive || hasActiveChildren) && item.children.length > 0;
|
|
84
26
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
85
|
-
react_1.default.createElement(
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
ml: 1,
|
|
90
|
-
pointerEvents: "auto",
|
|
91
|
-
},
|
|
92
|
-
}, anchorEl: anchorEl, anchorOrigin: {
|
|
93
|
-
vertical: "top",
|
|
94
|
-
horizontal: "right",
|
|
95
|
-
}, disableScrollLock: true, hideBackdrop: true, onClose: onMouseLeave, open: !!anchorEl, sx: {
|
|
96
|
-
pointerEvents: "none",
|
|
97
|
-
}, transformOrigin: {
|
|
98
|
-
vertical: "top",
|
|
99
|
-
horizontal: "left",
|
|
100
|
-
} },
|
|
101
|
-
react_1.default.createElement(List_1.default, { ref: listRef }, visibleChildren.map(function (i) { return (react_1.default.createElement(MenuItem_1.MenuItem, { key: i.title, label: i.title, route: i.route, params: i.routeParams, icon: i.icon })); }))))),
|
|
102
|
-
(isActive || hasActiveChildren) && item.children.length > 0 && (react_1.default.createElement(List_1.default, { sx: { py: 0 } }, visibleChildren.map(function (i) {
|
|
103
|
-
var isSel = i.isActive(router, activeRoute);
|
|
104
|
-
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: isSel }));
|
|
27
|
+
react_1.default.createElement(ListItem_1.ListItem, { label: item.title, icon: item.icon, href: item.url, route: (_b = item.route) !== null && _b !== void 0 ? _b : firstVisibleChild === null || firstVisibleChild === void 0 ? void 0 : firstVisibleChild.route, params: (_c = item.routeParams) !== null && _c !== void 0 ? _c : (firstVisibleChild ? firstVisibleChild.routeParams : null), selected: isActive, hasSubItems: item.children.length > 0, isOpen: isSubmenuOpen }),
|
|
28
|
+
isSubmenuOpen && (react_1.default.createElement("div", null, visibleChildren.map(function (i) {
|
|
29
|
+
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 }));
|
|
105
31
|
})))));
|
|
106
32
|
};
|
|
107
33
|
exports.MenuItem = MenuItem;
|
|
108
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFrQztBQUNsQywwQ0FBNEM7QUFDNUMsaURBQWdEO0FBRWhELHNDQUF3QztBQVdqQyxJQUFNLFFBQVEsR0FBc0IsVUFBQyxLQUFLOztJQUNyQyxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixJQUFNLE1BQU0sR0FBRyxJQUFBLGtCQUFTLEdBQUUsQ0FBQztJQUMzQixJQUFNLFdBQVcsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7SUFFdEQsSUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFDcEQsSUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBRXRFLElBQU0sYUFBYSxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3JELElBQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRW5DLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQUU7UUFDckcsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBdkIsQ0FBdUIsQ0FBQyxDQUFDO0lBQzdFLElBQU0saUJBQWlCLEdBQUcsTUFBQSxlQUFlLENBQUMsQ0FBQyxDQUFDLG1DQUFJLFNBQVMsQ0FBQztJQUMxRCxJQUFNLGFBQWEsR0FBRyxDQUFDLFFBQVEsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUVsRixPQUFPLENBQ0g7UUFDSSw4QkFBQyxtQkFBUSxJQUNMLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFDZixJQUFJLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFDZCxLQUFLLEVBQUUsTUFBQSxJQUFJLENBQUMsS0FBSyxtQ0FBSSxpQkFBaUIsYUFBakIsaUJBQWlCLHVCQUFqQixpQkFBaUIsQ0FBRSxLQUFLLEVBQzdDLE1BQU0sRUFBRSxNQUFBLElBQUksQ0FBQyxXQUFXLG1DQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQ3RGLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFdBQVcsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQ3JDLE1BQU0sRUFBRSxhQUFhLEdBQ3ZCO1FBQ0QsYUFBYSxJQUFJLENBQ2QsMkNBQ0ssZUFBZSxDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUM7WUFDbkIsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7WUFFbkQsT0FBTyxDQUNILDhCQUFDLG1CQUFRLElBQ0wsR0FBRyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ1osS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsSUFBSSxFQUFFLENBQUMsQ0FBQyxHQUFHLEVBQ1gsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQ1osS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQ2QsTUFBTSxFQUFFLENBQUMsQ0FBQyxXQUFXLEVBQ3JCLEtBQUssRUFBRSxDQUFDLEVBQ1IsUUFBUSxFQUFFLFVBQVUsR0FDdEIsQ0FDTCxDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQ0EsQ0FDVCxDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQXREVyxRQUFBLFFBQVEsWUFzRG5CIn0=
|
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.3",
|
|
4
4
|
"description": "UXF Cms",
|
|
5
5
|
"author": "UXFans <dev@uxf.cz>",
|
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/cms#readme",
|
|
@@ -23,7 +23,9 @@
|
|
|
23
23
|
"typecheck": "./node_modules/.bin/tsc --noEmit --skipLibCheck",
|
|
24
24
|
"check": "npm run lint && npm run typecheck",
|
|
25
25
|
"dev": "node dev-server.js",
|
|
26
|
-
"build": "./node_modules/.bin/tsc -P tsconfig.build.json"
|
|
26
|
+
"build": "./node_modules/.bin/tsc -P tsconfig.build.json",
|
|
27
|
+
"check:icons": "icons-check",
|
|
28
|
+
"gen:icons": "icons-gen"
|
|
27
29
|
},
|
|
28
30
|
"dependencies": {
|
|
29
31
|
"@uxf/form": "^1.0.0-beta.96",
|
|
@@ -54,6 +56,7 @@
|
|
|
54
56
|
"@uxf/core": "^4.3.0",
|
|
55
57
|
"@uxf/data-grid": "^4.0.0",
|
|
56
58
|
"@uxf/eslint-config": "^1.2.3",
|
|
59
|
+
"@uxf/icons-generator": "^1.3.0",
|
|
57
60
|
"@uxf/router": "^3.0.0-beta.3",
|
|
58
61
|
"@uxf/wysiwyg": "^1.1.2",
|
|
59
62
|
"@uxf/wysiwyg-mui5-plugins": "^1.0.1",
|
|
@@ -105,8 +108,8 @@
|
|
|
105
108
|
"final-form": "^4.20.1",
|
|
106
109
|
"final-form-arrays": "^3.0",
|
|
107
110
|
"final-form-calculate": "^1.3.2",
|
|
108
|
-
"react": "
|
|
109
|
-
"react-dom": "
|
|
111
|
+
"react": ">= 18.2.0",
|
|
112
|
+
"react-dom": ">= 18.2.0",
|
|
110
113
|
"react-dropzone": "^14.2.2",
|
|
111
114
|
"react-final-form": "^6.5.1",
|
|
112
115
|
"react-final-form-arrays": "^3.1.3"
|
package/ui/ListItem/ListItem.js
CHANGED
|
@@ -4,19 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.ListItem = void 0;
|
|
7
|
-
var ListItemIcon_1 = __importDefault(require("@mui/material/ListItemIcon"));
|
|
8
|
-
var ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
|
|
9
|
-
var ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
|
|
10
7
|
var react_1 = __importDefault(require("react"));
|
|
11
8
|
var config_1 = require("../../config");
|
|
9
|
+
var icon_1 = require("@uxf/ui/icon");
|
|
12
10
|
var link_1 = __importDefault(require("next/link"));
|
|
13
11
|
var ListItem = function (props) {
|
|
14
|
-
var children = props.children, icon = props.icon, label = props.label,
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
react_1.default.createElement(ListItemText_1.default, { primary: label, sx: { ml: level > 0 ? 4 : undefined }, primaryTypographyProps: { fontSize: 14 } })));
|
|
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: "flex items-center p-2.5 rounded-lg hover:bg-sidebar-hover mb-1 cursor-pointer ".concat(selected ? "bg-sidebar-highlight text-darkHigh font-bold" : "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: isOpen ? "chevronDown" : "chevronRight", size: 12, className: "ml-auto mr-2" })));
|
|
20
17
|
if (route) {
|
|
21
18
|
return react_1.default.createElement(link_1.default, { href: config_1.container.get("route")(route, params) }, Content);
|
|
22
19
|
}
|
|
@@ -26,4 +23,4 @@ var ListItem = function (props) {
|
|
|
26
23
|
return Content;
|
|
27
24
|
};
|
|
28
25
|
exports.ListItem = ListItem;
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vTGlzdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUE0QztBQUM1Qyx1Q0FBeUM7QUFFekMscUNBQW9DO0FBQ3BDLG1EQUE2QjtBQUV0QixJQUFNLFFBQVEsR0FBRyxVQUFnQixLQUF1QjtJQUNuRCxJQUFBLFFBQVEsR0FBaUYsS0FBSyxTQUF0RixFQUFFLElBQUksR0FBMkUsS0FBSyxLQUFoRixFQUFFLEtBQUssR0FBb0UsS0FBSyxNQUF6RSxFQUFFLEtBQUssR0FBNkQsS0FBSyxNQUFsRSxFQUFFLE1BQU0sR0FBcUQsS0FBSyxPQUExRCxFQUFFLEtBQW1ELEtBQUssTUFBL0MsRUFBVCxLQUFLLG1CQUFHLENBQUMsS0FBQSxFQUFFLFFBQVEsR0FBZ0MsS0FBSyxTQUFyQyxFQUFFLElBQUksR0FBMEIsS0FBSyxLQUEvQixFQUFFLFdBQVcsR0FBYSxLQUFLLFlBQWxCLEVBQUUsTUFBTSxHQUFLLEtBQUssT0FBVixDQUFXO0lBRXZHLElBQU0sT0FBTyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQ3hCLHVDQUNJLFNBQVMsRUFBRSx3RkFDUCxRQUFRLENBQUMsQ0FBQyxDQUFDLDhDQUE4QyxDQUFDLENBQUMsQ0FBQyx1Q0FBdUMsQ0FDckc7UUFFRix1Q0FBSyxTQUFTLEVBQUMsTUFBTSxJQUFFLENBQUMsQ0FBQyxJQUFJLElBQUksS0FBSyxLQUFLLENBQUMsSUFBSSw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFJLENBQU87UUFDckYsdUNBQUssU0FBUyxFQUFDLGVBQWUsSUFBRSxLQUFLLENBQU87UUFDM0MsV0FBVyxJQUFJLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLGNBQWMsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBQyxjQUFjLEdBQUcsQ0FDeEcsQ0FDVCxDQUFDO0lBRUYsSUFBSSxLQUFLLEVBQUU7UUFDUCxPQUFPLDhCQUFDLGNBQUksSUFBQyxJQUFJLEVBQUUsa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBWSxFQUFFLE1BQU0sQ0FBQyxJQUFHLE9BQU8sQ0FBUSxDQUFDO0tBQ3JGO0lBRUQsSUFBSSxJQUFJLEVBQUU7UUFDTixPQUFPLENBQ0gscUNBQUcsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUMsUUFBUSxFQUFDLEdBQUcsRUFBQyxZQUFZLElBQzFDLE9BQU8sQ0FDUixDQUNQLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQTVCVyxRQUFBLFFBQVEsWUE0Qm5CIn0=
|
package/ui/ListItem/types.d.ts
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { ComponentType, ReactElement } from "react";
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
import { IconName } from "@uxf/ui/icon/types";
|
|
4
3
|
export interface ListItemProps<RouteList> {
|
|
5
4
|
children?: ReactElement;
|
|
6
|
-
icon?:
|
|
5
|
+
icon?: IconName;
|
|
7
6
|
label: string;
|
|
8
7
|
level?: number;
|
|
9
|
-
onClick?: (event?: any) => void;
|
|
10
|
-
onMouseEnter?: ListItemButtonProps["onMouseEnter"];
|
|
11
|
-
onMouseLeave?: ListItemButtonProps["onMouseLeave"];
|
|
12
8
|
params?: any;
|
|
13
9
|
route?: keyof RouteList;
|
|
14
10
|
selected?: boolean;
|
|
15
11
|
href?: string;
|
|
12
|
+
hasSubItems?: boolean;
|
|
13
|
+
isOpen?: boolean;
|
|
16
14
|
}
|