asab_webui_shell 25.1.12 → 25.1.13
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/dist/components/locationReplace.js +4 -16
- package/dist/config/ConfigReducer.js +1 -1
- package/dist/config/ConfigService.js +116 -137
- package/dist/containers/AdvancedMode/reducer.js +2 -2
- package/dist/containers/Alerts/index.js +18 -30
- package/dist/containers/Alerts/reducer.js +5 -6
- package/dist/containers/Application.js +531 -673
- package/dist/containers/AttentionRequired/reducer.js +2 -2
- package/dist/containers/FullscreenMode/reducer.js +2 -2
- package/dist/containers/Header/ApplicationScreenTitle/ApplicationScreenTitle.js +15 -16
- package/dist/containers/Header/ApplicationScreenTitle/index.js +6 -6
- package/dist/containers/Header/Help/HelpButton.js +17 -27
- package/dist/containers/Header/Help/HelpService.js +13 -24
- package/dist/containers/Header/Preview/PreviewFlag.js +6 -5
- package/dist/containers/Header/Preview/PreviewService.js +13 -24
- package/dist/containers/Header/index.js +15 -17
- package/dist/containers/Header/reducer.js +4 -4
- package/dist/containers/Navigation/index.js +35 -55
- package/dist/containers/Navigation/reducer.js +7 -13
- package/dist/containers/RouteErrorHandler/ErrorContainer.js +17 -19
- package/dist/containers/RouteErrorHandler/index.js +28 -44
- package/dist/containers/Router/ApplicationRouter.js +14 -16
- package/dist/containers/Router/index.js +26 -42
- package/dist/containers/Router/reducer.js +3 -3
- package/dist/containers/Sidebar/NavbarBrand.js +14 -23
- package/dist/containers/Sidebar/SidebarBottomItem.js +16 -15
- package/dist/containers/Sidebar/SidebarIcon.js +9 -7
- package/dist/containers/Sidebar/SidebarItem.js +70 -85
- package/dist/containers/Sidebar/SidebarItemRenderer.js +20 -20
- package/dist/containers/Sidebar/index.js +20 -36
- package/dist/containers/Sidebar/reducer.js +3 -3
- package/dist/containers/Sidepanel/Sidepanel.js +18 -26
- package/dist/containers/Toast/ToastComponent.js +12 -12
- package/dist/containers/Toast/ToastContainer.js +19 -30
- package/dist/containers/Toast/reducer.js +3 -6
- package/dist/index.js +5 -5
- package/dist/modules/about/AboutScreen.js +30 -38
- package/dist/modules/about/index.js +8 -26
- package/dist/modules/auth/api.js +110 -156
- package/dist/modules/auth/components/SessionExpirationAlert.js +10 -9
- package/dist/modules/auth/header.js +25 -23
- package/dist/modules/auth/index.js +440 -692
- package/dist/modules/auth/reducer.js +2 -2
- package/dist/modules/auth/screens/AccessControlScreen.js +24 -25
- package/dist/modules/auth/screens/InvitationScreen.js +89 -128
- package/dist/modules/i18n/dropdown.js +24 -23
- package/dist/modules/i18n/index.js +20 -33
- package/dist/modules/i18n/reducer.js +2 -2
- package/dist/modules/i18n/service.js +48 -102
- package/dist/modules/tenant/TenantDropdown.js +28 -27
- package/dist/modules/tenant/access/AccessDeniedCard.js +28 -54
- package/dist/modules/tenant/index.js +16 -29
- package/dist/modules/tenant/reducer.js +1 -1
- package/dist/modules/tenant/service.js +123 -207
- package/dist/screens/InvalidRouteScreen.js +10 -9
- package/dist/screens/SuspenseScreen.js +11 -20
- package/dist/screens/UnauthorizedAccessScreen.js +18 -21
- package/dist/services/AttentionRequiredService.js +117 -142
- package/dist/services/BrandingService.js +63 -80
- package/dist/services/HeaderService.js +47 -66
- package/dist/services/ReduxService.js +11 -17
- package/dist/services/TitleService.js +13 -24
- package/dist/theme/ThemeButton.js +13 -10
- package/dist/theme/ThemeReducer.js +1 -1
- package/dist/theme/ThemeService.js +25 -38
- package/package.json +1 -1
|
@@ -4,43 +4,41 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
// IMPORTANT: This is intentionally low-depenency container!
|
|
10
10
|
|
|
11
|
-
var ErrorContainer =
|
|
11
|
+
var ErrorContainer = props => {
|
|
12
12
|
var _props$error, _props$datetime;
|
|
13
|
-
var acknowledgeError =
|
|
13
|
+
var acknowledgeError = e => {
|
|
14
14
|
e.preventDefault();
|
|
15
15
|
props.ackError();
|
|
16
16
|
};
|
|
17
|
-
return /*#__PURE__*/_react
|
|
17
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
18
18
|
className: "container"
|
|
19
|
-
}, /*#__PURE__*/_react
|
|
19
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
20
20
|
className: "row mt-5"
|
|
21
|
-
}, /*#__PURE__*/_react
|
|
21
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
22
22
|
className: "col"
|
|
23
|
-
}, /*#__PURE__*/_react
|
|
23
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
24
24
|
className: "card shadow border-danger"
|
|
25
|
-
}, /*#__PURE__*/_react
|
|
25
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
26
26
|
className: "card-header card-header-flex"
|
|
27
|
-
}, /*#__PURE__*/_react
|
|
27
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
28
28
|
className: "flex-fill"
|
|
29
|
-
}, /*#__PURE__*/_react
|
|
29
|
+
}, /*#__PURE__*/_react.default.createElement("h3", {
|
|
30
30
|
className: "text-danger"
|
|
31
|
-
}, /*#__PURE__*/_react
|
|
31
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
32
32
|
className: "bi bi-emoji-frown pe-2"
|
|
33
|
-
}), "Ooops. We are sorry. Something went wrong.")), /*#__PURE__*/_react
|
|
33
|
+
}), "Ooops. We are sorry. Something went wrong.")), /*#__PURE__*/_react.default.createElement("button", {
|
|
34
34
|
className: "btn btn-primary",
|
|
35
|
-
onClick:
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
}, "Acknowledge")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
35
|
+
onClick: e => acknowledgeError(e)
|
|
36
|
+
}, "Acknowledge")), /*#__PURE__*/_react.default.createElement("div", {
|
|
39
37
|
className: "card-body"
|
|
40
|
-
}, /*#__PURE__*/_react
|
|
38
|
+
}, /*#__PURE__*/_react.default.createElement("h6", {
|
|
41
39
|
className: "pe-5"
|
|
42
|
-
}, (_props$error = props.error) === null || _props$error === void 0 ? void 0 : _props$error.toString()), /*#__PURE__*/_react
|
|
40
|
+
}, (_props$error = props.error) === null || _props$error === void 0 ? void 0 : _props$error.toString()), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("pre", null, /*#__PURE__*/_react.default.createElement("code", null, props.errorInfo.componentStack)))), /*#__PURE__*/_react.default.createElement("div", {
|
|
43
41
|
className: "card-footer"
|
|
44
42
|
}, (_props$datetime = props.datetime) === null || _props$datetime === void 0 ? void 0 : _props$datetime.toString() /*This is intentionaly not using DateTime to reduce internal dependency*/)))));
|
|
45
43
|
};
|
|
46
|
-
var _default = exports
|
|
44
|
+
var _default = exports.default = ErrorContainer;
|
|
@@ -4,24 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
8
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
11
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
7
|
+
exports.default = void 0;
|
|
13
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
9
|
var _react = _interopRequireDefault(require("react"));
|
|
15
10
|
var _ErrorContainer = _interopRequireDefault(require("./ErrorContainer"));
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
function RouteErrorHandler(props) {
|
|
20
|
-
var _this;
|
|
21
|
-
(0, _classCallCheck2["default"])(this, RouteErrorHandler);
|
|
22
|
-
_this = _callSuper(this, RouteErrorHandler, [props]);
|
|
11
|
+
class RouteErrorHandler extends _react.default.Component {
|
|
12
|
+
constructor(props) {
|
|
13
|
+
super(props);
|
|
23
14
|
// Acknowledge error
|
|
24
|
-
(0, _defineProperty2
|
|
15
|
+
(0, _defineProperty2.default)(this, "ackError", () => {
|
|
25
16
|
var _window$location;
|
|
26
17
|
// TODO: send error to Sentry
|
|
27
18
|
/*
|
|
@@ -29,52 +20,45 @@ var RouteErrorHandler = /*#__PURE__*/function (_React$Component) {
|
|
|
29
20
|
use the location hash of the route, else use the default
|
|
30
21
|
location
|
|
31
22
|
*/
|
|
32
|
-
if (
|
|
23
|
+
if (this.state.locationHash != ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hash)) {
|
|
33
24
|
window.location.hash;
|
|
34
25
|
} else {
|
|
35
26
|
// Default location
|
|
36
27
|
window.location.hash = "#/";
|
|
37
28
|
}
|
|
38
|
-
|
|
29
|
+
this.setState({
|
|
39
30
|
error: null,
|
|
40
31
|
errorInfo: null,
|
|
41
32
|
datetime: null,
|
|
42
33
|
locationHash: null
|
|
43
34
|
});
|
|
44
35
|
});
|
|
45
|
-
|
|
36
|
+
this.state = {
|
|
46
37
|
error: null,
|
|
47
38
|
errorInfo: null,
|
|
48
39
|
datetime: null,
|
|
49
40
|
locationHash: null
|
|
50
41
|
};
|
|
51
|
-
return _this;
|
|
52
42
|
}
|
|
53
|
-
(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
43
|
+
componentDidCatch(error, errorInfo) {
|
|
44
|
+
var _window$location2;
|
|
45
|
+
this.setState({
|
|
46
|
+
error: error,
|
|
47
|
+
errorInfo: errorInfo,
|
|
48
|
+
datetime: new Date(),
|
|
49
|
+
locationHash: (_window$location2 = window.location) === null || _window$location2 === void 0 ? void 0 : _window$location2.hash
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
render() {
|
|
53
|
+
if (this.state.errorInfo) {
|
|
54
|
+
return /*#__PURE__*/_react.default.createElement(_ErrorContainer.default, {
|
|
55
|
+
error: this.state.error,
|
|
56
|
+
errorInfo: this.state.errorInfo,
|
|
57
|
+
datetime: this.state.datetime,
|
|
58
|
+
ackError: this.ackError
|
|
63
59
|
});
|
|
64
60
|
}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
return /*#__PURE__*/_react["default"].createElement(_ErrorContainer["default"], {
|
|
70
|
-
error: this.state.error,
|
|
71
|
-
errorInfo: this.state.errorInfo,
|
|
72
|
-
datetime: this.state.datetime,
|
|
73
|
-
ackError: this.ackError
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
return this.props.children;
|
|
77
|
-
}
|
|
78
|
-
}]);
|
|
79
|
-
}(_react["default"].Component);
|
|
80
|
-
var _default = exports["default"] = RouteErrorHandler;
|
|
61
|
+
return this.props.children;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
var _default = exports.default = RouteErrorHandler;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
7
|
+
exports.default = ApplicationRouter;
|
|
9
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
10
|
var _reactRedux = require("react-redux");
|
|
@@ -14,37 +13,36 @@ var _actions = require("../../actions");
|
|
|
14
13
|
var _RouteErrorHandler = _interopRequireDefault(require("../RouteErrorHandler"));
|
|
15
14
|
var _UnauthorizedAccessScreen = _interopRequireDefault(require("../../screens/UnauthorizedAccessScreen"));
|
|
16
15
|
var _InvalidRouteScreen = _interopRequireDefault(require("../../screens/InvalidRouteScreen"));
|
|
17
|
-
function
|
|
18
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
16
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
19
17
|
// TODO: properly isolate authorization screen from the Application (should be injected when needed and only when AuthModule is enabled)
|
|
20
18
|
|
|
21
19
|
function ApplicationRouter(props) {
|
|
22
|
-
var routes = (0, _reactRedux.useSelector)(
|
|
20
|
+
var routes = (0, _reactRedux.useSelector)(state => {
|
|
23
21
|
var _state$router;
|
|
24
22
|
return (_state$router = state.router) === null || _state$router === void 0 ? void 0 : _state$router.routes;
|
|
25
23
|
});
|
|
26
|
-
return /*#__PURE__*/_react
|
|
27
|
-
return route.component ? /*#__PURE__*/_react
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Routes, null, routes && routes.map((route, idx) => {
|
|
25
|
+
return route.component ? /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
|
|
28
26
|
key: idx,
|
|
29
27
|
path: "".concat(route.path),
|
|
30
28
|
end: route.end,
|
|
31
29
|
name: route.name,
|
|
32
|
-
element: /*#__PURE__*/_react
|
|
30
|
+
element: /*#__PURE__*/_react.default.createElement(_RouteErrorHandler.default, null, /*#__PURE__*/_react.default.createElement(RouteRenderer, {
|
|
33
31
|
app: props.app,
|
|
34
32
|
route: route,
|
|
35
|
-
routeComponent: /*#__PURE__*/_react
|
|
33
|
+
routeComponent: /*#__PURE__*/_react.default.createElement(route.component, (0, _extends2.default)({
|
|
36
34
|
app: props.app
|
|
37
35
|
}, route.props))
|
|
38
36
|
}))
|
|
39
37
|
}) : null;
|
|
40
|
-
}), /*#__PURE__*/_react
|
|
38
|
+
}), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
|
|
41
39
|
path: "*",
|
|
42
|
-
element: /*#__PURE__*/_react
|
|
40
|
+
element: /*#__PURE__*/_react.default.createElement(_InvalidRouteScreen.default, null)
|
|
43
41
|
// Handle all undefined routes (404)
|
|
44
42
|
}));
|
|
45
43
|
}
|
|
46
44
|
function RouteRenderer(props) {
|
|
47
|
-
var resources = (0, _reactRedux.useSelector)(
|
|
45
|
+
var resources = (0, _reactRedux.useSelector)(state => {
|
|
48
46
|
var _state$auth;
|
|
49
47
|
return (_state$auth = state.auth) !== null && _state$auth !== void 0 && _state$auth.resources ? state.auth.resources : [];
|
|
50
48
|
});
|
|
@@ -52,7 +50,7 @@ function RouteRenderer(props) {
|
|
|
52
50
|
var defaultHelp = props.app.Config.get("help");
|
|
53
51
|
|
|
54
52
|
// Set up and dispatch help content
|
|
55
|
-
(0, _react.useEffect)(
|
|
53
|
+
(0, _react.useEffect)(() => {
|
|
56
54
|
dispatch({
|
|
57
55
|
type: _actions.SET_HELP_PATH,
|
|
58
56
|
helpPath: props.route.help ? props.route.help : defaultHelp
|
|
@@ -62,19 +60,19 @@ function RouteRenderer(props) {
|
|
|
62
60
|
// Route component renders the approriate screen based on the route
|
|
63
61
|
if (props.route.resource) {
|
|
64
62
|
// If resource present, let UnauthorizedAccessScreen to decide if the Screen will be rendered
|
|
65
|
-
return /*#__PURE__*/_react
|
|
63
|
+
return /*#__PURE__*/_react.default.createElement(_UnauthorizedAccessScreen.default, {
|
|
66
64
|
app: props.app,
|
|
67
65
|
resource: props.route.resource,
|
|
68
66
|
routeComponent: props.routeComponent
|
|
69
67
|
});
|
|
70
68
|
} else if (!props.route.resource && resources.includes("authz:superuser") == false) {
|
|
71
69
|
// If resource is not present, the user is not a superuser and the page is not access control, the UnauthorizedAccessScreen will block the page
|
|
72
|
-
return /*#__PURE__*/_react
|
|
70
|
+
return /*#__PURE__*/_react.default.createElement(_UnauthorizedAccessScreen.default, {
|
|
73
71
|
app: props.app,
|
|
74
72
|
resource: props.route.resource,
|
|
75
73
|
routeComponent: props.routeComponent
|
|
76
74
|
});
|
|
77
75
|
} else {
|
|
78
|
-
return /*#__PURE__*/_react
|
|
76
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.routeComponent);
|
|
79
77
|
}
|
|
80
78
|
}
|
|
@@ -1,50 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
|
-
exports
|
|
9
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
12
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
13
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
6
|
+
exports.default = void 0;
|
|
14
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
8
|
var _actions = require("../../actions");
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var _this;
|
|
23
|
-
(0, _classCallCheck2["default"])(this, Router);
|
|
24
|
-
_this = _callSuper(this, Router, [app]);
|
|
25
|
-
_this.Routes = [];
|
|
26
|
-
_this.App = app;
|
|
27
|
-
return _this;
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
10
|
+
class Router extends _react.Component {
|
|
11
|
+
constructor(app) {
|
|
12
|
+
super(app);
|
|
13
|
+
this.Routes = [];
|
|
14
|
+
this.App = app;
|
|
28
15
|
}
|
|
29
|
-
(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
this.Routes
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}
|
|
49
|
-
}]);
|
|
50
|
-
}(_react.Component);
|
|
16
|
+
addRoute(route) {
|
|
17
|
+
/* Example route:
|
|
18
|
+
{
|
|
19
|
+
path: '/some/path', // Url path
|
|
20
|
+
end: true, // Whether path must be matched exactly
|
|
21
|
+
name: 'Some Name', // Route name
|
|
22
|
+
component: ReactComponent, // Component to be rendered
|
|
23
|
+
resource: some:resource, // Resource of the component | *optional
|
|
24
|
+
help: "https://docs.teskalabs.com" // Help content of the screen (route) | *optional
|
|
25
|
+
}
|
|
26
|
+
*/
|
|
27
|
+
this.Routes.push(route);
|
|
28
|
+
this.App.Store.dispatch({
|
|
29
|
+
type: _actions.SET_ROUTES,
|
|
30
|
+
routes: this.Routes
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
exports.default = Router;
|
|
@@ -4,15 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _actions = require("../../actions");
|
|
10
10
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2
|
|
11
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
12
|
var initialState = {
|
|
13
13
|
routes: []
|
|
14
14
|
};
|
|
15
|
-
var _default = exports
|
|
15
|
+
var _default = exports.default = function _default() {
|
|
16
16
|
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
|
|
17
17
|
var action = arguments.length > 1 ? arguments[1] : undefined;
|
|
18
18
|
switch (action.type) {
|
|
@@ -1,59 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
|
-
exports
|
|
9
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
6
|
+
exports.default = void 0;
|
|
10
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
8
|
var _reactRedux = require("react-redux");
|
|
12
9
|
var _reactRouterDom = require("react-router-dom");
|
|
13
10
|
var _BrandImage = require("../../components/branding/BrandImage");
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
var NavbarBrand = function NavbarBrand(props) {
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
12
|
+
var NavbarBrand = props => {
|
|
17
13
|
var _brandImage$href;
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
setBrandImage = _useState2[1];
|
|
22
|
-
var theme = (0, _reactRedux.useSelector)(function (state) {
|
|
23
|
-
return state.theme;
|
|
24
|
-
});
|
|
25
|
-
var title = (0, _reactRedux.useSelector)(function (state) {
|
|
14
|
+
var [brandImage, setBrandImage] = (0, _react.useState)({});
|
|
15
|
+
var theme = (0, _reactRedux.useSelector)(state => state.theme);
|
|
16
|
+
var title = (0, _reactRedux.useSelector)(state => {
|
|
26
17
|
var _state$config;
|
|
27
18
|
return (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.title;
|
|
28
19
|
});
|
|
29
|
-
var isSidebarCollapsed = (0, _reactRedux.useSelector)(
|
|
20
|
+
var isSidebarCollapsed = (0, _reactRedux.useSelector)(state => {
|
|
30
21
|
var _state$sidebar;
|
|
31
22
|
return (_state$sidebar = state.sidebar) === null || _state$sidebar === void 0 ? void 0 : _state$sidebar.isSidebarCollapsed;
|
|
32
23
|
});
|
|
33
|
-
(0, _react.useEffect)(
|
|
24
|
+
(0, _react.useEffect)(() => {
|
|
34
25
|
setBrandImage((0, _BrandImage.getBrandImage)(props, theme));
|
|
35
26
|
}, [theme]);
|
|
36
27
|
var href = (_brandImage$href = brandImage === null || brandImage === void 0 ? void 0 : brandImage.href) !== null && _brandImage$href !== void 0 ? _brandImage$href : "/";
|
|
37
28
|
if (href.includes("http")) {
|
|
38
|
-
return /*#__PURE__*/_react
|
|
29
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
39
30
|
id: "app-brandimage"
|
|
40
|
-
}, /*#__PURE__*/_react
|
|
31
|
+
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
41
32
|
href: href,
|
|
42
33
|
target: "_blank",
|
|
43
34
|
rel: "noopener noreferrer"
|
|
44
|
-
}, /*#__PURE__*/_react
|
|
35
|
+
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
45
36
|
src: isSidebarCollapsed ? brandImage === null || brandImage === void 0 ? void 0 : brandImage.minimized : brandImage === null || brandImage === void 0 ? void 0 : brandImage.full,
|
|
46
37
|
alt: title
|
|
47
38
|
})));
|
|
48
39
|
}
|
|
49
|
-
return /*#__PURE__*/_react
|
|
40
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
50
41
|
id: "app-brandimage",
|
|
51
42
|
title: title
|
|
52
|
-
}, /*#__PURE__*/_react
|
|
43
|
+
}, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
|
|
53
44
|
to: href,
|
|
54
45
|
style: {
|
|
55
46
|
backgroundImage: "url(".concat(isSidebarCollapsed ? brandImage === null || brandImage === void 0 ? void 0 : brandImage.minimized : brandImage === null || brandImage === void 0 ? void 0 : brandImage.full, ")")
|
|
56
47
|
}
|
|
57
48
|
}, "\xA0"));
|
|
58
49
|
};
|
|
59
|
-
var _default = exports
|
|
50
|
+
var _default = exports.default = NavbarBrand;
|
|
@@ -4,23 +4,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactRouterDom = require("react-router-dom");
|
|
10
10
|
var _reactI18next = require("react-i18next");
|
|
11
11
|
var _reactRedux = require("react-redux");
|
|
12
12
|
var _actions = require("../../actions");
|
|
13
|
-
var SidebarBottomItem =
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
t
|
|
13
|
+
var SidebarBottomItem = _ref => {
|
|
14
|
+
var {
|
|
15
|
+
sidebarLogo
|
|
16
|
+
} = _ref;
|
|
17
|
+
var isSidebarCollapsed = (0, _reactRedux.useSelector)(state => state.sidebar.isSidebarCollapsed);
|
|
18
|
+
var {
|
|
19
|
+
t
|
|
20
|
+
} = (0, _reactI18next.useTranslation)();
|
|
20
21
|
var dispatch = (0, _reactRedux.useDispatch)();
|
|
21
22
|
|
|
22
23
|
// Handle toggle of the sidebar's collapsed state
|
|
23
|
-
var onCollapse =
|
|
24
|
+
var onCollapse = event => {
|
|
24
25
|
event.stopPropagation();
|
|
25
26
|
dispatch({
|
|
26
27
|
type: _actions.COLLAPSE_SIDEBAR,
|
|
@@ -28,28 +29,28 @@ var SidebarBottomItem = function SidebarBottomItem(_ref) {
|
|
|
28
29
|
});
|
|
29
30
|
};
|
|
30
31
|
var logoUrl = isSidebarCollapsed ? sidebarLogo === null || sidebarLogo === void 0 ? void 0 : sidebarLogo.minimized : sidebarLogo === null || sidebarLogo === void 0 ? void 0 : sidebarLogo.full;
|
|
31
|
-
return /*#__PURE__*/_react
|
|
32
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
32
33
|
className: "nav-item d-flex align-items-center",
|
|
33
34
|
role: "group"
|
|
34
|
-
}, /*#__PURE__*/_react
|
|
35
|
+
}, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
|
|
35
36
|
id: "app-sidebar-logo",
|
|
36
37
|
to: "/about",
|
|
37
38
|
style: {
|
|
38
39
|
backgroundImage: "url(".concat(logoUrl, ")")
|
|
39
40
|
},
|
|
40
41
|
title: t("Sidebar|About")
|
|
41
|
-
}, "\xA0"), !isSidebarCollapsed && /*#__PURE__*/_react
|
|
42
|
+
}, "\xA0"), !isSidebarCollapsed && /*#__PURE__*/_react.default.createElement("i", {
|
|
42
43
|
id: "app-sidebar-collapse",
|
|
43
44
|
title: t("Sidebar|Collapse"),
|
|
44
45
|
onClick: onCollapse,
|
|
45
46
|
className: "fs-4 bi bi-chevron-left text-primary"
|
|
46
|
-
})), isSidebarCollapsed && /*#__PURE__*/_react
|
|
47
|
+
})), isSidebarCollapsed && /*#__PURE__*/_react.default.createElement("div", {
|
|
47
48
|
className: "nav-item"
|
|
48
|
-
}, /*#__PURE__*/_react
|
|
49
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
49
50
|
id: "app-sidebar-expand",
|
|
50
51
|
title: t("Sidebar|Expand"),
|
|
51
52
|
onClick: onCollapse,
|
|
52
53
|
className: "nav-link fs-4 bi bi-chevron-right text-primary"
|
|
53
54
|
})));
|
|
54
55
|
};
|
|
55
|
-
var _default = exports
|
|
56
|
+
var _default = exports.default = SidebarBottomItem;
|
|
@@ -4,18 +4,20 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var Icon =
|
|
10
|
-
var
|
|
11
|
-
|
|
9
|
+
var Icon = _ref => {
|
|
10
|
+
var {
|
|
11
|
+
icon,
|
|
12
|
+
className
|
|
13
|
+
} = _ref;
|
|
12
14
|
if (typeof icon === "string") {
|
|
13
|
-
return /*#__PURE__*/_react
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement("i", {
|
|
14
16
|
className: "".concat(icon, " ").concat(className, " sidebar-item-icon")
|
|
15
17
|
});
|
|
16
18
|
}
|
|
17
|
-
return /*#__PURE__*/_react
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
18
20
|
className: "sidebar-item-icon"
|
|
19
21
|
}, icon);
|
|
20
22
|
};
|
|
21
|
-
var _default = exports
|
|
23
|
+
var _default = exports.default = Icon;
|