@singularsystems/neo-core 1.0.17 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-core",
-  "version": "1.0.17",
+  "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": {