asab_webui_components 25.2.10-alpha.1 → 25.2.10-alpha0

package/dist/abc/Renderer.js

@@ -14,7 +14,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireWildcard(require("react"));
 var _AsabReactJson = require("../components/AsabReactJson/AsabReactJson.js");
-var _RendererWrapper = require("../components/RendererWrapper/RendererWrapper.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" != _typeof3(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 _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; })(); }
@@ -31,7 +30,6 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_Component) {
   return (0, _createClass2["default"])(Renderer, [{
     key: "render",
     value: function render(key, value, schemaField) {
-      var params = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
       // Render ReactJson component if value is a object
       if ((0, _typeof2["default"])(value) === 'object') {
         return /*#__PURE__*/_react["default"].createElement(_AsabReactJson.AsabReactJson, {
@@ -45,15 +43,8 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_Component) {
           indentWidth: 8
         });
       }
-
       // Render span with value inside as a default
-      return /*#__PURE__*/_react["default"].createElement(_RendererWrapper.RendererWrapper, {
-        "data-value": value // Passing value (to eventually work with in the external wrapper)
-        ,
-        "data-key": key // Passing key (to eventually work with in the external wrapper)
-        ,
-        component: (params === null || params === void 0 ? void 0 : params.WrapperComponent) || "span"
-      }, value);
+      return /*#__PURE__*/_react["default"].createElement("span", null, value);
     }
   }, {
     key: "plain",

package/dist/components/Authz/Credentials.js

@@ -9,19 +9,17 @@ 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 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 _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 Credentials(_ref) {
   var _props$apiPath, _props$cleanupTime, _props$app;
-  var _ref$isPlainCredentia = _ref.isPlainCredentials,
-    isPlainCredentials = _ref$isPlainCredentia === void 0 ? false : _ref$isPlainCredentia,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
   // Validation on undefined credentials_ids
   if (props.credentials_ids == undefined) {
     return '';
@@ -125,9 +123,6 @@ 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", {
@@ -140,16 +135,6 @@ 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'),
+      placeholder: t('General|Search by phrase'),
       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')}
+									placeholder={t('General|Search by phrase')}
 									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", "flatten", "loaderParams"];
+var _excluded = ["loader", "header", "hasSearch", "rows", "rowHeight", "cardClassName", "cardBodyClassName", "disableNodeMemorySession", "memorySessionName", "flatten", "loaderParams"];
 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 TreeMenuCard = exports.TreeMenuCard = function TreeMenuCard(_ref) {
   var loader = _ref.loader,
@@ -32,6 +32,8 @@ 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,
@@ -97,7 +99,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(location.pathname, JSON.stringify(savedOpenNodes));
+      sessionStorage.setItem(memorySessionName || location.pathname, JSON.stringify(savedOpenNodes));
     }
   }, [savedOpenNodes]);
   (0, _react.useEffect)(function () {
@@ -159,7 +161,7 @@ var TreeMenuCard = exports.TreeMenuCard = function TreeMenuCard(_ref) {
 
   // Getting open nodes from sessionStorage
   var loadStoredOpenNodes = function loadStoredOpenNodes() {
-    var storedOpenNodes = sessionStorage.getItem(location.pathname);
+    var storedOpenNodes = sessionStorage.getItem(memorySessionName || location.pathname);
     if (storedOpenNodes) {
       try {
         setSavedOpenNodes(JSON.parse(storedOpenNodes));

package/dist/components/TreeMenu/TreeMenuItem.js

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

package/dist/index.js

@@ -172,12 +172,6 @@ Object.defineProperty(exports, "Renderer", {
     return _Renderer.Renderer;
   }
 });
-Object.defineProperty(exports, "RendererWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _RendererWrapper.RendererWrapper;
-  }
-});
 Object.defineProperty(exports, "ResultCard", {
   enumerable: true,
   get: function get() {
@@ -387,7 +381,6 @@ var _FullscreenButton = require("./components/FullscreenButton.js");
 var _ConsoleCard = require("./components/Console/ConsoleCard.js");
 var _isoCodeCountries = require("./utils/lookups/isoCodeCountries.js");
 var _AttentionRequiredBadge = require("./components/AttentionRequired/AttentionRequiredBadge.js");
-var _RendererWrapper = require("./components/RendererWrapper/RendererWrapper.js");
 require("./styles/index.scss");
 var _Pagination = _interopRequireDefault(require("./components/DataTable/Pagination"));
 var _DataTable2 = require("./components/DataTable");

package/dist/styles/constants/colors.scss

@@ -46,14 +46,11 @@
 	--slate-smoke: #6a6a6a8f; // The color of the disabled item text in the TreeMenu
 	--slate-smoke-rgb: 106, 106, 106;
 
-	--light-honey: #ffe082; // The color of the lowest Alert severity
-	--light-honey-rgb: 255, 224, 130;
+	--deep-red: #D1004A; // The color of the highest Alert severity
+	--deep-red-rgb: 209, 0, 74;
 
-	--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;
+	--deep-green: #0E6027; // The color of the lowest Alert severity
+	--deep-green-rgb: 14, 96, 39;
 
 	--charcoal: #494949; // Console background dark theme
 	--charcoal-rgb: 0, 43, 54;
@@ -66,4 +63,10 @@
 
 	--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.10-alpha.1",
+  "version": "25.2.10-alpha0",
   "license": "BSD-3-Clause",
   "description": "TeskaLabs ASAB WebUI Components Library",
   "contributors": [

package/dist/components/RendererWrapper/RendererWrapper.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RendererWrapper = RendererWrapper;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _excluded = ["children", "component"];
-// Renderer wraper
-function RendererWrapper(_ref) {
-  var children = _ref.children,
-    _ref$component = _ref.component,
-    Component = _ref$component === void 0 ? 'span' : _ref$component,
-    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(Component, rest, children);
-}

package/dist/components/RendererWrapper/RendererWrapper.jsx

@@ -1,16 +0,0 @@
-import React from 'react';
-
-// Renderer wraper
-export function RendererWrapper({
-	children,
-	component: Component = 'span', // Default tag, can be overloaded
-	...rest
-}) {
-	return (
-		<Component
-			{...rest}
-		>
-			{children}
-		</Component>
-	);
-}