@singularsystems/neo-react 0.10.47 → 0.10.49

package/dist/React/AutoRunner.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { Utils, Misc } from '@singularsystems/neo-core';
+import { Misc, DebounceHelper } from '@singularsystems/neo-core';
 import { reaction } from 'mobx';
 import { injectable } from 'inversify';
 var AutoRunnerFactory = /** @class */ (function () {
@@ -24,7 +24,10 @@ var AutoRunner = /** @class */ (function () {
         this.disposerImmediate = reaction(function () { return _this.accessAllValues(model, false, new Map(), ""); }, function () { return _this.runCallback(model, callback, 0); });
     }
     AutoRunner.prototype.cancelPending = function () {
-        Utils.clearDebounce(this);
+        DebounceHelper.cancelPending(this);
+    };
+    AutoRunner.prototype.fireImmediate = function () {
+        DebounceHelper.executeImmediate(this);
     };
     AutoRunner.prototype.dispose = function () {
         this.disposerDelayed();
@@ -33,7 +36,7 @@ var AutoRunner = /** @class */ (function () {
     AutoRunner.prototype.runCallback = function (model, callback, delay) {
         var _this = this;
         if (!this.isPaused) {
-            Utils.debounce(this, function () {
+            DebounceHelper.debounce(this, function () {
                 _this.isPaused = true;
                 try {
                     callback(model);

package/dist/ReactComponents/DropDown/AutoCompleteDropDown.js

@@ -50,8 +50,9 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
     AutoCompleteDropDown.prototype.onItemSelected = function (args, action) {
         var onItemSelected = this.props.onItemSelected;
         if (this.props.bindItems) {
+            var itemsProperty = this.props.bindItems;
             // Multi select
-            var itemList = this.props.bindItems.value;
+            var itemList = itemsProperty.value;
             var bindIdsList = this.props.bindIds;
             if (action.action === "select-option") {
                 itemList.push({ id: action.option.value, display: action.option.label });
@@ -83,6 +84,7 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
                     onItemSelected(undefined);
                 }
             }
+            itemsProperty.attachedTo.isSelfDirty = true;
         }
         else if (this.props.bind) {
             // Single select

package/dist/ReactComponents/DropDown/DropDownBase.js

@@ -1,6 +1,7 @@
 import { __awaiter, __extends, __generator } from "tslib";
-import { Data, EnumHelper, Model } from '@singularsystems/neo-core';
+import { Data, Model } from '@singularsystems/neo-core';
 import ComponentBase from '../ComponentBase';
+import LookupHelper from './LookupHelper';
 var DropDownBase = /** @class */ (function (_super) {
     __extends(DropDownBase, _super);
     function DropDownBase() {
@@ -12,31 +13,9 @@ var DropDownBase = /** @class */ (function (_super) {
         return _this;
     }
     DropDownBase.prototype.findMembers = function (item) {
-        if (!this.valueMember || !this.displayMember) {
-            if (EnumHelper.isEnumItem(item)) {
-                this.valueMember = "id";
-                this.displayMember = "name";
-            }
-            if (!this.displayMember) {
-                var neoTypeInfo = item.constructor.neo;
-                if (neoTypeInfo && neoTypeInfo.displayMember) {
-                    this.displayMember = neoTypeInfo.displayMember.propertyName;
-                }
-            }
-            for (var propName in item) {
-                if (this.valueMember && this.displayMember)
-                    break;
-                var value = item[propName];
-                if (value !== undefined && value !== null) {
-                    if (typeof (value) === "number" && !this.valueMember) {
-                        this.valueMember = propName;
-                    }
-                    if (typeof (value) === "string" && !this.displayMember && !propName.toLowerCase().endsWith("id") && propName !== "entityIdentifier") {
-                        this.displayMember = propName;
-                    }
-                }
-            }
-        }
+        var members = LookupHelper.findMembers(item, this.valueMember, this.displayMember);
+        this.valueMember = members.valueMember;
+        this.displayMember = members.displayMember;
     };
     DropDownBase.prototype.getItems = function (itemSource) {
         var _a;

package/dist/ReactComponents/DropDown/LookupHelper.d.ts

@@ -0,0 +1,13 @@
+export interface ILookupMembers {
+    valueMember: string;
+    displayMember: string;
+}
+export default class LookupHelper {
+    /**
+     * Finds the value and display member of a class by convention.
+     * Also uses the displayMember attribute if defined on any of the properties.
+     * @param item An object instance
+     * @param booleanValuesAllowed True if boolean values are allowed in the value member.
+     */
+    static findMembers(item: any, valueMember: string, displayMember: string, booleanValuesAllowed?: boolean): ILookupMembers;
+}

package/dist/ReactComponents/DropDown/LookupHelper.js

@@ -0,0 +1,45 @@
+import { EnumHelper } from "@singularsystems/neo-core";
+var LookupHelper = /** @class */ (function () {
+    function LookupHelper() {
+    }
+    /**
+     * Finds the value and display member of a class by convention.
+     * Also uses the displayMember attribute if defined on any of the properties.
+     * @param item An object instance
+     * @param booleanValuesAllowed True if boolean values are allowed in the value member.
+     */
+    LookupHelper.findMembers = function (item, valueMember, displayMember, booleanValuesAllowed) {
+        if (booleanValuesAllowed === void 0) { booleanValuesAllowed = false; }
+        if (!displayMember || !valueMember) {
+            if (EnumHelper.isEnumItem(item)) {
+                valueMember = "id";
+                displayMember = "name";
+            }
+            if (!displayMember) {
+                var neoTypeInfo = item.constructor.neo;
+                if (neoTypeInfo && neoTypeInfo.displayMember) {
+                    displayMember = neoTypeInfo.displayMember.propertyName;
+                }
+            }
+            for (var propName in item) {
+                if (valueMember && displayMember)
+                    break;
+                var value = item[propName];
+                if (value !== undefined && value !== null) {
+                    if ((typeof (value) === "number" || (booleanValuesAllowed && typeof (value) === "boolean")) && !valueMember) {
+                        valueMember = propName;
+                    }
+                    if (typeof (value) === "string" && !displayMember && !propName.toLowerCase().endsWith("id") && propName !== "entityIdentifier") {
+                        displayMember = propName;
+                    }
+                }
+            }
+            if (!valueMember || !displayMember) {
+                console.error("Could not find value and display member. Try specifying them explicitly.", item);
+            }
+        }
+        return { valueMember: valueMember, displayMember: displayMember };
+    };
+    return LookupHelper;
+}());
+export default LookupHelper;

package/dist/ReactComponents/FileManager/FileContext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Components } from '@singularsystems/neo-core';
-export interface IFileComponentProps extends Partial<Components.IBoundFileManagerOptions> {
+export interface IFileComponentProps {
     /** File manager instance. Props that can be specified in file manager options will be ignored on this component. */
     fileManager?: Components.IFileManager;
     /** Upload endpoint. This is required when not using a file manager. */
@@ -10,6 +10,6 @@ export interface IFileContextProps {
     fileManager?: Components.IFileManager;
 }
 export declare const FileContext: React.Context<IFileContextProps>;
-export default class FileContextProvider extends React.Component<IFileComponentProps> {
+export default class FileContextProvider extends React.Component<IFileComponentProps & (Partial<Components.IFileManagerOptions> | Partial<Components.IBoundFileManagerOptions>)> {
     render(): JSX.Element;
 }

package/dist/ReactComponents/FileManager/FileInput.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
+import { Components } from '@singularsystems/neo-core';
 import { FileContext, IFileComponentProps } from './FileContext';
 import { IButtonOptions } from '@singularsystems/neo-core/dist/Components/ButtonOptions';
 import ComponentBase from '../ComponentBase';
 import { AxiosPromise } from 'axios';
-export interface IFileEditorProps extends IFileComponentProps {
+export interface IFileEditorProps extends IFileComponentProps, Partial<Components.IBoundFileManagerOptions> {
     /** Browse button options */
     browseButton?: IButtonOptions;
     /** Set this if you want to allow the user to choose a new file. */

package/dist/ReactComponents/RadioList.js

@@ -5,6 +5,7 @@ import { observer } from 'mobx-react';
 import { BindPropsHelper } from './PropTypes';
 import ComponentBase from './ComponentBase';
 import { FormContext } from './FormContext';
+import LookupHelper from './DropDown/LookupHelper';
 var RadioList = /** @class */ (function (_super) {
     __extends(RadioList, _super);
     function RadioList() {
@@ -25,27 +26,7 @@ var RadioList = /** @class */ (function (_super) {
     RadioList.prototype.createEnumList = function (list) {
         var _a, _b;
         if (list.length) {
-            var valueMember_1 = (_a = this.props.radioList.valueMember, (_a !== null && _a !== void 0 ? _a : ""));
-            var displayMember_1 = (_b = this.props.radioList.displayMember, (_b !== null && _b !== void 0 ? _b : ""));
-            if (!displayMember_1) {
-                var neoTypeInfo = list[0].constructor.neo;
-                if (neoTypeInfo && neoTypeInfo.displayMember) {
-                    displayMember_1 = neoTypeInfo.displayMember.propertyName;
-                }
-            }
-            for (var propName in list[0]) {
-                if (valueMember_1 && displayMember_1)
-                    break;
-                var value = list[0][propName];
-                if (value !== undefined && value !== null) {
-                    if (!valueMember_1 && (typeof (value) === "number" || typeof (value) === "boolean")) {
-                        valueMember_1 = propName;
-                    }
-                    if (!displayMember_1 && typeof (value) === "string" && !propName.toLowerCase().endsWith("id") && propName !== "entityIdentifier") {
-                        displayMember_1 = propName;
-                    }
-                }
-            }
+            var _c = LookupHelper.findMembers(list[0], (_a = this.props.radioList.valueMember, (_a !== null && _a !== void 0 ? _a : "")), (_b = this.props.radioList.displayMember, (_b !== null && _b !== void 0 ? _b : "")), true), valueMember_1 = _c.valueMember, displayMember_1 = _c.displayMember;
             if (valueMember_1 && displayMember_1) {
                 this.items = list.map(function (item) { return ({ id: item[valueMember_1], name: item[displayMember_1] }); });
             }
@@ -63,9 +44,10 @@ var RadioList = /** @class */ (function (_super) {
         var bindValue = this.props.bind.value;
         var className = Utils.joinWithSpaces("neo-radio-list", (_a = splitProps.editorDom) === null || _a === void 0 ? void 0 : _a.className);
         return React.createElement("div", { className: className }, this.items.map(function (item) {
+            var _a, _b;
             return React.createElement("div", { className: "custom-control custom-radio " + (_this.props.radioList.inline ? "custom-control-inline" : "custom-control"), key: item.id },
-                React.createElement("input", { type: "radio", id: splitProps.uniqueID + item.id, name: splitProps.uniqueID, checked: bindValue === item.id, disabled: domProps.disabled || domProps.readOnly, onChange: function () { return _this.props.bind.value = item.id; }, className: "custom-control-input" }),
-                React.createElement("label", { className: "custom-control-label", htmlFor: splitProps.uniqueID + item.id }, item.name));
+                React.createElement("input", { type: "radio", id: splitProps.uniqueID + (_a = item.id, (_a !== null && _a !== void 0 ? _a : "")), name: splitProps.uniqueID, checked: bindValue === item.id, disabled: domProps.disabled || domProps.readOnly, onChange: function () { return _this.props.bind.value = item.id; }, className: "custom-control-input" }),
+                React.createElement("label", { className: "custom-control-label", htmlFor: splitProps.uniqueID + (_b = item.id, (_b !== null && _b !== void 0 ? _b : "")) }, item.name));
         }));
     };
     RadioList.contextType = FormContext;

package/dist/Routing/ViewParameter.d.ts

@@ -49,8 +49,8 @@ export declare class ViewParameter implements IViewParameter {
     description: string;
     asNullableInt(): number | null;
     asString(): string;
-    /** Sets the initial value, and returns true if the value changed. */
-    setInitial(value: string | null): boolean;
+    /** Updates the current value, and returns true if the value changed. */
+    update(value: string | null): boolean;
     getParamString(state: {
         hasQuery: boolean;
     }): string;

package/dist/Routing/ViewParameter.js

@@ -51,14 +51,13 @@ var ViewParameter = /** @class */ (function () {
     ViewParameter.prototype.asString = function () {
         return this._value || "";
     };
-    /** Sets the initial value, and returns true if the value changed. */
-    ViewParameter.prototype.setInitial = function (value) {
+    /** Updates the current value, and returns true if the value changed. */
+    ViewParameter.prototype.update = function (value) {
         if (value)
             value = decodeURIComponent(value);
         if (value != this._value) {
             this.hasPendingValue = false;
             this.pendingValue = value;
-            this.description = "";
             this._value = value;
             return true;
         }

package/dist/Routing/ViewParameterList.js

@@ -93,7 +93,7 @@ var ViewParameterList = /** @class */ (function () {
                 var value = match.params[param];
                 if (value === undefined)
                     value = null;
-                if (viewParam.setInitial(value))
+                if (viewParam.update(value))
                     hasChanged = true;
             }
         }
@@ -102,7 +102,7 @@ var ViewParameterList = /** @class */ (function () {
         for (var _i = 0, _a = this.params; _i < _a.length; _i++) {
             var viewParam = _a[_i];
             if (viewParam.routeParameter.isQuery) {
-                if (viewParam.setInitial(queryParams.get(viewParam.name)))
+                if (viewParam.update(queryParams.get(viewParam.name)))
                     hasChanged = true;
             }
         }
@@ -125,7 +125,7 @@ var ViewParameterList = /** @class */ (function () {
                 if (typeof value === "number") {
                     value = value.toString();
                 }
-                viewParam.setInitial(value);
+                viewParam.update(value);
             }
         }
         var state = { hasQuery: false };

package/dist/Views/ViewModelBase.js

@@ -73,14 +73,18 @@ var ViewModelBase = /** @class */ (function (_super) {
         for (var _i = 0; _i < arguments.length; _i++) {
             fns[_i] = arguments[_i];
         }
-        for (var _a = 0, fns_1 = fns; _a < fns_1.length; _a++) {
-            var fn = fns_1[_a];
-            if (fn.name) {
-                this[fn.name] = fn.bind(this);
-            }
-            else {
-                throw "Cannot bind a function without a name.";
+        var prototype = this.constructor.prototype;
+        var _loop_1 = function (key) {
+            if (key !== "constructor" && prototype[key] instanceof Function && !this_1.hasOwnProperty(key)) {
+                if (fns.find(function (f) { return f === prototype[key]; })) {
+                    this_1[key] = prototype[key].bind(this_1);
+                }
             }
+        };
+        var this_1 = this;
+        for (var _a = 0, _b = Object.getOwnPropertyNames(prototype); _a < _b.length; _a++) {
+            var key = _b[_a];
+            _loop_1(key);
         }
     };
     ViewModelBase.prototype.dispose = function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-react",
-  "version": "0.10.47",
+  "version": "0.10.49",
   "description": "React application logic and components for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -33,7 +33,7 @@
     "@types/rc-slider": "^8.6.5",
     "@types/react-color": "^3.0.1",
     "@types/react-select": "3.1.0",
-    "@singularsystems/neo-core": "^0.10.50",
+    "@singularsystems/neo-core": "^0.10.53",
     "axios": "^0.21.1",
     "decimal.js-light": "2.5.1",
     "history": "4.10.1",