asab_webui_components 25.2.6-alpha.0 → 25.2.6-alpha.1

package/dist/abc/Renderer.js

@@ -13,7 +13,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactJsonView = _interopRequireDefault(require("react-json-view"));
+var _AsabReactJson = require("../components/AsabReactJson/AsabReactJson.js");
 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" != _typeof3(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)); }
@@ -33,8 +33,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_Component) {
     value: function render(key, value, schemaField) {
       // Render ReactJson component if value is a object
       if ((0, _typeof2["default"])(value) === 'object') {
-        var theme = this.App.Store.getState().theme;
-        return /*#__PURE__*/_react["default"].createElement(_reactJsonView["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_AsabReactJson.AsabReactJson, {
           src: value,
           name: false,
           collapsed: false,
@@ -42,8 +41,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_Component) {
           displayArrayKey: false,
           quotesOnKeys: false,
           enableClipboard: false,
-          indentWidth: 8,
-          theme: theme === 'dark' ? "chalk" : "rjv-default"
+          indentWidth: 8
         });
       }
       // Render span with value inside as a default

package/dist/components/AsabReactJson/AsabReactJson.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AsabReactJson = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+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 _excluded = ["src"];
+/*
+	Props to pass on for AsabReactJson:
+		src - This property contains your input JSON
+		...props - all the props that can be passed to ReactJson (http://github.com/mac-s-g/react-json-view?tab=readme-ov-file#props)
+*/
+
+// Component wraps ReactJson to handle BigInt numbers and turn them into strings
+var AsabReactJson = exports.AsabReactJson = function AsabReactJson(_ref) {
+  var src = _ref.src,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var theme = (0, _reactRedux.useSelector)(function (state) {
+    return state.theme;
+  });
+
+  // The function looks through the received data and if there is a BigInt there, it transforms it into a string
+  var _convertBigIntToString = function convertBigIntToString(data) {
+    if (typeof data === 'bigint') {
+      return data.toString();
+    } else if (Array.isArray(data)) {
+      return data.map(function (item) {
+        return _convertBigIntToString(item);
+      }); // Recursion for array
+    } else if ((0, _typeof2["default"])(data) === 'object' && data !== null) {
+      return Object.fromEntries(Object.entries(data).map(function (_ref2) {
+        var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+          key = _ref3[0],
+          value = _ref3[1];
+        return [key, _convertBigIntToString(value)];
+      }) // Recursion for an object
+      );
+    }
+    return data;
+  };
+  return /*#__PURE__*/_react["default"].createElement(_reactJsonView["default"], (0, _extends2["default"])({
+    src: _convertBigIntToString(src),
+    theme: theme === 'dark' ? 'chalk' : 'rjv-default'
+  }, props));
+};

package/dist/components/AsabReactJson/AsabReactJson.jsx

@@ -0,0 +1,38 @@
+import React from 'react';
+
+import ReactJson from 'react-json-view';
+import { useSelector } from 'react-redux';
+
+/*
+	Props to pass on for AsabReactJson:
+		src - This property contains your input JSON
+		...props - all the props that can be passed to ReactJson (http://github.com/mac-s-g/react-json-view?tab=readme-ov-file#props)
+*/
+
+// Component wraps ReactJson to handle BigInt numbers and turn them into strings
+export const AsabReactJson = ({src, ...props}) => {
+	const theme = useSelector(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) => {
+		if (typeof data === 'bigint') {
+			return data.toString();
+		} else if (Array.isArray(data)) {
+			return data.map(item => convertBigIntToString(item)); // Recursion for array
+		} else if ((typeof data === 'object') && (data !== null)) {
+			return Object.fromEntries(
+				Object.entries(data).map(([key, value]) => [key, convertBigIntToString(value)]) // Recursion for an object
+			);
+		}
+		return data;
+	};
+
+	return (
+		<ReactJson
+			src={convertBigIntToString((src))}
+			theme={(theme === 'dark') ? 'chalk' : 'rjv-default'}
+			{...props}
+		/>
+
+	)
+};

package/dist/components/Authz/Credentials.js

@@ -9,18 +9,20 @@ exports.Credentials = Credentials;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactRedux = require("react-redux");
 var _LinkWithAuthz = require("./LinkWithAuthz");
 require("./Credentials.scss");
+var _excluded = ["isPlainCredentials"];
 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 Credentials(_ref) {
   var _props$apiPath, _props$cleanupTime, _props$app;
-  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
+  var _ref$isPlainCredentia = _ref.isPlainCredentials,
+    isPlainCredentials = _ref$isPlainCredentia === void 0 ? false : _ref$isPlainCredentia,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   // Validation on undefined credentials_ids
   if (props.credentials_ids == undefined) {
     return '';
@@ -124,6 +126,9 @@ function Credentials(_ref) {
     }
     setCredentials(usernamesToRender);
   };
+  if (isPlainCredentials === true && credentials && credentials.length !== 0) {
+    return renderPlainUsername();
+  }
   function renderPlainCredentials(credentials_ids) {
     return credentials_ids.map(function (credentials_id, i) {
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -136,6 +141,16 @@ function Credentials(_ref) {
       }, credentials_id));
     });
   }
+  function renderPlainUsername() {
+    return credentials.map(function (credentialObj, i) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: i,
+        title: credentialObj.username || credentialObj.id
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: "bi bi-person pe-1"
+      }), /*#__PURE__*/_react["default"].createElement("span", null, credentialObj.username || credentialObj.id));
+    });
+  }
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, credentials && credentials.length !== 0 ? credentials.map(function (credentialObj, i) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: i,

package/dist/components/TreeMenu/TreeMenu.js

@@ -49,7 +49,7 @@ var TreeMenu = exports.TreeMenu = function TreeMenu(_ref) {
       onChange: function onChange(e) {
         return search(e.target.value);
       },
-      placeholder: t('General|Search by phrase'),
+      placeholder: t('General|Search'),
       name: "search"
     }), /*#__PURE__*/_react["default"].createElement(_reactstrap.List, {
       className: "m-0",

package/dist/components/TreeMenu/TreeMenu.jsx

@@ -29,7 +29,7 @@ export const TreeMenu = ({
 							{hasSearch &&
 								<Input
 									onChange={e => search(e.target.value)}
-									placeholder={t('General|Search by phrase')}
+									placeholder={t('General|Search')}
 									name='search'
 								/>}
 							<List className='m-0' type='unstyled'>

package/dist/components/TreeMenu/TreeMenuCard.js

@@ -17,7 +17,7 @@ var _reactRouterDom = require("react-router-dom");
 var _PubSubContext = require("../Context/PubSubContext");
 var _TreeMenu = require("./TreeMenu.js");
 var _flattenTree = require("./utils/flattenTree.js");
-var _excluded = ["loader", "header", "hasSearch", "rows", "rowHeight", "cardClassName", "cardBodyClassName", "disableNodeMemorySession", "memorySessionName", "flatten", "loaderParams"];
+var _excluded = ["loader", "header", "hasSearch", "rows", "rowHeight", "cardClassName", "cardBodyClassName", "disableNodeMemorySession", "flatten", "loaderParams"];
 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 TreeMenuCard = exports.TreeMenuCard = function TreeMenuCard(_ref) {
@@ -33,8 +33,6 @@ var TreeMenuCard = exports.TreeMenuCard = function TreeMenuCard(_ref) {
     cardBodyClassName = _ref$cardBodyClassNam === void 0 ? '' : _ref$cardBodyClassNam,
     _ref$disableNodeMemor = _ref.disableNodeMemorySession,
     disableNodeMemorySession = _ref$disableNodeMemor === void 0 ? false : _ref$disableNodeMemor,
-    _ref$memorySessionNam = _ref.memorySessionName,
-    memorySessionName = _ref$memorySessionNam === void 0 ? undefined : _ref$memorySessionNam,
     _ref$flatten = _ref.flatten,
     flatten = _ref$flatten === void 0 ? false : _ref$flatten,
     _ref$loaderParams = _ref.loaderParams,
@@ -100,7 +98,7 @@ var TreeMenuCard = exports.TreeMenuCard = function TreeMenuCard(_ref) {
   // Updating localStorage when openNodes are changed and allowed to remain in storage
   (0, _react.useEffect)(function () {
     if (!disableNodeMemorySession) {
-      sessionStorage.setItem(memorySessionName || location.pathname, JSON.stringify(savedOpenNodes));
+      sessionStorage.setItem(location.pathname, JSON.stringify(savedOpenNodes));
     }
   }, [savedOpenNodes]);
   (0, _react.useEffect)(function () {
@@ -162,7 +160,7 @@ var TreeMenuCard = exports.TreeMenuCard = function TreeMenuCard(_ref) {
 
   // Getting open nodes from sessionStorage
   var loadStoredOpenNodes = function loadStoredOpenNodes() {
-    var storedOpenNodes = sessionStorage.getItem(memorySessionName || location.pathname);
+    var storedOpenNodes = sessionStorage.getItem(location.pathname);
     if (storedOpenNodes) {
       try {
         setSavedOpenNodes(JSON.parse(storedOpenNodes));

package/dist/components/TreeMenu/TreeMenuItem.js

@@ -72,7 +72,7 @@ var TreeMenuFolder = exports.TreeMenuFolder = function TreeMenuFolder(_ref) {
       paddingLeft: "".concat(paddingLeft, "rem"),
       display: 'flex'
     }
-  }, folderIcon(isOpen, selected), folder(label, parent, type, isDisabled, level));
+  }, folderIcon(isOpen, selected), folder(label, parent, type, isDisabled));
 };
 
 /*
@@ -116,7 +116,7 @@ var TreeMenuFile = exports.TreeMenuFile = function TreeMenuFile(_ref2) {
       paddingLeft: "".concat(paddingLeft, "rem"),
       display: 'flex'
     }
-  }, fileIcon(), file(label, parent, type, isDisabled, level));
+  }, fileIcon(), file(label, parent, type, isDisabled));
 };
 var DefaultItem = function DefaultItem(label) {
   return /*#__PURE__*/_react["default"].createElement("span", null, label);

package/dist/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "AdvancedCard", {
     return _AdvancedCard.AdvancedCard;
   }
 });
+Object.defineProperty(exports, "AsabReactJson", {
+  enumerable: true,
+  get: function get() {
+    return _AsabReactJson.AsabReactJson;
+  }
+});
 Object.defineProperty(exports, "AttentionBadge", {
   enumerable: true,
   get: function get() {
@@ -202,6 +208,12 @@ Object.defineProperty(exports, "UncontrolledSwitchWithAuthz", {
     return _UncontrolledSwitchWithAuthz.UncontrolledSwitchWithAuthz;
   }
 });
+Object.defineProperty(exports, "credentialsToString", {
+  enumerable: true,
+  get: function get() {
+    return _Credentials.credentialsToString;
+  }
+});
 Object.defineProperty(exports, "deepMerge", {
   enumerable: true,
   get: function get() {
@@ -368,6 +380,7 @@ var _UncontrolledSwitchWithAuthz = require("./components/Authz/UncontrolledSwitc
 var _isAuthorized = require("./components/Authz/utils/isAuthorized.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 _ConsoleModeButton = require("./components/Console/components/ConsoleModeButton.js");
 var _FullscreenButton = require("./components/FullscreenButton.js");

package/dist/styles/constants/colors.scss

@@ -46,11 +46,14 @@
 	--slate-smoke: #6a6a6a8f; // The color of the disabled item text in the TreeMenu
 	--slate-smoke-rgb: 106, 106, 106;
 
-	--deep-red: #D1004A; // The color of the highest Alert severity
-	--deep-red-rgb: 209, 0, 74;
+	--light-honey: #ffe082; // The color of the lowest Alert severity
+	--light-honey-rgb: 255, 224, 130;
 
-	--deep-green: #0E6027; // The color of the lowest Alert severity
-	--deep-green-rgb: 14, 96, 39;
+	--bright-orange: #ff9800; // The color of the medium Alert severity
+	--bright-orange-rgb: 255, 125, 0;
+
+	--fiery-sunset: #ff5722; // The color of the high Alert severity
+	--fiery-sunset-rgb: 255, 87, 34;
 
 	--charcoal: #494949; // Console background dark theme
 	--charcoal-rgb: 0, 43, 54;
@@ -63,10 +66,4 @@
 
 	--moody-blues: #586E75; // Console font color for light theme
 	--moody-blues-rgb: rgb(88, 110, 117);
-
-	--soft-gray: #e1e2e7; // Emulate table hover row color for light theme
-	--soft-gray-rgb: rgb(225, 226, 231);
-
-	--charcoal-blue: #202636; // Emulate table hover row color for dark theme
-	--charcoal-blue-rgb: rgb(32, 38, 54);
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asab_webui_components",
-  "version": "25.2.6-alpha.0",
+  "version": "25.2.6-alpha.1",
   "license": "BSD-3-Clause",
   "description": "TeskaLabs ASAB WebUI Components Library",
   "contributors": [