@singularsystems/neo-core 1.0.16 → 1.0.18

package/dist/Components/AnimationHelper.d.ts

@@ -6,7 +6,8 @@ export default class AnimationHelper {
     private container;
     private animationClassName;
     private currentChild;
-    private previousChild;
+    private previousChild?;
+    private removingChild?;
     private zIndex;
     /**
      * Creates an animation helper
@@ -22,7 +23,11 @@ export default class AnimationHelper {
     /**
      * Marks a child element of the container for removal. The element will only be removed from the DOM when the animation is complete.
      */
-    static beginRemove(container: HTMLElement, element: HTMLElement): void;
+    static beginRemove(container: HTMLElement, element: HTMLElement, onRemoved?: () => void): void;
+    /**
+     * Begins to remove the previously added child.
+     */
+    private beginRemove;
     /**
      * Removes the previous child immediately with no animation.
      */

package/dist/Components/AnimationHelper.js

@@ -31,14 +31,30 @@ var AnimationHelper = /** @class */ (function () {
     /**
      * Marks a child element of the container for removal. The element will only be removed from the DOM when the animation is complete.
      */
-    AnimationHelper.beginRemove = function (container, element) {
+    AnimationHelper.beginRemove = function (container, element, onRemoved) {
         // TODO: check that the element has a transision of the correct type applied to it, otherwise remove immediately.
         element.addEventListener("transitionend", function () {
             if (container.contains(element)) {
                 container.removeChild(element);
+                if (onRemoved !== undefined) {
+                    onRemoved();
+                }
             }
         });
     };
+    /**
+     * Begins to remove the previously added child.
+     */
+    AnimationHelper.prototype.beginRemove = function (child) {
+        var _this = this;
+        if (this.removingChild) {
+            this.container.removeChild(this.removingChild);
+        }
+        this.removingChild = child;
+        AnimationHelper.beginRemove(this.container, child, function () {
+            _this.removingChild = undefined;
+        });
+    };
     /**
      * Removes the previous child immediately with no animation.
      */
@@ -54,7 +70,7 @@ var AnimationHelper = /** @class */ (function () {
     AnimationHelper.prototype.slide = function (delta, horizontal) {
         if (this.previousChild) {
             AnimationHelper.beginSlide(this.previousChild, this.animationClassName, horizontal, 0, this.container.offsetWidth * -delta);
-            AnimationHelper.beginRemove(this.container, this.previousChild);
+            this.beginRemove(this.previousChild);
         }
         AnimationHelper.beginSlide(this.currentChild, this.animationClassName, horizontal, this.container.offsetWidth * delta, 0);
     };
@@ -64,7 +80,7 @@ var AnimationHelper = /** @class */ (function () {
     AnimationHelper.prototype.fade = function () {
         if (this.previousChild) {
             AnimationHelper.fade(this.previousChild, this.animationClassName, false);
-            AnimationHelper.beginRemove(this.container, this.previousChild);
+            this.beginRemove(this.previousChild);
         }
         AnimationHelper.fade(this.currentChild, this.animationClassName, true);
     };
@@ -75,7 +91,7 @@ var AnimationHelper = /** @class */ (function () {
     AnimationHelper.prototype.fadeAndScale = function (fromAbove) {
         if (this.previousChild) {
             AnimationHelper.fade(this.previousChild, this.animationClassName, false);
-            AnimationHelper.beginRemove(this.container, this.previousChild);
+            this.beginRemove(this.previousChild);
         }
         AnimationHelper.scale(this.currentChild, this.animationClassName, fromAbove ? 1.5 : 0.2, 1);
     };

package/dist/Components/BootstrapTypes.d.ts

@@ -3,6 +3,7 @@ export type columnWidth = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export type columnCount = 1 | 2 | 3 | 4 | 6 | 12;
 export type gutterSize = 1 | 2 | 3 | 4 | 5;
 export type flexItemAlign = "start" | "end" | "center";
+export type flexJustifyContent = "start" | "end" | "center" | "between";
 export type breakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
 export type ElementOrText = any;
 export interface IColumnWidthBreakpoints {

package/dist/Components/ButtonOptions.d.ts

@@ -56,6 +56,8 @@ export interface IButtonOptions {
 export interface IButtonDropDownItem {
     /** Menu item text or component */
     text?: ElementOrText;
+    /** Muted text to display below the menu item text. */
+    subText?: string;
     /** Specify a string name if using font-awesome. No need to specify fa- */
     icon?: any;
     /** Make this a non clickable header item. */

package/dist/Components/DatePicker/DatePicker.d.ts

@@ -30,6 +30,7 @@ export default class DatePicker {
     onInputBlurred(closePopup: boolean): void;
     inputChanged(): void;
     inputKeyDown(e: KeyboardEvent): void;
+    onMouseWheel(e: WheelEvent): void;
     private removePopup;
     private setBindValue;
     private setBindProperty;

package/dist/Components/DatePicker/DatePicker.js

@@ -22,6 +22,7 @@ var DatePicker = /** @class */ (function () {
         this.inputBlurred = this.inputBlurred.bind(this);
         this.inputChanged = this.inputChanged.bind(this);
         this.inputKeyDown = this.inputKeyDown.bind(this);
+        this.onMouseWheel = this.onMouseWheel.bind(this);
         if (DatePicker.mustShowInput(options)) {
             this.input = this.container.getElementsByTagName('input')[0];
             this.input.addEventListener("focus", this.inputFocused);
@@ -113,6 +114,17 @@ var DatePicker = /** @class */ (function () {
             }
         }
     };
+    DatePicker.prototype.onMouseWheel = function (e) {
+        if (e.deltaY !== 0) {
+            if (e.deltaY > 0) {
+                this.moveCurrent(1);
+            }
+            else {
+                this.moveCurrent(-1);
+            }
+            e.preventDefault();
+        }
+    };
     DatePicker.prototype.removePopup = function (animate) {
         var _a;
         if (this.popup && !this.options.alwaysShow) {
@@ -240,6 +252,7 @@ var DatePicker = /** @class */ (function () {
                 this.popup.addEventListener("mouseenter", function () { return _this.positionPopup(false); });
                 this.popup.addEventListener("mouseleave", function () { return _this.positionPopup(true); });
             }
+            this.popup.addEventListener("wheel", this.onMouseWheel);
             this.createHeader(this.popup);
             this.createContentContainer(this.popup);
         }

package/dist/Components/PositionHelper.d.ts

@@ -23,6 +23,7 @@ export default class PositionHelper {
     static positionElement(popup: HTMLElement, position: IRelativePosition, fromBottom?: boolean): void;
     /**
      * Ensures that a popup element is positioned so that it remains in the bounds of the screen by left/right/top/bottom aligning it relative to the anchor element.
+     * Note: the left and right values will be reset to ensure the width is accurately calculated.
      * @param anchor The element to which the popup is anchored
      * @param popup The element which pops up from the anchor.
      * @param alignRight True if the popup must be aligned to the anchors right position.

package/dist/Components/PositionHelper.js

@@ -45,6 +45,7 @@ var PositionHelper = /** @class */ (function () {
     };
     /**
      * Ensures that a popup element is positioned so that it remains in the bounds of the screen by left/right/top/bottom aligning it relative to the anchor element.
+     * Note: the left and right values will be reset to ensure the width is accurately calculated.
      * @param anchor The element to which the popup is anchored
      * @param popup The element which pops up from the anchor.
      * @param alignRight True if the popup must be aligned to the anchors right position.
@@ -52,6 +53,8 @@ var PositionHelper = /** @class */ (function () {
      */
     PositionHelper.getRelativePosition = function (anchor, popup, alignRight, hAlign) {
         if (alignRight === void 0) { alignRight = false; }
+        popup.style.left = "0";
+        popup.style.right = "";
         var popupHeight = popup.offsetHeight;
         var containerScreenRect = anchor.getBoundingClientRect();
         var position = {

package/dist/Data/DataView.d.ts

@@ -6,7 +6,8 @@ export declare abstract class DataViewBase<T> {
     private originalSource;
     sortInfo: SortOperation[];
     protected noSortSymbol: symbol;
-    allowSort: boolean;
+    /** Indicates whether the data source allows sorting by default. Can be overridden at a property level. */
+    allowSort?: boolean;
     performsRemoteSorting: boolean;
     constructor(originalSource: T[]);
     /**

package/dist/Data/DataView.js

@@ -8,7 +8,6 @@ var DataViewBase = /** @class */ (function () {
         this.originalSource = originalSource;
         this.sortInfo = [];
         this.noSortSymbol = Symbol("DataView.NoSort");
-        this.allowSort = true;
         this.performsRemoteSorting = false;
     }
     /**

package/dist/Data/Paging/PageManager.d.ts

@@ -27,7 +27,7 @@ export interface IPageManagerOptions<TCriteria extends ValueObject, TModel> {
      */
     sortAscending?: boolean | boolean[];
     /**
-     * Set to false if you don't want to allow sorting.
+     * Set to false if you don't want to allow sorting by default.
      */
     allowSort?: boolean;
     /**

package/dist/Data/Paging/PageManager.js

@@ -18,7 +18,7 @@ var PageManager = /** @class */ (function (_super) {
         _this.initialFetchState = "none";
         _this.isInvalidated = false;
         _this.options = options || {};
-        _this.allowSort = _this.options.allowSort !== false;
+        _this.allowSort = _this.options.allowSort;
         _this.performsRemoteSorting = true;
         _this.pageRequest = new PageRequest(criteria);
         _this.pageRequest.pageSize = _this.options.pageSize || 20;

package/dist/Dates/DateUtils.d.ts

@@ -18,7 +18,7 @@ export default class DateUtils {
      * @param dateString The string to parse
      * @param format The format string. This is only used to get the order of d/m/y
      * @param requireAllParts True if day month and year must be specified
-     * @param refDate Reference date. E.g. if the year is ommitted in the date string, then the year from the reference date will be used. Today is used if no reference date is supplied.
+     * @param refDate Reference date. E.g. if the year is omitted in the date string, then the year from the reference date will be used. Today is used if no reference date is supplied.
     */
     static tryParse(dateString: string, format?: string, requireAllParts?: boolean, refDate?: Date): Date | null;
     static min(date1: Date, date2: Date): Date;

package/dist/Dates/DateUtils.js

@@ -70,9 +70,10 @@ var DateUtils = /** @class */ (function () {
      * @param dateString The string to parse
      * @param format The format string. This is only used to get the order of d/m/y
      * @param requireAllParts True if day month and year must be specified
-     * @param refDate Reference date. E.g. if the year is ommitted in the date string, then the year from the reference date will be used. Today is used if no reference date is supplied.
+     * @param refDate Reference date. E.g. if the year is omitted in the date string, then the year from the reference date will be used. Today is used if no reference date is supplied.
     */
     DateUtils.tryParse = function (dateString, format, requireAllParts, refDate) {
+        var _a;
         if (format === void 0) { format = ""; }
         if (requireAllParts === void 0) { requireAllParts = false; }
         if (!dateString)
@@ -80,38 +81,36 @@ var DateUtils = /** @class */ (function () {
         if (!format)
             format = DateUtils.defaultFormatString;
         var returnDate = !refDate ? new Date() : new Date(refDate);
+        var timeString = "", isPM = false;
         // Find the position of d m and y in the format string.
-        var d = format.indexOf('d'), m = format.indexOf('M'), y = format.indexOf('y'), Extra = 100;
-        // Check for time component.
-        var timeString = "";
-        var isPM = false;
-        var timePos = dateString.indexOf(":");
-        if (timePos == -1) {
-            timePos = dateString.toUpperCase().indexOf("PM");
+        var d = format.indexOf('d'), m = format.indexOf('M'), y = format.indexOf('y'), h = format.indexOf("H"), extra = 100;
+        var expectedDateParts = (d < 0 ? 0 : 1) + (m < 0 ? 0 : 1) + (y < 0 ? 0 : 1);
+        // Replace common separators in the date string with /
+        dateString = dateString.replace(/-/g, '/').replace(/ /g, '/').replace(/\xA0/g, '/');
+        // If the user doesn't put in separators, e.g. 0103, then add them to make the string value 01/03
+        if ((d == 0 || m == 0) && dateString.indexOf('/') == -1 && dateString.length >= 4 && !isNaN(+dateString)) {
+            dateString = dateString.substring(0, 2) + '/' + dateString.substring(2, 4) + (dateString.length == 8 || dateString.length == 6 ? '/' + dateString.substring(4, dateString.length) : '');
         }
-        if (timePos == -1) {
-            timePos = dateString.toUpperCase().indexOf("AM");
-        }
-        if (timePos >= 1) {
-            timePos = Math.max(0, timePos - (dateString[timePos - 1] == " " ? 3 : 2));
-            timeString = dateString.substring(timePos);
-            dateString = dateString.substring(0, timePos);
-            isPM = timeString.toUpperCase().indexOf("PM") > 0;
-            timeString = timeString.replace(/a/gi, "").replace(/p/gi, "").replace(/m/gi, "").replace(/ /gi, "");
+        var parts = dateString.split("/");
+        if (parts.length > expectedDateParts && (h >= 0)) {
+            timeString = parts.pop();
+            var pmPos = (_a = /[ap]m/i.exec(timeString)) === null || _a === void 0 ? void 0 : _a.index;
+            if (pmPos !== undefined) {
+                isPM = timeString.toUpperCase().indexOf("PM") >= 0;
+                if (pmPos === 0) {
+                    timeString = parts.pop();
+                }
+                else {
+                    timeString = timeString.substring(0, pmPos);
+                }
+            }
         }
         // Date component
-        if (d >= 0 || m >= 0 || y >= 0) {
+        if (expectedDateParts > 0) {
             // Add missing d/m/y on the end.
-            d = d == -1 ? Extra++ : d;
-            m = m == -1 ? Extra++ : m;
-            y = y == -1 ? Extra++ : y;
-            // Replace common separators in the date string with /
-            var str = dateString.replace(/-/g, '/').replace(/ /g, '/').replace(/\xA0/g, '/');
-            // If the user doesnt put in separators, e.g. 0103, then add them to make the string value 01/03
-            if ((d == 0 || m == 0) && str.indexOf('/') == -1 && str.length >= 4 && !isNaN(+str)) {
-                str = str.substring(0, 2) + '/' + str.substring(2, 4) + (str.length == 8 || str.length == 6 ? '/' + str.substring(4, str.length) : '');
-            }
-            var parts = str.split('/');
+            d = d == -1 ? extra++ : d;
+            m = m == -1 ? extra++ : m;
+            y = y == -1 ? extra++ : y;
             if (requireAllParts && parts.length < 3)
                 return null;
             // if format is dd mmm yyyy, and the user omits the dd, then add 1st day.
@@ -141,6 +140,14 @@ var DateUtils = /** @class */ (function () {
         }
         // Get time component.
         if (timeString) {
+            if (timeString.indexOf(":") < 0) {
+                if (timeString.length >= 5) {
+                    timeString = timeString.substring(0, timeString.length - 4) + ":" + timeString.substring(timeString.length - 4, timeString.length - 2) + ":" + timeString.substring(timeString.length - 2);
+                }
+                else if (timeString.length >= 3) {
+                    timeString = timeString.substring(0, timeString.length - 2) + ":" + timeString.substring(timeString.length - 2);
+                }
+            }
             var time = new Date(0);
             time.setHours.apply(time, timeString.split(":").map(function (s) { return parseInt(s); }));
             if (isNaN(time)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-core",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "Core functionality for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,19 +15,19 @@
   "author": "Singular Systems",
   "license": "ISC",
   "devDependencies": {
-    "@types/jest": "29.5.1",
+    "@types/jest": "29.5.13",
     "@types/node": "20.11.24",
     "@types/react": "18.2.4",
     "decimal.js-light": "2.5.1",
-    "jest": "29.5.0",
+    "jest": "29.7.0",
     "ts-jest": "29.1.0",
     "typescript": "5.4.2"
   },
   "dependencies": {
     "@microsoft/signalr": "^6.0.1",
-    "axios": "1.7.5",
+    "axios": "1.7.7",
     "inversify": "^6.0.2",
-    "reflect-metadata": "0.1.13",
+    "reflect-metadata": "0.2.2",
     "tslib": "2.7.0"
   },
   "peerDependencies": {