asab_webui_components 25.6.2 → 26.1.1

package/dist/abc/Service.js

@@ -12,7 +12,6 @@ class Service {
   }
   initialize() {
     // Override this method in your service
-    // At this point it is ensured, that Redux Store exists at App.Store
   }
 }
 exports.Service = Service;

package/dist/components/AdvancedCard/AdvancedCard.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AdvancedCard = AdvancedCard;
 var _react = _interopRequireDefault(require("react"));
-var _reactRedux = require("react-redux");
-var _reactJsonView = _interopRequireDefault(require("react-json-view"));
+var _reactJsonView = _interopRequireDefault(require("@microlink/react-json-view"));
 var _reactstrap = require("reactstrap");
+var _AppStore = require("../Context/store/AppStore.js");
 // This is a card that displays data on the page in JSON format after hotkeys are pressed `ctrl + shift + 1`
 function AdvancedCard(_ref) {
   var {
     data,
     cardClassname = ''
   } = _ref;
-  var theme = (0, _reactRedux.useSelector)(state => state.theme);
-  var advmode = (0, _reactRedux.useSelector)(state => {
+  var theme = (0, _AppStore.useAppSelector)(state => state.theme);
+  var advmode = (0, _AppStore.useAppSelector)(state => {
     var _state$advmode;
     return (_state$advmode = state.advmode) === null || _state$advmode === void 0 ? void 0 : _state$advmode.enabled;
   });

package/dist/components/AdvancedCard/AdvancedCard.jsx

@@ -1,12 +1,12 @@
 import React from 'react';
-import { useSelector } from 'react-redux';
-import ReactJson from 'react-json-view';
+import ReactJsonView from '@microlink/react-json-view'
 import { Card, CardHeader, CardBody } from 'reactstrap';
+import { useAppSelector } from '../Context/store/AppStore.jsx';
 
 // This is a card that displays data on the page in JSON format after hotkeys are pressed `ctrl + shift + 1`
 export function AdvancedCard ({ data, cardClassname='' }) {
-	const theme = useSelector(state => state.theme);
-	const advmode = useSelector(state => state.advmode?.enabled);
+	const theme = useAppSelector(state => state.theme);
+	const advmode = useAppSelector(state => state.advmode?.enabled);
 
 	return (
 		advmode ?
@@ -20,7 +20,7 @@ export function AdvancedCard ({ data, cardClassname='' }) {
 					</div>
 				</CardHeader>
 				<CardBody>
-					<ReactJson
+					<ReactJsonView
 						src={data}
 						theme={(theme === 'dark') ? 'chalk' : 'rjv-default'}
 						name={false}

package/dist/components/AsabReactJson/AsabReactJson.js

@@ -8,8 +8,8 @@ exports.AsabReactJson = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _reactJsonView = _interopRequireDefault(require("react-json-view"));
-var _reactRedux = require("react-redux");
+var _reactJsonView = _interopRequireDefault(require("@microlink/react-json-view"));
+var _AppStore = require("../Context/store/AppStore.js");
 var _excluded = ["src"];
 /*
 	Props to pass on for AsabReactJson:
@@ -23,7 +23,7 @@ var AsabReactJson = _ref => {
       src
     } = _ref,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var theme = (0, _reactRedux.useSelector)(state => state.theme);
+  var theme = (0, _AppStore.useAppSelector)(state => state.theme);
 
   // The function looks through the received data and if there is a BigInt there, it transforms it into a string
   var convertBigIntToString = data => {

package/dist/components/AsabReactJson/AsabReactJson.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import ReactJson from 'react-json-view';
-import { useSelector } from 'react-redux';
+import ReactJsonView from '@microlink/react-json-view'
+import { useAppSelector } from '../Context/store/AppStore.jsx';
 
 /*
 	Props to pass on for AsabReactJson:
@@ -11,7 +11,7 @@ import { useSelector } from 'react-redux';
 
 // Component wraps ReactJson to handle BigInt numbers and turn them into strings
 export const AsabReactJson = ({src, ...props}) => {
-	const theme = useSelector(state => state.theme);
+	const theme = useAppSelector(state => state.theme);
 
 	// The function looks through the received data and if there is a BigInt there, it transforms it into a string
 	const convertBigIntToString = (data) => {
@@ -28,7 +28,7 @@ export const AsabReactJson = ({src, ...props}) => {
 	};
 
 	return (
-		<ReactJson
+		<ReactJsonView
 			src={convertBigIntToString((src))}
 			theme={(theme === 'dark') ? 'chalk' : 'rjv-default'}
 			{...props}

package/dist/components/Context/store/AppStore.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppStoreProvider = AppStoreProvider;
+exports.useAppSelector = useAppSelector;
+exports.useAppStore = useAppStore;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reducerRegistry = require("./reducer/reducerRegistry.js");
+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 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; } // App store context (redux like App store)
+// Method to combine reducers
+function combineReducers(reducers) {
+  return (state, action) => Object.keys(reducers).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
+    [key]: reducers[key](state[key], action)
+  }), state);
+}
+var AppStoreContext = /*#__PURE__*/(0, _react.createContext)();
+
+// App store
+function AppStoreProvider(_ref) {
+  var {
+    children,
+    app
+  } = _ref;
+  // Keep the initial state from the registry at mount
+  var initialState = (0, _reducerRegistry.getInitialStates)();
+  // Pulls the current reducer set on every action:
+  var reducerFn = (0, _react.useCallback)((state, action) => {
+    return combineReducers((0, _reducerRegistry.getReducers)())(state, action);
+  }, []);
+  var [state, dispatch] = (0, _react.useReducer)(reducerFn, initialState);
+
+  // Set the global dispatch and state references
+  app.AppStore.dispatch = dispatch;
+  app.AppStore.state = state;
+  return /*#__PURE__*/_react.default.createElement(AppStoreContext.Provider, {
+    value: {
+      state,
+      dispatch
+    }
+  }, children);
+}
+
+// App store hook
+function useAppStore() {
+  /*
+  	Returns provider context i.e. dispatch
+  	const { dispatch } = useAppStore();
+  */
+  return (0, _react.useContext)(AppStoreContext);
+}
+
+// App store selector
+function useAppSelector(selector) {
+  /*
+  	Returns provider context state
+  		const myState = useAppSelector(state => state.myState);
+  */
+  var {
+    state
+  } = useAppStore();
+  return selector(state);
+}

package/dist/components/Context/store/AppStore.jsx

@@ -0,0 +1,59 @@
+// App store context (redux like App store)
+import React, { createContext, useReducer, useContext, useCallback } from 'react';
+import { getReducers, getInitialStates } from './reducer/reducerRegistry.jsx';
+
+// Method to combine reducers
+function combineReducers(reducers) {
+	return (state, action) =>
+		Object.keys(reducers).reduce(
+			(acc, key) => ({
+				...acc,
+				[key]: reducers[key](state[key], action),
+			}),
+			state
+		);
+}
+
+const AppStoreContext = createContext();
+
+// App store
+export function AppStoreProvider({ children, app }) {
+	// Keep the initial state from the registry at mount
+	const initialState = getInitialStates();
+	// Pulls the current reducer set on every action:
+	const reducerFn = useCallback((state, action) => {
+		return combineReducers(getReducers())(state, action);
+	}, []);
+
+	const [state, dispatch] = useReducer(reducerFn, initialState);
+
+	// Set the global dispatch and state references
+	app.AppStore.dispatch = dispatch;
+	app.AppStore.state = state;
+
+	return (
+		<AppStoreContext.Provider value={{ state, dispatch }}>
+			{children}
+		</AppStoreContext.Provider>
+	);
+}
+
+// App store hook
+export function useAppStore() {
+	/*
+		Returns provider context i.e. dispatch
+		const { dispatch } = useAppStore();
+	*/
+	return useContext(AppStoreContext);
+}
+
+// App store selector
+export function useAppSelector(selector) {
+	/*
+		Returns provider context state
+
+		const myState = useAppSelector(state => state.myState);
+	*/
+	const { state } = useAppStore();
+	return selector(state);
+}

package/dist/components/Context/store/reducer/reducerRegistry.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInitialStates = getInitialStates;
+exports.getReducers = getReducers;
+exports.registerReducer = registerReducer;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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; }
+// Reducer registry for dynamic reducer registration
+var reducers = {};
+var initialStates = {};
+
+// Register reducer
+function registerReducer(key, reducer) {
+  /*
+  	The initial state is retrieved by calling the reducer with an undefined state
+  	This can be handled because of default `state = initialState` pattern in the reducers
+  */
+  var initialState = reducer(undefined, {
+    type: '@@ASAB_APP_STORE/INIT_STATE'
+  }); // @@ASAB_APP_STORE/INIT_STATE type used to avoid any potential reducer type collision
+
+  // Avoid overriding the reducer
+  if (reducers[key]) {
+    console.warn("".concat(key, ": reducer already registered."));
+    return;
+  }
+  reducers[key] = reducer;
+  initialStates[key] = initialState;
+}
+
+// Get reducers
+function getReducers() {
+  return _objectSpread({}, reducers);
+}
+
+// Get initial states in AppStore
+function getInitialStates() {
+  return _objectSpread({}, initialStates);
+}

package/dist/components/Context/store/reducer/reducerRegistry.jsx

@@ -0,0 +1,31 @@
+// Reducer registry for dynamic reducer registration
+const reducers = {};
+const initialStates = {};
+
+// Register reducer
+export function registerReducer(key, reducer) {
+	/*
+		The initial state is retrieved by calling the reducer with an undefined state
+		This can be handled because of default `state = initialState` pattern in the reducers
+	*/
+	const initialState = reducer(undefined, { type: '@@ASAB_APP_STORE/INIT_STATE' }); // @@ASAB_APP_STORE/INIT_STATE type used to avoid any potential reducer type collision
+
+	// Avoid overriding the reducer
+	if (reducers[key]) {
+		console.warn(`${key}: reducer already registered.`);
+		return;
+	}
+
+	reducers[key] = reducer;
+	initialStates[key] = initialState;
+}
+
+// Get reducers
+export function getReducers() {
+	return { ...reducers };
+}
+
+// Get initial states in AppStore
+export function getInitialStates() {
+	return { ...initialStates };
+}

package/dist/components/DataTable/Table.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactRedux = require("react-redux");
 var _reactRouterDom = require("react-router-dom");
-var _reactJsonView = _interopRequireDefault(require("react-json-view"));
+var _reactJsonView = _interopRequireDefault(require("@microlink/react-json-view"));
 var _reactstrap = require("reactstrap");
+var _AppStore = require("../Context/store/AppStore.js");
 var _DateTime = require("../DateTime/absolute/DateTime.js");
 var _Buttons = require("./Buttons");
 require("./DataTable.scss");
@@ -162,7 +162,7 @@ var TableRow = _ref3 => {
   } = _ref3;
   var [isAdvUnwrapped, setAdvUnwrapped] = (0, _react.useState)(false);
   var [isSubUnwrapped, setSubUnwrapped] = (0, _react.useState)(collapseChildren == false ? true : false);
-  var theme = (0, _reactRedux.useSelector)(state => state === null || state === void 0 ? void 0 : state.theme);
+  var theme = (0, _AppStore.useAppSelector)(state => state === null || state === void 0 ? void 0 : state.theme);
   var getStyle = obj => {
     if (rowStyle !== null && rowStyle !== void 0 && rowStyle.condition && rowStyle !== null && rowStyle !== void 0 && rowStyle.condition(obj)) {
       return rowStyle.style;
@@ -268,7 +268,4 @@ var ASABTable = _ref4 => {
     key: idx
   }))));
 };
-var mapStateToProps = state => ({
-  theme: state.theme
-});
-var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps)(ASABTable);
+var _default = exports.default = ASABTable;

package/dist/components/DataTable/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.DataTable = DataTable;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _reactRedux = require("react-redux");
+var _AppStore = require("../Context/store/AppStore.js");
 var _reactstrap = require("reactstrap");
 var _Table = _interopRequireDefault(require("./Table"));
 var _Pagination = _interopRequireDefault(require("./Pagination"));
@@ -56,7 +56,7 @@ function DataTable(_ref) {
   var [isLimitOpen, setLimitDropdown] = (0, _react.useState)(false);
   var timeoutRef = (0, _react.useRef)(null);
   var [countDigit, setCountDigit] = (0, _react.useState)(1);
-  var advMode = (0, _reactRedux.useSelector)(state => state.advmode.enabled);
+  var advMode = (0, _AppStore.useAppSelector)(state => state.advmode.enabled);
   var {
     t
   } = (0, _reactI18next.useTranslation)();

package/dist/components/DateTime/utils/useDateFNSLocale.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _reactRedux = require("react-redux");
+var _AppStore = require("../../Context/store/AppStore.js");
 var _cs = _interopRequireDefault(require("date-fns/locale/cs"));
 // (possible exports: af, ar, arDZ, arEG, arMA, arSA, arTN, az, be, beTarask, bg, bn, bs, ca, cs, cy, da, de, deAT, el, enAU, enCA, enGB, enIE, enIN, enNZ, enUS, enZA, eo, es, et, eu, faIR, fi, fr, frCA, frCH, fy, gd, gl, gu, he, hi, hr, ht, hu, hy, id, is, it, itCH, ja, jaHira, ka, kk, km, kn, ko, lb, lt, lv, mk, mn, ms, mt, nb, nl, nlBE, nn, oc, pl, pt, ptBR, ro, ru, sk, sl, sq, sr, srLatn, sv, ta, te, th, tr, ug, uk, uz, uzCyrl, vi, zhCN, zhHK, zhTW)
 
@@ -32,7 +32,7 @@ var availableLocales = {
   cs: _cs.default
 };
 var useDateFNSLocale = () => {
-  var language = (0, _reactRedux.useSelector)(state => state.language.current);
+  var language = (0, _AppStore.useAppSelector)(state => state.language.current);
   var [locale, setLocale] = (0, _react.useState)(undefined);
   (0, _react.useEffect)(() => {
     setLocale(availableLocales[language] || undefined);

package/dist/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "AdvancedCard", {
     return _AdvancedCard.AdvancedCard;
   }
 });
+Object.defineProperty(exports, "AppStoreProvider", {
+  enumerable: true,
+  get: function get() {
+    return _AppStore.AppStoreProvider;
+  }
+});
 Object.defineProperty(exports, "AsabReactJson", {
   enumerable: true,
   get: function get() {
@@ -208,6 +214,12 @@ Object.defineProperty(exports, "problemMarkers", {
     return _problemMarkers.problemMarkers;
   }
 });
+Object.defineProperty(exports, "registerReducer", {
+  enumerable: true,
+  get: function get() {
+    return _reducerRegistry.registerReducer;
+  }
+});
 Object.defineProperty(exports, "removeFileExtension", {
   enumerable: true,
   get: function get() {
@@ -244,6 +256,18 @@ Object.defineProperty(exports, "translateFromContent", {
     return _translateFromContent.translateFromContent;
   }
 });
+Object.defineProperty(exports, "useAppSelector", {
+  enumerable: true,
+  get: function get() {
+    return _AppStore.useAppSelector;
+  }
+});
+Object.defineProperty(exports, "useAppStore", {
+  enumerable: true,
+  get: function get() {
+    return _AppStore.useAppStore;
+  }
+});
 Object.defineProperty(exports, "useDateFNSLocale", {
   enumerable: true,
   get: function get() {
@@ -303,9 +327,11 @@ var _problemMarkers = require("./utils/monaco/problemMarkers.js");
 var _ResultCard = require("./components/ResultCard/ResultCard");
 var _AdvancedCard = require("./components/AdvancedCard/AdvancedCard.js");
 var _AsabReactJson = require("./components/AsabReactJson/AsabReactJson.js");
-var _PubSubContext = require("./components/Context/PubSubContext");
 var _FullscreenButton = require("./components/FullscreenButton.js");
 var _AttentionRequiredBadge = require("./components/AttentionRequired/AttentionRequiredBadge.js");
 var _RendererWrapper = require("./components/RendererWrapper/RendererWrapper.js");
+var _PubSubContext = require("./components/Context/PubSubContext");
+var _AppStore = require("./components/Context/store/AppStore.js");
+var _reducerRegistry = require("./components/Context/store/reducer/reducerRegistry.js");
 var _Pagination = _interopRequireDefault(require("./components/DataTable/Pagination"));
 var _DataTable2 = require("./components/DataTable");

package/dist/seacat-auth/components/ButtonWithAuthz.js

@@ -38,12 +38,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 	Example:
 
-	import { ButtonWithAuthz } from 'asab_webui_components';
-	import { useSelector } from 'react-redux';
+	import { ButtonWithAuthz, useAppSelector } from 'asab_webui_components';
 
 	...
 
-	const resources = useSelector(state => state.auth?.resources);
+	const resources = useAppSelector(state => state.auth?.resources);
 
 	...
 

package/dist/seacat-auth/components/Credentials/Credentials.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Credentials = Credentials;
 var _react = _interopRequireWildcard(require("react"));
-var _reactRedux = require("react-redux");
 var _LinkWithAuthz = require("../LinkWithAuthz");
 var _fetchAndStoreCredentials = require("../../utils/fetchAndStoreCredentials");
 require("./Credentials.scss");
@@ -20,6 +19,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 */
 
 function Credentials(_ref) {
+  var _app$AppStore;
   var {
     app,
     credentials_id,
@@ -29,10 +29,7 @@ function Credentials(_ref) {
   if (credentials_id == undefined) {
     return '';
   }
-  var resources = (0, _reactRedux.useSelector)(state => {
-    var _state$auth;
-    return state === null || state === void 0 || (_state$auth = state.auth) === null || _state$auth === void 0 ? void 0 : _state$auth.resources;
-  });
+  var resources = ((_app$AppStore = app.AppStore) === null || _app$AppStore === void 0 || (_app$AppStore = _app$AppStore.state) === null || _app$AppStore === void 0 || (_app$AppStore = _app$AppStore.auth) === null || _app$AppStore === void 0 ? void 0 : _app$AppStore.resources) || [];
   var resource = 'seacat:credentials:access'; // Resource required to access the Credentials List Screen
 
   // Validation on props.app

package/dist/seacat-auth/components/LinkWithAuthz.js

@@ -25,12 +25,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 	Example:
 
-	import { LinkWithAuthz } from 'asab_webui_components';
-	import { useSelector } from 'react-redux';
+	import { LinkWithAuthz, useAppSelector } from 'asab_webui_components';
 
 	...
 
-	const resources = useSelector(state => state.auth?.resources);
+	const resources = useAppSelector(state => state.auth?.resources);
 	const roleAccessResource = "any:role:access";
 
 	...

package/dist/seacat-auth/components/Switches/ControlledSwitchWithAuthz.js

@@ -37,12 +37,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 	Example:
 
-	import { ControlledSwitchWithAuthz } from 'asab_webui_components';
-	import { useSelector } from 'react-redux';
+	import { ControlledSwitchWithAuthz, useAppSelector } from 'asab_webui_components';
 
 	...
 
-	const resources = useSelector(state => state.auth?.resources);
+	const resources = useAppSelector(state => state.auth?.resources);
 
 	...
 

package/dist/seacat-auth/components/Switches/UncontrolledSwitchWithAuthz.js

@@ -37,12 +37,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 	Example:
 
-	import { UncontrolledSwitchWithAuthz } from 'asab_webui_components';
-	import { useSelector } from 'react-redux';
+	import { UncontrolledSwitchWithAuthz, useAppSelector } from 'asab_webui_components';
 
 	...
 
-	const resources = useSelector(state => state.auth?.resources);
+	const resources = useAppSelector(state => state.auth?.resources);
 
 	...
 

package/dist/seacat-auth/utils/isAuthorized.js

@@ -4,26 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isAuthorized = isAuthorized;
-var _reactRedux = require("react-redux");
 /*
 This component validates if the resource is suitable or not to grant access to parts of the application. If the isAuthorized returns true, the resource is valid.
 
-isAuthorized has 1 argument:
+isAuthorized has 2 arguments:
 	resourcesArray - array (this is an array of  resources required for the validation)
+	app - a Application object with info about AppStore
 
 Usage:
 	1. Import this component from asab-component-webui
 		import { isAuthorized } from 'asab_webui_components';
-	2. Put the component in a variable and pass an array of resources as an argent
-		const invalidResource = isAuthorized(['some:resource']);
+	2. Put the component in a variable and pass an array of resources and the application object as an argument.
+		const invalidResource = isAuthorized(['some:resource'], props.app);
 	3. Use this variable in the code.
 		variable returns true or false
 */
 
-function isAuthorized(resourcesArray) {
-  var resources = (0, _reactRedux.useSelector)(state => {
-    var _state$auth;
-    return ((_state$auth = state.auth) === null || _state$auth === void 0 ? void 0 : _state$auth.resources) || [];
-  });
+function isAuthorized(resourcesArray, app) {
+  var _app$AppStore;
+  var resources = (app === null || app === void 0 || (_app$AppStore = app.AppStore) === null || _app$AppStore === void 0 || (_app$AppStore = _app$AppStore.state) === null || _app$AppStore === void 0 || (_app$AppStore = _app$AppStore.auth) === null || _app$AppStore === void 0 ? void 0 : _app$AppStore.resources) || [];
   return resources.includes('authz:superuser') || resourcesArray.some(resource => resources.includes(resource));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asab_webui_components",
-  "version": "25.6.2",
+  "version": "26.1.1",
   "license": "BSD-3-Clause",
   "description": "TeskaLabs ASAB WebUI Components Library",
   "contributors": [
@@ -46,15 +46,13 @@
     "bootstrap-icons": "^1.10.5",
     "date-fns": "^2.30.0",
     "i18next": "^20.3.5",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-i18next": "^11.8.12",
-    "react-json-view": "^1.21.3",
-    "react-redux": "^7.2.0",
+    "@microlink/react-json-view": "^1.26.2",
     "react-router": "^6.16.0",
     "react-router-dom": "^6.16.0",
-    "reactstrap": "^9.2.0",
-    "redux": "^4.0.5"
+    "reactstrap": "^9.2.0"
   },
   "scripts": {
     "build": "babel src --extensions '.js,.jsx' --out-dir dist && copyfiles -u 1 'src/**/*.{scss,jsx}' dist",