asab_webui_shell 25.1.11 → 25.1.13

package/dist/containers/AttentionRequired/reducer.js

@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = attentionRequiredReducer;
+exports.default = attentionRequiredReducer;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _actions = require("../../actions");
 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; }
-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; }
+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; }
 var initialState = {
   beacon: {}
 };

package/dist/containers/FullscreenMode/reducer.js

@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = fullscreenModeReducer;
+exports.default = fullscreenModeReducer;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _actions = require("../../actions");
 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; }
-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; }
+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; }
 var initialState = {
   status: 'off'
 };

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

@@ -1,47 +1,46 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
 var _reactI18next = require("react-i18next");
 require("./ApplicationScreenTitle.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-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; }
-var ApplicationScreenTitle = function ApplicationScreenTitle(props) {
+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 ApplicationScreenTitle = props => {
   var _props$routes;
-  var subtitle = (0, _reactRedux.useSelector)(function (state) {
+  var subtitle = (0, _reactRedux.useSelector)(state => {
     var _state$header;
     return (_state$header = state.header) === null || _state$header === void 0 ? void 0 : _state$header.subtitle;
   });
-  var title = (0, _reactRedux.useSelector)(function (state) {
+  var title = (0, _reactRedux.useSelector)(state => {
     var _state$config;
     return (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.title;
   });
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
+  var {
+    t
+  } = (0, _reactI18next.useTranslation)();
   var route = (_props$routes = props.routes) === null || _props$routes === void 0 ? void 0 : _props$routes[0];
-  var routeName = (0, _react.useMemo)(function () {
+  var routeName = (0, _react.useMemo)(() => {
     if (route && route.name) {
       return route.name;
     } else {
       return title;
     }
   }, [route]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     document.title = title && routeName ? "".concat(title, " | ").concat(routeName) : title;
   }, [routeName, t]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "application-screen-title text-primary"
-  }, /*#__PURE__*/_react["default"].createElement("h4", {
+  }, /*#__PURE__*/_react.default.createElement("h4", {
     className: "m-0"
-  }, t("ApplicationScreenTitle|".concat(routeName))), subtitle && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+  }, t("ApplicationScreenTitle|".concat(routeName))), subtitle && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "px-2 subtitle-separator"
-  }, "|"), /*#__PURE__*/_react["default"].createElement("h5", {
+  }, "|"), /*#__PURE__*/_react.default.createElement("h5", {
     className: "m-0"
   }, subtitle)));
 };
-var _default = exports["default"] = ApplicationScreenTitle;
+var _default = exports.default = ApplicationScreenTitle;

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

@@ -4,25 +4,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactRedux = require("react-redux");
 var _reactRouterDom = require("react-router-dom");
 var _ApplicationScreenTitle = _interopRequireDefault(require("./ApplicationScreenTitle"));
-var ApplicationTitleRouter = function ApplicationTitleRouter(props) {
-  var routes = (0, _reactRedux.useSelector)(function (state) {
+var ApplicationTitleRouter = props => {
+  var routes = (0, _reactRedux.useSelector)(state => {
     var _state$router;
     return (_state$router = state.router) === null || _state$router === void 0 ? void 0 : _state$router.routes;
   });
   var filteredRoutes = filterRoutesByMatch(routes);
-  return /*#__PURE__*/_react["default"].createElement(_ApplicationScreenTitle["default"], {
+  return /*#__PURE__*/_react.default.createElement(_ApplicationScreenTitle.default, {
     app: props.app,
     routes: filteredRoutes
   });
 };
-var _default = exports["default"] = ApplicationTitleRouter;
+var _default = exports.default = ApplicationTitleRouter;
 function filterRoutesByMatch(routes) {
-  return routes.filter(function (route) {
+  return routes.filter(route => {
     var match = (0, _reactRouterDom.useMatch)({
       path: "".concat(route.path)
     });

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

@@ -1,57 +1,47 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = HelpButton;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = HelpButton;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactRedux = require("react-redux");
 var _reactstrap = require("reactstrap");
 require("./HelpButton.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-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; }
+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 _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 path = (0, _reactRedux.useSelector)(function (state) {
-    return state === null || state === void 0 ? void 0 : state.header.helpPath;
-  });
+  var {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  var [modal, setModal] = (0, _react.useState)(false);
+  var path = (0, _reactRedux.useSelector)(state => state === null || state === void 0 ? void 0 : state.header.helpPath);
   if (path == undefined) return null;
-  var toggle = function toggle() {
-    return setModal(!modal);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.NavLink, {
+  var toggle = () => setModal(!modal);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
     className: "help-nav-link",
     onClick: toggle,
     title: t("HelpButton|Show help info")
-  }, t("HelpButton|Help")), /*#__PURE__*/_react["default"].createElement(_reactstrap.Modal, {
+  }, t("HelpButton|Help")), /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: modal,
     toggle: toggle,
     className: "help-modal-dialog"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Card, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Card, {
     className: "help-card"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.CardHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.CardHeader, {
     className: "card-header-flex"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "flex-fill"
-  }, /*#__PURE__*/_react["default"].createElement("h3", null, /*#__PURE__*/_react["default"].createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("h3", null, /*#__PURE__*/_react.default.createElement("i", {
     className: "bi bi-question-circle pe-2"
-  }), t("HelpButton|Help"))), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+  }), t("HelpButton|Help"))), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
     outline: true,
     type: "button",
     onClick: toggle,
     color: "primary"
-  }, /*#__PURE__*/_react["default"].createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "bi bi-x-lg"
-  }))), /*#__PURE__*/_react["default"].createElement(_reactstrap.CardBody, null, /*#__PURE__*/_react["default"].createElement("iframe", {
+  }))), /*#__PURE__*/_react.default.createElement(_reactstrap.CardBody, null, /*#__PURE__*/_react.default.createElement("iframe", {
     className: "help-iframe",
     src: path
   })))));

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

@@ -4,31 +4,20 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _asab_webui_components = require("asab_webui_components");
 var _HelpButton = _interopRequireDefault(require("./HelpButton"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var HelpService = exports["default"] = /*#__PURE__*/function (_Service) {
-  function HelpService(app) {
+class HelpService extends _asab_webui_components.Service {
+  constructor(app) {
     var serviceName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "HelpService";
-    (0, _classCallCheck2["default"])(this, HelpService);
-    return _callSuper(this, HelpService, [app, serviceName]);
+    super(app, serviceName);
   }
-  (0, _inherits2["default"])(HelpService, _Service);
-  return (0, _createClass2["default"])(HelpService, [{
-    key: "initialize",
-    value: function initialize() {
-      var headerService = this.App.locateService("HeaderService");
-      headerService.addComponent({
-        component: _HelpButton["default"],
-        order: 300
-      });
-    }
-  }]);
-}(_asab_webui_components.Service);
+  initialize() {
+    var headerService = this.App.locateService("HeaderService");
+    headerService.addComponent({
+      component: _HelpButton.default,
+      order: 300
+    });
+  }
+}
+exports.default = HelpService;

package/dist/containers/Header/Preview/PreviewFlag.js

@@ -4,16 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = PreviewFlag;
+exports.default = PreviewFlag;
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactRedux = require("react-redux");
 var _reactstrap = require("reactstrap");
 function PreviewFlag() {
   var _name;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var name = (0, _reactRedux.useSelector)(function (state) {
+  var {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  var name = (0, _reactRedux.useSelector)(state => {
     var _state$header;
     return state === null || state === void 0 || (_state$header = state.header) === null || _state$header === void 0 ? void 0 : _state$header.flag;
   });
@@ -27,7 +28,7 @@ function PreviewFlag() {
   } else {
     return null;
   }
-  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Badge, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Badge, {
     className: "mx-2",
     color: "primary"
   }, name);

package/dist/containers/Header/Preview/PreviewService.js

@@ -4,31 +4,20 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _asab_webui_components = require("asab_webui_components");
 var _PreviewFlag = _interopRequireDefault(require("./PreviewFlag"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var PreviewService = exports["default"] = /*#__PURE__*/function (_Service) {
-  function PreviewService(app) {
+class PreviewService extends _asab_webui_components.Service {
+  constructor(app) {
     var serviceName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "PreviewService";
-    (0, _classCallCheck2["default"])(this, PreviewService);
-    return _callSuper(this, PreviewService, [app, serviceName]);
+    super(app, serviceName);
   }
-  (0, _inherits2["default"])(PreviewService, _Service);
-  return (0, _createClass2["default"])(PreviewService, [{
-    key: "initialize",
-    value: function initialize() {
-      var headerService = this.App.locateService("HeaderService");
-      headerService.addComponent({
-        component: _PreviewFlag["default"],
-        order: 100
-      });
-    }
-  }]);
-}(_asab_webui_components.Service);
+  initialize() {
+    var headerService = this.App.locateService("HeaderService");
+    headerService.addComponent({
+      component: _PreviewFlag.default,
+      order: 100
+    });
+  }
+}
+exports.default = PreviewService;

package/dist/containers/Header/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = Header;
+exports.default = Header;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
@@ -12,28 +12,26 @@ var _reactRedux = require("react-redux");
 var _ApplicationScreenTitle = _interopRequireDefault(require("./ApplicationScreenTitle"));
 require("./header.scss");
 function Header(props) {
-  var headerNavItems = (0, _reactRedux.useSelector)(function (state) {
+  var headerNavItems = (0, _reactRedux.useSelector)(state => {
     var _state$header;
     return (_state$header = state.header) === null || _state$header === void 0 ? void 0 : _state$header.headerNavItems;
   });
-  return /*#__PURE__*/_react["default"].createElement("header", {
+  return /*#__PURE__*/_react.default.createElement("header", {
     id: "app-header"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Nav, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Nav, {
     className: "d-flex flex-row nav w-100 h-100 align-items-center"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.NavItem, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.NavItem, {
     className: "mx-1 fullscreen-visible"
-  }, /*#__PURE__*/_react["default"].createElement(_ApplicationScreenTitle["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_ApplicationScreenTitle.default, {
     app: props.app
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "flex-fill"
-  }, "\xA0"), headerNavItems.map(function (item, idx) {
-    return /*#__PURE__*/_react["default"].createElement(_reactstrap.NavItem, {
-      className: "mx-1 ".concat(item.fullscreenVisible == true ? 'fullscreen-visible' : ''),
-      key: idx
-    }, /*#__PURE__*/_react["default"].createElement(item.component, (0, _extends2["default"])({
-      key: item
-    }, item.componentProps, {
-      app: props.app
-    })));
-  })));
+  }, "\xA0"), headerNavItems.map((item, idx) => /*#__PURE__*/_react.default.createElement(_reactstrap.NavItem, {
+    className: "mx-1 ".concat(item.fullscreenVisible == true ? 'fullscreen-visible' : ''),
+    key: idx
+  }, /*#__PURE__*/_react.default.createElement(item.component, (0, _extends2.default)({
+    key: item
+  }, item.componentProps, {
+    app: props.app
+  }))))));
 }

package/dist/containers/Header/reducer.js

@@ -4,18 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _actions = require("../../actions");
 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; }
-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; }
+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; }
 var initialState = {
   helpPath: undefined,
   subtitle: undefined,
   flag: undefined,
   headerNavItems: []
 };
-var _default = exports["default"] = function _default() {
+var _default = exports.default = function _default() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
   var action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
@@ -33,7 +33,7 @@ var _default = exports["default"] = function _default() {
       });
     case _actions.SET_HEADER_NAVIGATION_ITEMS:
       // Sort the navigation items
-      action.headerNavItems.sort(function (a, b) {
+      action.headerNavItems.sort((a, b) => {
         if (a.order == undefined && b.order == undefined) {
           return 0; // No order specified for both, keep order unchanged
         } else if (a.order == undefined) {

package/dist/containers/Navigation/index.js

@@ -1,66 +1,46 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _actions = require("../../actions");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-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; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var Navigation = exports["default"] = /*#__PURE__*/function (_Component) {
-  function Navigation(app) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, Navigation);
-    _this = _callSuper(this, Navigation, [app]);
-    _this.App = app;
-    _this.Items = [];
-    return _this;
+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); }
+class Navigation extends _react.Component {
+  constructor(app) {
+    super(app);
+    this.App = app;
+    this.Items = [];
   }
-  (0, _inherits2["default"])(Navigation, _Component);
-  return (0, _createClass2["default"])(Navigation, [{
-    key: "addItem",
-    value: function addItem(item) {
-      /* Example item:
-      	{
-      		path: '/some/path',	// Url path
-      		end: true,		// Whether path must be matched exactly
-      		name: 'Some Name',	// Route name
-      		component: ReactComponent // Component to be rendered
-      	}
-      */
+  addItem(item) {
+    /* Example item:
+    	{
+    		path: '/some/path',	// Url path
+    		end: true,		// Whether path must be matched exactly
+    		name: 'Some Name',	// Route name
+    		component: ReactComponent // Component to be rendered
+    	}
+    */
 
-      // Find an existing item with the same name
-      var existingItem = this.Items.find(function (existing) {
-        return existing.name === item.name;
-      });
-      if (existingItem) {
-        // If found, merge the children (concatenate arrays while avoiding duplicates based on a name)
-        var existingChildrenNames = new Set(existingItem.children.map(function (child) {
-          return child.name;
-        }));
-        item.children.forEach(function (child) {
-          if (!existingChildrenNames.has(child.name)) {
-            existingItem.children.push(child);
-          }
-        });
-      } else {
-        // If no existing item, push the new item
-        this.Items.push(item);
-      }
-      this.App.Store.dispatch({
-        type: _actions.SET_NAVIGATION_ITEMS,
-        navItems: this.Items
+    // Find an existing item with the same name
+    var existingItem = this.Items.find(existing => existing.name === item.name);
+    if (existingItem) {
+      // If found, merge the children (concatenate arrays while avoiding duplicates based on a name)
+      var existingChildrenNames = new Set(existingItem.children.map(child => child.name));
+      item.children.forEach(child => {
+        if (!existingChildrenNames.has(child.name)) {
+          existingItem.children.push(child);
+        }
       });
+    } else {
+      // If no existing item, push the new item
+      this.Items.push(item);
     }
-  }]);
-}(_react.Component);
+    this.App.Store.dispatch({
+      type: _actions.SET_NAVIGATION_ITEMS,
+      navItems: this.Items
+    });
+  }
+}
+exports.default = Navigation;

package/dist/containers/Navigation/reducer.js

@@ -4,36 +4,30 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _actions = require("../../actions");
 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; }
-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; }
+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; }
 var initialState = {
   navItems: []
 };
-var _default = exports["default"] = function _default() {
+var _default = exports.default = function _default() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
   var action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
     case _actions.SET_NAVIGATION_ITEMS:
       // Remove navigation items which does not have populated children
-      var filteredNavItems = action.navItems ? action.navItems.filter(function (item) {
-        return !(item.children && item.children.length === 0);
-      }) : [];
+      var filteredNavItems = action.navItems ? action.navItems.filter(item => !(item.children && item.children.length === 0)) : [];
 
       // Sort children within each navigation item if they exist
-      filteredNavItems.forEach(function (item) {
+      filteredNavItems.forEach(item => {
         if (item.children && item.children.length > 0) {
-          item.children.sort(function (a, b) {
-            return sortItemsByOrder(a, b);
-          });
+          item.children.sort((a, b) => sortItemsByOrder(a, b));
         }
       });
       // Sort the navigation items
-      filteredNavItems.sort(function (a, b) {
-        return sortItemsByOrder(a, b);
-      });
+      filteredNavItems.sort((a, b) => sortItemsByOrder(a, b));
       return _objectSpread(_objectSpread({}, state), {}, {
         navItems: filteredNavItems
       });