asab_webui_shell 25.2.8 → 26.1.2

package/dist/services/HeaderService.js

@@ -40,13 +40,14 @@ class HeaderService extends _asab_webui_components.Service {
   	*/
 
   addComponent(component) {
+    var _this$App, _this$App$dispatch;
     this.Items.push({
       'component': component.component,
       'componentProps': component.componentProps,
       'order': component.order,
       'fullscreenVisible': component.fullscreenVisible
     });
-    this.App.Store.dispatch({
+    (_this$App = this.App) === null || _this$App === void 0 || (_this$App = _this$App.AppStore) === null || _this$App === void 0 || (_this$App$dispatch = _this$App.dispatch) === null || _this$App$dispatch === void 0 || _this$App$dispatch.call(_this$App, {
       type: _actions.SET_HEADER_NAVIGATION_ITEMS,
       headerNavItems: this.Items
     });
@@ -54,9 +55,10 @@ class HeaderService extends _asab_webui_components.Service {
 
   // This function removes a component from the Header
   removeComponent(component) {
+    var _this$App$AppStore, _this$App$AppStore$di;
     var filteredItems = this.Items.filter(item => item.component !== component);
     this.Items = filteredItems;
-    this.App.Store.dispatch({
+    (_this$App$AppStore = this.App.AppStore) === null || _this$App$AppStore === void 0 || (_this$App$AppStore$di = _this$App$AppStore.dispatch) === null || _this$App$AppStore$di === void 0 || _this$App$AppStore$di.call(_this$App$AppStore, {
       type: _actions.SET_HEADER_NAVIGATION_ITEMS,
       headerNavItems: this.Items
     });

package/dist/services/ReduxService.js

@@ -4,16 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _asab_webui_components = require("asab_webui_components");
 class ReduxService {
-  constructor() {
-    this.Reducers = {};
-  }
+  // Register reducer
   addReducer(name, reducer) {
-    if (name in this.Reducers) {
-      console.warn("Reducer with name ".concat(name, " already exists."));
-      return;
-    }
-    this.Reducers[name] = reducer;
+    (0, _asab_webui_components.registerReducer)(name, reducer);
   }
 }
 exports.default = ReduxService;

package/dist/services/TitleService.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
 var _asab_webui_components = require("asab_webui_components");
 var _actions = require("../actions");
 class TitleService extends _asab_webui_components.Service {
@@ -21,9 +20,10 @@ class TitleService extends _asab_webui_components.Service {
     (0, _defineProperty2.default)(this, "clearSubtitle", () => {
       this._updateSubtitle(undefined);
     });
-    // Method for dispatching subtitle update to Redux store
+    // Method for dispatching subtitle update to Application store
     (0, _defineProperty2.default)(this, "_updateSubtitle", subtitle => {
-      this.App.Store.dispatch({
+      var _this$App, _this$App$dispatch;
+      (_this$App = this.App) === null || _this$App === void 0 || (_this$App = _this$App.AppStore) === null || _this$App === void 0 || (_this$App$dispatch = _this$App.dispatch) === null || _this$App$dispatch === void 0 || _this$App$dispatch.call(_this$App, {
         type: _actions.SET_SUBTITLE,
         subtitle: subtitle
       });

package/dist/theme/ThemeButton.js

@@ -6,19 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactRedux = require("react-redux");
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _actions = require("./actions");
-var ThemeButton = _ref => {
+var _asab_webui_components = require("asab_webui_components");
+var ThemeButton = () => {
   var {
-    theme
-  } = _ref;
-  var {
-    t,
-    i18n
+    t
   } = (0, _reactI18next.useTranslation)();
-  var dispatch = (0, _reactRedux.useDispatch)();
+  var {
+    dispatch
+  } = (0, _asab_webui_components.useAppStore)();
+  var theme = (0, _asab_webui_components.useAppSelector)(state => state.theme);
   var changeTheme = () => {
     var newTheme = theme == "light" ? "dark" : "light";
     dispatch({
@@ -34,9 +33,4 @@ var ThemeButton = _ref => {
     className: "bi bi-circle-half"
   }));
 };
-function mapStateToProps(state) {
-  return {
-    theme: state.theme
-  };
-}
-var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps)(ThemeButton);
+var _default = exports.default = ThemeButton;

package/dist/theme/ThemeReducer.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = ThemeReducer;
 var _actions = require("./actions");
-var themeInitState = null;
+var initialState = null;
 function ThemeReducer() {
-  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : themeInitState;
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
   var action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
     case _actions.CHANGE_THEME:

package/dist/theme/ThemeService.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _asab_webui_components = require("asab_webui_components");
 var _ThemeReducer = _interopRequireDefault(require("./ThemeReducer"));
-var _actions = require("./actions");
 var _ThemeButton = _interopRequireDefault(require("./ThemeButton"));
+var _actions = require("./actions");
 class ThemeService extends _asab_webui_components.Service {
   constructor(app) {
     var serviceName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "ThemeService";
@@ -16,6 +16,7 @@ class ThemeService extends _asab_webui_components.Service {
     app.ReduxService.addReducer("theme", _ThemeReducer.default);
   }
   initialize() {
+    var _this$App, _this$App$dispatch;
     var headerService = this.App.locateService("HeaderService");
     headerService.addComponent({
       component: _ThemeButton.default,
@@ -27,8 +28,8 @@ class ThemeService extends _asab_webui_components.Service {
     // more info https://bugs.chromium.org/p/chromium/issues/detail?id=998903
     var prefersColorScheme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? "dark" : "light";
 
-    // Dispatch tenants obtained from userinfo
-    this.App.Store.dispatch({
+    // Dispatch theme
+    (_this$App = this.App) === null || _this$App === void 0 || (_this$App = _this$App.AppStore) === null || _this$App === void 0 || (_this$App$dispatch = _this$App.dispatch) === null || _this$App$dispatch === void 0 || _this$App$dispatch.call(_this$App, {
       type: _actions.CHANGE_THEME,
       theme: prefersColorScheme
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asab_webui_shell",
-  "version": "25.2.8",
+  "version": "26.1.2",
   "license": "BSD-3-Clause",
   "description": "TeskaLabs ASAB WebUI Shell Application",
   "contributors": [
@@ -39,18 +39,16 @@
     "rimraf": "^5.0.0"
   },
   "peerDependencies": {
-    "asab_webui_components": "^25.1.1",
+    "asab_webui_components": "^26.1.1",
     "@babel/runtime": "^7.22.11",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "axios": "^1.8.4",
     "i18next": "^20.3.5",
     "react-i18next": "^11.8.12",
-    "react-redux": "^7.2.0",
     "react-router": "^6.16.0",
     "react-router-dom": "^6.16.0",
-    "reactstrap": "^9.2.0",
-    "redux": "^4.0.5"
+    "reactstrap": "^9.2.0"
   },
   "scripts": {
     "clean": "rimraf dist",

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

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 {
-    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;
-  });
-  var lowercasedName = (_name = name) === null || _name === void 0 ? void 0 : _name.toLowerCase();
-  if (lowercasedName === "preview") {
-    name = t("General|Feature preview");
-  } else if (lowercasedName === "alpha") {
-    name = t("Alpha");
-  } else if (lowercasedName === "beta") {
-    name = t("Beta");
-  } else {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.Badge, {
-    className: "mx-2",
-    color: "primary"
-  }, name);
-}

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

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _asab_webui_components = require("asab_webui_components");
-var _PreviewFlag = _interopRequireDefault(require("./PreviewFlag"));
-class PreviewService extends _asab_webui_components.Service {
-  constructor(app) {
-    var serviceName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "PreviewService";
-    super(app, serviceName);
-  }
-  initialize() {
-    var headerService = this.App.locateService("HeaderService");
-    headerService.addComponent({
-      component: _PreviewFlag.default,
-      order: 100
-    });
-  }
-}
-exports.default = PreviewService;