asab_webui_components 25.2.2 → 25.2.3

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", "cardBodyClassName", "disableNodeMemorySession", "flatten"];
+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) {
@@ -27,12 +27,16 @@ var TreeMenuCard = exports.TreeMenuCard = function TreeMenuCard(_ref) {
     rows = _ref.rows,
     _ref$rowHeight = _ref.rowHeight,
     rowHeight = _ref$rowHeight === void 0 ? 21 : _ref$rowHeight,
+    _ref$cardClassName = _ref.cardClassName,
+    cardClassName = _ref$cardClassName === void 0 ? '' : _ref$cardClassName,
     _ref$cardBodyClassNam = _ref.cardBodyClassName,
     cardBodyClassName = _ref$cardBodyClassNam === void 0 ? '' : _ref$cardBodyClassNam,
     _ref$disableNodeMemor = _ref.disableNodeMemorySession,
     disableNodeMemorySession = _ref$disableNodeMemor === void 0 ? false : _ref$disableNodeMemor,
     _ref$flatten = _ref.flatten,
     flatten = _ref$flatten === void 0 ? false : _ref$flatten,
+    _ref$loaderParams = _ref.loaderParams,
+    loaderParams = _ref$loaderParams === void 0 ? undefined : _ref$loaderParams,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var location = (0, _reactRouterDom.useLocation)();
   // Getting application object and subscription from application PubSub
@@ -66,7 +70,7 @@ var TreeMenuCard = exports.TreeMenuCard = function TreeMenuCard(_ref) {
     if (!disableNodeMemorySession) {
       loadStoredOpenNodes();
     }
-  }, []);
+  }, [loaderParams]);
 
   // Reload based on specific PubSub message
   (0, _react.useEffect)(function () {
@@ -167,7 +171,7 @@ var TreeMenuCard = exports.TreeMenuCard = function TreeMenuCard(_ref) {
     }
   };
   return /*#__PURE__*/_react["default"].createElement(_reactstrap.Card, {
-    className: "h-100",
+    className: "h-100 ".concat(cardClassName),
     innerRef: cardRef
   }, header && /*#__PURE__*/_react["default"].createElement(_reactstrap.CardHeader, {
     className: "card-header-flex"

package/dist/styles/components/button.scss

@@ -5,6 +5,7 @@
 .btn {
 	--bs-btn-font-size: var(--bs-body-font-size);
 	--bs-btn-border-radius: 0px;  // No radius for buttons
+	--bs-btn-border-color: transparent; // No border color for buttons
 }
 
 .btn-link {

package/dist/styles/components/html.scss

@@ -9,8 +9,10 @@ hr {
 
 pre code {
 	color: var(--bs-code-color);  // The colour of the pre-formatted code has to match <code>
+	tab-size: 4;
 }
 
 code {
 	font-size: var(--asab-monospace-font-size);
+	tab-size: 4;
 }

package/dist/styles/constants/colors.scss

@@ -63,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/dist/styles/constants/theme-dark.scss

@@ -3,6 +3,8 @@
 
 [data-bs-theme=dark] {
 
+	/* Bootstrap color variables */
+
 	--bs-primary: var(--soft-sky-blue);
 	--bs-primary-rgb: var(--soft-sky-blue-rgb);
 
@@ -41,6 +43,11 @@
 
 	--bs-alert-info-color: var(--deep-space-blue);
 	--bs-alert-info-color-rgb: var(--deep-space-blue-rgb);
+
+	/* Non bootstrap color variables */
+
+	--table-row-hover-bg-color: var(--charcoal-blue);
+	--table-row-hover-bg-color-rgb: var(--charcoal-blue-rgb);
 }
 
 [data-bs-theme=dark] {

package/dist/styles/constants/theme-light.scss

@@ -3,6 +3,8 @@
 
 :root, [data-bs-theme=light] {
 
+	/* Bootstrap color variables */
+
 	--bs-primary: var(--royal-blue);
 	--bs-primary-rgb: var(--royal-blue-rgb);
 
@@ -38,6 +40,11 @@
 
 	--bs-element-bg-color: var(--white);
 	--bs-element-bg-color-rgb: var(--white-rgb);
+
+	/* Non bootstrap color variables */
+
+	--table-row-hover-bg-color: var(--soft-gray);
+	--table-row-hover-bg-color-rgb: var(--soft-gray-rgb);
 }
 
 :root, [data-bs-theme=light] .progress-bar {

package/dist/styles/constants/theme-print.scss

@@ -64,6 +64,9 @@
 
 		--bs-table-color: var(--bs-dark);
 
+		--table-row-hover-bg-color: var(--soft-gray);
+		--table-row-hover-bg-color-rgb: var(--soft-gray-rgb);
+
 		&.print-portrait {
 			width: 900px;
 		}

package/package.json

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