@uxf/cms 2.0.0-beta.7 → 2.1.0
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/api/index.d.ts +7 -0
- package/api/index.js +20 -7
- package/config/Config.js +2 -2
- package/config/Container.js +2 -2
- package/deprecated/api/ApiClient.d.ts +15 -0
- package/deprecated/api/ApiClient.js +106 -0
- package/deprecated/api/index.d.ts +2 -0
- package/deprecated/api/index.js +11 -0
- package/deprecated/hoc/withAuthenticate.d.ts +6 -0
- package/deprecated/hoc/withAuthenticate.js +124 -0
- package/deprecated/redux/configureStore.d.ts +3 -0
- package/deprecated/redux/configureStore.js +20 -0
- package/deprecated/redux/entities/actions.d.ts +30 -0
- package/deprecated/redux/entities/actions.js +22 -0
- package/deprecated/redux/entities/index.d.ts +2 -0
- package/deprecated/redux/entities/index.js +15 -0
- package/deprecated/redux/entities/reducer.d.ts +3 -0
- package/deprecated/redux/entities/reducer.js +35 -0
- package/deprecated/redux/entities/selectors.d.ts +10 -0
- package/deprecated/redux/entities/selectors.js +36 -0
- package/deprecated/redux/index.d.ts +3 -0
- package/deprecated/redux/index.js +19 -0
- package/deprecated/redux/reduxHelper.d.ts +15 -0
- package/deprecated/redux/reduxHelper.js +8 -0
- package/deprecated/redux/types.d.ts +7 -0
- package/deprecated/redux/types.js +3 -0
- package/deprecated/redux/user/actions.d.ts +19 -0
- package/deprecated/redux/user/actions.js +15 -0
- package/deprecated/redux/user/index.d.ts +2 -0
- package/deprecated/redux/user/index.js +15 -0
- package/deprecated/redux/user/reducer.d.ts +3 -0
- package/deprecated/redux/user/reducer.js +27 -0
- package/deprecated/redux/user/selectors.d.ts +3 -0
- package/deprecated/redux/user/selectors.js +6 -0
- package/deprecated/redux/with-redux-store.d.ts +1 -0
- package/deprecated/redux/with-redux-store.js +122 -0
- package/deprecated/security/CmsAuthorizator.d.ts +3 -0
- package/deprecated/security/CmsAuthorizator.js +12 -0
- package/deprecated/types/App.d.ts +6 -0
- package/deprecated/types/App.js +3 -0
- package/deprecated/types/Form.d.ts +25 -0
- package/deprecated/types/Form.js +17 -0
- package/errors/BadRequestError.d.ts +2 -0
- package/errors/BadRequestError.js +4 -2
- package/forms/components/Autocomplete/Autocomplete.js +47 -12
- package/forms/components/Autocomplete/types.d.ts +3 -2
- package/forms/components/AutocompleteMultiple/AutocompleteMultiple.js +39 -11
- package/forms/components/Checkbox/Checkbox.js +2 -2
- package/forms/components/DatePicker/DatePicker.d.ts +2 -2
- package/forms/components/DatePicker/DatePicker.js +21 -10
- package/forms/components/DatePicker/types.d.ts +4 -3
- package/forms/components/DateTimePicker/DateTimePicker.js +4 -4
- package/forms/components/DateTimePicker/types.d.ts +1 -0
- package/forms/components/NumberInput/NumberInput.js +41 -11
- package/forms/components/RadioGroup/index.d.ts +18 -0
- package/forms/components/RadioGroup/index.js +90 -0
- package/forms/components/Select/Select.js +38 -10
- package/forms/components/SelectDeprecated/index.d.ts +13 -0
- package/forms/components/SelectDeprecated/index.js +84 -0
- package/forms/components/TextInput/TextInput.js +41 -8
- package/lib/CmsProvider/CmsProvider.js +3 -6
- package/lib/FlashMessages/FlashMessage.js +5 -6
- package/lib/FlashMessages/FlashMessagesContainer.js +3 -2
- package/lib/FlashMessages/styles.d.ts +3 -2
- package/lib/FlashMessages/styles.js +14 -35
- package/lib/Layout/AppBar.js +7 -11
- package/lib/Layout/Layout.js +12 -8
- package/lib/Layout/Sidebar.js +5 -5
- package/lib/Layout/styles.d.ts +3 -15
- package/lib/Layout/styles.js +10 -13
- package/lib/Layout/types.d.ts +10 -3
- package/lib/LoginLayout/LoginLayout.js +7 -5
- package/lib/LoginLayout/styles.d.ts +5 -12
- package/lib/LoginLayout/styles.js +12 -3
- package/lib/LoginLayout/types.d.ts +2 -1
- package/lib/Menu/ui/MenuItem.js +20 -7
- package/lib/api/createAxiosRequest.js +2 -2
- package/package.json +25 -21
- package/pages/ForgottenPasswordPage/ForgottenPasswordPage.js +2 -7
- package/pages/ForgottenPasswordPage/types.d.ts +1 -2
- package/pages/FormPage/BaseField.js +9 -8
- package/pages/FormPage/FormPage.d.ts +1 -4
- package/pages/FormPage/FormPage.js +5 -4
- package/pages/FormPage/styles.d.ts +1 -34
- package/pages/FormPage/styles.js +1 -1
- package/pages/GridPage/GridPage.d.ts +4 -0
- package/pages/GridPage/GridPage.js +146 -0
- package/pages/GridPage/getInitialPropsHelper.d.ts +4 -0
- package/pages/GridPage/getInitialPropsHelper.js +83 -0
- package/pages/GridPage/index.d.ts +1 -0
- package/pages/GridPage/index.js +6 -0
- package/pages/GridPage/types.d.ts +50 -0
- package/pages/GridPage/types.js +3 -0
- package/pages/GridPage/useHiddenColumns.d.ts +4 -0
- package/pages/GridPage/useHiddenColumns.js +34 -0
- package/pages/LoginPage/LoginPage.js +6 -4
- package/pages/LoginPage/types.d.ts +3 -3
- package/pages/RenewPasswordPage/types.d.ts +1 -1
- package/ui/Autocomplete/Autocomplete.js +2 -2
- package/ui/AutocompleteMultiple/AutocompleteMultiple.js +2 -2
- package/ui/Button/Button.js +2 -2
- package/ui/CopyToClipboardButton/CopyToClipboardButton.js +4 -4
- package/ui/CopyToClipboardButton/types.d.ts +3 -0
- package/ui/DatePicker/DatePicker.d.ts +3 -0
- package/ui/DatePicker/DatePicker.js +39 -0
- package/ui/DatePicker/index.d.ts +2 -0
- package/ui/DatePicker/index.js +15 -0
- package/ui/DatePicker/types.d.ts +9 -0
- package/ui/DatePicker/types.js +3 -0
- package/ui/Label/styles.d.ts +1 -7
- package/ui/Label/styles.js +3 -3
- package/ui/ListItem/ListItem.js +3 -3
- package/ui/ListItem/types.d.ts +4 -4
- package/ui/NumberInput/NumberInput.js +2 -2
- package/ui/Select/Select.js +2 -2
- package/lib/Layout/Toolbar.d.ts +0 -14
- package/lib/Layout/Toolbar.js +0 -16
@@ -52,19 +52,16 @@ var CmsProvider = function (props) {
|
|
52
52
|
var children = props.children;
|
53
53
|
var _a = __read((0, react_1.useState)(true), 2), isOpen = _a[0], setIsOpen = _a[1];
|
54
54
|
var _b = __read((0, react_1.useState)(false), 2), isMobile = _b[0], setIsMobile = _b[1];
|
55
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
56
55
|
(0, react_1.useEffect)(function () {
|
57
56
|
if (window.innerWidth < 1280) {
|
58
57
|
setIsMobile(true);
|
59
58
|
}
|
60
|
-
var onResize = function (
|
61
|
-
setIsMobile(event.target.innerWidth < 1280);
|
62
|
-
};
|
59
|
+
var onResize = function () { return setIsMobile(window.innerWidth < 1280); };
|
63
60
|
window.addEventListener("resize", onResize);
|
64
61
|
return function () {
|
65
62
|
window.removeEventListener("resize", onResize);
|
66
63
|
};
|
67
|
-
});
|
64
|
+
}, []);
|
68
65
|
(0, react_1.useEffect)(function () {
|
69
66
|
if (isMobile) {
|
70
67
|
setIsOpen(false);
|
@@ -88,4 +85,4 @@ var CmsProvider = function (props) {
|
|
88
85
|
return react_1.default.createElement(CmsContext.Provider, { value: value }, children);
|
89
86
|
};
|
90
87
|
exports.CmsProvider = CmsProvider;
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ21zUHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0Ntc1Byb3ZpZGVyL0Ntc1Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUFtRTtBQUduRSxJQUFNLFVBQVUsR0FBRyxlQUFLLENBQUMsYUFBYSxDQUFpQjtJQUNuRCxPQUFPLEVBQUU7UUFDTCxNQUFNLEVBQUUsS0FBSztRQUNiLElBQUksRUFBRSxjQUFNLE9BQUEsSUFBSSxFQUFKLENBQUk7UUFDaEIsS0FBSyxFQUFFLGNBQU0sT0FBQSxJQUFJLEVBQUosQ0FBSTtLQUNwQjtDQUNKLENBQUMsQ0FBQztBQUVJLElBQU0sYUFBYSxHQUFHLFVBQWlDLEdBQU07SUFDaEUsT0FBTyxJQUFBLGtCQUFVLEVBQUMsVUFBVSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUM7QUFDdkMsQ0FBQyxDQUFDO0FBRlcsUUFBQSxhQUFhLGlCQUV4QjtBQUVLLElBQU0sV0FBVyxHQUFPLFVBQUMsS0FBSztJQUN6QixJQUFBLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUVyQixJQUFBLEtBQUEsT0FBc0IsSUFBQSxnQkFBUSxFQUFDLElBQUksQ0FBQyxJQUFBLEVBQW5DLE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBa0IsQ0FBQztJQUNyQyxJQUFBLEtBQUEsT0FBMEIsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQXhDLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBbUIsQ0FBQztJQUVoRCxJQUFBLGlCQUFTLEVBQUM7UUFDTixJQUFJLE1BQU0sQ0FBQyxVQUFVLEdBQUcsSUFBSSxFQUFFO1lBQzFCLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNyQjtRQUNELElBQU0sUUFBUSxHQUFHLGNBQU0sT0FBQSxXQUFXLENBQUMsTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsRUFBckMsQ0FBcUMsQ0FBQztRQUM3RCxNQUFNLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQzVDLE9BQU87WUFDSCxNQUFNLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ25ELENBQUMsQ0FBQztJQUNOLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLElBQUEsaUJBQVMsRUFBQztRQUNOLElBQUksUUFBUSxFQUFFO1lBQ1YsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3BCO2FBQU07WUFDSCxTQUFTLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztTQUN4RTtJQUNMLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFFZixJQUFBLGlCQUFTLEVBQUM7UUFDTixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ1gsTUFBTSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsb0JBQW9CLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQ3pFO0lBQ0wsQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFFdkIsSUFBTSxLQUFLLEdBQW1CO1FBQzFCLE9BQU8sRUFBRTtZQUNMLE1BQU0sUUFBQTtZQUNOLElBQUksRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFmLENBQWU7WUFDM0IsS0FBSyxFQUFFLGNBQU0sT0FBQSxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQWhCLENBQWdCO1NBQ2hDO0tBQ0osQ0FBQztJQUVGLE9BQU8sOEJBQUMsVUFBVSxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsS0FBSyxJQUFHLFFBQVEsQ0FBdUIsQ0FBQztBQUMvRSxDQUFDLENBQUM7QUF4Q1csUUFBQSxXQUFXLGVBd0N0QiJ9
|
@@ -51,17 +51,16 @@ var ANCHOR_ORIGIN = {
|
|
51
51
|
var FlashMessage = function (props) {
|
52
52
|
var _a, _b;
|
53
53
|
var config = props.config, offset = props.offset, closing = props.closing, onClose = props.onClose;
|
54
|
-
var classes = (0, styles_1.useStyles)(props);
|
55
54
|
var variant = (_a = config.variant) !== null && _a !== void 0 ? _a : "info";
|
56
55
|
var Icon = styles_1.variantIcon[variant];
|
57
56
|
var handleClose = (0, react_1.useCallback)(function () {
|
58
57
|
onClose(config);
|
59
58
|
}, [onClose, config]);
|
60
|
-
return (react_1.default.createElement(Snackbar_1.default, {
|
61
|
-
react_1.default.createElement(SnackbarContent_1.default, { className:
|
62
|
-
react_1.default.createElement(Icon, {
|
59
|
+
return (react_1.default.createElement(Snackbar_1.default, { TransitionComponent: SlideTransition, anchorOrigin: ANCHOR_ORIGIN, autoHideDuration: (_b = config.dismissTimeout) !== null && _b !== void 0 ? _b : 6000, onClose: function (_, reason) { return (reason !== "clickaway" ? handleClose() : null); }, open: !closing, style: (0, styles_1.getTransitionStyles)(offset) },
|
60
|
+
react_1.default.createElement(SnackbarContent_1.default, { className: variant, "aria-describedby": "client-snackbar", message: react_1.default.createElement("span", { style: { display: "flex", alignItems: "center" } },
|
61
|
+
react_1.default.createElement(Icon, { sx: { fontSize: 20, opacity: 0.9, mr: 2 } }),
|
63
62
|
config.body), action: react_1.default.createElement(IconButton_1.default, { key: "close", "aria-label": "Close", color: "inherit", onClick: handleClose, size: "large" },
|
64
|
-
react_1.default.createElement(Close_1.default, {
|
63
|
+
react_1.default.createElement(Close_1.default, { sx: { fontSize: 20 } })) })));
|
65
64
|
};
|
66
65
|
exports.FlashMessage = FlashMessage;
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL0ZsYXNoTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsd0VBQWtEO0FBQ2xELDhEQUF3QztBQUN4QyxvRUFBaUU7QUFDakUsa0ZBQTREO0FBQzVELG9FQUFrRDtBQUNsRCw2Q0FBMkM7QUFDM0MsbUNBQTREO0FBRzVELFNBQVMsZUFBZSxDQUFDLEtBQVU7SUFDL0IsT0FBTyw4QkFBQyxlQUFLLGVBQUssS0FBSyxJQUFFLFNBQVMsRUFBQyxPQUFPLElBQUcsQ0FBQztBQUNsRCxDQUFDO0FBRUQsSUFBTSxhQUFhLEdBQWtDO0lBQ2pELFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFVBQVUsRUFBRSxNQUFNO0NBQ3JCLENBQUM7QUFFSyxJQUFNLFlBQVksR0FBZ0MsVUFBQyxLQUFLOztJQUNuRCxJQUFBLE1BQU0sR0FBK0IsS0FBSyxPQUFwQyxFQUFFLE1BQU0sR0FBdUIsS0FBSyxPQUE1QixFQUFFLE9BQU8sR0FBYyxLQUFLLFFBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBQ25ELElBQU0sT0FBTyxHQUF3QixNQUFBLE1BQU0sQ0FBQyxPQUFPLG1DQUFJLE1BQU0sQ0FBQztJQUM5RCxJQUFNLElBQUksR0FBRyxvQkFBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRWxDLElBQU0sV0FBVyxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUM1QixPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDcEIsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFdEIsT0FBTyxDQUNILDhCQUFDLGtCQUFRLElBQ0wsbUJBQW1CLEVBQUUsZUFBZSxFQUNwQyxZQUFZLEVBQUUsYUFBYSxFQUMzQixnQkFBZ0IsRUFBRSxNQUFBLE1BQU0sQ0FBQyxjQUFjLG1DQUFJLElBQUksRUFDL0MsT0FBTyxFQUFFLFVBQUMsQ0FBQyxFQUFFLE1BQU0sSUFBSyxPQUFBLENBQUMsTUFBTSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUEvQyxDQUErQyxFQUN2RSxJQUFJLEVBQUUsQ0FBQyxPQUFPLEVBQ2QsS0FBSyxFQUFFLElBQUEsNEJBQW1CLEVBQUMsTUFBTSxDQUFDO1FBRWxDLDhCQUFDLHlCQUFlLElBQ1osU0FBUyxFQUFFLE9BQU8sc0JBQ0QsaUJBQWlCLEVBQ2xDLE9BQU8sRUFDSCx3Q0FBTSxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUU7Z0JBQ2xELDhCQUFDLElBQUksSUFBQyxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFJO2dCQUNsRCxNQUFNLENBQUMsSUFBSSxDQUNULEVBRVgsTUFBTSxFQUNGLDhCQUFDLG9CQUFVLElBQUMsR0FBRyxFQUFDLE9BQU8sZ0JBQVksT0FBTyxFQUFDLEtBQUssRUFBQyxTQUFTLEVBQUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUMsT0FBTztnQkFDekYsOEJBQUMsZUFBUyxJQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsR0FBSSxDQUMxQixHQUVuQixDQUNLLENBQ2QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQW5DVyxRQUFBLFlBQVksZ0JBbUN2QiJ9
|
@@ -55,6 +55,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
55
55
|
};
|
56
56
|
Object.defineProperty(exports, "__esModule", { value: true });
|
57
57
|
exports.FlashMessagesContainer = void 0;
|
58
|
+
var styles_1 = require("./styles");
|
58
59
|
var react_1 = __importDefault(require("react"));
|
59
60
|
var FlashMessage_1 = require("./FlashMessage");
|
60
61
|
var NOTIFICATION_HEIGHT = 48;
|
@@ -98,9 +99,9 @@ var FlashMessagesContainer = /** @class */ (function (_super) {
|
|
98
99
|
FlashMessagesContainer.prototype.render = function () {
|
99
100
|
var _this = this;
|
100
101
|
var items = this.state.items;
|
101
|
-
return (react_1.default.createElement(
|
102
|
+
return (react_1.default.createElement(styles_1.Root, null, items.map(function (item, index) { return (react_1.default.createElement(FlashMessage_1.FlashMessage, { key: item.config.id, onClose: _this.close, offset: getFlashMessageOffset(index), closing: item.closing, config: item.config })); })));
|
102
103
|
};
|
103
104
|
return FlashMessagesContainer;
|
104
105
|
}(react_1.default.Component));
|
105
106
|
exports.FlashMessagesContainer = FlashMessagesContainer;
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
107
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlc0NvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvRmxhc2hNZXNzYWdlcy9GbGFzaE1lc3NhZ2VzQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtQ0FBZ0M7QUFDaEMsZ0RBQTBCO0FBQzFCLCtDQUE4QztBQUc5QyxJQUFNLG1CQUFtQixHQUFHLEVBQUUsQ0FBQztBQUMvQixJQUFNLG1CQUFtQixHQUFHLEVBQUUsQ0FBQztBQUMvQixJQUFNLFdBQVcsR0FBRyxFQUFFLENBQUM7QUFFdkIsU0FBUyxxQkFBcUIsQ0FBQyxLQUFhO0lBQ3hDLE9BQU8sV0FBVyxHQUFHLEtBQUssR0FBRyxDQUFDLG1CQUFtQixHQUFHLG1CQUFtQixDQUFDLENBQUM7QUFDN0UsQ0FBQztBQUVEO0lBQTRDLDBDQUFnRDtJQUN4RixnQ0FBWSxLQUFtQjtRQUEvQixZQUNJLGtCQUFNLEtBQUssQ0FBQyxTQUtmO1FBRU0sVUFBSSxHQUFHLFVBQUMsTUFBMEI7WUFDckMsS0FBSSxDQUFDLFFBQVEsQ0FBQyxVQUFDLEtBQUs7O2dCQUFLLE9BQUEsQ0FBQztvQkFDdEIsS0FBSyx5Q0FDRSxLQUFLLENBQUMsS0FBSzt3QkFDZDs0QkFDSSxNQUFNLHdCQUNDLE1BQU0sS0FDVCxFQUFFLEVBQUUsTUFBQSxNQUFNLENBQUMsRUFBRSxtQ0FBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FDcEQ7NEJBQ0QsT0FBTyxFQUFFLEtBQUs7eUJBQ2pCOzZCQUNKO2lCQUNKLENBQUMsQ0FBQTthQUFBLENBQUMsQ0FBQztRQUNSLENBQUMsQ0FBQztRQUVNLFlBQU0sR0FBRyxVQUFDLE1BQTBCO1lBQ3hDLEtBQUksQ0FBQyxRQUFRLENBQUMsVUFBQyxLQUFLLElBQUssT0FBQSxDQUFDO2dCQUN0QixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUUsS0FBSyxNQUFNLENBQUMsRUFBRSxFQUF6QixDQUF5QixDQUFDO2FBQzlELENBQUMsRUFGdUIsQ0FFdkIsQ0FBQyxDQUFDO1FBQ1IsQ0FBQyxDQUFDO1FBRUssV0FBSyxHQUFHLFVBQUMsTUFBMEI7WUFDdEMsS0FBSSxDQUFDLFFBQVEsQ0FDVCxVQUFDLEtBQUssSUFBSyxPQUFBLENBQUM7Z0JBQ1IsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUUsS0FBSyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUMsdUJBQU0sQ0FBQyxLQUFFLE9BQU8sRUFBRSxJQUFJLElBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUF6RCxDQUF5RCxDQUFDO2FBQzNGLENBQUMsRUFGUyxDQUVULEVBQ0YsY0FBTSxPQUFBLFVBQVUsQ0FBQyxjQUFNLE9BQUEsS0FBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBbkIsQ0FBbUIsRUFBRSxHQUFHLENBQUMsRUFBMUMsQ0FBMEMsQ0FDbkQsQ0FBQztRQUNOLENBQUMsQ0FBQztRQWpDRSxLQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1QsS0FBSyxFQUFFLEVBQUU7U0FDWixDQUFDOztJQUNOLENBQUM7SUFnQ00sdUNBQU0sR0FBYjtRQUFBLGlCQWVDO1FBZFcsSUFBQSxLQUFLLEdBQUssSUFBSSxDQUFDLEtBQUssTUFBZixDQUFnQjtRQUM3QixPQUFPLENBQ0gsOEJBQUMsYUFBSSxRQUNBLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDeEIsOEJBQUMsMkJBQVksSUFDVCxHQUFHLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQ25CLE9BQU8sRUFBRSxLQUFJLENBQUMsS0FBSyxFQUNuQixNQUFNLEVBQUUscUJBQXFCLENBQUMsS0FBSyxDQUFDLEVBQ3BDLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUNyQixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sR0FDckIsQ0FDTCxFQVIyQixDQVEzQixDQUFDLENBQ0MsQ0FDVixDQUFDO0lBQ04sQ0FBQztJQUNMLDZCQUFDO0FBQUQsQ0FBQyxBQXZERCxDQUE0QyxlQUFLLENBQUMsU0FBUyxHQXVEMUQ7QUF2RFksd0RBQXNCIn0=
|
@@ -1,8 +1,9 @@
|
|
1
1
|
import { FlashMessageVariant } from "./types";
|
2
|
+
import { CSSProperties } from "react";
|
2
3
|
export declare const variantIcon: {
|
3
4
|
[variant in FlashMessageVariant]: any;
|
4
5
|
};
|
5
|
-
export declare const
|
6
|
+
export declare const Root: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
6
7
|
export declare const TRANSITION_DELAY = 150;
|
7
8
|
export declare const TRANSITION_DOWN_DURATION = 200;
|
8
|
-
export declare const getTransitionStyles: (offset: number) =>
|
9
|
+
export declare const getTransitionStyles: (offset: number) => Partial<CSSProperties>;
|
@@ -1,11 +1,16 @@
|
|
1
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
|
+
};
|
2
6
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
8
|
};
|
5
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
exports.getTransitionStyles = exports.TRANSITION_DOWN_DURATION = exports.TRANSITION_DELAY = exports.
|
10
|
+
exports.getTransitionStyles = exports.TRANSITION_DOWN_DURATION = exports.TRANSITION_DELAY = exports.Root = exports.variantIcon = void 0;
|
11
|
+
var react_1 = require("@emotion/react");
|
7
12
|
var colors_1 = require("@mui/material/colors");
|
8
|
-
var
|
13
|
+
var styles_1 = require("@mui/material/styles");
|
9
14
|
var CheckCircle_1 = __importDefault(require("@mui/icons-material/CheckCircle"));
|
10
15
|
var Error_1 = __importDefault(require("@mui/icons-material/Error"));
|
11
16
|
var Info_1 = __importDefault(require("@mui/icons-material/Info"));
|
@@ -16,42 +21,16 @@ exports.variantIcon = {
|
|
16
21
|
error: Error_1.default,
|
17
22
|
info: Info_1.default,
|
18
23
|
};
|
19
|
-
exports.
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
error: {
|
24
|
-
backgroundColor: theme.palette.error.dark,
|
25
|
-
},
|
26
|
-
info: {
|
27
|
-
backgroundColor: theme.palette.primary.dark,
|
28
|
-
},
|
29
|
-
warning: {
|
30
|
-
backgroundColor: colors_1.amber[700],
|
31
|
-
},
|
32
|
-
buttonIcon: {
|
33
|
-
fontSize: 20,
|
34
|
-
},
|
35
|
-
messageIcon: {
|
36
|
-
fontSize: 20,
|
37
|
-
opacity: 0.9,
|
38
|
-
marginRight: theme.spacing(1),
|
39
|
-
},
|
40
|
-
message: {
|
41
|
-
display: "flex",
|
42
|
-
alignItems: "center",
|
43
|
-
},
|
44
|
-
}); });
|
24
|
+
exports.Root = (0, styles_1.styled)("div")(function (_a) {
|
25
|
+
var theme = _a.theme;
|
26
|
+
return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .MuiSnackbarContent-root {\n &.success {\n background-color: ", ";\n }\n\n &.error {\n background-color: ", ";\n }\n\n &.info {\n background-color: ", ";\n }\n\n &.warning {\n background-color: ", ";\n }\n }\n "], ["\n .MuiSnackbarContent-root {\n &.success {\n background-color: ", ";\n }\n\n &.error {\n background-color: ", ";\n }\n\n &.info {\n background-color: ", ";\n }\n\n &.warning {\n background-color: ", ";\n }\n }\n "])), colors_1.green[600], theme.palette.error.dark, theme.palette.primary.dark, colors_1.amber[700]);
|
27
|
+
});
|
45
28
|
exports.TRANSITION_DELAY = 150;
|
46
29
|
exports.TRANSITION_DOWN_DURATION = 200;
|
47
30
|
var getTransitionStyles = function (offset) { return ({
|
48
31
|
bottom: offset,
|
49
|
-
|
50
|
-
MozTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
|
51
|
-
msTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
|
52
|
-
OTransition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
|
53
|
-
transition: "all " + exports.TRANSITION_DOWN_DURATION + "ms",
|
54
|
-
transitionDelay: exports.TRANSITION_DELAY + "ms",
|
32
|
+
transition: "all ".concat(exports.TRANSITION_DOWN_DURATION, "ms ease-in-out ").concat(exports.TRANSITION_DELAY, "ms"),
|
55
33
|
}); };
|
56
34
|
exports.getTransitionStyles = getTransitionStyles;
|
57
|
-
|
35
|
+
var templateObject_1;
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsd0NBQXFDO0FBQ3JDLCtDQUFvRDtBQUNwRCwrQ0FBOEM7QUFDOUMsZ0ZBQThEO0FBQzlELG9FQUFrRDtBQUNsRCxrRUFBZ0Q7QUFDaEQsd0VBQXNEO0FBSXpDLFFBQUEsV0FBVyxHQUE4QztJQUNsRSxPQUFPLEVBQUUscUJBQWU7SUFDeEIsT0FBTyxFQUFFLGlCQUFXO0lBQ3BCLEtBQUssRUFBRSxlQUFTO0lBQ2hCLElBQUksRUFBRSxjQUFRO0NBQ2pCLENBQUM7QUFFVyxRQUFBLElBQUksR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FDN0IsVUFBQyxFQUFTO1FBQVAsS0FBSyxXQUFBO0lBQU8sV0FBQSxXQUFHLGdjQUFBLG1HQUdjLEVBQVUsK0VBSVYsRUFBd0IsOEVBSXhCLEVBQTBCLGlGQUkxQixFQUFVLG1DQUd6QyxLQWYrQixjQUFLLENBQUMsR0FBRyxDQUFDLEVBSVYsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUl4QixLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBSTFCLGNBQUssQ0FBQyxHQUFHLENBQUM7QUFmM0IsQ0FrQmQsQ0FDSixDQUFDO0FBRVcsUUFBQSxnQkFBZ0IsR0FBRyxHQUFHLENBQUM7QUFDdkIsUUFBQSx3QkFBd0IsR0FBRyxHQUFHLENBQUM7QUFFckMsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLE1BQWMsSUFBNkIsT0FBQSxDQUFDO0lBQzVFLE1BQU0sRUFBRSxNQUFNO0lBQ2QsVUFBVSxFQUFFLGNBQU8sZ0NBQXdCLDRCQUFrQix3QkFBZ0IsT0FBSTtDQUNwRixDQUFDLEVBSDZFLENBRzdFLENBQUM7QUFIVSxRQUFBLG1CQUFtQix1QkFHN0IifQ==
|
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 = require("./Toolbar");
|
8
|
+
var Toolbar_1 = __importDefault(require("@mui/material/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,10 @@ 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
|
-
|
27
|
-
|
28
|
-
|
29
|
-
react_1.default.createElement(AccountCircle_1.default, null)))));
|
22
|
+
react_1.default.createElement(Toolbar_1.default, { sx: {
|
23
|
+
flex: 1,
|
24
|
+
justifyContent: "flex-end",
|
25
|
+
}, variant: "dense" }, ToolbarRight)));
|
30
26
|
};
|
31
27
|
exports.AppBar = AppBar;
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXBwQmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvQXBwQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnRUFBNkM7QUFDN0Msa0VBQStDO0FBQy9DLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFDdEMsbUNBQXlDO0FBR2xDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7SUFDakMsSUFBQSxJQUFJLEdBQW1CLEtBQUssS0FBeEIsRUFBRSxZQUFZLEdBQUssS0FBSyxhQUFWLENBQVc7SUFDckMsT0FBTyxDQUNILDhCQUFDLGdCQUFTLElBQ04sUUFBUSxFQUFDLE9BQU8sRUFDaEIsRUFBRSxFQUFFO1lBQ0EsTUFBTSxFQUFFLFVBQUMsS0FBSyxJQUFLLE9BQUEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUF2QixDQUF1QjtZQUMxQyxLQUFLLEVBQUUsTUFBTTtZQUNiLE9BQU8sRUFBRSxNQUFNO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7U0FDdkI7UUFFRCw4QkFBQyxzQkFBYSxRQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLGVBQU0sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQWlCO1FBQy9ELDhCQUFDLGlCQUFVLElBQ1AsRUFBRSxFQUFFO2dCQUNBLElBQUksRUFBRSxDQUFDO2dCQUNQLGNBQWMsRUFBRSxVQUFVO2FBQzdCLEVBQ0QsT0FBTyxFQUFDLE9BQU8sSUFFZCxZQUFZLENBQ0osQ0FDTCxDQUNmLENBQUM7QUFDTixDQUFDLENBQUM7QUF6QlcsUUFBQSxNQUFNLFVBeUJqQiJ9
|
package/lib/Layout/Layout.js
CHANGED
@@ -23,9 +23,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
23
23
|
};
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
25
25
|
exports.Layout = void 0;
|
26
|
+
var material_1 = require("@mui/material");
|
26
27
|
var Box_1 = __importDefault(require("@mui/material/Box"));
|
27
28
|
var CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
|
28
|
-
var Toolbar_1 = require("
|
29
|
+
var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
|
29
30
|
var Typography_1 = __importDefault(require("@mui/material/Typography"));
|
30
31
|
var head_1 = __importDefault(require("next/head"));
|
31
32
|
var react_1 = __importStar(require("react"));
|
@@ -35,7 +36,7 @@ var AppBar_1 = require("./AppBar");
|
|
35
36
|
var Sidebar_1 = require("./Sidebar");
|
36
37
|
var styles_1 = require("./styles");
|
37
38
|
var Layout = function (props) {
|
38
|
-
var children = props.children,
|
39
|
+
var children = props.children, _a = props.title, title = _a === void 0 ? "Na\u010D\u00EDt\u00E1m\u2026" : _a, Logo = props.Logo, Menu = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, header = props.header, Breadcrumbs = props.Breadcrumbs, ToolbarRight = props.ToolbarRight, loading = props.loading;
|
39
40
|
var close = (0, CmsProvider_1.useCmsContext)("sidebar").close;
|
40
41
|
var onClick = (0, react_1.useCallback)(function () {
|
41
42
|
if (window.innerWidth < 1280) {
|
@@ -51,15 +52,18 @@ var Layout = function (props) {
|
|
51
52
|
" | ",
|
52
53
|
config_1.config.get("app-name"))),
|
53
54
|
react_1.default.createElement(CssBaseline_1.default, null),
|
54
|
-
react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo }),
|
55
|
+
react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo, ToolbarRight: ToolbarRight }),
|
55
56
|
react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Menu: Menu, UserMenu: UserMenu }),
|
56
|
-
react_1.default.createElement(Box_1.default, { component: "main", sx: { flexGrow: 1 } },
|
57
|
-
react_1.default.createElement(
|
57
|
+
react_1.default.createElement(Box_1.default, { component: "main", sx: { flexGrow: 1 } }, loading ? (react_1.default.createElement(Box_1.default, { minHeight: "60vh", display: "flex", alignItems: "center", justifyContent: "center" },
|
58
|
+
react_1.default.createElement(Box_1.default, { textAlign: "center" },
|
59
|
+
react_1.default.createElement(material_1.CircularProgress, null),
|
60
|
+
react_1.default.createElement(Typography_1.default, { mt: 1 }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
61
|
+
react_1.default.createElement(Toolbar_1.default, { variant: "dense" }),
|
58
62
|
react_1.default.createElement(styles_1.LayoutHeader, { hasHeader: !!header, sx: { p: 3 } },
|
59
63
|
react_1.default.createElement("div", { style: { fontSize: 10 } }, Breadcrumbs),
|
60
|
-
react_1.default.createElement(Typography_1.default, { variant: "h4", component: "h2", color: header ? "#
|
64
|
+
react_1.default.createElement(Typography_1.default, { variant: "h4", component: "h2", color: header ? "#fff" : undefined }, title),
|
61
65
|
header),
|
62
|
-
react_1.default.createElement(Box_1.default, { sx: { padding: 3 } }, children))));
|
66
|
+
react_1.default.createElement(Box_1.default, { sx: { padding: 3 } }, children))))));
|
63
67
|
};
|
64
68
|
exports.Layout = Layout;
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMENBQWlEO0FBQ2pELDBEQUFvQztBQUNwQywwRUFBb0Q7QUFDcEQsa0VBQStDO0FBQy9DLHdFQUFrRDtBQUNsRCxtREFBNkI7QUFDN0IsNkNBQStDO0FBQy9DLHVDQUFzQztBQUN0Qyw4Q0FBK0M7QUFDL0MsbUNBQWtDO0FBQ2xDLHFDQUFvQztBQUNwQyxtQ0FBb0Q7QUFHN0MsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSztJQUVyQyxJQUFBLFFBQVEsR0FVUixLQUFLLFNBVkcsRUFDUixLQVNBLEtBQUssTUFUa0IsRUFBdkIsS0FBSyxtQkFBRyw4QkFBZSxLQUFBLEVBQ3ZCLElBQUksR0FRSixLQUFLLEtBUkQsRUFDSixJQUFJLEdBT0osS0FBSyxLQVBELEVBQ0osaUJBQWlCLEdBTWpCLEtBQUssa0JBTlksRUFDakIsUUFBUSxHQUtSLEtBQUssU0FMRyxFQUNSLE1BQU0sR0FJTixLQUFLLE9BSkMsRUFDTixXQUFXLEdBR1gsS0FBSyxZQUhNLEVBQ1gsWUFBWSxHQUVaLEtBQUssYUFGTyxFQUNaLE9BQU8sR0FDUCxLQUFLLFFBREUsQ0FDRDtJQUVGLElBQUEsS0FBSyxHQUFLLElBQUEsMkJBQWEsRUFBQyxTQUFTLENBQUMsTUFBN0IsQ0FBOEI7SUFFM0MsSUFBTSxPQUFPLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQ3hCLElBQUksTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLEVBQUU7WUFDMUIsS0FBSyxFQUFFLENBQUM7U0FDWDtJQUNMLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFFWixPQUFPLENBQ0gsOEJBQUMsbUJBQVUsSUFBQyxPQUFPLEVBQUUsT0FBTztRQUN4Qiw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4QjtnQkFDSyxLQUFLOztnQkFBSyxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUM3QixDQUNMO1FBQ1AsOEJBQUMscUJBQVcsT0FBRztRQUNmLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxZQUFZLEdBQUk7UUFDbEQsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUk7UUFDakYsOEJBQUMsYUFBRyxJQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxJQUNwQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1AsOEJBQUMsYUFBRyxJQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxVQUFVLEVBQUMsUUFBUSxFQUFDLGNBQWMsRUFBQyxRQUFRO1lBQzVFLDhCQUFDLGFBQUcsSUFBQyxTQUFTLEVBQUMsUUFBUTtnQkFDbkIsOEJBQUMsMkJBQWdCLE9BQUc7Z0JBQ3BCLDhCQUFDLG9CQUFVLElBQUMsRUFBRSxFQUFFLENBQUMsbUNBQThCLENBQzdDLENBQ0osQ0FDVCxDQUFDLENBQUMsQ0FBQyxDQUNBO1lBQ0ksOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHO1lBQzlCLDhCQUFDLHFCQUFZLElBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRTtnQkFDM0MsdUNBQUssS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxJQUFHLFdBQVcsQ0FBTztnQkFDakQsOEJBQUMsb0JBQVUsSUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFDLFNBQVMsRUFBQyxJQUFJLEVBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQ3JFLEtBQUssQ0FDRztnQkFDWixNQUFNLENBQ0k7WUFDZiw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxJQUFHLFFBQVEsQ0FBTyxDQUMxQyxDQUNOLENBQ0MsQ0FDRyxDQUNoQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMURXLFFBQUEsTUFBTSxVQTBEakIifQ==
|
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 = require("
|
8
|
+
var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
|
9
9
|
var react_1 = __importDefault(require("react"));
|
10
10
|
var Menu_1 = require("../Menu");
|
11
11
|
var drawerWidth = 240;
|
@@ -13,15 +13,15 @@ var Sidebar = function (props) {
|
|
13
13
|
var MenuComponent = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu;
|
14
14
|
// const { isOpen } = useCmsContext("sidebar");
|
15
15
|
return (react_1.default.createElement(Drawer_1.default, { sx: {
|
16
|
-
width: drawerWidth,
|
17
16
|
flexShrink: 0,
|
17
|
+
width: drawerWidth,
|
18
18
|
"& .MuiDrawer-paper": {
|
19
|
-
width: drawerWidth,
|
20
19
|
boxSizing: "border-box",
|
20
|
+
width: drawerWidth,
|
21
21
|
},
|
22
22
|
}, variant: "permanent", anchor: "left" },
|
23
|
-
react_1.default.createElement(Toolbar_1.
|
23
|
+
react_1.default.createElement(Toolbar_1.default, { variant: "dense" }), 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdFQUEwQztBQUMxQyxrRUFBK0M7QUFDL0MsZ0RBQWtDO0FBQ2xDLGdDQUErQjtBQUcvQixJQUFNLFdBQVcsR0FBRyxHQUFHLENBQUM7QUFFakIsSUFBTSxPQUFPLEdBQXFCLFVBQUMsS0FBSztJQUNuQyxJQUFNLGFBQWEsR0FBa0MsS0FBSyxLQUF2QyxFQUFFLGlCQUFpQixHQUFlLEtBQUssa0JBQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBQ25FLCtDQUErQztJQUUvQyxPQUFPLENBQ0gsOEJBQUMsZ0JBQU0sSUFDSCxFQUFFLEVBQUU7WUFDQSxVQUFVLEVBQUUsQ0FBQztZQUNiLEtBQUssRUFBRSxXQUFXO1lBQ2xCLG9CQUFvQixFQUFFO2dCQUNsQixTQUFTLEVBQUUsWUFBWTtnQkFDdkIsS0FBSyxFQUFFLFdBQVc7YUFDckI7U0FDSixFQUNELE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxNQUFNO1FBRWIsOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHLEVBQzdCLGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUUsaUJBQWlCLEdBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9FLFFBQVEsQ0FDSixDQUNaLENBQUM7QUFDTixDQUFDLENBQUM7QUF0QlcsUUFBQSxPQUFPLFdBc0JsQiJ9
|
package/lib/Layout/styles.d.ts
CHANGED
@@ -1,18 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const LayoutRoot: import("@mui/system").
|
3
|
-
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
5
|
-
sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
|
6
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
7
|
-
export declare const LayoutHeader: import("@mui/system").StyledComponent<{
|
8
|
-
theme?: import("@mui/material/styles").Theme | undefined;
|
9
|
-
as?: import("react").ElementType<any> | undefined;
|
10
|
-
sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
|
11
|
-
} & {
|
2
|
+
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>, {}>;
|
3
|
+
export declare const LayoutHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
12
4
|
hasHeader?: boolean | undefined;
|
13
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
14
|
-
export declare const LogoContainer:
|
15
|
-
theme?: import("@mui/material/styles").Theme | undefined;
|
16
|
-
as?: import("react").ElementType<any> | undefined;
|
17
|
-
sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
|
18
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
6
|
+
export declare const LogoContainer: any;
|
package/lib/Layout/styles.js
CHANGED
@@ -1,20 +1,17 @@
|
|
1
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
|
+
};
|
2
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
7
|
exports.LogoContainer = exports.LayoutHeader = exports.LayoutRoot = void 0;
|
8
|
+
var react_1 = require("@emotion/react");
|
4
9
|
var styles_1 = require("@mui/material/styles");
|
5
|
-
|
6
|
-
exports.LayoutRoot = (0, styles_1.styled)("div")(function () { return ({
|
7
|
-
display: "flex",
|
8
|
-
}); });
|
10
|
+
exports.LayoutRoot = (0, styles_1.styled)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
9
11
|
exports.LayoutHeader = (0, styles_1.styled)("div", { shouldForwardProp: function (propName) { return propName !== "hasHeader"; } })(function (_a) {
|
10
12
|
var theme = _a.theme, hasHeader = _a.hasHeader;
|
11
|
-
return (
|
12
|
-
backgroundColor: hasHeader ? theme.palette.primary.main : undefined,
|
13
|
-
});
|
13
|
+
return hasHeader && (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n color: #fff;\n "], ["\n background-color: ", ";\n color: #fff;\n "])), theme.palette.primary.main);
|
14
14
|
});
|
15
|
-
exports.LogoContainer = (0, styles_1.styled)("div")(
|
16
|
-
|
17
|
-
|
18
|
-
height: "100%",
|
19
|
-
}); });
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtDQUE4QztBQUU5QyxJQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFFYixRQUFBLFVBQVUsR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQyxjQUFNLE9BQUEsQ0FBQztJQUMzQyxPQUFPLEVBQUUsTUFBTTtDQUNsQixDQUFDLEVBRjRDLENBRTVDLENBQUMsQ0FBQztBQUVTLFFBQUEsWUFBWSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssRUFBRSxFQUFFLGlCQUFpQixFQUFFLFVBQUMsUUFBUSxJQUFLLE9BQUEsUUFBUSxLQUFLLFdBQVcsRUFBeEIsQ0FBd0IsRUFBRSxDQUFDLENBRXJHLFVBQUMsRUFBb0I7UUFBbEIsS0FBSyxXQUFBLEVBQUUsU0FBUyxlQUFBO0lBQU8sT0FBQSxDQUFDO1FBQzFCLGVBQWUsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUztLQUN0RSxDQUFDO0FBRjJCLENBRTNCLENBQUMsQ0FBQztBQUVTLFFBQUEsYUFBYSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssQ0FBQyxDQUFDLGNBQU0sT0FBQSxDQUFDO0lBQzlDLEtBQUssRUFBRSxhQUFhO0lBQ3BCLGNBQWMsRUFBRSxRQUFRO0lBQ3hCLE1BQU0sRUFBRSxNQUFNO0NBQ2pCLENBQUMsRUFKK0MsQ0FJL0MsQ0FBQyxDQUFDIn0=
|
15
|
+
exports.LogoContainer = (0, styles_1.styled)("div")(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n justify-content: center;\n width: 240px;\n"], ["\n height: 100%;\n justify-content: center;\n width: 240px;\n"])));
|
16
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx3Q0FBcUM7QUFDckMsK0NBQThDO0FBRWpDLFFBQUEsVUFBVSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssQ0FBQywyRkFBQSx3QkFFdEMsS0FBQztBQUVXLFFBQUEsWUFBWSxHQUFHLElBQUEsZUFBTSxFQUFDLEtBQUssRUFBRSxFQUFFLGlCQUFpQixFQUFFLFVBQUMsUUFBUSxJQUFLLE9BQUEsUUFBUSxLQUFLLFdBQVcsRUFBeEIsQ0FBd0IsRUFBRSxDQUFDLENBR3BHLFVBQUMsRUFBb0I7UUFBbEIsS0FBSyxXQUFBLEVBQUUsU0FBUyxlQUFBO0lBQ2YsT0FBQSxTQUFTLFFBQ1QsV0FBRywrSUFBQSxrQ0FDcUIsRUFBMEIsdUNBRWpELEtBRnVCLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FFakQ7QUFKRCxDQUlDLENBQ1IsQ0FBQztBQUVXLFFBQUEsYUFBYSxHQUFRLElBQUEsZUFBTSxFQUFDLEtBQUssQ0FBQywySUFBQSx3RUFJOUMsS0FBQyJ9
|
package/lib/Layout/types.d.ts
CHANGED
@@ -1,14 +1,21 @@
|
|
1
1
|
import { ReactNode } from "react";
|
2
2
|
import { MenuItem } from "../Menu/model";
|
3
|
-
export
|
3
|
+
export declare type LayoutProps = SidebarProps & {
|
4
4
|
Breadcrumbs?: ReactNode;
|
5
|
-
title: string;
|
6
5
|
subtitle?: string;
|
7
6
|
header?: ReactNode;
|
8
7
|
Logo?: ReactNode;
|
9
|
-
|
8
|
+
ToolbarRight?: ReactNode;
|
9
|
+
} & ({
|
10
|
+
loading: true;
|
11
|
+
title?: string;
|
12
|
+
} | {
|
13
|
+
loading?: never;
|
14
|
+
title: string;
|
15
|
+
});
|
10
16
|
export interface AppBarProps {
|
11
17
|
Logo?: ReactNode;
|
18
|
+
ToolbarRight?: ReactNode;
|
12
19
|
}
|
13
20
|
export interface SidebarProps {
|
14
21
|
Menu?: ReactNode;
|
@@ -6,19 +6,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.LoginLayout = void 0;
|
7
7
|
var CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
|
8
8
|
var Typography_1 = __importDefault(require("@mui/material/Typography"));
|
9
|
+
var utils_1 = require("@mui/utils");
|
9
10
|
var head_1 = __importDefault(require("next/head"));
|
10
11
|
var react_1 = __importDefault(require("react"));
|
11
12
|
var styles_1 = require("./styles");
|
12
13
|
var LoginLayout = function (props) {
|
13
|
-
var title = props.title, pageTitle = props.pageTitle, children = props.children, Logo = props.Logo;
|
14
|
+
var hideTitle = props.hideTitle, title = props.title, pageTitle = props.pageTitle, children = props.children, Logo = props.Logo;
|
14
15
|
return (react_1.default.createElement(styles_1.LoginLayoutRoot, null,
|
15
16
|
react_1.default.createElement(head_1.default, null,
|
16
17
|
react_1.default.createElement("title", null, pageTitle || "")),
|
17
18
|
react_1.default.createElement(CssBaseline_1.default, null),
|
18
|
-
react_1.default.createElement(styles_1.LoginLayoutPaper,
|
19
|
-
|
20
|
-
|
19
|
+
react_1.default.createElement(styles_1.LoginLayoutPaper, { variant: "outlined" },
|
20
|
+
react_1.default.createElement(styles_1.LoginLayoutHeader, null,
|
21
|
+
Logo,
|
22
|
+
title && (react_1.default.createElement(Typography_1.default, { component: "h1", sx: hideTitle ? utils_1.visuallyHidden : { mt: Logo ? 2 : undefined }, variant: "h5" }, title))),
|
21
23
|
children)));
|
22
24
|
};
|
23
25
|
exports.LoginLayout = LoginLayout;
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5MYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xvZ2luTGF5b3V0L0xvZ2luTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwwRUFBb0Q7QUFDcEQsd0VBQWtEO0FBQ2xELG9DQUE0QztBQUM1QyxtREFBNkI7QUFDN0IsZ0RBQTBCO0FBQzFCLG1DQUFnRjtBQUd6RSxJQUFNLFdBQVcsR0FBK0IsVUFBQyxLQUFLO0lBQ2pELElBQUEsU0FBUyxHQUF1QyxLQUFLLFVBQTVDLEVBQUUsS0FBSyxHQUFnQyxLQUFLLE1BQXJDLEVBQUUsU0FBUyxHQUFxQixLQUFLLFVBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFOUQsT0FBTyxDQUNILDhCQUFDLHdCQUFlO1FBQ1osOEJBQUMsY0FBSTtZQUNELDZDQUFRLFNBQVMsSUFBSSxFQUFFLENBQVMsQ0FDN0I7UUFDUCw4QkFBQyxxQkFBVyxPQUFHO1FBQ2YsOEJBQUMseUJBQWdCLElBQUMsT0FBTyxFQUFDLFVBQVU7WUFDaEMsOEJBQUMsMEJBQWlCO2dCQUNiLElBQUk7Z0JBQ0osS0FBSyxJQUFJLENBQ04sOEJBQUMsb0JBQVUsSUFDUCxTQUFTLEVBQUMsSUFBSSxFQUNkLEVBQUUsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLHNCQUFjLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFDN0QsT0FBTyxFQUFDLElBQUksSUFFWCxLQUFLLENBQ0csQ0FDaEIsQ0FDZTtZQUNuQixRQUFRLENBQ00sQ0FDTCxDQUNyQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUJXLFFBQUEsV0FBVyxlQTBCdEIifQ==
|
@@ -1,20 +1,13 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const LoginLayoutRoot: import("@mui/system").
|
3
|
-
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
5
|
-
sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
|
6
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
|
7
|
-
export declare const LoginLayoutPaper: import("@mui/system").StyledComponent<{
|
2
|
+
export declare const LoginLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
|
3
|
+
export declare const LoginLayoutPaper: import("@emotion/styled").StyledComponent<{
|
8
4
|
children?: import("react").ReactNode;
|
9
5
|
classes?: Partial<import("@mui/material/Paper").PaperClasses> | undefined;
|
10
6
|
elevation?: number | undefined;
|
11
7
|
square?: boolean | undefined;
|
12
|
-
sx?: import("@mui/
|
8
|
+
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
|
13
9
|
variant?: "outlined" | "elevation" | undefined;
|
14
10
|
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
15
11
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
16
|
-
}, keyof import("@mui/material/OverridableComponent").CommonProps | "
|
17
|
-
|
18
|
-
as?: import("react").ElementType<any> | undefined;
|
19
|
-
sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
|
20
|
-
}, {}, {}>;
|
12
|
+
}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "variant" | "elevation" | "square"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
13
|
+
export declare const LoginLayoutHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
4
|
};
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
exports.LoginLayoutPaper = exports.LoginLayoutRoot = void 0;
|
6
|
+
exports.LoginLayoutHeader = exports.LoginLayoutPaper = exports.LoginLayoutRoot = void 0;
|
7
7
|
var Paper_1 = __importDefault(require("@mui/material/Paper"));
|
8
8
|
var styles_1 = require("@mui/material/styles");
|
9
9
|
exports.LoginLayoutRoot = (0, styles_1.styled)("main")(function (_a) {
|
@@ -31,7 +31,7 @@ exports.LoginLayoutPaper = (0, styles_1.styled)(Paper_1.default)(function (_a) {
|
|
31
31
|
return (_b = {
|
32
32
|
alignItems: "center",
|
33
33
|
display: "flex",
|
34
|
-
flex: "0 1 "
|
34
|
+
flex: "0 1 ".concat(theme.spacing(50)),
|
35
35
|
flexDirection: "column",
|
36
36
|
maxWidth: theme.spacing(50),
|
37
37
|
paddingBottom: theme.spacing(3),
|
@@ -45,4 +45,13 @@ exports.LoginLayoutPaper = (0, styles_1.styled)(Paper_1.default)(function (_a) {
|
|
45
45
|
},
|
46
46
|
_b);
|
47
47
|
});
|
48
|
-
|
48
|
+
exports.LoginLayoutHeader = (0, styles_1.styled)("div")(function (_a) {
|
49
|
+
var theme = _a.theme;
|
50
|
+
return ({
|
51
|
+
alignItems: "center",
|
52
|
+
display: "flex",
|
53
|
+
flexDirection: "column",
|
54
|
+
marginBottom: theme.spacing(2),
|
55
|
+
});
|
56
|
+
});
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9Mb2dpbkxheW91dC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsOERBQXdDO0FBQ3hDLCtDQUE4QztBQUVqQyxRQUFBLGVBQWUsR0FBRyxJQUFBLGVBQU0sRUFBQyxNQUFNLENBQUMsQ0FBQyxVQUFDLEVBQVM7O1FBQVAsS0FBSyxXQUFBO0lBQU8sT0FBQTtZQUN6RCxVQUFVLEVBQUUsUUFBUTtZQUNwQixPQUFPLEVBQUUsTUFBTTtZQUNmLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFNBQVMsRUFBRSxPQUFPO1lBQ2xCLFdBQVcsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUM3QixZQUFZLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDOUIsYUFBYSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQ2hDLFVBQVUsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQzs7UUFDNUIsR0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBRztZQUMxQixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDN0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1NBQ2pDO1dBQ0g7QUFiMkQsQ0FhM0QsQ0FBQyxDQUFDO0FBRVMsUUFBQSxnQkFBZ0IsR0FBRyxJQUFBLGVBQU0sRUFBQyxlQUFLLENBQUMsQ0FBQyxVQUFDLEVBQVM7O1FBQVAsS0FBSyxXQUFBO0lBQU8sT0FBQTtZQUN6RCxVQUFVLEVBQUUsUUFBUTtZQUNwQixPQUFPLEVBQUUsTUFBTTtZQUNmLElBQUksRUFBRSxjQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUU7WUFDaEMsYUFBYSxFQUFFLFFBQVE7WUFDdkIsUUFBUSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQzNCLGFBQWEsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztZQUMvQixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDN0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1lBQzlCLFVBQVUsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQzs7UUFDNUIsR0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBRztZQUMxQixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDN0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1NBQ2pDO1dBQ0g7QUFkMkQsQ0FjM0QsQ0FBQyxDQUFDO0FBRVMsUUFBQSxpQkFBaUIsR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQyxVQUFDLEVBQVM7UUFBUCxLQUFLLFdBQUE7SUFBTyxPQUFBLENBQUM7UUFDM0QsVUFBVSxFQUFFLFFBQVE7UUFDcEIsT0FBTyxFQUFFLE1BQU07UUFDZixhQUFhLEVBQUUsUUFBUTtRQUN2QixZQUFZLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7S0FDakMsQ0FBQztBQUw0RCxDQUs1RCxDQUFDLENBQUMifQ==
|
package/lib/Menu/ui/MenuItem.js
CHANGED
@@ -49,6 +49,7 @@ var MenuItem_1 = require("../../../ui/MenuItem");
|
|
49
49
|
var MenuItem = function (props) {
|
50
50
|
var _a, _b;
|
51
51
|
var item = props.item;
|
52
|
+
var listRef = (0, react_1.useRef)(null);
|
52
53
|
var useRouter = config_1.container.get("router").getUseRouter();
|
53
54
|
var router = useRouter();
|
54
55
|
var isActive = item.isActive(router);
|
@@ -62,6 +63,18 @@ var MenuItem = function (props) {
|
|
62
63
|
var onMouseLeave = (0, react_1.useCallback)(function () {
|
63
64
|
setAnchorEl(null);
|
64
65
|
}, []);
|
66
|
+
(0, react_1.useEffect)(function () {
|
67
|
+
function closeHandler(e) {
|
68
|
+
var list = listRef.current;
|
69
|
+
if (list && e.target instanceof Element && (e.target !== list || !list.contains(e.target))) {
|
70
|
+
setAnchorEl(null);
|
71
|
+
}
|
72
|
+
}
|
73
|
+
document.addEventListener("click", closeHandler);
|
74
|
+
return function () {
|
75
|
+
document.removeEventListener("click", closeHandler);
|
76
|
+
};
|
77
|
+
}, []);
|
65
78
|
if (!item.isVisible(loggedUser) || (item.children.length !== 0 && !item.hasVisibleChildren(loggedUser))) {
|
66
79
|
return null;
|
67
80
|
}
|
@@ -70,24 +83,24 @@ var MenuItem = function (props) {
|
|
70
83
|
react_1.default.createElement(Box_1.default, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
|
71
84
|
react_1.default.createElement(ListItem_1.ListItem, { label: item.title, icon: item.icon, route: (_a = item.route) !== null && _a !== void 0 ? _a : firstChildren.route, params: (_b = item.routeParams) !== null && _b !== void 0 ? _b : (firstChildren ? firstChildren.routeParams : null), selected: isActive }),
|
72
85
|
!isActive && !hasActiveChildren && item.children.length > 0 && (react_1.default.createElement(Popover_1.default, { PaperProps: {
|
73
|
-
|
74
|
-
|
86
|
+
sx: {
|
87
|
+
ml: 1,
|
75
88
|
pointerEvents: "auto",
|
76
89
|
},
|
77
|
-
}, anchorEl: anchorEl,
|
78
|
-
pointerEvents: "none",
|
79
|
-
}, anchorOrigin: {
|
90
|
+
}, anchorEl: anchorEl, anchorOrigin: {
|
80
91
|
vertical: "top",
|
81
92
|
horizontal: "right",
|
93
|
+
}, disableScrollLock: true, hideBackdrop: true, onClose: onMouseLeave, open: !!anchorEl, sx: {
|
94
|
+
pointerEvents: "none",
|
82
95
|
}, transformOrigin: {
|
83
96
|
vertical: "top",
|
84
97
|
horizontal: "left",
|
85
98
|
} },
|
86
|
-
react_1.default.createElement(List_1.default,
|
99
|
+
react_1.default.createElement(List_1.default, { ref: listRef }, 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
100
|
(isActive || hasActiveChildren) && item.children.length > 0 && (react_1.default.createElement(List_1.default, { sx: { py: 0 } }, item.children.map(function (i) {
|
88
101
|
var isSel = i.isActive(router);
|
89
102
|
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
103
|
})))));
|
91
104
|
};
|
92
105
|
exports.MenuItem = MenuItem;
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudUl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL01lbnUvdWkvTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDREQUFzQztBQUN0QyxrRUFBNEM7QUFDNUMsNkNBQStGO0FBQy9GLDBDQUE0QztBQUM1QyxpREFBZ0Q7QUFDaEQsaURBQThEO0FBWXZELElBQU0sUUFBUSxHQUFzQixVQUFDLEtBQUs7O0lBQ3JDLElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBRXZCLElBQU0sT0FBTyxHQUFHLElBQUEsY0FBTSxFQUFtQixJQUFJLENBQUMsQ0FBQztJQUUvQyxJQUFNLFNBQVMsR0FBRyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN6RCxJQUFNLE1BQU0sR0FBRyxTQUFTLEVBQUUsQ0FBQztJQUUzQixJQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLElBQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXpELElBQU0sYUFBYSxHQUFHLGtCQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3JELElBQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRTdCLElBQUEsS0FBQSxPQUEwQixJQUFBLGdCQUFRLEVBQXdCLElBQUksQ0FBQyxJQUFBLEVBQTlELFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBeUMsQ0FBQztJQUV0RSxJQUFNLFlBQVksR0FBRyxJQUFBLG1CQUFXLEVBQW9DLFVBQUMsQ0FBQztRQUNsRSxXQUFXLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ2pDLENBQUMsRUFBRSxFQUFFLENB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
|