@uxf/cms 6.0.0-beta.50 → 6.0.0-beta.51
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/lib/layout/layout.js +1 -1
- package/lib/layout/sidebar.js +4 -4
- package/lib/menu/mobile-bar.js +1 -1
- package/lib/menu/ui/list-item/list-item.js +2 -2
- package/lib/menu/ui/menu-super-section-item.js +1 -1
- package/lib/menu/ui/sub-menu/sub-menu.js +1 -1
- package/lib/menu/ui/sub-menu/sub-menuItem.js +1 -1
- package/lib/menu/ui/user-menu.js +1 -1
- package/package.json +5 -5
package/lib/layout/layout.js
CHANGED
|
@@ -23,7 +23,7 @@ var Layout = function (props) {
|
|
|
23
23
|
react_1.default.createElement("div", { className: "flex" },
|
|
24
24
|
react_1.default.createElement("div", { className: "flex w-full bg-gray-100" },
|
|
25
25
|
react_1.default.createElement(sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Logo: Logo }),
|
|
26
|
-
react_1.default.createElement("main", { className: "min-h-screen w-full pb-16
|
|
26
|
+
react_1.default.createElement("main", { className: "min-h-screen w-full pb-16 md:ml-[var(--drawerWidth)] md:w-[calc(100%_-_var(--drawerWidth))] md:pb-0 ".concat(mainClassName !== null && mainClassName !== void 0 ? mainClassName : ""), style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, loading ? (react_1.default.createElement("div", { className: "flex h-96 flex-col items-center justify-center" },
|
|
27
27
|
react_1.default.createElement("div", { className: "text-center" },
|
|
28
28
|
react_1.default.createElement(loader_1.Loader, null),
|
|
29
29
|
react_1.default.createElement("p", { className: "mt-2" }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
package/lib/layout/sidebar.js
CHANGED
|
@@ -65,14 +65,14 @@ var Sidebar = function (props) {
|
|
|
65
65
|
window.removeEventListener("resize", handleDeviceHeight);
|
|
66
66
|
};
|
|
67
67
|
});
|
|
68
|
-
return (CustomSidebar !== null && CustomSidebar !== void 0 ? CustomSidebar : (react_1.default.createElement("div", { className: "sidebar fixed
|
|
69
|
-
react_1.default.createElement("div", { className: "h-[calc(var(--deviceHeight)_-_48px)] flex-col bg-sidebar-background pt-5
|
|
68
|
+
return (CustomSidebar !== null && CustomSidebar !== void 0 ? CustomSidebar : (react_1.default.createElement("div", { className: "sidebar fixed flex w-full flex-col max-md:z-[15] md:w-[var(--drawerWidth)]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } },
|
|
69
|
+
react_1.default.createElement("div", { className: "h-[calc(var(--deviceHeight)_-_48px)] flex-col bg-sidebar-background pt-5 md:h-screen ".concat(isMenuOpen ? "flex" : "hidden md:flex"), style: { "--deviceHeight": "".concat(deviceHeight, "px") } },
|
|
70
70
|
react_1.default.createElement("div", { className: "sidebar__logo px-4" }, Logo !== null && Logo !== void 0 ? Logo : uxfLogo),
|
|
71
71
|
menuConfiguration && menuConfiguration.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
72
|
-
react_1.default.createElement("div", { className: "sidebar__nav grow overflow-auto px-2
|
|
72
|
+
react_1.default.createElement("div", { className: "sidebar__nav grow overflow-auto px-2 md:px-0 ".concat(menuConfiguration[0].type === "super-section" ? "mt-4" : "mt-8") },
|
|
73
73
|
react_1.default.createElement(menu_1.Menu, { menu: menuConfiguration })),
|
|
74
74
|
react_1.default.createElement(user_menu_1.UserMenu, { menu: menuConfiguration })))),
|
|
75
75
|
menuConfiguration && react_1.default.createElement(mobile_bar_1.MobileBar, { menuConfiguration: menuConfiguration, toggleMenu: toggleMenu }))));
|
|
76
76
|
};
|
|
77
77
|
exports.Sidebar = Sidebar;
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvbGF5b3V0L3NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyRDtBQUMzRCxnQ0FBK0I7QUFFL0IsbUNBQXVDO0FBQ3ZDLGtEQUFnRDtBQUNoRCxpREFBK0M7QUFDL0MseURBQXdEO0FBRXhELElBQU0sT0FBTyxHQUFHLENBQ1osdUNBQUssS0FBSyxFQUFDLEtBQUssRUFBQyxNQUFNLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxZQUFZO0lBQzdDLHdDQUNJLElBQUksRUFBQyxNQUFNLEVBQ1gsUUFBUSxFQUFDLFNBQVMsRUFDbEIsQ0FBQyxFQUFDLDJUQUEyVCxFQUM3VCxRQUFRLEVBQUMsU0FBUyxHQUNwQjtJQUNGLHdDQUNJLElBQUksRUFBQyxNQUFNLEVBQ1gsUUFBUSxFQUFDLFNBQVMsRUFDbEIsQ0FBQyxFQUFDLHkzRkFBeTNGLEVBQzMzRixRQUFRLEVBQUMsU0FBUyxHQUNwQixDQUNBLENBQ1QsQ0FBQztBQUVLLElBQU0sT0FBTyxHQUFxQixVQUFDLEtBQUs7SUFDbkMsSUFBQSxpQkFBaUIsR0FBMEIsS0FBSyxrQkFBL0IsRUFBRSxJQUFJLEdBQW9CLEtBQUssS0FBekIsRUFBRSxhQUFhLEdBQUssS0FBSyxjQUFWLENBQVc7SUFFbkQsSUFBQSxLQUFBLE9BQWtDLElBQUEsZ0JBQVEsRUFBQyxDQUFDLENBQUMsSUFBQSxFQUE1QyxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQWUsQ0FBQztJQUM5QyxJQUFBLEtBQUEsT0FBOEIsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTVDLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBbUIsQ0FBQztJQUNwRCxJQUFNLFVBQVUsR0FBRyxjQUFNLE9BQUEsYUFBYSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQTlCLENBQThCLENBQUM7SUFFeEQsSUFBQSx1QkFBVSxFQUFDO1FBQ1AsSUFBTSxrQkFBa0IsR0FBRzs7WUFDdkIsZUFBZSxDQUFDLE1BQUEsTUFBQSxNQUFNLENBQUMsY0FBYywwQ0FBRSxNQUFNLG1DQUFJLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN6RSxDQUFDLENBQUM7UUFFRixrQkFBa0IsRUFBRSxDQUFDO1FBQ3JCLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsa0JBQWtCLENBQUMsQ0FBQztRQUN0RCxPQUFPO1lBQ0gsTUFBTSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO1FBQzdELENBQUMsQ0FBQztJQUNOLENBQUMsQ0FBQyxDQUFDO0lBRUgsT0FBTyxDQUNILGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQ2IsdUNBQ0ksU0FBUyxFQUFDLDRFQUE0RSxFQUN0RixLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsVUFBRyxvQkFBVyxPQUFJLEVBQW1CO1FBRS9ELHVDQUNJLFNBQVMsRUFBRSwrRkFDUCxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQ3hDLEVBQ0YsS0FBSyxFQUFFLEVBQUUsZ0JBQWdCLEVBQUUsVUFBRyxZQUFZLE9BQUksRUFBbUI7WUFFakUsdUNBQUssU0FBUyxFQUFDLG9CQUFvQixJQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLE9BQU8sQ0FBTztZQUMxRCxpQkFBaUIsSUFBSSxpQkFBaUIsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ2xEO2dCQUNJLHVDQUNJLFNBQVMsRUFBRSx1REFDUCxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssZUFBZSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FDakU7b0JBRUYsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxpQkFBaUIsR0FBSSxDQUMvQjtnQkFDTiw4QkFBQyxvQkFBUSxJQUFDLElBQUksRUFBRSxpQkFBaUIsR0FBSSxDQUN0QyxDQUNOLENBQ0M7UUFDTCxpQkFBaUIsSUFBSSw4QkFBQyxzQkFBUyxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxVQUFVLEdBQUksQ0FDL0YsQ0FDVCxDQUNKLENBQUM7QUFDTixDQUFDLENBQUM7QUFqRFcsUUFBQSxPQUFPLFdBaURsQiJ9
|
package/lib/menu/mobile-bar.js
CHANGED
|
@@ -32,7 +32,7 @@ var MobileBar = function (props) {
|
|
|
32
32
|
.filter(function (item) { return (item === null || item === void 0 ? void 0 : item.isVisible(loggedUser)) && (!(item === null || item === void 0 ? void 0 : item.children.length) || (item === null || item === void 0 ? void 0 : item.hasVisibleChildren(loggedUser))); })
|
|
33
33
|
.splice(0, 4);
|
|
34
34
|
var buttonClassName = (0, cx_1.cx)("flex h-10 grow items-center justify-center shrink-0", mobileBarMenu.length === 2 && "w-1/3", mobileBarMenu.length === 3 && "w-1/4", mobileBarMenu.length === 4 && "w-1/5");
|
|
35
|
-
return (react_1.default.createElement("div", { className: "fixed bottom-0 left-0 right-0 flex h-16 items-center border-t border-gray-700 bg-sidebar-background px-1 text-darkMedium
|
|
35
|
+
return (react_1.default.createElement("div", { className: "fixed bottom-0 left-0 right-0 flex h-16 items-center border-t border-gray-700 bg-sidebar-background px-1 text-darkMedium md:hidden" },
|
|
36
36
|
mobileBarMenu.map(function (item, index) {
|
|
37
37
|
var _a, _b, _c, _d;
|
|
38
38
|
if (!!item.children.length) {
|
|
@@ -25,10 +25,10 @@ var ListItem = function (props) {
|
|
|
25
25
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
26
26
|
react_1.default.createElement(sub_menu_1.SubMenu, { content: subMenu },
|
|
27
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
|
|
28
|
+
react_1.default.createElement(Button, { className: "w-full md:hidden" })));
|
|
29
29
|
}
|
|
30
30
|
if (hasSubMenu) {
|
|
31
|
-
return react_1.default.createElement(Button, { className: "w-full
|
|
31
|
+
return react_1.default.createElement(Button, { className: "w-full md:pointer-events-none" });
|
|
32
32
|
}
|
|
33
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
34
|
}
|
|
@@ -32,7 +32,7 @@ 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("div", { className: !!item.userMenuData ? "
|
|
35
|
+
return (react_1.default.createElement("div", { className: !!item.userMenuData ? "md:hidden" : undefined },
|
|
36
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(menu_custom_item_1.MenuCustomItem, { item: i }),
|
|
@@ -45,7 +45,7 @@ exports.SubMenu = (0, forwardRef_1.forwardRef)("SubMenu", function (_a, ref) {
|
|
|
45
45
|
var children = _a.children, content = _a.content;
|
|
46
46
|
var subMenu = (0, use_sub_menu_1.useSubMenu)({ isMobile: false });
|
|
47
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
|
|
48
|
+
return (react_1.default.createElement("div", { className: "hidden md:block" },
|
|
49
49
|
(0, react_1.cloneElement)(children, subMenu.getReferenceProps(__assign(__assign({ ref: stableRef }, children.props), { "data-state": subMenu.open ? "open" : "closed" }))),
|
|
50
50
|
subMenu.open && (react_1.default.createElement("div", __assign({}, subMenu.getFloatingProps({
|
|
51
51
|
ref: subMenu.floating,
|
|
@@ -15,7 +15,7 @@ var SubMenuItem = function (props) {
|
|
|
15
15
|
if (!item.isVisible(loggedUser)) {
|
|
16
16
|
return null;
|
|
17
17
|
}
|
|
18
|
-
var Content = (react_1.default.createElement("div", { className: "hover:text-darkLight w-full bg-sidebar-highlight px-4 py-3.5 text-body text-darkMedium hover:bg-sidebar-background
|
|
18
|
+
var Content = (react_1.default.createElement("div", { className: "hover:text-darkLight w-full bg-sidebar-highlight px-4 py-3.5 text-body text-darkMedium hover:bg-sidebar-background md:text-body2" }, item.title));
|
|
19
19
|
if (item.url || item.route) {
|
|
20
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
21
|
}
|
package/lib/menu/ui/user-menu.js
CHANGED
|
@@ -48,7 +48,7 @@ var Component = function (props) {
|
|
|
48
48
|
var _a = __read((0, react_1.useState)(false), 2), isSubmenuOpen = _a[0], setIsSubmenuOpen = _a[1];
|
|
49
49
|
var hasSubmenu = props.submenu.length > 0;
|
|
50
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
|
|
51
|
+
return (react_1.default.createElement("div", { className: "hidden border-t border-t-darkLow/10 p-3 pr-5 text-darkMedium md:block" },
|
|
52
52
|
react_1.default.createElement("button", { className: "flex w-full items-center text-left", onClick: toggle },
|
|
53
53
|
react_1.default.createElement(avatar_1.Avatar, { className: "mr-3 shrink-0", src: props.avatar }),
|
|
54
54
|
react_1.default.createElement("div", { className: "truncate" },
|
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.51",
|
|
4
4
|
"description": "UXF Cms",
|
|
5
5
|
"author": "UXFans <dev@uxf.cz>",
|
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/cms#readme",
|
|
@@ -49,10 +49,10 @@
|
|
|
49
49
|
"@uxf/core": "^4.4.2",
|
|
50
50
|
"@uxf/data-grid": "^5.0.0-beta.17",
|
|
51
51
|
"@uxf/eslint-config": "^1.2.3",
|
|
52
|
-
"@uxf/form": "^1.0.0-beta.
|
|
52
|
+
"@uxf/form": "^1.0.0-beta.143",
|
|
53
53
|
"@uxf/icons-generator": "^1.3.0",
|
|
54
54
|
"@uxf/router": "^3.0.0-beta.5",
|
|
55
|
-
"@uxf/ui": "^1.0.0-beta.
|
|
55
|
+
"@uxf/ui": "^1.0.0-beta.143",
|
|
56
56
|
"@uxf/wysiwyg": "^1.1.2",
|
|
57
57
|
"@uxf/wysiwyg-mui5-plugins": "^1.0.1",
|
|
58
58
|
"autoprefixer": "^10.4.13",
|
|
@@ -96,8 +96,8 @@
|
|
|
96
96
|
"peerDependencies": {
|
|
97
97
|
"@uxf/core": ">= 4.3.0",
|
|
98
98
|
"@uxf/data-grid": "^5.0.0-beta.16",
|
|
99
|
-
"@uxf/form": "^1.0.0-beta.
|
|
100
|
-
"@uxf/ui": "^1.0.0-beta.
|
|
99
|
+
"@uxf/form": "^1.0.0-beta.143",
|
|
100
|
+
"@uxf/ui": "^1.0.0-beta.143",
|
|
101
101
|
"@uxf/wysiwyg": "^1.1.2",
|
|
102
102
|
"@uxf/wysiwyg-mui5-plugins": "^1.0.1",
|
|
103
103
|
"axios": "^0.21.0",
|