@uxf/cms 2.0.0-beta.3 → 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/README.md +5 -1
- package/forms/components/Select/Select.js +13 -6
- package/forms/components/Select/types.d.ts +3 -2
- package/lib/Layout/AppBar.js +4 -11
- package/lib/Layout/Layout.js +8 -8
- package/lib/Layout/Sidebar.js +3 -3
- package/lib/Layout/Toolbar.d.ts +14 -0
- package/lib/Layout/Toolbar.js +16 -0
- package/lib/Layout/styles.d.ts +2 -0
- package/lib/Layout/styles.js +6 -6
- package/lib/Layout/types.d.ts +2 -0
- package/lib/Menu/ui/MenuItem.js +2 -2
- package/package.json +1 -19
- package/ui/ListItem/ListItem.js +6 -8
- package/ui/ListItem/types.d.ts +3 -0
- package/ui/MenuItem/MenuItem.js +3 -3
- package/ui/Select/types.d.ts +2 -1
package/README.md
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
# @uxf/cms
|
|
2
|
+
[](https://www.npmjs.com/package/@uxf/cms)
|
|
3
|
+
[](https://www.npmjs.com/package/@uxf/cms)
|
|
4
|
+
[](https://www.npmjs.com/package/@uxf/cms)
|
|
5
|
+
[](https://www.npmjs.com/package/@uxf/cms)
|
|
2
6
|
|
|
3
7
|
## Použití balíčku
|
|
4
8
|
|
|
@@ -183,4 +187,4 @@ https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#-git-commit-guid
|
|
|
183
187
|
|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------|
|
|
184
188
|
| `fix(pencil): stop graphite breaking when too much pressure applied` | Patch Release |
|
|
185
189
|
| `feat(pencil): add 'graphiteWidth' option` | ~~Minor~~ Feature Release |
|
|
186
|
-
| `perf(pencil): remove graphiteWidth option`<br><br>`BREAKING CHANGE: The graphiteWidth option has been removed.`<br>`The default graphite width of 10mm is always used for performance reasons.` | ~~Major~~ Breaking Release |
|
|
190
|
+
| `perf(pencil): remove graphiteWidth option`<br><br>`BREAKING CHANGE: The graphiteWidth option has been removed.`<br>`The default graphite width of 10mm is always used for performance reasons.` | ~~Major~~ Breaking Release |
|
|
@@ -29,17 +29,24 @@ exports.Select = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var react_final_form_1 = require("react-final-form");
|
|
31
31
|
var Select_1 = require("../../../ui/Select");
|
|
32
|
-
var requiredValidator = function (errorMessage) {
|
|
33
|
-
return value
|
|
34
|
-
|
|
32
|
+
var requiredValidator = function (errorMessage) {
|
|
33
|
+
return function (value) {
|
|
34
|
+
return value ? undefined : errorMessage;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
35
37
|
var Select = function (props) {
|
|
36
|
-
var name = props.name, required = props.required, label = props.label, _a = props.requiredErrorMessage, requiredErrorMessage = _a === void 0 ? "Vyplňte políčko" : _a, selectProps = __rest(props, ["name", "required", "label", "requiredErrorMessage"]);
|
|
38
|
+
var name = props.name, required = props.required, label = props.label, _a = props.requiredErrorMessage, requiredErrorMessage = _a === void 0 ? "Vyplňte políčko" : _a, onChange = props.onChange, selectProps = __rest(props, ["name", "required", "label", "requiredErrorMessage", "onChange"]);
|
|
37
39
|
var _b = (0, react_final_form_1.useField)(name, {
|
|
38
40
|
allowNull: true,
|
|
39
41
|
defaultValue: null,
|
|
40
42
|
validate: required ? requiredValidator(requiredErrorMessage) : undefined,
|
|
41
43
|
}), input = _b.input, meta = _b.meta;
|
|
42
|
-
return (react_1.default.createElement(Select_1.Select, __assign({}, selectProps, { label: required ? label + " *" : label, TextFieldProps: __assign(__assign({}, selectProps.TextFieldProps), { helperText: meta.error && meta.touched ? meta.error : undefined, error: meta.error && meta.touched }), value: input.value, onChange: function (
|
|
44
|
+
return (react_1.default.createElement(Select_1.Select, __assign({}, selectProps, { label: required ? label + " *" : label, TextFieldProps: __assign(__assign({}, selectProps.TextFieldProps), { helperText: meta.error && meta.touched ? meta.error : undefined, error: meta.error && meta.touched }), value: input.value, onChange: function (event, value, reason, details) {
|
|
45
|
+
input.onChange(value);
|
|
46
|
+
if (onChange) {
|
|
47
|
+
onChange(event, value, reason, details);
|
|
48
|
+
}
|
|
49
|
+
} })));
|
|
43
50
|
};
|
|
44
51
|
exports.Select = Select;
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2Zvcm1zL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLGdEQUF1RDtBQUN2RCxxREFBNEM7QUFDNUMsNkNBQXdEO0FBR3hELElBQU0saUJBQWlCLEdBQ25CLFVBQUMsWUFBdUI7SUFDeEIsT0FBQSxVQUFDLEtBQWE7UUFDVixPQUFBLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxZQUFZO0lBQWhDLENBQWdDO0FBRHBDLENBQ29DLENBQUM7QUFFbEMsSUFBTSxNQUFNLEdBQUcsVUFNbEIsS0FBMkQ7SUFFbkQsSUFBQSxJQUFJLEdBQTBGLEtBQUssS0FBL0YsRUFBRSxRQUFRLEdBQWdGLEtBQUssU0FBckYsRUFBRSxLQUFLLEdBQXlFLEtBQUssTUFBOUUsRUFBRSxLQUF1RSxLQUFLLHFCQUFwQyxFQUF4QyxvQkFBb0IsbUJBQUcsaUJBQWlCLEtBQUEsRUFBRSxRQUFRLEdBQXFCLEtBQUssU0FBMUIsRUFBSyxXQUFXLFVBQUssS0FBSyxFQUFyRyxpRUFBNkYsQ0FBRixDQUFXO0lBRXRHLElBQUEsS0FBa0IsSUFBQSwyQkFBUSxFQUFNLElBQUksRUFBRTtRQUN4QyxTQUFTLEVBQUUsSUFBSTtRQUNmLFlBQVksRUFBRSxJQUFJO1FBQ2xCLFFBQVEsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVM7S0FDM0UsQ0FBQyxFQUpNLEtBQUssV0FBQSxFQUFFLElBQUksVUFJakIsQ0FBQztJQUVILE9BQU8sQ0FDSCw4QkFBQyxlQUFRLGVBQ0QsV0FBVyxJQUNmLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFJLEtBQUssT0FBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQ3RDLGNBQWMsd0JBQ1AsV0FBVyxDQUFDLGNBQWMsS0FDN0IsVUFBVSxFQUFFLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUMvRCxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsT0FBTyxLQUVyQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFDbEIsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsT0FBTztZQUNwQyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3RCLElBQUksUUFBUSxFQUFFO2dCQUNWLFFBQVEsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQzthQUMzQztRQUNMLENBQUMsSUFDSCxDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUFsQ1csUUFBQSxNQUFNLFVBa0NqQiJ9
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
import { SelectProps as UISelectProps } from "../../../ui/Select";
|
|
3
|
-
export declare type ExtraSelectProps = {
|
|
3
|
+
export declare type ExtraSelectProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = {
|
|
4
4
|
name: string;
|
|
5
5
|
required?: boolean;
|
|
6
6
|
requiredErrorMessage?: ReactNode;
|
|
7
|
+
onChange?: UISelectProps<T, Multiple, DisableClearable, FreeSolo>["onChange"];
|
|
7
8
|
};
|
|
8
|
-
export declare type SelectProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<UISelectProps<T, Multiple, DisableClearable, FreeSolo>, "onChange" | "value" | "name"> & ExtraSelectProps
|
|
9
|
+
export declare type SelectProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<UISelectProps<T, Multiple, DisableClearable, FreeSolo>, "onChange" | "value" | "name"> & ExtraSelectProps<T, Multiple, DisableClearable, FreeSolo>;
|
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
|
|
11
|
-
var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
|
|
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.
|
|
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
|
@@ -25,7 +25,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
25
25
|
exports.Layout = void 0;
|
|
26
26
|
var Box_1 = __importDefault(require("@mui/material/Box"));
|
|
27
27
|
var CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
|
|
28
|
-
var Toolbar_1 =
|
|
28
|
+
var Toolbar_1 = require("./Toolbar");
|
|
29
29
|
var Typography_1 = __importDefault(require("@mui/material/Typography"));
|
|
30
30
|
var head_1 = __importDefault(require("next/head"));
|
|
31
31
|
var react_1 = __importStar(require("react"));
|
|
@@ -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,15 +51,15 @@ 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
|
-
react_1.default.createElement(Toolbar_1.
|
|
58
|
-
react_1.default.createElement(styles_1.LayoutHeader, { sx: { p:
|
|
59
|
-
Breadcrumbs,
|
|
60
|
-
react_1.default.createElement(Typography_1.default, { variant: "h4", component: "h2", color: "
|
|
57
|
+
react_1.default.createElement(Toolbar_1.Toolbar, null),
|
|
58
|
+
react_1.default.createElement(styles_1.LayoutHeader, { hasHeader: !!header, sx: { p: 3 } },
|
|
59
|
+
react_1.default.createElement("div", { style: { fontSize: 10 } }, Breadcrumbs),
|
|
60
|
+
react_1.default.createElement(Typography_1.default, { variant: "h4", component: "h2", color: header ? "#FFF" : undefined }, title),
|
|
61
61
|
header),
|
|
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/Sidebar.js
CHANGED
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Sidebar = void 0;
|
|
7
7
|
var Drawer_1 = __importDefault(require("@mui/material/Drawer"));
|
|
8
|
-
var Toolbar_1 =
|
|
8
|
+
var Toolbar_1 = require("./Toolbar");
|
|
9
9
|
var react_1 = __importDefault(require("react"));
|
|
10
10
|
var Menu_1 = require("../Menu");
|
|
11
11
|
var drawerWidth = 240;
|
|
@@ -20,8 +20,8 @@ var Sidebar = function (props) {
|
|
|
20
20
|
boxSizing: "border-box",
|
|
21
21
|
},
|
|
22
22
|
}, variant: "permanent", anchor: "left" },
|
|
23
|
-
react_1.default.createElement(Toolbar_1.
|
|
23
|
+
react_1.default.createElement(Toolbar_1.Toolbar, null), MenuComponent !== null && MenuComponent !== void 0 ? MenuComponent : (menuConfiguration ? react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration }) : null),
|
|
24
24
|
UserMenu));
|
|
25
25
|
};
|
|
26
26
|
exports.Sidebar = Sidebar;
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdFQUEwQztBQUMxQyxxQ0FBb0M7QUFDcEMsZ0RBQWtDO0FBQ2xDLGdDQUErQjtBQUcvQixJQUFNLFdBQVcsR0FBRyxHQUFHLENBQUM7QUFFakIsSUFBTSxPQUFPLEdBQXFCLFVBQUMsS0FBSztJQUNuQyxJQUFNLGFBQWEsR0FBa0MsS0FBSyxLQUF2QyxFQUFFLGlCQUFpQixHQUFlLEtBQUssa0JBQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBQ25FLCtDQUErQztJQUUvQyxPQUFPLENBQ0gsOEJBQUMsZ0JBQU0sSUFDSCxFQUFFLEVBQUU7WUFDQSxLQUFLLEVBQUUsV0FBVztZQUNsQixVQUFVLEVBQUUsQ0FBQztZQUNiLG9CQUFvQixFQUFFO2dCQUNsQixLQUFLLEVBQUUsV0FBVztnQkFDbEIsU0FBUyxFQUFFLFlBQVk7YUFDMUI7U0FDSixFQUNELE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxNQUFNO1FBRWIsOEJBQUMsaUJBQU8sT0FBRyxFQUNWLGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsaUJBQWlCLEdBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9FLFFBQVEsQ0FDSixDQUNaLENBQUM7QUFDTixDQUFDLENBQUM7QUF0QlcsUUFBQSxPQUFPLFdBc0JsQiJ9
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Toolbar: import("@mui/system").StyledComponent<{
|
|
3
|
+
children?: import("react").ReactNode;
|
|
4
|
+
classes?: Partial<import("@mui/material/Toolbar").ToolbarClasses> | undefined;
|
|
5
|
+
disableGutters?: boolean | undefined;
|
|
6
|
+
variant?: "dense" | "regular" | undefined;
|
|
7
|
+
sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
8
|
+
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
9
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
+
}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "disableGutters"> & {
|
|
11
|
+
theme?: import("@mui/material/styles").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
14
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Toolbar = void 0;
|
|
11
|
+
var styles_1 = require("@mui/material/styles");
|
|
12
|
+
var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
|
|
13
|
+
// TODO @vikus
|
|
14
|
+
exports.Toolbar = (0, styles_1.styled)(Toolbar_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: 48px !important;\n"], ["\n min-height: 48px !important;\n"])));
|
|
15
|
+
var templateObject_1;
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbGJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1Rvb2xiYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSwrQ0FBOEM7QUFDOUMsa0VBQStDO0FBRS9DLGNBQWM7QUFDRCxRQUFBLE9BQU8sR0FBRyxJQUFBLGVBQU0sRUFBQyxpQkFBVSxDQUFDLHlHQUFBLHNDQUV4QyxLQUFDIn0=
|
package/lib/Layout/styles.d.ts
CHANGED
|
@@ -8,6 +8,8 @@ export declare const LayoutHeader: import("@mui/system").StyledComponent<{
|
|
|
8
8
|
theme?: import("@mui/material/styles").Theme | undefined;
|
|
9
9
|
as?: import("react").ElementType<any> | undefined;
|
|
10
10
|
sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
11
|
+
} & {
|
|
12
|
+
hasHeader?: boolean | undefined;
|
|
11
13
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
14
|
export declare const LogoContainer: import("@mui/system").StyledComponent<{
|
|
13
15
|
theme?: import("@mui/material/styles").Theme | undefined;
|
package/lib/Layout/styles.js
CHANGED
|
@@ -6,15 +6,15 @@ var SIDEBAR_WIDTH = 240;
|
|
|
6
6
|
exports.LayoutRoot = (0, styles_1.styled)("div")(function () { return ({
|
|
7
7
|
display: "flex",
|
|
8
8
|
}); });
|
|
9
|
-
exports.LayoutHeader = (0, styles_1.styled)("div")(function (_a) {
|
|
10
|
-
var theme = _a.theme;
|
|
11
|
-
return
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
exports.LayoutHeader = (0, styles_1.styled)("div", { shouldForwardProp: function (propName) { return propName !== "hasHeader"; } })(function (_a) {
|
|
10
|
+
var theme = _a.theme, hasHeader = _a.hasHeader;
|
|
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/lib/Menu/ui/MenuItem.js
CHANGED
|
@@ -84,10 +84,10 @@ var MenuItem = function (props) {
|
|
|
84
84
|
horizontal: "left",
|
|
85
85
|
} },
|
|
86
86
|
react_1.default.createElement(List_1.default, null, item.children.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 })); }))))),
|
|
87
|
-
(isActive || hasActiveChildren) && item.children.length > 0 && (react_1.default.createElement(List_1.default,
|
|
87
|
+
(isActive || hasActiveChildren) && item.children.length > 0 && (react_1.default.createElement(List_1.default, { sx: { py: 0 } }, item.children.map(function (i) {
|
|
88
88
|
var isSel = i.isActive(router);
|
|
89
89
|
return (react_1.default.createElement(ListItem_1.ListItem, { key: i.title, label: i.title, icon: i.icon, route: i.route, params: i.routeParams, level: 1, selected: isSel }));
|
|
90
90
|
})))));
|
|
91
91
|
};
|
|
92
92
|
exports.MenuItem = MenuItem;
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDREQUFzQztBQUN0QyxrRUFBNEM7QUFDNUMsNkNBQXlEO0FBQ3pELDBDQUE0QztBQUM1QyxpREFBZ0Q7QUFDaEQsaURBQThEO0FBWXZELElBQU0sUUFBUSxHQUFzQixVQUFDLEtBQUs7O0lBQ3JDLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLElBQU0sU0FBUyxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3pELElBQU0sTUFBTSxHQUFHLFNBQVMsRUFBRSxDQUFDO0lBRTNCLElBQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkMsSUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFekQsSUFBTSxhQUFhLEdBQUcsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDckQsSUFBTSxVQUFVLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFFN0IsSUFBQSxLQUFBLE9BQTBCLElBQUEsZ0JBQVEsRUFBTSxJQUFJLENBQUMsSUFBQSxFQUE1QyxRQUFRLFFBQUEsRUFBRSxXQUFXLFFBQXVCLENBQUM7SUFFcEQsSUFBTSxZQUFZLEdBQUcsSUFBQSxtQkFBVyxFQUFDLFVBQUMsQ0FBQztRQUMvQixXQUFXLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ2pDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLElBQU0sWUFBWSxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUM3QixXQUFX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
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/cms",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.8",
|
|
4
4
|
"description": "UXF Cms",
|
|
5
5
|
"author": "UXFans <dev@uxf.cz>",
|
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/cms#readme",
|
|
@@ -85,23 +85,5 @@
|
|
|
85
85
|
"react-final-form": "^6.5.1",
|
|
86
86
|
"react-final-form-arrays": "^3.1.3",
|
|
87
87
|
"styled-components": "^5.3.1"
|
|
88
|
-
},
|
|
89
|
-
"release": {
|
|
90
|
-
"plugins": [
|
|
91
|
-
"@semantic-release/commit-analyzer",
|
|
92
|
-
"@semantic-release/release-notes-generator",
|
|
93
|
-
[
|
|
94
|
-
"@semantic-release/gitlab",
|
|
95
|
-
{
|
|
96
|
-
"gitlabUrl": "https://gitlab.com/"
|
|
97
|
-
}
|
|
98
|
-
],
|
|
99
|
-
[
|
|
100
|
-
"@semantic-release/npm",
|
|
101
|
-
{
|
|
102
|
-
"pkgRoot": "dist"
|
|
103
|
-
}
|
|
104
|
-
]
|
|
105
|
-
]
|
|
106
88
|
}
|
|
107
89
|
}
|
package/ui/ListItem/ListItem.js
CHANGED
|
@@ -4,25 +4,23 @@ 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 ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
|
|
8
7
|
var ListItemIcon_1 = __importDefault(require("@mui/material/ListItemIcon"));
|
|
9
|
-
var
|
|
8
|
+
var ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
|
|
10
9
|
var ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
|
|
11
10
|
var react_1 = __importDefault(require("react"));
|
|
12
11
|
var config_1 = require("../../config");
|
|
13
12
|
var ListItem = function (props) {
|
|
14
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;
|
|
15
14
|
var MenuIcon = icon !== null && icon !== void 0 ? icon : null; // TODO
|
|
16
|
-
var Content = children !== null && children !== void 0 ? children : (react_1.default.createElement(
|
|
17
|
-
!!icon && (react_1.default.createElement(ListItemIcon_1.default, { sx: { pl: level * 2 } },
|
|
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
|
+
!!icon && level !== 1 && (react_1.default.createElement(ListItemIcon_1.default, { sx: { pl: level * 2, pr: 0, minWidth: 32 } },
|
|
18
17
|
react_1.default.createElement(MenuIcon, null))),
|
|
19
|
-
react_1.default.createElement(ListItemText_1.default, { primary: label })));
|
|
18
|
+
react_1.default.createElement(ListItemText_1.default, { primary: label, sx: { ml: level > 0 ? 4 : undefined }, primaryTypographyProps: { fontSize: 14 } })));
|
|
20
19
|
if (route) {
|
|
21
20
|
var UxfLink = config_1.container.get("router").getLink();
|
|
22
|
-
return (react_1.default.createElement(UxfLink, { route: route, params: params, passHref: true },
|
|
23
|
-
react_1.default.createElement(ListItemButton_1.default, { selected: selected }, Content)));
|
|
21
|
+
return (react_1.default.createElement(UxfLink, { route: route, params: params, passHref: true }, Content));
|
|
24
22
|
}
|
|
25
23
|
return Content;
|
|
26
24
|
};
|
|
27
25
|
exports.ListItem = ListItem;
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vTGlzdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLDRFQUFzRDtBQUN0RCxnRkFBMEQ7QUFDMUQsNEVBQXNEO0FBQ3RELGdEQUE0QztBQUM1Qyx1Q0FBeUM7QUFHbEMsSUFBTSxRQUFRLEdBQUcsVUFBZ0IsS0FBdUI7SUFDbkQsSUFBQSxRQUFRLEdBQStELEtBQUssU0FBcEUsRUFBRSxJQUFJLEdBQXlELEtBQUssS0FBOUQsRUFBRSxLQUFLLEdBQWtELEtBQUssTUFBdkQsRUFBRSxPQUFPLEdBQXlDLEtBQUssUUFBOUMsRUFBRSxLQUFLLEdBQWtDLEtBQUssTUFBdkMsRUFBRSxNQUFNLEdBQTBCLEtBQUssT0FBL0IsRUFBRSxLQUF3QixLQUFLLE1BQXBCLEVBQVQsS0FBSyxtQkFBRyxDQUFDLEtBQUEsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFDckYsSUFBTSxRQUFRLEdBQVEsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksSUFBSSxDQUFDLENBQUMsT0FBTztJQUUzQyxJQUFNLE9BQU8sR0FBRyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxDQUN4Qiw4QkFBQyx3QkFBYyxJQUFDLEtBQUssUUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLFFBQVE7UUFDMUYsQ0FBQyxDQUFDLElBQUksSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLENBQ3RCLDhCQUFDLHNCQUFZLElBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO1lBQ3BELDhCQUFDLFFBQVEsT0FBRyxDQUNELENBQ2xCO1FBQ0QsOEJBQUMsc0JBQVksSUFDVCxPQUFPLEVBQUUsS0FBSyxFQUNkLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUNyQyxzQkFBc0IsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsR0FDMUMsQ0FDVyxDQUNwQixDQUFDO0lBRUYsSUFBSSxLQUFLLEVBQUU7UUFDUCxJQUFNLE9BQU8sR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNsRCxPQUFPLENBQ0gsOEJBQUMsT0FBTyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxRQUFRLFVBQzFDLE9BQU8sQ0FDRixDQUNiLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQTdCVyxRQUFBLFFBQVEsWUE2Qm5CIn0=
|
package/ui/ListItem/types.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ListItemButtonProps } from "@mui/material";
|
|
1
2
|
import { SvgIconProps } from "@mui/material/SvgIcon";
|
|
2
3
|
import { ComponentType, ReactElement } from "react";
|
|
3
4
|
export interface ListItemProps<RouteList> {
|
|
@@ -9,4 +10,6 @@ export interface ListItemProps<RouteList> {
|
|
|
9
10
|
params?: any;
|
|
10
11
|
level?: number;
|
|
11
12
|
selected?: boolean;
|
|
13
|
+
onMouseEnter?: ListItemButtonProps["onMouseEnter"];
|
|
14
|
+
onMouseLeave?: ListItemButtonProps["onMouseLeave"];
|
|
12
15
|
}
|
package/ui/MenuItem/MenuItem.js
CHANGED
|
@@ -13,8 +13,8 @@ var config_1 = require("../../config");
|
|
|
13
13
|
var MenuItem = function (props) {
|
|
14
14
|
var children = props.children, icon = props.icon, label = props.label, onClick = props.onClick, route = props.route, params = props.params;
|
|
15
15
|
var MenuIcon = icon !== null && icon !== void 0 ? icon : null; // TODO
|
|
16
|
-
var Content = children !== null && children !== void 0 ? children : (react_1.default.createElement(MenuItem_1.default, { onClick: onClick },
|
|
17
|
-
!!icon && (react_1.default.createElement(ListItemIcon_1.default,
|
|
16
|
+
var Content = children !== null && children !== void 0 ? children : (react_1.default.createElement(MenuItem_1.default, { dense: true, onClick: onClick, sx: { py: 0, minHeight: 32 } },
|
|
17
|
+
!!icon && (react_1.default.createElement(ListItemIcon_1.default, { sx: { p: 0, minWidth: 32 } },
|
|
18
18
|
react_1.default.createElement(MenuIcon, null))),
|
|
19
19
|
react_1.default.createElement(Typography_1.default, { variant: "inherit", noWrap: true }, label)));
|
|
20
20
|
if (route) {
|
|
@@ -25,4 +25,4 @@ var MenuItem = function (props) {
|
|
|
25
25
|
return Content;
|
|
26
26
|
};
|
|
27
27
|
exports.MenuItem = MenuItem;
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTWVudUl0ZW0vTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLDREQUFzQztBQUN0Qyw0RUFBc0Q7QUFDdEQsb0VBQWlEO0FBQ2pELHdFQUFrRDtBQUNsRCxnREFBNEM7QUFDNUMsdUNBQXlDO0FBR2xDLElBQU0sUUFBUSxHQUFHLFVBQWdCLEtBQXVCO0lBQ25ELElBQUEsUUFBUSxHQUEwQyxLQUFLLFNBQS9DLEVBQUUsSUFBSSxHQUFvQyxLQUFLLEtBQXpDLEVBQUUsS0FBSyxHQUE2QixLQUFLLE1BQWxDLEVBQUUsT0FBTyxHQUFvQixLQUFLLFFBQXpCLEVBQUUsS0FBSyxHQUFhLEtBQUssTUFBbEIsRUFBRSxNQUFNLEdBQUssS0FBSyxPQUFWLENBQVc7SUFDaEUsSUFBTSxRQUFRLEdBQVEsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksSUFBSSxDQUFDLENBQUMsT0FBTztJQUUzQyxJQUFNLE9BQU8sR0FBRyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxDQUN4Qiw4QkFBQyxrQkFBVyxJQUFDLEtBQUssUUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRTtRQUM1RCxDQUFDLENBQUMsSUFBSSxJQUFJLENBQ1AsOEJBQUMsc0JBQVksSUFBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7WUFDcEMsOEJBQUMsUUFBUSxPQUFHLENBQ0QsQ0FDbEI7UUFDRCw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxVQUMvQixLQUFLLENBQ0csQ0FDSCxDQUNqQixDQUFDO0lBRUYsSUFBSSxLQUFLLEVBQUU7UUFDUCxJQUFNLE9BQU8sR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNsRCxPQUFPLENBQ0gsOEJBQUMsT0FBTyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxRQUFRO1lBQzNDLDhCQUFDLGNBQUksSUFBQyxLQUFLLEVBQUMsU0FBUyxFQUFDLFNBQVMsRUFBQyxNQUFNLElBQ2pDLE9BQU8sQ0FDTCxDQUNELENBQ2IsQ0FBQztLQUNMO0lBRUQsT0FBTyxPQUFPLENBQUM7QUFDbkIsQ0FBQyxDQUFDO0FBN0JXLFFBQUEsUUFBUSxZQTZCbkIifQ==
|
package/ui/Select/types.d.ts
CHANGED
|
@@ -3,4 +3,5 @@ import { TextFieldProps } from "@mui/material/TextField";
|
|
|
3
3
|
export declare type SelectProps<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> = {
|
|
4
4
|
label?: string;
|
|
5
5
|
TextFieldProps?: Partial<TextFieldProps>;
|
|
6
|
-
|
|
6
|
+
onChange: NonNullable<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>["onChange"]>;
|
|
7
|
+
} & Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput" | "onChange">;
|