asab_webui_components 25.2.13 → 25.2.14

package/README.md

@@ -25,7 +25,7 @@ Possible imports:
 - ControlledSwitch
 - UncontrolledSwitch
 - CellContentLoader, ChartLoader
-- DateTime, timeToString, useDateFNSLocale
+- DateTime, DateTimeRelative, timeToString, timeToStringRelative, useDateFNSLocale
 - TreeMenuCard, formatIntoLeafFolderTree, removeTreeContent, formatIntoTree
 - saveToLS, getFromLS, removeFromLS
 - validateAccess, validateTenantAccess, validateResourceAccess

package/dist/components/DataTable/Table.js

@@ -11,7 +11,7 @@ var _reactRedux = require("react-redux");
 var _reactRouterDom = require("react-router-dom");
 var _reactJsonView = _interopRequireDefault(require("react-json-view"));
 var _reactstrap = require("reactstrap");
-var _DateTime = require("../DateTime/DateTime.js");
+var _DateTime = require("../DateTime/absolute/DateTime.js");
 var _Buttons = require("./Buttons");
 require("./DataTable.scss");
 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); }

package/dist/components/DateTime/absolute/DateTime.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTime = DateTime;
+var _react = _interopRequireDefault(require("react"));
+var _timeToString = _interopRequireDefault(require("./timeToString.js"));
+var _useDateFNSLocale = _interopRequireDefault(require("../utils/useDateFNSLocale.js"));
+var _InvalidDate = require("../components/InvalidDate.js");
+// Component that displays the absolute time and shows the relative time on hover
+function DateTime(props) {
+  if (props.value == undefined) {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "datetime"
+    }, ' ');
+  }
+
+  // Declaration of locale must be below span returned for `undefined` values to avoid bad react state handling in useDateFNSLocale
+  var locale = (0, _useDateFNSLocale.default)();
+  var date = (0, _timeToString.default)(props.value, props.dateTimeFormat, locale);
+
+  // Check for invalid date from timeToString method
+  if (date === 'Invalid Date') {
+    return /*#__PURE__*/_react.default.createElement(_InvalidDate.InvalidDate, null);
+  }
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "datetime text-nowrap",
+    title: date.distanceToNow
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "bi bi-clock pe-1"
+  }), date.date);
+}

package/dist/components/DateTime/absolute/DateTime.jsx

@@ -0,0 +1,36 @@
+import React from 'react';
+
+import timeToString from './timeToString.js';
+import useDateFNSLocale from '../utils/useDateFNSLocale.js';
+import { InvalidDate } from '../components/InvalidDate.jsx';
+
+// Component that displays the absolute time and shows the relative time on hover
+export function DateTime(props) {
+	if (props.value == undefined) {
+		return (
+			<span className='datetime'>{' '}</span>
+		);
+	}
+
+	// Declaration of locale must be below span returned for `undefined` values to avoid bad react state handling in useDateFNSLocale
+	const locale = useDateFNSLocale();
+
+	const date = timeToString(props.value, props.dateTimeFormat, locale);
+
+	// Check for invalid date from timeToString method
+	if (date === 'Invalid Date') {
+		return (
+			<InvalidDate />
+		);
+	}
+
+	return (
+		<span
+			className='datetime text-nowrap'
+			title={date.distanceToNow}
+		>
+			<i className='bi bi-clock pe-1' />
+			{date.date}
+		</span>
+	);
+}

package/dist/components/DateTime/absolute/timeToString.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.timeToString = exports.default = void 0;
+var _timeToStringCommon = require("../utils/timeToStringCommon.js");
+// Absolute time formatting with "ago"
+var timeToString = exports.timeToString = function timeToString(value) {
+  var dateTimeFormat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "medium";
+  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+  return (0, _timeToStringCommon.timeToStringCommon)(value, dateTimeFormat, locale, true); // addSuffix = true
+};
+var _default = exports.default = timeToString;

package/dist/components/DateTime/{DateTimeRelative.js → relative/DateTimeRelative.js}

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DateTimeRelative = DateTimeRelative;
 var _react = _interopRequireDefault(require("react"));
-var _timeToString = _interopRequireDefault(require("./timeToString"));
-var _useDateFNSLocale = _interopRequireDefault(require("./useDateFNSLocale"));
-var _InvalidDate = require("./InvalidDate.js");
+var _timeToStringRelative = require("./timeToStringRelative.js");
+var _useDateFNSLocale = _interopRequireDefault(require("../utils/useDateFNSLocale"));
+var _InvalidDate = require("../components/InvalidDate.js");
 // Component that displays the relative time and shows the absolute time on hover
 function DateTimeRelative(props) {
   if (props.value == undefined) {
@@ -19,10 +19,7 @@ function DateTimeRelative(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') {
-    return /*#__PURE__*/_react.default.createElement(_InvalidDate.InvalidDate, null);
-  }
-  var date = (0, _timeToString.default)(props.value, props.dateTimeFormat, locale);
+  var date = (0, _timeToStringRelative.timeToStringRelative)(props.value, props.dateTimeFormat, props.addSuffix, locale);
 
   // Check for invalid date from timeToString method
   if (date === 'Invalid Date') {
@@ -30,8 +27,8 @@ function DateTimeRelative(props) {
   }
   return /*#__PURE__*/_react.default.createElement("span", {
     className: "datetime text-nowrap",
-    title: date.date
+    title: date.absoluteTime
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "bi bi-clock pe-1"
-  }), date.distanceToNow);
+  }), date.date);
 }

package/dist/components/DateTime/{DateTimeRelative.jsx → relative/DateTimeRelative.jsx}

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import timeToString from './timeToString';
-import useDateFNSLocale from './useDateFNSLocale';
-import { InvalidDate } from './InvalidDate.jsx';
+import { timeToStringRelative } from './timeToStringRelative.jsx';
+import useDateFNSLocale from '../utils/useDateFNSLocale';
+import { InvalidDate } from '../components/InvalidDate.jsx';
 
 // Component that displays the relative time and shows the absolute time on hover
 export function DateTimeRelative(props) {
@@ -14,13 +14,8 @@ export function DateTimeRelative(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') {
-		return (
-			<InvalidDate />
-		);
-	}
 
-	const date = timeToString(props.value, props.dateTimeFormat, locale);
+	const date = timeToStringRelative(props.value, props.dateTimeFormat, props.addSuffix, locale);
 
 	// Check for invalid date from timeToString method
 	if (date === 'Invalid Date') {
@@ -32,10 +27,10 @@ export function DateTimeRelative(props) {
 	return (
 		<span
 			className='datetime text-nowrap'
-			title={date.date}
+			title={date.absoluteTime}
 		>
 			<i className='bi bi-clock pe-1' />
-			{date.distanceToNow}
+			{date.date}
 		</span>
 	);
 }

package/dist/components/DateTime/relative/timeToStringRelative.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.timeToStringRelative = void 0;
+var _timeToStringCommon = require("../utils/timeToStringCommon.js");
+// Relative time formatting without "ago"
+var timeToStringRelative = exports.timeToStringRelative = function timeToStringRelative(value) {
+  var dateTimeFormat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "medium";
+  var addSuffix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var locale = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
+  // TODO: add addSuffix = true for values which are to the future from now (we can use of isAfter from date-fns)
+  var {
+    date,
+    distanceToNow
+  } = (0, _timeToStringCommon.timeToStringCommon)(value, dateTimeFormat, locale, addSuffix);
+  return {
+    date: distanceToNow,
+    absoluteTime: date
+  };
+};

package/dist/components/DateTime/relative/timeToStringRelative.jsx

@@ -0,0 +1,8 @@
+import { timeToStringCommon } from '../utils/timeToStringCommon.jsx';
+
+// Relative time formatting without "ago"
+export const timeToStringRelative = (value, dateTimeFormat = "medium", addSuffix = false, locale = undefined) => {
+	// TODO: add addSuffix = true for values which are to the future from now (we can use of isAfter from date-fns)
+	const { date, distanceToNow } = timeToStringCommon(value, dateTimeFormat, locale, addSuffix);
+	return { date: distanceToNow, absoluteTime: date };
+}

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

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.timeToStringCommon = void 0;
+var _dateFns = require("date-fns");
+var _validateDateTime = require("./validateDateTime.js");
+// Common logic for both timeToString and timeToStringRelative
+var timeToStringCommon = (value, dateTimeFormat, locale, addSuffix) => {
+  if (value == undefined) {
+    return 'Invalid Date';
+  }
+  var datetime = (0, _validateDateTime.validateDateTime)(value);
+  if (datetime.toString() === 'Invalid Date') {
+    return 'Invalid Date';
+  }
+  if (new Date(datetime).toString() === "Invalid Date") {
+    return 'Invalid Date';
+  }
+
+  // TODO: uncomment to eventually add more defensiveness on dateTimeFormat
+  // try {
+  // 	format(datetime, dateTimeFormat);
+  // } catch(e) {
+  // 	console.error(`ASAB WebUI Components: DateTime - Invalid date time format ${dateTimeFormat}. The format is set to its default.`);
+  // 	dateTimeFormat = "medium";
+  // }
+
+  var date;
+  if (isNaN(datetime) == true) {
+    // Checking dates for parsing
+    if ((0, _dateFns.parseISO)(datetime) == "Invalid Date") {
+      return 'Invalid Date';
+    } else {
+      date = formatDate((0, _dateFns.parseISO)(datetime), dateTimeFormat, locale, addSuffix);
+    }
+  } else {
+    if (datetime > 9999999999) {
+      date = formatDate(datetime, dateTimeFormat, locale, addSuffix);
+    } else {
+      date = formatDate(datetime * 1000, dateTimeFormat, locale, addSuffix);
+    }
+  }
+  return {
+    date: date.date,
+    distanceToNow: date.distanceToNow
+  };
+};
+exports.timeToStringCommon = timeToStringCommon;
+var formatDate = (datetime, dateTimeFormat, locale, addSuffix) => {
+  switch (dateTimeFormat) {
+    case "long":
+      return {
+        date: (0, _dateFns.format)(datetime, 'PPpp', {
+          locale
+        }),
+        distanceToNow: (0, _dateFns.formatDistanceToNow)(datetime, {
+          addSuffix,
+          locale: locale
+        })
+      };
+    case "iso":
+      return {
+        date: (0, _dateFns.formatISO)(datetime),
+        distanceToNow: (0, _dateFns.formatDistanceToNow)(datetime, {
+          addSuffix,
+          locale: locale
+        })
+      };
+    case "medium":
+      return {
+        date: (0, _dateFns.format)(datetime, 'PPp', {
+          locale
+        }),
+        distanceToNow: (0, _dateFns.formatDistanceToNow)(datetime, {
+          addSuffix,
+          locale: locale
+        })
+      };
+    default:
+      return {
+        date: (0, _dateFns.format)(datetime, dateTimeFormat),
+        distanceToNow: (0, _dateFns.formatDistanceToNow)(datetime, {
+          addSuffix,
+          locale: locale
+        })
+      };
+  }
+};

package/dist/components/DateTime/utils/timeToStringCommon.jsx

@@ -0,0 +1,55 @@
+import { format, parseISO, formatISO, formatDistanceToNow } from 'date-fns';
+import { validateDateTime } from './validateDateTime.jsx';
+
+// Common logic for both timeToString and timeToStringRelative
+export const timeToStringCommon = (value, dateTimeFormat, locale, addSuffix) => {
+	if (value == undefined) {
+		return 'Invalid Date';
+	}
+
+	const datetime = validateDateTime(value);
+
+	if (datetime.toString() === 'Invalid Date') {
+		return 'Invalid Date';
+	}
+
+	if (new Date(datetime).toString() === "Invalid Date") {
+		return 'Invalid Date';
+	}
+
+	// TODO: uncomment to eventually add more defensiveness on dateTimeFormat
+	// try {
+	// 	format(datetime, dateTimeFormat);
+	// } catch(e) {
+	// 	console.error(`ASAB WebUI Components: DateTime - Invalid date time format ${dateTimeFormat}. The format is set to its default.`);
+	// 	dateTimeFormat = "medium";
+	// }
+
+	let date;
+
+	if (isNaN(datetime) == true) {
+		// Checking dates for parsing
+		if (parseISO(datetime) == "Invalid Date") {
+			return 'Invalid Date';
+		} else {
+			date = formatDate(parseISO(datetime), dateTimeFormat, locale, addSuffix);
+		}
+	} else {
+		if (datetime > 9999999999) {
+			date = formatDate(datetime, dateTimeFormat, locale, addSuffix);
+		} else {
+			date = formatDate(datetime * 1000, dateTimeFormat, locale, addSuffix);
+		}
+	}
+
+	return {date: date.date, distanceToNow: date.distanceToNow};
+}
+
+const formatDate = (datetime, dateTimeFormat, locale, addSuffix) => {
+	switch(dateTimeFormat) {
+		case "long": return {date: format(datetime, 'PPpp', { locale }), distanceToNow: formatDistanceToNow(datetime, { addSuffix, locale: locale })};
+		case "iso": return {date: formatISO(datetime), distanceToNow: formatDistanceToNow(datetime, { addSuffix, locale: locale })};
+		case "medium": return {date: format(datetime, 'PPp', { locale }), distanceToNow: formatDistanceToNow(datetime, { addSuffix, locale: locale })};
+		default: return {date: format(datetime, dateTimeFormat), distanceToNow: formatDistanceToNow(datetime, { addSuffix, locale: locale })};
+	}
+}

package/dist/components/DateTime/{splDatetimeToIso.js → utils/validateDateTime.js}

@@ -3,7 +3,50 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.splDatetimeToIso = splDatetimeToIso;
+exports.validateDateTime = validateDateTime;
+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') {
+    return new Date(value);
+  }
+
+  // Handle number values
+  if (typeof value === 'number') {
+    // Reject infinite, NaN, or negative numbers
+    if (!Number.isFinite(value) || value < 0) {
+      return 'Invalid Date';
+    }
+
+    // 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
+    }
+  }
+
+  // All other types are unsupported and result in 'Invalid Date'
+  return 'Invalid Date';
+}
 function splDatetimeToIso(datetime) {
   // Check if datetime is a number or BigInt
   if (typeof datetime !== 'bigint' && typeof datetime !== 'number') {

package/dist/components/DateTime/utils/validateDateTime.jsx

@@ -0,0 +1,88 @@
+export 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') {
+		return new Date(value);
+	}
+
+	// Handle number values
+	if (typeof value === 'number') {
+		// Reject infinite, NaN, or negative numbers
+		if (!Number.isFinite(value) || value < 0) {
+			return 'Invalid Date';
+		}
+
+		// 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
+		}
+	}
+
+	// All other types are unsupported and result in 'Invalid Date'
+	return 'Invalid Date';
+}
+
+function splDatetimeToIso(datetime) {
+	// Check if datetime is a number or BigInt
+	if ((typeof datetime !== 'bigint') && (typeof datetime !== 'number')) {
+		return 'Invalid Date';
+	}
+	// Year extraction (bits 46-60)
+	let year = Number((datetime >> BigInt(46)) & BigInt(0b111111111111)); // 14 bits
+	if (year >= 0b10_0000_0000_0000) {
+		year -= 0b10_0000_0000_0000; // Adjust for sign bit if necessary
+	}
+
+	// Month extraction (bits 42-46)
+	let month = Number((datetime >> BigInt(42)) & BigInt(0b1111)); // 4 bits
+
+	// Day extraction (bits 37-42)
+	const day = Number((datetime >> BigInt(37)) & BigInt(0b11111)); // 5 bits
+
+	// Hour extraction (bits 32-37)
+	const hour = Number((datetime >> BigInt(32)) & BigInt(0b11111)); // 5 bits
+
+	// Minute extraction (bits 26-32)
+	const minute = Number((datetime >> BigInt(26)) & BigInt(0b111111)); // 6 bits
+
+	// Second extraction (bits 20-26)
+	const second = Number((datetime >> BigInt(20)) & BigInt(0b111111)); // 6 bits
+
+	// Microsecond extraction (bits 0-20)
+	const microsecond = Number(datetime & BigInt(0b111111111111111111111)); // 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 `${year.toString().padStart(4, '0')}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}T${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}:${second.toString().padStart(2, '0')}.${microsecond.toString().padStart(6, '0')}Z`;
+}

package/dist/index.js

@@ -304,6 +304,12 @@ Object.defineProperty(exports, "timeToString", {
     return _timeToString.default;
   }
 });
+Object.defineProperty(exports, "timeToStringRelative", {
+  enumerable: true,
+  get: function get() {
+    return _timeToStringRelative.timeToStringRelative;
+  }
+});
 Object.defineProperty(exports, "useDateFNSLocale", {
   enumerable: true,
   get: function get() {
@@ -346,10 +352,11 @@ var _ControlledSwitch = _interopRequireDefault(require("./components/ControlledS
 var _UncontrolledSwitch = _interopRequireDefault(require("./components/UncontrolledSwitch"));
 var _Credentials = require("./components/Authz/Credentials");
 var _ContentLoader = require("./components/ContentLoader");
-var _DateTime = require("./components/DateTime/DateTime.js");
-var _DateTimeRelative = require("./components/DateTime/DateTimeRelative.js");
-var _timeToString = _interopRequireDefault(require("./components/DateTime/timeToString"));
-var _useDateFNSLocale = _interopRequireDefault(require("./components/DateTime/useDateFNSLocale"));
+var _DateTime = require("./components/DateTime/absolute/DateTime.js");
+var _DateTimeRelative = require("./components/DateTime/relative/DateTimeRelative.js");
+var _timeToString = _interopRequireDefault(require("./components/DateTime/absolute/timeToString"));
+var _timeToStringRelative = require("./components/DateTime/relative/timeToStringRelative.js");
+var _useDateFNSLocale = _interopRequireDefault(require("./components/DateTime/utils/useDateFNSLocale"));
 var _TreeMenu = require("./components/TreeMenu");
 var _localStorage = require("./utils/localStorage");
 var _validateAccess = require("./utils/validateAccess");

package/package.json

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

package/dist/components/DateTime/DateTime.js

@@ -1,82 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DateTime = DateTime;
-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) {
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: "datetime"
-    }, ' ');
-  }
-
-  // Declaration of locale must be below span returned for `undefined` values to avoid bad react state handling in useDateFNSLocale
-  var locale = (0, _useDateFNSLocale.default)();
-  var datetime = validateDateTime(props.value);
-  if (datetime.toString() === 'Invalid Date') {
-    return /*#__PURE__*/_react.default.createElement(_InvalidDate.InvalidDate, null);
-  }
-  var date = (0, _timeToString.default)(datetime, props.dateTimeFormat, locale);
-
-  // Check for invalid date from timeToString method
-  if (date === 'Invalid Date') {
-    return /*#__PURE__*/_react.default.createElement(_InvalidDate.InvalidDate, null);
-  }
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: "datetime text-nowrap",
-    title: date.distanceToNow
-  }, /*#__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') {
-    return new Date(value);
-  }
-
-  // Handle number values
-  if (typeof value === 'number') {
-    // Reject infinite, NaN, or negative numbers
-    if (!Number.isFinite(value) || value < 0) {
-      return 'Invalid Date';
-    }
-
-    // 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
-    }
-  }
-
-  // All other types are unsupported and result in 'Invalid Date'
-  return 'Invalid Date';
-}

package/dist/components/DateTime/DateTime.jsx

@@ -1,89 +0,0 @@
-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) {
-	if (props.value == undefined) {
-		return (
-			<span className='datetime'>{' '}</span>
-		);
-	}
-
-	// Declaration of locale must be below span returned for `undefined` values to avoid bad react state handling in useDateFNSLocale
-	const locale = useDateFNSLocale();
-
-	const datetime = validateDateTime(props.value);
-
-	if (datetime.toString() === 'Invalid Date') {
-		return (
-			<InvalidDate />
-		);
-	}
-
-	const date = timeToString(datetime, props.dateTimeFormat, locale);
-
-	// Check for invalid date from timeToString method
-	if (date === 'Invalid Date') {
-		return (
-			<InvalidDate />
-		);
-	}
-
-	return (
-		<span
-			className='datetime text-nowrap'
-			title={date.distanceToNow}
-		>
-			<i className='bi bi-clock pe-1' />
-			{date.date}
-		</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') {
-		return new Date(value);
-	}
-
-	// Handle number values
-	if (typeof value === 'number') {
-		// Reject infinite, NaN, or negative numbers
-		if (!Number.isFinite(value) || value < 0) {
-			return 'Invalid Date';
-		}
-
-		// 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
-		}
-	}
-
-	// All other types are unsupported and result in 'Invalid Date'
-	return 'Invalid Date';
-}

package/dist/components/DateTime/timeToString.js

@@ -1,86 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _dateFns = require("date-fns");
-var timeToString = function timeToString(value) {
-  var dateTimeFormat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "medium";
-  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
-  if (value == undefined) {
-    return 'Invalid Date';
-  }
-  if (new Date(value).toString() === "Invalid Date") {
-    return 'Invalid Date';
-  }
-
-  // TODO: uncomment to eventually add more defensiveness on dateTimeFormat
-  // try {
-  // 	format(value, dateTimeFormat);
-  // } catch(e) {
-  // 	console.error(`ASAB WebUI Components: DateTime - Invalid date time format ${dateTimeFormat}. The format is set to its default.`);
-  // 	dateTimeFormat = "medium";
-  // }
-
-  var date;
-  if (isNaN(value) == true) {
-    // Checking dates for parsing
-    if ((0, _dateFns.parseISO)(value) == "Invalid Date") {
-      return 'Invalid Date';
-    } else {
-      date = formatDate((0, _dateFns.parseISO)(value), dateTimeFormat, locale);
-    }
-  } else {
-    if (value > 9999999999) {
-      date = formatDate(value, dateTimeFormat, locale);
-    } else {
-      date = formatDate(value * 1000, dateTimeFormat, locale);
-    }
-  }
-  return {
-    date: date.date,
-    distanceToNow: date.distanceToNow
-  };
-};
-var formatDate = (value, dateTimeFormat, locale) => {
-  switch (dateTimeFormat) {
-    case "long":
-      return {
-        date: (0, _dateFns.format)(value, 'PPpp', {
-          locale
-        }),
-        distanceToNow: (0, _dateFns.formatDistanceToNow)(value, {
-          addSuffix: true,
-          locale: locale
-        })
-      };
-    case "iso":
-      return {
-        date: (0, _dateFns.formatISO)(value),
-        distanceToNow: (0, _dateFns.formatDistanceToNow)(value, {
-          addSuffix: true,
-          locale: locale
-        })
-      };
-    case "medium":
-      return {
-        date: (0, _dateFns.format)(value, 'PPp', {
-          locale
-        }),
-        distanceToNow: (0, _dateFns.formatDistanceToNow)(value, {
-          addSuffix: true,
-          locale: locale
-        })
-      };
-    default:
-      return {
-        date: (0, _dateFns.format)(value, dateTimeFormat),
-        distanceToNow: (0, _dateFns.formatDistanceToNow)(value, {
-          addSuffix: true,
-          locale: locale
-        })
-      };
-  }
-};
-var _default = exports.default = timeToString;