@singularsystems/neo-react 1.6.4 → 1.6.5

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 This file details all new features and changes to functionality. If you only need to see changes that require updates to your project, see the [breaking changes](./Breaking.md) readme.
 
+## Version 1.6.5 (3 August 2026)
+
+- Routing fix
+    - Fixed params not updating when a view is referenced by 2 different routes.
+- Breadcrumb
+    - Fixed breadcrumb item showing with blank description.
+- Sticky table headers
+    - Fixed heading snapping to app header when grid is in a modal.
+
 ## Version 1.6.4 (20 July 2026)
 
 - Neo.Card

package/dist/ReactComponents/Grid/StickyTableHeader.d.ts

@@ -14,9 +14,7 @@ export declare class StickyTableHeader {
     private domObserver;
     private originalWidths;
     /** Parent element that may scroll, requiring a position update. */
-    private scrollElement?;
-    /** Fixed height parent element that the grid scrolls within. */
-    private relativeParent?;
+    private scrollParent?;
     private header;
     private headerCopy?;
     private headerHeight;

package/dist/ReactComponents/Grid/StickyTableHeader.js

@@ -21,17 +21,12 @@ var StickyTableHeader = /** @class */ (function () {
             throw Error("Table must have a header section.");
         }
         this.header = table.tHead;
-        this.scrollElement = StickyTableHeader.getParentScrollElement(table);
-        if (this.scrollElement) {
-            if (this.scrollElement.style.height || this.scrollElement.style.maxHeight) {
-                this.relativeParent = this.scrollElement;
-            }
-        }
+        this.scrollParent = StickyTableHeader.getParentScrollElement(table);
         this.handleScroll = this.handleScroll.bind(this);
         this.onPossibleContentChange = this.onPossibleContentChange.bind(this);
         document.addEventListener("scroll", this.handleScroll);
-        if (this.scrollElement) {
-            this.scrollElement.addEventListener("scroll", this.handleScroll);
+        if (this.scrollParent) {
+            this.scrollParent.addEventListener("scroll", this.handleScroll);
         }
         table.addEventListener("keydown", this.onPossibleContentChange);
         table.addEventListener("mouseup", this.onPossibleContentChange);
@@ -41,10 +36,11 @@ var StickyTableHeader = /** @class */ (function () {
         //  otherwise if there is a fixed (non scrolling) element at the top of the page, then the headers must appear below that.
         //  otherwise the headers will stick to the top of the screen.
         var fixedElement = null;
-        if (!this.relativeParent && this.fixedElement && getComputedStyle(this.fixedElement).position === "fixed") {
+        if (this.fixedElement && getComputedStyle(this.fixedElement).position === "fixed") {
             fixedElement = this.fixedElement;
         }
-        var topBoundary = this.relativeParent ? this.relativeParent.getBoundingClientRect().top : (fixedElement ? fixedElement.getBoundingClientRect().bottom : 0);
+        var headerBottom = fixedElement ? fixedElement.getBoundingClientRect().bottom : 0;
+        var topBoundary = this.scrollParent ? Math.max(this.scrollParent.getBoundingClientRect().top, headerBottom) : headerBottom;
         var tableBounds = this.table.getBoundingClientRect();
         var tbodyBounds = this.table.tBodies[this.table.tBodies.length - 1].getBoundingClientRect();
         if (tableBounds.top < topBoundary && tbodyBounds.bottom - this.headerHeight > topBoundary) {
@@ -62,9 +58,9 @@ var StickyTableHeader = /** @class */ (function () {
             }
             this.header.style.left = tableBounds.left + "px";
             this.header.style.top = topBoundary + "px";
-            if (this.scrollElement) {
-                var left = this.scrollElement.scrollLeft;
-                var width = this.scrollElement.clientWidth + left - 1;
+            if (this.scrollParent) {
+                var left = this.scrollParent.scrollLeft;
+                var width = this.scrollParent.clientWidth + left - 1;
                 this.header.style.clipPath = "rect(0px ".concat(width, "px 100% ").concat(left, "px)");
             }
         }
@@ -128,8 +124,8 @@ var StickyTableHeader = /** @class */ (function () {
     };
     StickyTableHeader.prototype.dispose = function () {
         document.removeEventListener("scroll", this.handleScroll);
-        if (this.scrollElement) {
-            this.scrollElement.removeEventListener("scroll", this.handleScroll);
+        if (this.scrollParent) {
+            this.scrollParent.removeEventListener("scroll", this.handleScroll);
         }
         this.table.removeEventListener("keydown", this.onPossibleContentChange);
         this.table.removeEventListener("mouseup", this.onPossibleContentChange);
@@ -140,8 +136,7 @@ var StickyTableHeader = /** @class */ (function () {
      */
     StickyTableHeader.getParentScrollElement = function (element) {
         var current = element.parentElement;
-        var depth = 0;
-        while (current && depth < 5) {
+        while (current) {
             var computedStyle = window.getComputedStyle(current);
             if (computedStyle.overflowX === "auto" || computedStyle.overflowX === "scroll" || computedStyle.overflowY === "auto" || computedStyle.overflowY === "scroll") {
                 return current;

package/dist/Routing/RoutingState.js

@@ -33,18 +33,18 @@ var RoutingState = /** @class */ (function () {
     /** @internal */
     RoutingState.prototype.updateRoute = function (match) {
         var _this = this;
-        var _a, _b;
+        var _a, _b, _c;
         var prevRoute = (_a = this.currentRoute) === null || _a === void 0 ? void 0 : _a.route;
         runInAction(function () {
             var _a;
             _this.currentRoute = match;
             _this.currentRouteBase = (_a = match === null || match === void 0 ? void 0 : match.route) !== null && _a !== void 0 ? _a : null;
         });
-        if (prevRoute !== (match === null || match === void 0 ? void 0 : match.route)) {
+        if ((prevRoute === null || prevRoute === void 0 ? void 0 : prevRoute.component) !== ((_b = match === null || match === void 0 ? void 0 : match.route) === null || _b === void 0 ? void 0 : _b.component)) {
             var prevIndex = prevRoute ? this.appRouteProvider.allRoutes.indexOf(prevRoute) : -1;
             var newIndex = match ? this.appRouteProvider.allRoutes.indexOf(match.route) : -1;
             this.direction = newIndex - prevIndex;
-            if (((_b = this.currentView) === null || _b === void 0 ? void 0 : _b.constructor) !== (match === null || match === void 0 ? void 0 : match.route.component)) {
+            if (((_c = this.currentView) === null || _c === void 0 ? void 0 : _c.constructor) !== (match === null || match === void 0 ? void 0 : match.route.component)) {
                 this.currentView = null;
             }
             // Scroll back to top as if the browser had actually loaded a new page.

package/dist/Routing/ViewParameterList.js

@@ -30,6 +30,7 @@ var ViewParameterList = /** @class */ (function () {
         var queryPath = RouteHelper.getQueryString(this._processedRoute, values);
         var paramPath;
         var selectablePath;
+        var queryDescription = "";
         for (var _c = 0, _d = this.params; _c < _d.length; _c++) {
             var viewParam = _d[_c];
             if (!viewParam.routeParameter.isQuery) {
@@ -53,10 +54,18 @@ var ViewParameterList = /** @class */ (function () {
                 if (((_a = viewParam.routeParameter.selection) !== null && _a !== void 0 ? _a : BreadCrumbSelectMode.Default) === BreadCrumbSelectMode.Default) {
                     selectablePath = paramPath;
                 }
-                if (viewParam.description || viewParam.value !== null) {
+                if (viewParam.description) {
                     breadCrumbs.push(new BreadCrumbItem(viewParam.description, (viewParam.routeParameter.selection === BreadCrumbSelectMode.None) ? "" : (selectablePath + queryPath)));
                 }
             }
+            else {
+                if (!queryDescription && viewParam.description) {
+                    queryDescription = viewParam.description;
+                }
+            }
+        }
+        if (queryDescription) {
+            breadCrumbs.push(new BreadCrumbItem(queryDescription, RouteHelper.hydrateRoute(this._processedRoute, values, false)));
         }
         return breadCrumbs;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-react",
-  "version": "1.6.4",
+  "version": "1.6.5",
   "description": "React application logic and components for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",