@uxf/cms 2.0.0-beta.7 → 2.0.0-beta.8
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/AppBar.js +3 -10
- package/lib/Layout/Layout.js +3 -3
- package/lib/Layout/styles.js +4 -4
- package/lib/Layout/types.d.ts +2 -0
- package/package.json +1 -1
- package/ui/ListItem/ListItem.js +2 -2
package/lib/Layout/AppBar.js
CHANGED
|
@@ -4,16 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.AppBar = void 0;
|
|
7
|
-
var AccountCircle_1 = __importDefault(require("@mui/icons-material/AccountCircle"));
|
|
8
|
-
var Reply_1 = __importDefault(require("@mui/icons-material/Reply"));
|
|
9
7
|
var AppBar_1 = __importDefault(require("@mui/material/AppBar"));
|
|
10
|
-
var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
|
|
11
8
|
var Toolbar_1 = require("./Toolbar");
|
|
12
9
|
var react_1 = __importDefault(require("react"));
|
|
13
10
|
var config_1 = require("../../config");
|
|
14
11
|
var styles_1 = require("./styles");
|
|
15
12
|
var AppBar = function (props) {
|
|
16
|
-
var Logo = props.Logo;
|
|
13
|
+
var Logo = props.Logo, ToolbarRight = props.ToolbarRight;
|
|
17
14
|
return (react_1.default.createElement(AppBar_1.default, { position: "fixed", sx: {
|
|
18
15
|
zIndex: function (theme) { return theme.zIndex.drawer + 1; },
|
|
19
16
|
width: "100%",
|
|
@@ -22,11 +19,7 @@ var AppBar = function (props) {
|
|
|
22
19
|
alignItems: "center",
|
|
23
20
|
} },
|
|
24
21
|
react_1.default.createElement(styles_1.LogoContainer, null, Logo !== null && Logo !== void 0 ? Logo : config_1.config.get("app-name")),
|
|
25
|
-
react_1.default.createElement(Toolbar_1.Toolbar, { style: { flex: 1, justifyContent: "flex-end" } },
|
|
26
|
-
react_1.default.createElement(IconButton_1.default, { size: "large", color: "inherit" },
|
|
27
|
-
react_1.default.createElement(Reply_1.default, null)),
|
|
28
|
-
react_1.default.createElement(IconButton_1.default, { size: "large", color: "inherit" },
|
|
29
|
-
react_1.default.createElement(AccountCircle_1.default, null)))));
|
|
22
|
+
react_1.default.createElement(Toolbar_1.Toolbar, { style: { flex: 1, justifyContent: "flex-end" } }, ToolbarRight)));
|
|
30
23
|
};
|
|
31
24
|
exports.AppBar = AppBar;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXBwQmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvQXBwQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnRUFBNkM7QUFDN0MscUNBQW9DO0FBQ3BDLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFFdEMsbUNBQXlDO0FBRWxDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7SUFDakMsSUFBQSxJQUFJLEdBQW1CLEtBQUssS0FBeEIsRUFBRSxZQUFZLEdBQUssS0FBSyxhQUFWLENBQVc7SUFDckMsT0FBTyxDQUNILDhCQUFDLGdCQUFTLElBQ04sUUFBUSxFQUFDLE9BQU8sRUFDaEIsRUFBRSxFQUFFO1lBQ0EsTUFBTSxFQUFFLFVBQUMsS0FBSyxJQUFLLE9BQUEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUF2QixDQUF1QjtZQUMxQyxLQUFLLEVBQUUsTUFBTTtZQUNiLE9BQU8sRUFBRSxNQUFNO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7U0FDdkI7UUFFRCw4QkFBQyxzQkFBYSxRQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLGVBQU0sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQWlCO1FBQy9ELDhCQUFDLGlCQUFPLElBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFLElBQUcsWUFBWSxDQUFXLENBQ3pFLENBQ2YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWpCVyxRQUFBLE1BQU0sVUFpQmpCIn0=
|
package/lib/Layout/Layout.js
CHANGED
|
@@ -35,7 +35,7 @@ var AppBar_1 = require("./AppBar");
|
|
|
35
35
|
var Sidebar_1 = require("./Sidebar");
|
|
36
36
|
var styles_1 = require("./styles");
|
|
37
37
|
var Layout = function (props) {
|
|
38
|
-
var children = props.children, title = props.title, Logo = props.Logo, Menu = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, header = props.header, Breadcrumbs = props.Breadcrumbs;
|
|
38
|
+
var children = props.children, title = props.title, Logo = props.Logo, Menu = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, header = props.header, Breadcrumbs = props.Breadcrumbs, ToolbarRight = props.ToolbarRight;
|
|
39
39
|
var close = (0, CmsProvider_1.useCmsContext)("sidebar").close;
|
|
40
40
|
var onClick = (0, react_1.useCallback)(function () {
|
|
41
41
|
if (window.innerWidth < 1280) {
|
|
@@ -51,7 +51,7 @@ var Layout = function (props) {
|
|
|
51
51
|
" | ",
|
|
52
52
|
config_1.config.get("app-name"))),
|
|
53
53
|
react_1.default.createElement(CssBaseline_1.default, null),
|
|
54
|
-
react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo }),
|
|
54
|
+
react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo, ToolbarRight: ToolbarRight }),
|
|
55
55
|
react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Menu: Menu, UserMenu: UserMenu }),
|
|
56
56
|
react_1.default.createElement(Box_1.default, { component: "main", sx: { flexGrow: 1 } },
|
|
57
57
|
react_1.default.createElement(Toolbar_1.Toolbar, null),
|
|
@@ -62,4 +62,4 @@ var Layout = function (props) {
|
|
|
62
62
|
react_1.default.createElement(Box_1.default, { sx: { padding: 3 } }, children))));
|
|
63
63
|
};
|
|
64
64
|
exports.Layout = Layout;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDBFQUFvRDtBQUNwRCxxQ0FBb0M7QUFDcEMsd0VBQWtEO0FBQ2xELG1EQUE2QjtBQUM3Qiw2Q0FBK0M7QUFDL0MsdUNBQXNDO0FBQ3RDLDhDQUErQztBQUMvQyxtQ0FBa0M7QUFDbEMscUNBQW9DO0FBQ3BDLG1DQUFvRDtBQUc3QyxJQUFNLE1BQU0sR0FBb0IsVUFBQyxLQUFLO0lBQ2pDLElBQUEsUUFBUSxHQUF3RixLQUFLLFNBQTdGLEVBQUUsS0FBSyxHQUFpRixLQUFLLE1BQXRGLEVBQUUsSUFBSSxHQUEyRSxLQUFLLEtBQWhGLEVBQUUsSUFBSSxHQUFxRSxLQUFLLEtBQTFFLEVBQUUsaUJBQWlCLEdBQWtELEtBQUssa0JBQXZELEVBQUUsUUFBUSxHQUF3QyxLQUFLLFNBQTdDLEVBQUUsTUFBTSxHQUFnQyxLQUFLLE9BQXJDLEVBQUUsV0FBVyxHQUFtQixLQUFLLFlBQXhCLEVBQUUsWUFBWSxHQUFLLEtBQUssYUFBVixDQUFXO0lBRXRHLElBQUEsS0FBSyxHQUFLLElBQUEsMkJBQWEsRUFBQyxTQUFTLENBQUMsTUFBN0IsQ0FBOEI7SUFFM0MsSUFBTSxPQUFPLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQ3hCLElBQUksTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLEVBQUU7WUFDMUIsS0FBSyxFQUFFLENBQUM7U0FDWDtJQUNMLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFFWixPQUFPLENBQ0gsOEJBQUMsbUJBQVUsSUFBQyxPQUFPLEVBQUUsT0FBTztRQUN4Qiw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4QjtnQkFDSyxLQUFLOztnQkFBSyxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUM3QixDQUNMO1FBQ1AsOEJBQUMscUJBQVcsT0FBRztRQUNmLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxZQUFZLEdBQUk7UUFDbEQsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUk7UUFDakYsOEJBQUMsYUFBRyxJQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRTtZQUNyQyw4QkFBQyxpQkFBTyxPQUFHO1lBQ1gsOEJBQUMscUJBQVksSUFBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFO2dCQUMzQyx1Q0FBSyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLElBQUcsV0FBVyxDQUFPO2dCQUNqRCw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFDckUsS0FBSyxDQUNHO2dCQUNaLE1BQU0sQ0FDSTtZQUNmLDhCQUFDLGFBQUcsSUFBQyxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLElBQUcsUUFBUSxDQUFPLENBQ3ZDLENBQ0csQ0FDaEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXBDVyxRQUFBLE1BQU0sVUFvQ2pCIn0=
|
package/lib/Layout/styles.js
CHANGED
|
@@ -8,13 +8,13 @@ exports.LayoutRoot = (0, styles_1.styled)("div")(function () { return ({
|
|
|
8
8
|
}); });
|
|
9
9
|
exports.LayoutHeader = (0, styles_1.styled)("div", { shouldForwardProp: function (propName) { return propName !== "hasHeader"; } })(function (_a) {
|
|
10
10
|
var theme = _a.theme, hasHeader = _a.hasHeader;
|
|
11
|
-
return
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
return hasHeader
|
|
12
|
+
? "\n background-color: " + theme.palette.primary.main + ";\n color: #FFF;\n"
|
|
13
|
+
: "";
|
|
14
14
|
});
|
|
15
15
|
exports.LogoContainer = (0, styles_1.styled)("div")(function () { return ({
|
|
16
16
|
width: SIDEBAR_WIDTH,
|
|
17
17
|
justifyContent: "center",
|
|
18
18
|
height: "100%",
|
|
19
19
|
}); });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtDQUE4QztBQUU5QyxJQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFFYixRQUFBLFVBQVUsR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQyxjQUFNLE9BQUEsQ0FBQztJQUMzQyxPQUFPLEVBQUUsTUFBTTtDQUNsQixDQUFDLEVBRjRDLENBRTVDLENBQUMsQ0FBQztBQUVTLFFBQUEsWUFBWSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssRUFBRSxFQUFFLGlCQUFpQixFQUFFLFVBQUMsUUFBUSxJQUFLLE9BQUEsUUFBUSxLQUFLLFdBQVcsRUFBeEIsQ0FBd0IsRUFBRSxDQUFDLENBRXJHLFVBQUMsRUFBb0I7UUFBbEIsS0FBSyxXQUFBLEVBQUUsU0FBUyxlQUFBO0lBQ2xCLE9BQUEsU0FBUztRQUNMLENBQUMsQ0FBQyw2QkFDYyxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLDBCQUVqRDtRQUNPLENBQUMsQ0FBQyxFQUFFO0FBTFIsQ0FLUSxDQUNYLENBQUM7QUFFVyxRQUFBLGFBQWEsR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQyxjQUFNLE9BQUEsQ0FBQztJQUM5QyxLQUFLLEVBQUUsYUFBYTtJQUNwQixjQUFjLEVBQUUsUUFBUTtJQUN4QixNQUFNLEVBQUUsTUFBTTtDQUNqQixDQUFDLEVBSitDLENBSS9DLENBQUMsQ0FBQyJ9
|
package/lib/Layout/types.d.ts
CHANGED
|
@@ -6,9 +6,11 @@ export interface LayoutProps extends SidebarProps {
|
|
|
6
6
|
subtitle?: string;
|
|
7
7
|
header?: ReactNode;
|
|
8
8
|
Logo?: ReactNode;
|
|
9
|
+
ToolbarRight?: ReactNode;
|
|
9
10
|
}
|
|
10
11
|
export interface AppBarProps {
|
|
11
12
|
Logo?: ReactNode;
|
|
13
|
+
ToolbarRight?: ReactNode;
|
|
12
14
|
}
|
|
13
15
|
export interface SidebarProps {
|
|
14
16
|
Menu?: ReactNode;
|
package/package.json
CHANGED
package/ui/ListItem/ListItem.js
CHANGED
|
@@ -12,7 +12,7 @@ var config_1 = require("../../config");
|
|
|
12
12
|
var ListItem = function (props) {
|
|
13
13
|
var children = props.children, icon = props.icon, label = props.label, onClick = props.onClick, route = props.route, params = props.params, _a = props.level, level = _a === void 0 ? 0 : _a, selected = props.selected;
|
|
14
14
|
var MenuIcon = icon !== null && icon !== void 0 ? icon : null; // TODO
|
|
15
|
-
var Content = children !== null && children !== void 0 ? children : (react_1.default.createElement(ListItemButton_1.default, { dense: true, onClick: onClick, sx: { py: 0, minHeight: 32, px: 1 }, selected:
|
|
15
|
+
var Content = children !== null && children !== void 0 ? children : (react_1.default.createElement(ListItemButton_1.default, { dense: true, onClick: onClick, sx: { py: 0, minHeight: 32, px: 1 }, selected: selected },
|
|
16
16
|
!!icon && level !== 1 && (react_1.default.createElement(ListItemIcon_1.default, { sx: { pl: level * 2, pr: 0, minWidth: 32 } },
|
|
17
17
|
react_1.default.createElement(MenuIcon, null))),
|
|
18
18
|
react_1.default.createElement(ListItemText_1.default, { primary: label, sx: { ml: level > 0 ? 4 : undefined }, primaryTypographyProps: { fontSize: 14 } })));
|
|
@@ -23,4 +23,4 @@ var ListItem = function (props) {
|
|
|
23
23
|
return Content;
|
|
24
24
|
};
|
|
25
25
|
exports.ListItem = ListItem;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vTGlzdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLDRFQUFzRDtBQUN0RCxnRkFBMEQ7QUFDMUQsNEVBQXNEO0FBQ3RELGdEQUE0QztBQUM1Qyx1Q0FBeUM7QUFHbEMsSUFBTSxRQUFRLEdBQUcsVUFBZ0IsS0FBdUI7SUFDbkQsSUFBQSxRQUFRLEdBQStELEtBQUssU0FBcEUsRUFBRSxJQUFJLEdBQXlELEtBQUssS0FBOUQsRUFBRSxLQUFLLEdBQWtELEtBQUssTUFBdkQsRUFBRSxPQUFPLEdBQXlDLEtBQUssUUFBOUMsRUFBRSxLQUFLLEdBQWtDLEtBQUssTUFBdkMsRUFBRSxNQUFNLEdBQTBCLEtBQUssT0FBL0IsRUFBRSxLQUF3QixLQUFLLE1BQXBCLEVBQVQsS0FBSyxtQkFBRyxDQUFDLEtBQUEsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFDckYsSUFBTSxRQUFRLEdBQVEsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksSUFBSSxDQUFDLENBQUMsT0FBTztJQUUzQyxJQUFNLE9BQU8sR0FBRyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxDQUN4Qiw4QkFBQyx3QkFBYyxJQUFDLEtBQUssUUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLFFBQVE7UUFDMUYsQ0FBQyxDQUFDLElBQUksSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLENBQ3RCLDhCQUFDLHNCQUFZLElBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO1lBQ3BELDhCQUFDLFFBQVEsT0FBRyxDQUNELENBQ2xCO1FBQ0QsOEJBQUMsc0JBQVksSUFDVCxPQUFPLEVBQUUsS0FBSyxFQUNkLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUNyQyxzQkFBc0IsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsR0FDMUMsQ0FDVyxDQUNwQixDQUFDO0lBRUYsSUFBSSxLQUFLLEVBQUU7UUFDUCxJQUFNLE9BQU8sR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNsRCxPQUFPLENBQ0gsOEJBQUMsT0FBTyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxRQUFRLFVBQzFDLE9BQU8sQ0FDRixDQUNiLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQTdCVyxRQUFBLFFBQVEsWUE2Qm5CIn0=
|