@singularsystems/neo-react 1.6.4 → 1.6.6

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 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.6 (20 August 2026)
+
+- Number input
+    - Can now suppress stepping value up and down on press of arrow keys. 
+    - Set `suppressKeyDownStepping` per instance on numprops.
+    - Can be disabled globally using `Neo.NumberInput.suppressKeyDownStepping = true;`.
+
+## 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/ReactComponents/NumberInput.d.ts

@@ -16,6 +16,8 @@ export interface INumberInputSpecificProps {
     zeroText?: string;
     /** Set to true to use the browsers native numeric input control. Note: only decimal place formatting is supported in this mode. */
     native?: boolean;
+    /** Pressing up and down on the keyboard wont step the value up and down. */
+    suppressKeyDownStepping?: boolean;
 }
 export interface INumberInputProps extends IBindableEditorProps<HTMLInputElement> {
     numProps?: INumberInputSpecificProps;
@@ -43,6 +45,8 @@ export default class NumberInput extends ComponentBase<INumberInputProps> {
     private inputElement;
     private recalcFormatState;
     private formatState;
+    /** Pressing up and down on the keyboard wont step the value up and down. */
+    static suppressKeyDownStepping?: boolean;
     constructor(props: INumberInputProps);
     private onChanged;
     private onFocus;

package/dist/ReactComponents/NumberInput.js

@@ -91,6 +91,7 @@ var NumberInput = /** @class */ (function (_super) {
         _this.onKeyDown = _this.onKeyDown.bind(_this);
         return _this;
     }
+    NumberInput_1 = NumberInput;
     NumberInput.prototype.onChanged = function (e) {
         var newValue;
         var stringValue = e.target.value;
@@ -174,9 +175,12 @@ var NumberInput = /** @class */ (function (_super) {
         }
     };
     NumberInput.prototype.onKeyDown = function (e) {
+        var _a;
         var decimal = NumberUtils.decimalService;
+        var numProps = this.props.numProps;
+        var suppressKeyDownStepping = (_a = numProps === null || numProps === void 0 ? void 0 : numProps.suppressKeyDownStepping) !== null && _a !== void 0 ? _a : NumberInput_1.suppressKeyDownStepping;
         var element = this.inputElement.current;
-        if (!this.isReadOnly && element && (e.keyCode === 38 || e.keyCode === 40)) {
+        if (!this.isReadOnly && !suppressKeyDownStepping && element && (e.keyCode === 38 || e.keyCode === 40)) {
             var value = decimal.createDecimal(this.props.bind.value);
             if (value !== null) {
                 var selectionIndex = element.selectionEnd;
@@ -249,8 +253,9 @@ var NumberInput = /** @class */ (function (_super) {
         }
         return (InputHelpers.surroundWithInputGroup(React.createElement("input", __assign({}, domProps, { defaultValue: this.formatState.getFormattedValue(editorProps.bind.value), type: useNative ? "number" : "text", onChange: this.onChanged, ref: this.inputElement })), editorProps, domProps, this.inputElement));
     };
+    var NumberInput_1;
     NumberInput.contextType = FormContext;
-    NumberInput = __decorate([
+    NumberInput = NumberInput_1 = __decorate([
         observer,
         __metadata("design:paramtypes", [Object])
     ], NumberInput);

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.6",
   "description": "React application logic and components for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",