asab_webui_components 25.2.4 → 25.2.6-alpha.0

package/dist/components/DataTable/Table.js

@@ -14,7 +14,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");
+var _DateTime = require("../DateTime/DateTime.js");
 var _Buttons = require("./Buttons");
 require("./DataTable.scss");
 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); }

package/dist/components/DateTime/{index.js → DateTime.js}

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DateTime = DateTime;
 var _react = _interopRequireDefault(require("react"));
-var _timeToString = _interopRequireDefault(require("./timeToString"));
-var _useDateFNSLocale = _interopRequireDefault(require("./useDateFNSLocale"));
+var _timeToString = _interopRequireDefault(require("./timeToString.js"));
+var _useDateFNSLocale = _interopRequireDefault(require("./useDateFNSLocale.js"));
+var _InvalidDate = require("./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", {
@@ -18,13 +20,13 @@ 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') {
-    return /*#__PURE__*/_react["default"].createElement(InvalidDate, null);
+    return /*#__PURE__*/_react["default"].createElement(_InvalidDate.InvalidDate, null);
   }
   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, null);
+    return /*#__PURE__*/_react["default"].createElement(_InvalidDate.InvalidDate, null);
   }
   return /*#__PURE__*/_react["default"].createElement("span", {
     className: "datetime text-nowrap",
@@ -32,13 +34,4 @@ function DateTime(props) {
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "bi bi-clock pe-1"
   }), date.date);
-}
-
-// Mehod for rendering invalid date component
-function InvalidDate(props) {
-  return /*#__PURE__*/_react["default"].createElement("span", {
-    className: "datetime text-nowrap"
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "bi bi-clock pe-1"
-  }), "Invalid Date");
 }

package/dist/components/DateTime/DateTime.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+
+import timeToString from './timeToString.js';
+import useDateFNSLocale from './useDateFNSLocale.js';
+import { InvalidDate } from './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();
+	if (new Date(props.value).toString() === 'Invalid Date') {
+		return (
+			<InvalidDate />
+		);
+	}
+
+	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/DateTimeRelative.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeRelative = DateTimeRelative;
+var _react = _interopRequireDefault(require("react"));
+var _timeToString = _interopRequireDefault(require("./timeToString"));
+var _useDateFNSLocale = _interopRequireDefault(require("./useDateFNSLocale"));
+var _InvalidDate = require("./InvalidDate.js");
+// Component that displays the relative time and shows the absolute time on hover
+function DateTimeRelative(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"])();
+  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);
+
+  // 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.date
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "bi bi-clock pe-1"
+  }), date.distanceToNow);
+}

package/dist/components/DateTime/DateTimeRelative.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+
+import timeToString from './timeToString';
+import useDateFNSLocale from './useDateFNSLocale';
+import { InvalidDate } from './InvalidDate.jsx';
+
+// Component that displays the relative time and shows the absolute time on hover
+export function DateTimeRelative(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();
+	if (new Date(props.value).toString() === 'Invalid Date') {
+		return (
+			<InvalidDate />
+		);
+	}
+
+	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.date}
+		>
+			<i className='bi bi-clock pe-1' />
+			{date.distanceToNow}
+		</span>
+	);
+}

package/dist/components/DateTime/InvalidDate.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InvalidDate = InvalidDate;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+// Mehod for rendering invalid date component
+function InvalidDate() {
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: "datetime text-nowrap"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "bi bi-clock pe-1"
+  }), t('General|Invalid Date'));
+}

package/dist/components/DateTime/InvalidDate.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+// Mehod for rendering invalid date component
+export function InvalidDate() {
+	const { t } = useTranslation();
+	return (
+		<span className='datetime text-nowrap'>
+			<i className='bi bi-clock pe-1' />
+			{t('General|Invalid Date')}
+		</span>
+	);
+}

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 _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,6 +33,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,
@@ -98,7 +100,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 () {
@@ -160,7 +162,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

@@ -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));
+  }, folderIcon(isOpen, selected), folder(label, parent, type, isDisabled, level));
 };
 
 /*
@@ -116,7 +116,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

@@ -112,6 +112,12 @@ Object.defineProperty(exports, "DateTime", {
     return _DateTime.DateTime;
   }
 });
+Object.defineProperty(exports, "DateTimeRelative", {
+  enumerable: true,
+  get: function get() {
+    return _DateTimeRelative.DateTimeRelative;
+  }
+});
 Object.defineProperty(exports, "ErrorHandler", {
   enumerable: true,
   get: function get() {
@@ -340,7 +346,8 @@ 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");
+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 _TreeMenu = require("./components/TreeMenu");

package/package.json

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