asab_webui_shell 27.3.15 → 27.4.0

package/dist/containers/Alerts/index.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = AlertsComponent;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _asab_webui_components = require("asab_webui_components");
 var _reactstrap = require("reactstrap");
@@ -12,12 +14,14 @@ var _reactI18next = require("react-i18next");
 require("./alerts.scss");
 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); }
 function AlertsComponent(props) {
-  var [seconds, setSeconds] = (0, _react.useState)(0);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    seconds = _useState2[0],
+    setSeconds = _useState2[1];
   var store = props.app.AppStore;
   var alerts = (0, _asab_webui_components.useAppSelector)(state => state.alerts.alerts);
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
 
   // Expire old alerts
   (0, _react.useEffect)(() => {

package/dist/containers/Header/ApplicationScreenTitle/ApplicationScreenTitle.js

@@ -45,9 +45,8 @@ var ApplicationScreenTitle = props => {
     var _state$config2;
     return state === null || state === void 0 || (_state$config2 = state.config) === null || _state$config2 === void 0 ? void 0 : _state$config2.hasHeaderTitle;
   });
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
   var route = (_props$routes = props.routes) === null || _props$routes === void 0 ? void 0 : _props$routes[0];
   var routeName = (0, _react.useMemo)(() => {
     if (route && route.name) {

package/dist/containers/Header/Help/HelpButton.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HelpButton;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _asab_webui_components = require("asab_webui_components");
@@ -11,11 +13,16 @@ var _reactstrap = require("reactstrap");
 require("./HelpButton.scss");
 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); }
 function HelpButton() {
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  var [modal, setModal] = (0, _react.useState)(false);
-  var [isIframeLoading, setIsIframeLoading] = (0, _react.useState)(true);
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    modal = _useState2[0],
+    setModal = _useState2[1];
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isIframeLoading = _useState4[0],
+    setIsIframeLoading = _useState4[1];
   var path = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$header;
     return state === null || state === void 0 || (_state$header = state.header) === null || _state$header === void 0 ? void 0 : _state$header.helpPath;

package/dist/containers/Router/ApplicationHashRouter.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ApplicationHashRouter;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRouter = require("react-router");
+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); }
+/*
+	Usage in the bootstrap.js file of the application:
+
+	import React from 'react';
+	import { createRoot } from 'react-dom/client';
+	import { ApplicationHashRouter, Application } from 'asab_webui_shell';
+
+	const ConfigDefaults = { ... };
+	const modules = [ ... ];
+
+	const root = createRoot(document.getElementById('app'));
+
+	root.render(
+		<ApplicationHashRouter>
+			<Application
+				configdefaults={ConfigDefaults}
+				modules={modules}
+			/>
+		</ApplicationHashRouter>,);
+*/
+
+function ApplicationHashRouter(_ref) {
+  var children = _ref.children;
+  /*
+  	Using ref to avoid re-creation of the router for every component instance.
+  	In dev mode it can cause multiple route renders (in strict mode).
+  */
+  var routerRef = (0, _react.useRef)(null);
+  if (routerRef.current === null) {
+    routerRef.current = (0, _reactRouter.createHashRouter)([{
+      path: '*',
+      // Allowing all routes here is OK since routing itself is handled by the ApplicationRouter
+      element: children
+    }]);
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactRouter.RouterProvider, {
+    router: routerRef.current
+  });
+}

package/dist/containers/Router/ApplicationHashRouter.jsx

@@ -0,0 +1,42 @@
+import React, { useRef } from 'react';
+import { createHashRouter, RouterProvider } from 'react-router';
+
+/*
+	Usage in the bootstrap.js file of the application:
+
+	import React from 'react';
+	import { createRoot } from 'react-dom/client';
+	import { ApplicationHashRouter, Application } from 'asab_webui_shell';
+
+	const ConfigDefaults = { ... };
+	const modules = [ ... ];
+
+	const root = createRoot(document.getElementById('app'));
+
+	root.render(
+		<ApplicationHashRouter>
+			<Application
+				configdefaults={ConfigDefaults}
+				modules={modules}
+			/>
+		</ApplicationHashRouter>,);
+*/
+
+export default function ApplicationHashRouter({ children }) {
+
+	/*
+		Using ref to avoid re-creation of the router for every component instance.
+		In dev mode it can cause multiple route renders (in strict mode).
+	*/
+	const routerRef = useRef(null);
+	if (routerRef.current === null) {
+		routerRef.current = createHashRouter([
+			{
+				path: '*', // Allowing all routes here is OK since routing itself is handled by the ApplicationRouter
+				element: children
+			}
+		]);
+	}
+
+	return <RouterProvider router={routerRef.current} />;
+}

package/dist/containers/Router/ApplicationRouter.js

@@ -46,9 +46,8 @@ function RouteRenderer(props) {
     var _state$auth;
     return (_state$auth = state.auth) !== null && _state$auth !== void 0 && _state$auth.resources ? state.auth.resources : [];
   });
-  var {
-    dispatch
-  } = (0, _asab_webui_components.useAppStore)();
+  var _useAppStore = (0, _asab_webui_components.useAppStore)(),
+    dispatch = _useAppStore.dispatch;
   var defaultHelp = props.app.Config.get("help");
 
   // Set up and dispatch help content

package/dist/containers/Sidebar/NavbarBrand.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouter = require("react-router");
 var _BrandImage = require("../../components/branding/BrandImage");
@@ -11,7 +13,10 @@ var _asab_webui_components = require("asab_webui_components");
 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); }
 var NavbarBrand = props => {
   var _brandImage$href;
-  var [brandImage, setBrandImage] = (0, _react.useState)({});
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    brandImage = _useState2[0],
+    setBrandImage = _useState2[1];
   var theme = (0, _asab_webui_components.useAppSelector)(state => state.theme);
   var title = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$config;

package/dist/containers/Sidebar/SidebarBottomItem.js

@@ -11,19 +11,15 @@ var _reactI18next = require("react-i18next");
 var _asab_webui_components = require("asab_webui_components");
 var _actions = require("../../actions");
 var SidebarBottomItem = _ref => {
-  var {
-    sidebarLogo
-  } = _ref;
+  var sidebarLogo = _ref.sidebarLogo;
   var isSidebarCollapsed = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$sidebar;
     return state === null || state === void 0 || (_state$sidebar = state.sidebar) === null || _state$sidebar === void 0 ? void 0 : _state$sidebar.isSidebarCollapsed;
   });
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  var {
-    dispatch
-  } = (0, _asab_webui_components.useAppStore)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var _useAppStore = (0, _asab_webui_components.useAppStore)(),
+    dispatch = _useAppStore.dispatch;
 
   // Handle toggle of the sidebar's collapsed state
   var onCollapse = event => {

package/dist/containers/Sidebar/SidebarIcon.js

@@ -7,10 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var Icon = _ref => {
-  var {
-    icon,
-    className
-  } = _ref;
+  var icon = _ref.icon,
+    className = _ref.className;
   if (typeof icon === "string") {
     return /*#__PURE__*/_react.default.createElement("i", {
       className: "".concat(icon, " ").concat(className, " sidebar-item-icon")

package/dist/containers/Sidebar/SidebarItem.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SidebarItem = exports.SidebarCollapsibleItem = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouter = require("react-router");
 var _reactI18next = require("react-i18next");
@@ -14,23 +15,24 @@ var _SidebarIcon = _interopRequireDefault(require("./SidebarIcon"));
 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); }
 var SidebarItem = _ref => {
   var _item$name;
-  var {
-    item,
-    disabled,
-    isOpen,
-    setOpen,
-    isSmallResolution,
-    beacon = undefined
-  } = _ref;
+  var item = _ref.item,
+    disabled = _ref.disabled,
+    isOpen = _ref.isOpen,
+    setOpen = _ref.setOpen,
+    isSmallResolution = _ref.isSmallResolution,
+    _ref$beacon = _ref.beacon,
+    beacon = _ref$beacon === void 0 ? undefined : _ref$beacon;
   var location = (0, _reactRouter.useLocation)();
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
   var isSidebarCollapsed = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$sidebar;
     return (_state$sidebar = state.sidebar) === null || _state$sidebar === void 0 ? void 0 : _state$sidebar.isSidebarCollapsed;
   });
-  var [isActive, setActive] = (0, _react.useState)(false);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isActive = _useState2[0],
+    setActive = _useState2[1];
   var lowercasedItemName = item === null || item === void 0 || (_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.toLowerCase();
   // Attention requred flag
   var itemBeacon = beacon ? beacon["beacon.".concat(lowercasedItemName)] : {};
@@ -73,17 +75,18 @@ var SidebarItem = _ref => {
 };
 exports.SidebarItem = SidebarItem;
 var SidebarCollapsibleItem = _ref2 => {
-  var {
-    item,
-    disabled,
-    isSmallResolution,
-    beacon = undefined
-  } = _ref2;
-  var [isOpen, setOpen] = (0, _react.useState)(false);
+  var item = _ref2.item,
+    disabled = _ref2.disabled,
+    isSmallResolution = _ref2.isSmallResolution,
+    _ref2$beacon = _ref2.beacon,
+    beacon = _ref2$beacon === void 0 ? undefined : _ref2$beacon;
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isOpen = _useState4[0],
+    setOpen = _useState4[1];
   var location = (0, _reactRouter.useLocation)();
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation2 = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation2.t;
   var isSidebarCollapsed = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$sidebar2;
     return (_state$sidebar2 = state.sidebar) === null || _state$sidebar2 === void 0 ? void 0 : _state$sidebar2.isSidebarCollapsed;

package/dist/containers/Sidebar/SidebarItemRenderer.js

@@ -8,12 +8,12 @@ exports.SidebarItemRenderer = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _SidebarItem = require("./SidebarItem");
 var SidebarItemRenderer = _ref => {
-  var {
-    sidebarItems,
-    sessionExpired,
-    isSmallResolution = undefined,
-    beacon = undefined
-  } = _ref;
+  var sidebarItems = _ref.sidebarItems,
+    sessionExpired = _ref.sessionExpired,
+    _ref$isSmallResolutio = _ref.isSmallResolution,
+    isSmallResolution = _ref$isSmallResolutio === void 0 ? undefined : _ref$isSmallResolutio,
+    _ref$beacon = _ref.beacon,
+    beacon = _ref$beacon === void 0 ? undefined : _ref$beacon;
   return /*#__PURE__*/_react.default.createElement("nav", {
     className: "nav flex-column"
   }, sidebarItems.map((item, idx) => item.children ? /*#__PURE__*/_react.default.createElement(_SidebarItem.SidebarCollapsibleItem, {

package/dist/containers/Sidebar/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Sidebar;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _asab_webui_components = require("asab_webui_components");
 var _reactstrap = require("reactstrap");
@@ -37,9 +38,18 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 */
 
 function Sidebar(props) {
-  var [isSmallResolution, setIsSmallResolution] = (0, _react.useState)(false);
-  var [sidebarBottomBranding, setSidebarBottomBranding] = (0, _react.useState)({});
-  var [windowWidth, setWindowWidth] = (0, _react.useState)(window.innerWidth);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isSmallResolution = _useState2[0],
+    setIsSmallResolution = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    sidebarBottomBranding = _useState4[0],
+    setSidebarBottomBranding = _useState4[1];
+  var _useState5 = (0, _react.useState)(window.innerWidth),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    windowWidth = _useState6[0],
+    setWindowWidth = _useState6[1];
   var sidebarItems = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$navigation;
     return (_state$navigation = state.navigation) === null || _state$navigation === void 0 ? void 0 : _state$navigation.navItems;
@@ -58,9 +68,8 @@ function Sidebar(props) {
     var _state$attentionrequi;
     return state === null || state === void 0 || (_state$attentionrequi = state.attentionrequired) === null || _state$attentionrequi === void 0 ? void 0 : _state$attentionrequi.beacon;
   });
-  var {
-    dispatch
-  } = (0, _asab_webui_components.useAppStore)();
+  var _useAppStore = (0, _asab_webui_components.useAppStore)(),
+    dispatch = _useAppStore.dispatch;
 
   // Handling sidebar-hidden app class
   (0, _react.useEffect)(() => {

package/dist/containers/Sidepanel/Sidepanel.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Sidepanel;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _asab_webui_components = require("asab_webui_components");
@@ -28,13 +30,21 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // Application sidepanel
 function Sidepanel(props) {
-  var {
-    publish,
-    subscribe
-  } = (0, _asab_webui_components.usePubSub)();
-  var [sidepanelContent, setSidepanelContent] = (0, _react.useState)(undefined);
-  var [mode, setMode] = (0, _react.useState)('dock');
-  var [isOpen, setIsOpen] = (0, _react.useState)(false);
+  var _usePubSub = (0, _asab_webui_components.usePubSub)(),
+    publish = _usePubSub.publish,
+    subscribe = _usePubSub.subscribe;
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    sidepanelContent = _useState2[0],
+    setSidepanelContent = _useState2[1];
+  var _useState3 = (0, _react.useState)('dock'),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    mode = _useState4[0],
+    setMode = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    isOpen = _useState6[0],
+    setIsOpen = _useState6[1];
   (0, _react.useEffect)(() => {
     var handleEvent = message => {
       if (message.mode === 'close') {

package/dist/containers/Toast/ToastComponent.js

@@ -12,11 +12,9 @@ var _actions = require("../../actions");
 
 // Component for displaying Toast messages
 function ToastComponent(_ref) {
-  var {
-    app,
-    content,
-    dispatch
-  } = _ref;
+  var app = _ref.app,
+    content = _ref.content,
+    dispatch = _ref.dispatch;
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Toast, {
     fade: true,
     className: "toast d-print-none"

package/dist/containers/Toast/ToastContainer.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ToastContainer;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _asab_webui_components = require("asab_webui_components");
 var _actions = require("../../actions");
@@ -21,9 +23,12 @@ function ToastContainer(props) {
   var toastData = (attentionRequired === null || attentionRequired === void 0 || (_attentionRequired$be = attentionRequired['beacon.toast']) === null || _attentionRequired$be === void 0 ? void 0 : _attentionRequired$be.data) || [];
 
   // useReducer to manage the local state of toasts
-  var [state, dispatch] = (0, _react.useReducer)(_reducer.toastReducer, {
-    toasts: []
-  });
+  var _useReducer = (0, _react.useReducer)(_reducer.toastReducer, {
+      toasts: []
+    }),
+    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
 
   // Handle new toast data from attention required store
   (0, _react.useEffect)(() => {

package/dist/index.js

@@ -16,6 +16,12 @@ Object.defineProperty(exports, "Application", {
     return _Application.default;
   }
 });
+Object.defineProperty(exports, "ApplicationHashRouter", {
+  enumerable: true,
+  get: function get() {
+    return _ApplicationHashRouter.default;
+  }
+});
 Object.defineProperty(exports, "AttentionRequiredModule", {
   enumerable: true,
   get: function get() {
@@ -60,4 +66,5 @@ var _tenant = _interopRequireDefault(require("./modules/tenant"));
 var _auth = _interopRequireDefault(require("./modules/auth"));
 var _about = _interopRequireDefault(require("./modules/about"));
 var _index2 = _interopRequireDefault(require("./modules/attentionrequired/index.js"));
-var _invite = _interopRequireDefault(require("./modules/invite"));
+var _invite = _interopRequireDefault(require("./modules/invite"));
+var _ApplicationHashRouter = _interopRequireDefault(require("./containers/Router/ApplicationHashRouter.js"));

package/dist/modules/about/AboutScreen.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _asab_webui_components = require("asab_webui_components");
@@ -11,7 +13,10 @@ var _BrandImage = require("../../components/branding/BrandImage");
 var _reactstrap = require("reactstrap");
 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); }
 function AboutScreen(props) {
-  var [brandImage, setBrandImage] = (0, _react.useState)(undefined);
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    brandImage = _useState2[0],
+    setBrandImage = _useState2[1];
   var theme = (0, _asab_webui_components.useAppSelector)(state => state.theme);
   (0, _react.useEffect)(() => {
     setBrandImage((0, _BrandImage.getBrandImage)(props, theme));
@@ -49,9 +54,8 @@ var _default = exports.default = AboutScreen;
 */
 // TODO: add info about version release and date of the release
 function AboutCard(props) {
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
   var title = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$config;
     return (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.title;

package/dist/modules/attentionrequired/components/OfflineIndication.js

@@ -9,9 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 // Header badge for displaying offline status
 function OfflineIndication() {
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
   return /*#__PURE__*/_react.default.createElement("i", {
     title: t('General|You are offline. Functionality of the Application may be limited.'),
     className: "bi bi-wifi-off mx-3",

package/dist/modules/attentionrequired/service.js

@@ -125,11 +125,9 @@ class AttentionRequiredService extends _asab_webui_components.Service {
       return {};
     }
     return inputData.reduce((acc, entry) => {
-      var {
-        type,
-        _c,
-        reference_path
-      } = entry;
+      var type = entry.type,
+        _c = entry._c,
+        reference_path = entry.reference_path;
 
       // Identify the dynamic key (it could be 'library', 'configuration', 'services', etc.)
       var dynamicKey = Object.keys(entry).find(key => typeof entry[key] === 'object' && entry[key] !== null && !Array.isArray(entry[key]));

package/dist/modules/auth/components/SessionExpirationAlert.js

@@ -10,12 +10,9 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 // Session expiration custom Alert component
 function SessionExpirationAlert(_ref) {
-  var {
-    alert
-  } = _ref;
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)(); // Use the hook inside the functional component
+  var alert = _ref.alert;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t; // Use the hook inside the functional component
 
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
     key: alert.key,

package/dist/modules/auth/header.js

@@ -34,9 +34,8 @@ require("./header.scss");
 
 function AuthHeaderDropdown(props) {
   var _props$app;
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
   var tenant = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$tenant;
     return (_state$tenant = state.tenant) === null || _state$tenant === void 0 ? void 0 : _state$tenant.current;

package/dist/modules/auth/index.js

@@ -249,9 +249,7 @@ class AuthModule extends _asab_webui_components.Module {
   }
   validateNavigation(_ref) {
     var _state$navigation, _this$App$AppStore$di, _this$App$AppStore;
-    var {
-      resources
-    } = _ref;
+    var resources = _ref.resources;
     var state = this.App.AppStore.getState();
     var navItems = (_state$navigation = state.navigation) === null || _state$navigation === void 0 ? void 0 : _state$navigation.navItems;
     var authorizedNavItems = [];

package/dist/modules/auth/screens/AccessControlScreen.js

@@ -36,10 +36,9 @@ function AccessControlScreen(props) {
 }
 var _default = exports.default = AccessControlScreen;
 function AccessControlCard(props) {
-  var {
-    t,
-    i18n
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
   var tenant = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$tenant;
     return (_state$tenant = state.tenant) === null || _state$tenant === void 0 ? void 0 : _state$tenant.current;

package/dist/modules/i18n/dropdown.js

@@ -11,18 +11,16 @@ var _asab_webui_components = require("asab_webui_components");
 var _reactstrap = require("reactstrap");
 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); }
 function LanguageDropdown(props) {
-  var {
-    t,
-    i18n
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
   var changeLanguage = language => {
     i18n.changeLanguage(language).then(() => {
       // if the hard refresh is needed: window.location.reload(false);
     });
   };
-  var {
-    dispatch
-  } = (0, _asab_webui_components.useAppStore)();
+  var _useAppStore = (0, _asab_webui_components.useAppStore)(),
+    dispatch = _useAppStore.dispatch;
   (0, _react.useEffect)(() => {
     var _i18n$language;
     dispatch({
@@ -67,11 +65,9 @@ function LanguageDropdown(props) {
   })));
 }
 function LanguageFlag(_ref) {
-  var {
-    language,
-    className,
-    style
-  } = _ref;
+  var language = _ref.language,
+    className = _ref.className,
+    style = _ref.style;
   return /*#__PURE__*/_react.default.createElement("img", {
     className: className,
     src: "media/locale/".concat(language, ".svg"),

package/dist/modules/invite/InvitationScreen.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = InvitationScreen;
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactRouter = require("react-router");
@@ -16,16 +17,24 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // Component that handles user invitation
 function InvitationScreen(props) {
   var _location$state2;
-  var [emailValue, setEmailValue] = (0, _react.useState)('');
-  var [responseData, setResponseData] = (0, _react.useState)(undefined);
-  var [isSubmitting, setIsSubmitting] = (0, _react.useState)(false);
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    emailValue = _useState2[0],
+    setEmailValue = _useState2[1];
+  var _useState3 = (0, _react.useState)(undefined),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    responseData = _useState4[0],
+    setResponseData = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    isSubmitting = _useState6[0],
+    setIsSubmitting = _useState6[1];
   var tenant = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$tenant;
     return (_state$tenant = state.tenant) === null || _state$tenant === void 0 ? void 0 : _state$tenant.current;
   });
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
   var navigate = (0, _reactRouter.useNavigate)();
   var SeaCatAuthAPI = props.app.axiosCreate('seacat-auth');
   var canAccessCredentialsDetail = (0, _seacatAuth.isAuthorized)(['seacat:credentials:access'], props.app);

package/dist/modules/tenant/TenantDropdown.js

@@ -10,9 +10,8 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 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); }
 function TenantDropdown() {
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
   var current = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$tenant;
     return state === null || state === void 0 || (_state$tenant = state.tenant) === null || _state$tenant === void 0 ? void 0 : _state$tenant.current;
@@ -44,8 +43,6 @@ function TenantDropdown() {
   })))) : null);
 }
 function TenantLabel(_ref) {
-  var {
-    tenant
-  } = _ref;
+  var tenant = _ref.tenant;
   return /*#__PURE__*/_react.default.createElement("span", null, tenant);
 }

package/dist/modules/tenant/access/AccessDeniedCard.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
@@ -13,11 +14,16 @@ var _locationReplace = require("../../../components/locationReplace");
 require("./AccessDeniedCard.scss");
 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); }
 function AccessDeniedCard(props) {
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  var [accessDenied, setAccessDenied] = (0, _react.useState)(false);
-  var [deniedTenant, setDeniedTenant] = (0, _react.useState)("");
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    accessDenied = _useState2[0],
+    setAccessDenied = _useState2[1];
+  var _useState3 = (0, _react.useState)(""),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    deniedTenant = _useState4[0],
+    setDeniedTenant = _useState4[1];
   (0, _react.useEffect)(() => {
     var qs = new URLSearchParams(window.location.search);
     var errorType = qs.get('error');

package/dist/screens/InvalidRouteScreen.js

@@ -11,9 +11,8 @@ var _reactstrap = require("reactstrap");
 var _asab_webui_components = require("asab_webui_components");
 require("./InvalidRouteScreen.scss");
 function InvalidRouteScreen(props) {
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Container, {
     className: "invalid-route-container h-100"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.Card, {

package/dist/screens/SuspenseScreen.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SuspenseScreen;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _asab_webui_components = require("asab_webui_components");
 var _reactstrap = require("reactstrap");
@@ -11,7 +13,10 @@ var _BrandImage = require("../components/branding/BrandImage");
 require("./SuspenseScreen.scss");
 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); }
 function SuspenseScreen(props) {
-  var [brandImage, setBrandImage] = (0, _react.useState)(undefined);
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    brandImage = _useState2[0],
+    setBrandImage = _useState2[1];
   var theme = (0, _asab_webui_components.useAppSelector)(state => state.theme);
   (0, _react.useEffect)(() => {
     setBrandImage((0, _BrandImage.getBrandImage)(props, theme));

package/dist/screens/UnauthorizedAccessScreen.js

@@ -20,9 +20,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 	screen.
 */
 function UnauthorizedAccessScreen(props) {
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
   var resources = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$auth;
     return (_state$auth = state.auth) !== null && _state$auth !== void 0 && _state$auth.resources ? state.auth.resources : [];

package/dist/styles/constants/theme-print.scss

@@ -180,6 +180,10 @@
 					position: unset !important;
 					transform: unset !important;
 					text-align: initial;
+					break-inside: avoid;
+				}
+				.react-grid-item:not(:has(.recharts-responsive-container)) {
+					height: initial !important; /* Allow table widgets to expand and show all content */
 				}
 			}
 		}

package/dist/theme/ThemeButton.js

@@ -11,12 +11,10 @@ var _reactstrap = require("reactstrap");
 var _actions = require("./actions");
 var _asab_webui_components = require("asab_webui_components");
 var ThemeButton = () => {
-  var {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  var {
-    dispatch
-  } = (0, _asab_webui_components.useAppStore)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var _useAppStore = (0, _asab_webui_components.useAppStore)(),
+    dispatch = _useAppStore.dispatch;
   var theme = (0, _asab_webui_components.useAppSelector)(state => state.theme);
   var changeTheme = () => {
     var newTheme = theme == 'light' ? 'dark' : 'light';

package/dist/utils/jsonParseWithBigInt.js

@@ -61,10 +61,8 @@ function jsonParseWithBigInt(source, bigIntKeys) {
         var convertedArray = [...value];
         var numericSources = pending.get(value) || [];
         numericSources.forEach(_ref => {
-          var {
-            index,
-            src
-          } = _ref;
+          var index = _ref.index,
+            src = _ref.src;
           convertedArray[index] = BigInt(src);
         });
         return convertedArray;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "asab_webui_shell",
-	"version": "27.3.15",
+	"version": "27.4.0",
 	"license": "BSD-3-Clause",
 	"description": "TeskaLabs ASAB WebUI Shell Application",
 	"contributors": [