asab_webui_components 25.2.6 → 25.2.7-alpha.0

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/DateTime/DateTime.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _timeToString = _interopRequireDefault(require("./timeToString.js"));
 var _useDateFNSLocale = _interopRequireDefault(require("./useDateFNSLocale.js"));
 var _InvalidDate = require("./InvalidDate.js");
+var _splDatetimeToIso = require("./splDatetimeToIso");
 // Component that displays the absolute time and shows the relative time on hover
 function DateTime(props) {
   if (props.value == undefined) {
@@ -19,10 +20,11 @@ function DateTime(props) {
 
   // Declaration of locale must be below span returned for `undefined` values to avoid bad react state handling in useDateFNSLocale
   var locale = (0, _useDateFNSLocale["default"])();
-  if (new Date(props.value).toString() === 'Invalid Date') {
+  var datetime = validateDateTime(props.value);
+  if (datetime.toString() === 'Invalid Date') {
     return /*#__PURE__*/_react["default"].createElement(_InvalidDate.InvalidDate, null);
   }
-  var date = (0, _timeToString["default"])(props.value, props.dateTimeFormat, locale);
+  var date = (0, _timeToString["default"])(datetime, props.dateTimeFormat, locale);
 
   // Check for invalid date from timeToString method
   if (date === 'Invalid Date') {
@@ -34,4 +36,58 @@ function DateTime(props) {
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "bi bi-clock pe-1"
   }), date.date);
+}
+function validateDateTime(value) {
+  // Return 'Invalid Date' if the input is null or undefined
+  if (value == null) {
+    return 'Invalid Date';
+  }
+
+  // Handle BigInt values explicitly
+  if (typeof value === 'bigint') {
+    // SP-Lang datetime format is represented as BigInt
+    return (0, _splDatetimeToIso.splDatetimeToIso)(value);
+  }
+
+  // Handle string values
+  if (typeof value === 'string') {
+    var parsed = new Date(value); // Try to parse the string into a Date object
+    // If the parsed date is invalid, return 'Invalid Date'; otherwise, return the date
+    return isNaN(parsed.getTime()) ? 'Invalid Date' : parsed;
+  }
+
+  // Handle number values
+  if (typeof value === 'number') {
+    // Reject infinite, NaN, or negative numbers
+    if (!Number.isFinite(value) || value < 0) {
+      return 'Invalid Date';
+    }
+
+    // Consider numbers ≥ 1e17 as SP-Lang datetime format
+    if (value >= 1e17) {
+      // Convert number to BigInt and parse as SP-Lang datetime
+      return (0, _splDatetimeToIso.splDatetimeToIso)(BigInt(value));
+    }
+
+    // Handle Unix timestamp in seconds (less than 1e10)
+    if (value < 1e10) {
+      return new Date(value * 1000); // Convert seconds to milliseconds
+    }
+
+    // Handle timestamps in milliseconds (less than 1e13)
+    if (value < 1e13) {
+      return new Date(value); // Already in milliseconds
+    }
+
+    // Handle timestamps in microseconds (less than 1e16)
+    if (value < 1e16) {
+      return new Date(value / 1000); // Convert microseconds to milliseconds
+    }
+
+    // Numbers that don't fall into any known range are considered invalid
+    return 'Invalid Date';
+  }
+
+  // All other types are unsupported and result in 'Invalid Date'
+  return 'Invalid Date';
 }

package/dist/components/DateTime/DateTime.jsx

@@ -3,6 +3,7 @@ import React from 'react';
 import timeToString from './timeToString.js';
 import useDateFNSLocale from './useDateFNSLocale.js';
 import { InvalidDate } from './InvalidDate.jsx';
+import { splDatetimeToIso } from './splDatetimeToIso';
 
 // Component that displays the absolute time and shows the relative time on hover
 export function DateTime(props) {
@@ -14,13 +15,16 @@ export function DateTime(props) {
 
 	// Declaration of locale must be below span returned for `undefined` values to avoid bad react state handling in useDateFNSLocale
 	const locale = useDateFNSLocale();
-	if (new Date(props.value).toString() === 'Invalid Date') {
+
+	const datetime = validateDateTime(props.value);
+
+	if (datetime.toString() === 'Invalid Date') {
 		return (
 			<InvalidDate />
 		);
 	}
 
-	const date = timeToString(props.value, props.dateTimeFormat, locale);
+	const date = timeToString(datetime, props.dateTimeFormat, locale);
 
 	// Check for invalid date from timeToString method
 	if (date === 'Invalid Date') {
@@ -39,3 +43,58 @@ export function DateTime(props) {
 		</span>
 	);
 }
+
+function validateDateTime(value) {
+	// Return 'Invalid Date' if the input is null or undefined
+	if (value == null) {
+		return 'Invalid Date';
+	}
+
+	// Handle BigInt values explicitly
+	if (typeof value === 'bigint') {
+		// SP-Lang datetime format is represented as BigInt
+		return splDatetimeToIso(value);
+	}
+
+	// Handle string values
+	if (typeof value === 'string') {
+		const parsed = new Date(value); // Try to parse the string into a Date object
+		// If the parsed date is invalid, return 'Invalid Date'; otherwise, return the date
+		return isNaN(parsed.getTime()) ? 'Invalid Date' : parsed;
+	}
+
+	// Handle number values
+	if (typeof value === 'number') {
+		// Reject infinite, NaN, or negative numbers
+		if (!Number.isFinite(value) || value < 0) {
+			return 'Invalid Date';
+		}
+
+		// Consider numbers ≥ 1e17 as SP-Lang datetime format
+		if (value >= 1e17) {
+			// Convert number to BigInt and parse as SP-Lang datetime
+			return splDatetimeToIso(BigInt(value));
+		}
+
+		// Handle Unix timestamp in seconds (less than 1e10)
+		if (value < 1e10) {
+			return new Date(value * 1000); // Convert seconds to milliseconds
+		}
+
+		// Handle timestamps in milliseconds (less than 1e13)
+		if (value < 1e13) {
+			return new Date(value); // Already in milliseconds
+		}
+
+		// Handle timestamps in microseconds (less than 1e16)
+		if (value < 1e16) {
+			return new Date(value / 1000); // Convert microseconds to milliseconds
+		}
+
+		// Numbers that don't fall into any known range are considered invalid
+		return 'Invalid Date';
+	}
+
+	// All other types are unsupported and result in 'Invalid Date'
+	return 'Invalid Date';
+}

package/dist/components/DateTime/splDatetimeToIso.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.splDatetimeToIso = splDatetimeToIso;
+function splDatetimeToIso(datetime) {
+  // Check if datetime is a number or BigInt
+  if (typeof datetime !== 'bigint' && typeof datetime !== 'number') {
+    return 'Invalid Date';
+  }
+  var BigIntDatetime = BigInt(datetime); // Convert to BigInt for correct bitwise operations
+
+  // Year extraction (bits 46-60)
+  var year = Number(BigIntDatetime >> BigInt(46) & BigInt(4095)); // 14 bits
+  if (year >= 8192) {
+    year -= 8192; // Adjust for sign bit if necessary
+  }
+
+  // Month extraction (bits 42-46)
+  var month = Number(BigIntDatetime >> BigInt(42) & BigInt(15)); // 4 bits
+
+  // Day extraction (bits 37-42)
+  var day = Number(BigIntDatetime >> BigInt(37) & BigInt(31)); // 5 bits
+
+  // Hour extraction (bits 32-37)
+  var hour = Number(BigIntDatetime >> BigInt(32) & BigInt(31)); // 5 bits
+
+  // Minute extraction (bits 26-32)
+  var minute = Number(BigIntDatetime >> BigInt(26) & BigInt(63)); // 6 bits
+
+  // Second extraction (bits 20-26)
+  var second = Number(BigIntDatetime >> BigInt(20) & BigInt(63)); // 6 bits
+
+  // Microsecond extraction (bits 0-20)
+  var microsecond = Number(BigIntDatetime & BigInt(2097151)); // 20 bits
+
+  // Adjust for zero-based month
+  month += 1;
+
+  // Check if the values are correct
+  if (year < 0 || month < 1 || month > 12 || day < 1 || day > 31 || hour > 23 || minute > 59 || second > 59) {
+    return 'Invalid Date';
+  }
+
+  // Format date string
+  return "".concat(year.toString().padStart(4, '0'), "-").concat(month.toString().padStart(2, '0'), "-").concat(day.toString().padStart(2, '0'), "T").concat(hour.toString().padStart(2, '0'), ":").concat(minute.toString().padStart(2, '0'), ":").concat(second.toString().padStart(2, '0'), ".").concat(microsecond.toString().padStart(6, '0'), "Z");
+}

package/dist/index.js

@@ -208,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() {

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",
+  "version": "25.2.7-alpha.0",
   "license": "BSD-3-Clause",
   "description": "TeskaLabs ASAB WebUI Components Library",
   "contributors": [