@singularsystems/neo-react 0.10.44 → 0.10.47

package/dist/ReactComponents/NumberInput.js

@@ -85,7 +85,11 @@ var NumberInput = /** @class */ (function (_super) {
     NumberInput.prototype.onChanged = function (e) {
         var newValue;
         if (e.target.value !== "") {
-            if (isNaN(parseFloat(e.target.value)) || !validDecimalRegex.test(e.target.value)) {
+            var testValue = e.target.value;
+            if (testValue[0] === "-") {
+                testValue = testValue.substring(1);
+            }
+            if (isNaN(parseFloat(testValue)) || !validDecimalRegex.test(testValue)) {
                 return;
             }
         }

package/dist/ReactComponents/Tabs/TabManager.d.ts

@@ -47,15 +47,16 @@ export declare class TabManager<T extends string = string> {
     private getTab;
     /**
      * Marks the tab as 'initial'.
-     * @param invokeCallback True if the initialCallback should be invoked.
+     * @param reInitialise True if the tabs onInitialise() should be invoked.
      */
     reset(tabKey: T, reInitialise?: boolean): void;
-    /** Calls initialise if the tab has not yet initialised. */
+    /** Calls onInitialise() if the tab has not yet initialised. */
     initialiseTab(tabKey: T): void;
     /**
-     * Marks all tabs as 'initial'.
+     * Marks all tabs as 'initial', causing onInitialise() to be called the next time each is displayed.
+     * @param reInitialise True if the onInitialise() should be called on the currently displayed tab.
      */
-    resetAll(): void;
+    resetAll(reInitialise?: boolean): void;
     private tabs;
     private onTabChanged;
 }

package/dist/ReactComponents/Tabs/TabManager.js

@@ -92,7 +92,7 @@ var TabManager = /** @class */ (function () {
     };
     /**
      * Marks the tab as 'initial'.
-     * @param invokeCallback True if the initialCallback should be invoked.
+     * @param reInitialise True if the tabs onInitialise() should be invoked.
      */
     TabManager.prototype.reset = function (tabKey, reInitialise) {
         if (reInitialise === void 0) { reInitialise = false; }
@@ -106,7 +106,7 @@ var TabManager = /** @class */ (function () {
             }
         }
     };
-    /** Calls initialise if the tab has not yet initialised. */
+    /** Calls onInitialise() if the tab has not yet initialised. */
     TabManager.prototype.initialiseTab = function (tabKey) {
         var tab = this.getTab(tabKey);
         if (tab && !tab.hasFetched) {
@@ -114,10 +114,15 @@ var TabManager = /** @class */ (function () {
         }
     };
     /**
-     * Marks all tabs as 'initial'.
+     * Marks all tabs as 'initial', causing onInitialise() to be called the next time each is displayed.
+     * @param reInitialise True if the onInitialise() should be called on the currently displayed tab.
      */
-    TabManager.prototype.resetAll = function () {
-        this.tabs = {};
+    TabManager.prototype.resetAll = function (reInitialise) {
+        if (reInitialise === void 0) { reInitialise = false; }
+        var currentTabKey = this.observable.peek;
+        for (var tabKey in this.tabs) {
+            this.reset(tabKey, reInitialise && currentTabKey === tabKey);
+        }
     };
     TabManager.prototype.onTabChanged = function () {
         var tab = this.getTab(this.observable.peek);

package/package.json

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

package/styles/Validation.scss

@@ -1,10 +1,14 @@
 // Input boxes
 .form-control {
     &.is-invalid {
-        padding-right: 0.75rem;
-        background: none;
+        padding-right: 0.75rem !important;
+        background-image: none;
     }
 }
+select.form-control.is-invalid {
+    padding-right: 0.75rem !important;
+}
+
 .form-control.is-invalid.warning {
     border-color: $validation-border-warning;
 
@@ -30,6 +34,37 @@
     }
 }
 
+// Autocomplete drop down
+.react-select-bs {
+    &.is-invalid.error {
+        .react-select-bs__control {
+            border-color: $validation-color-error;
+            
+            &.react-select-bs__control--is-focused {
+                box-shadow:  $validation-shadow-error;
+            }
+        }
+    }
+    &.is-invalid.warning {
+        .react-select-bs__control {
+            border-color: $validation-color-warning;
+            
+            &.react-select-bs__control--is-focused {
+                box-shadow:  $validation-shadow-warning;
+            }
+        }
+    }
+    &.is-invalid.info {
+        .react-select-bs__control {
+            border-color: $validation-color-info;
+            
+            &.react-select-bs__control--is-focused {
+                box-shadow:  $validation-shadow-info;
+            }
+        }
+    }
+}
+
 // Text below input boxes
 .invalid-feedback {