@singularsystems/neo-react 0.10.64 → 0.10.66

package/dist/React/AutoRunner.js

@@ -19,12 +19,23 @@ var AutoRunner = /** @class */ (function () {
         var _this = this;
         this.isPaused = false;
         this.propertyMap = {};
-        this.options = (options !== null && options !== void 0 ? options : {});
-        this.disposerDelayed = reaction(function () { return _this.accessAllValues(model, true, new Map(), ""); }, function () { var _a; return _this.runCallback(model, callback, (_a = _this.options.delayMs, (_a !== null && _a !== void 0 ? _a : 500))); });
+        this.options = options !== null && options !== void 0 ? options : {};
+        this.disposerDelayed = reaction(function () { return _this.accessAllValues(model, true, new Map(), ""); }, function () { var _a; return _this.runCallback(model, callback, (_a = _this.options.delayMs) !== null && _a !== void 0 ? _a : 500); });
         this.disposerImmediate = reaction(function () { return _this.accessAllValues(model, false, new Map(), ""); }, function () { return _this.runCallback(model, callback, 0); });
     }
+    Object.defineProperty(AutoRunner.prototype, "hasPending", {
+        get: function () {
+            return DebounceHelper.hasPending(this);
+        },
+        enumerable: false,
+        configurable: true
+    });
     AutoRunner.prototype.cancelPending = function () {
-        DebounceHelper.cancelPending(this);
+        if (DebounceHelper.hasPending(this)) {
+            DebounceHelper.cancelPending(this);
+            return true;
+        }
+        return false;
     };
     AutoRunner.prototype.fireImmediate = function () {
         DebounceHelper.executeImmediate(this);
@@ -67,8 +78,8 @@ var AutoRunner = /** @class */ (function () {
                         var useDelay = this.propertyMap[key];
                         if (useDelay === undefined) {
                             // This needs to be calculated once, otherwise null -> string value changes cause properties to no longer be tracked.
-                            useDelay = (_a = propertyInfo.debounce, (_a !== null && _a !== void 0 ? _a : ([Misc.DataType.Int, Misc.DataType.Float].indexOf(propertyInfo.propertyType) >= 0 ||
-                                (typeof instance.meta[propertyInfo.propertyName].peek === "string"))));
+                            useDelay = (_a = propertyInfo.debounce) !== null && _a !== void 0 ? _a : ([Misc.DataType.Int, Misc.DataType.Float].indexOf(propertyInfo.propertyType) >= 0 ||
+                                (typeof instance.meta[propertyInfo.propertyName].peek === "string"));
                             this.propertyMap[key] = useDelay;
                         }
                         if (useDelay === delayed) {
@@ -83,7 +94,7 @@ var AutoRunner = /** @class */ (function () {
                         var index = 0;
                         for (var _c = 0, _d = instance[propertyInfo.propertyName]; _c < _d.length; _c++) {
                             var child = _d[_c];
-                            this.accessAllValues(child, delayed, trackedInstances, "" + path + propertyInfo.propertyName + "[" + index++ + "].");
+                            this.accessAllValues(child, delayed, trackedInstances, "".concat(path).concat(propertyInfo.propertyName, "[").concat(index++, "]."));
                         }
                     }
                 }

package/dist/ReactComponents/Button.js

@@ -1,4 +1,4 @@
-import { __decorate, __extends, __metadata, __rest, __spreadArrays } from "tslib";
+import { __decorate, __extends, __metadata, __rest, __spreadArray } from "tslib";
 import * as React from 'react';
 import ComponentBase from './ComponentBase';
 import { Components, Misc, Utils } from '@singularsystems/neo-core';
@@ -50,10 +50,10 @@ var Button = /** @class */ (function (_super) {
     };
     Button.prototype.render = function () {
         var _this = this;
-        var _a, _b;
-        var _c = this.props, isSubmit = _c.isSubmit, variant = _c.variant, size = _c.size, isOutline = _c.isOutline, icon = _c.icon, iconAlignment = _c.iconAlignment, text = _c.text, menuItems = _c.menuItems, splitMenu = _c.splitMenu, menuAlignment = _c.menuAlignment, buttonGroupClassName = _c.buttonGroupClassName, tooltip = _c.tooltip, task = _c.task, isBusy = _c.isBusy, pulse = _c.pulse, customVariant = _c.customVariant, native = __rest(_c, ["isSubmit", "variant", "size", "isOutline", "icon", "iconAlignment", "text", "menuItems", "splitMenu", "menuAlignment", "buttonGroupClassName", "tooltip", "task", "isBusy", "pulse", "customVariant"]);
+        var _a;
+        var _b = this.props, isSubmit = _b.isSubmit, variant = _b.variant, size = _b.size, isOutline = _b.isOutline, icon = _b.icon, iconAlignment = _b.iconAlignment, text = _b.text, menuItems = _b.menuItems, splitMenu = _b.splitMenu, menuAlignment = _b.menuAlignment, buttonGroupClassName = _b.buttonGroupClassName, tooltip = _b.tooltip, task = _b.task, isBusy = _b.isBusy, pulse = _b.pulse, customVariant = _b.customVariant, native = __rest(_b, ["isSubmit", "variant", "size", "isOutline", "icon", "iconAlignment", "text", "menuItems", "splitMenu", "menuAlignment", "buttonGroupClassName", "tooltip", "task", "isBusy", "pulse", "customVariant"]);
         native.type = isSubmit ? "submit" : "button";
-        var variantClassName = (_a = (customVariant !== null && customVariant !== void 0 ? customVariant : variant), (_a !== null && _a !== void 0 ? _a : "primary"));
+        var variantClassName = ((_a = customVariant !== null && customVariant !== void 0 ? customVariant : variant) !== null && _a !== void 0 ? _a : "primary");
         var isDropDown = menuItems && menuItems.length;
         var buttonClasses = "btn btn-" + (isOutline ? "outline-" : "") + variantClassName;
         if (size)
@@ -66,14 +66,14 @@ var Button = /** @class */ (function (_super) {
         if (isBusy !== undefined || task !== undefined) {
             iconStyle = { fixedWidth: true };
         }
-        if (isBusy || ((_b = task) === null || _b === void 0 ? void 0 : _b.isBusy)) {
+        if (isBusy || (task === null || task === void 0 ? void 0 : task.isBusy)) {
             iconStyle.fixedWidth = true;
             iconStyle.spin = true;
             icon = Misc.Settings.icons.loadingIcon;
             native.disabled = true;
         }
         if (pulse) {
-            buttonClasses += " " + variantClassName + "-color-pulse";
+            buttonClasses += " ".concat(variantClassName, "-color-pulse");
         }
         native.className = (native.className || "") + " " + buttonClasses;
         // Button text
@@ -98,7 +98,7 @@ var Button = /** @class */ (function (_super) {
         }
         if (icon && iconAlignment === "right")
             buttonChildren.push(iconSpace, iconElement);
-        var mainButton = React.createElement.apply(React, __spreadArrays(["button", native], buttonChildren));
+        var mainButton = React.createElement.apply(React, __spreadArray(["button", native], buttonChildren, false));
         var buttonGroupClasses = "btn-group";
         // add custom css classes to the button group if applicable
         if (buttonGroupClassName) {

package/dist/ReactComponents/Card.js

@@ -17,9 +17,9 @@ var Card = /** @class */ (function (_super) {
         var _a = this.props, icon = _a.icon, title = _a.title, children = _a.children, headerElements = _a.headerElements, useCustomScrollbar = _a.useCustomScrollbar, collapsible = _a.collapsible, initiallyCollapsed = _a.initiallyCollapsed, isExpanded = _a.isExpanded, domProps = __rest(_a, ["icon", "title", "children", "headerElements", "useCustomScrollbar", "collapsible", "initiallyCollapsed", "isExpanded"]);
         var className = Utils.joinWithSpaces("neo-card card", domProps.className);
         var isCollapsible = collapsible || isExpanded !== undefined || initiallyCollapsed !== undefined;
-        var expandState = (isExpanded !== null && isExpanded !== void 0 ? isExpanded : this.expandState);
+        var expandState = isExpanded !== null && isExpanded !== void 0 ? isExpanded : this.expandState;
         if (isCollapsible) {
-            var expandIndicator = React.createElement("i", { onClick: function (e) { return expandState.value = !expandState.value; }, className: "card-expand-indicator fa fa-fw fa-angle-" + (expandState.value ? "up" : "down") });
+            var expandIndicator = React.createElement("i", { onClick: function (e) { return expandState.value = !expandState.value; }, className: "card-expand-indicator fa fa-fw fa-angle-".concat(expandState.value ? "up" : "down") });
             if (headerElements) {
                 headerElements = React.createElement(React.Fragment, null,
                     headerElements,

package/dist/ReactComponents/DropDown/AutoCompleteDropDown.js

@@ -17,7 +17,7 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
         _this.selectImplementation = Misc.Globals.appService.get(NeoReactTypes.Components.ReactSelect);
         _this.onKeyPress = _this.onKeyPress.bind(_this);
         _this.onItemSelected = _this.onItemSelected.bind(_this);
-        _this.bindProperty = (_a = _this.props.bind, (_a !== null && _a !== void 0 ? _a : _this.props.bindItems));
+        _this.bindProperty = (_a = _this.props.bind) !== null && _a !== void 0 ? _a : _this.props.bindItems;
         _this.fieldInfoContainer = Model.ModelFieldInfo.asModelFieldInfoContainer(_this.bindProperty.attachedTo);
         if (_this.props.bindIds) {
             if (_this.props.bindIds.propertyInfo) {
@@ -36,12 +36,12 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
     }
     AutoCompleteDropDown.getBindProp = function (props) {
         var _a;
-        return _a = props.bind, (_a !== null && _a !== void 0 ? _a : props.bindItems);
+        return (_a = props.bind) !== null && _a !== void 0 ? _a : props.bindItems;
     };
     AutoCompleteDropDown.prototype.onKeyPress = function (searchValue, dataReceived) {
         var _this = this;
         var _a, _b;
-        if (searchValue && searchValue.length >= (_a = this.props.minCharacters, (_a !== null && _a !== void 0 ? _a : 1))) {
+        if (searchValue && searchValue.length >= ((_a = this.props.minCharacters) !== null && _a !== void 0 ? _a : 1)) {
             Utils.debounce(this, function () {
                 _this.props.itemSource(searchValue).then(function (list) {
                     var items;
@@ -53,7 +53,7 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
                     }
                     dataReceived(_this.mapTArrayToOptions(items));
                 });
-            }, (_b = this.props.delayMs, (_b !== null && _b !== void 0 ? _b : 500)));
+            }, (_b = this.props.delayMs) !== null && _b !== void 0 ? _b : 500);
         }
         else {
             dataReceived([]);
@@ -119,18 +119,18 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
     };
     AutoCompleteDropDown.prototype.render = function () {
         var _this = this;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        var _m = this.props, bind = _m.bind, bindDisplay = _m.bindDisplay, bindItems = _m.bindItems, bindIds = _m.bindIds, itemSource = _m.itemSource, items = _m.items, displayMember = _m.displayMember, valueMember = _m.valueMember, descriptionMember = _m.descriptionMember, option = _m.option, noRecordsPrompt = _m.noRecordsPrompt, typeToSearchPrompt = _m.typeToSearchPrompt, delayMs = _m.delayMs, minCharacters = _m.minCharacters, onItemSelected = _m.onItemSelected, fieldInfoLimit = _m.fieldInfoLimit, otherProps = __rest(_m, ["bind", "bindDisplay", "bindItems", "bindIds", "itemSource", "items", "displayMember", "valueMember", "descriptionMember", "option", "noRecordsPrompt", "typeToSearchPrompt", "delayMs", "minCharacters", "onItemSelected", "fieldInfoLimit"]);
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _j = this.props, bind = _j.bind, bindDisplay = _j.bindDisplay, bindItems = _j.bindItems, bindIds = _j.bindIds, itemSource = _j.itemSource, items = _j.items, displayMember = _j.displayMember, valueMember = _j.valueMember, descriptionMember = _j.descriptionMember, option = _j.option, noRecordsPrompt = _j.noRecordsPrompt, typeToSearchPrompt = _j.typeToSearchPrompt, delayMs = _j.delayMs, minCharacters = _j.minCharacters, onItemSelected = _j.onItemSelected, fieldInfoLimit = _j.fieldInfoLimit, otherProps = __rest(_j, ["bind", "bindDisplay", "bindItems", "bindIds", "itemSource", "items", "displayMember", "valueMember", "descriptionMember", "option", "noRecordsPrompt", "typeToSearchPrompt", "delayMs", "minCharacters", "onItemSelected", "fieldInfoLimit"]);
         var splitProps = BindPropsHelper.splitCommonEditorProps(otherProps);
         var nativeProps = splitProps.rest;
         var bindItemsProperty = bindItems;
-        var itemList = (_a = bindItemsProperty) === null || _a === void 0 ? void 0 : _a.value;
+        var itemList = bindItemsProperty === null || bindItemsProperty === void 0 ? void 0 : bindItemsProperty.value;
         var bindValue = bind;
         var bindDisplayProperty = bindDisplay;
         var displayInfo = this.bindProperty.validator.getDisplayState(this.context.validationDisplayMode);
         displayInfo.applyToDom(nativeProps, this.context.parentType !== EditorParentType.FormGroup);
-        this.displayMember = (_b = this.props.displayMember, (_b !== null && _b !== void 0 ? _b : ""));
-        this.valueMember = (_c = this.props.valueMember, (_c !== null && _c !== void 0 ? _c : ""));
+        this.displayMember = (_a = this.props.displayMember) !== null && _a !== void 0 ? _a : "";
+        this.valueMember = (_b = this.props.valueMember) !== null && _b !== void 0 ? _b : "";
         var defaultItems = undefined;
         if (this.props.items) {
             var items_1 = this.getItems(this.props.items);
@@ -149,8 +149,8 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
             value = itemList.map(function (c) { return ({ value: c.id, label: c.display }); });
             if (this.fieldInfoContainer && this.bindIdsProperty) {
                 var itemListString = "";
-                if (value.length > ((fieldInfoLimit !== null && fieldInfoLimit !== void 0 ? fieldInfoLimit : 5))) {
-                    itemListString = value.length + " items selected";
+                if (value.length > (fieldInfoLimit !== null && fieldInfoLimit !== void 0 ? fieldInfoLimit : 5)) {
+                    itemListString = "".concat(value.length, " items selected");
                 }
                 else if (value.length > 0) {
                     itemListString = value.map(function (c) { return c.label; }).join(", ");
@@ -160,10 +160,10 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
         }
         else {
             if (bindValue.value !== null) {
-                var displayValue = (_d = bindDisplayProperty) === null || _d === void 0 ? void 0 : _d.value;
+                var displayValue = bindDisplayProperty === null || bindDisplayProperty === void 0 ? void 0 : bindDisplayProperty.value;
                 if (!bindDisplayProperty) {
                     if (defaultItems) {
-                        displayValue = (_f = (_e = defaultItems.find(function (c) { return c.value === bindValue.value; })) === null || _e === void 0 ? void 0 : _e.label, (_f !== null && _f !== void 0 ? _f : ""));
+                        displayValue = (_d = (_c = defaultItems.find(function (c) { return c.value === bindValue.value; })) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : "";
                     }
                     else {
                         throw "bindDisplay is required when the items prop is not set.";
@@ -171,9 +171,9 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
                 }
                 value = { value: bindValue.value, label: displayValue };
             }
-            this.setFieldInfo(bindValue, (_h = (_g = value) === null || _g === void 0 ? void 0 : _g.label, (_h !== null && _h !== void 0 ? _h : "")));
+            this.setFieldInfo(bindValue, (_e = value === null || value === void 0 ? void 0 : value.label) !== null && _e !== void 0 ? _e : "");
         }
-        var components = (_j = nativeProps.components, (_j !== null && _j !== void 0 ? _j : {}));
+        var components = (_f = nativeProps.components) !== null && _f !== void 0 ? _f : {};
         if (this.props.option) {
             components.Option = this.getOption(this.props.option);
         }
@@ -203,10 +203,10 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
             }
         };
         if (this.props.itemSource !== undefined) {
-            return Tooltip.fromDataAttributes(InputHelpers.surroundWithInputGroup(React.createElement(this.asyncSelectImplementation, __assign({}, nativeProps, { placeholder: (_k = this.props.placeholder, (_k !== null && _k !== void 0 ? _k : "")), classNamePrefix: "react-select-bs", defaultOptions: defaultItems, loadOptions: this.onKeyPress, isMulti: bindItems !== undefined, noOptionsMessage: function (c) { var _a, _b; return c.inputValue && c.inputValue.length >= ((minCharacters !== null && minCharacters !== void 0 ? minCharacters : 1)) ? (_a = _this.props.noRecordsPrompt, (_a !== null && _a !== void 0 ? _a : "No records found")) : (_b = _this.props.typeToSearchPrompt, (_b !== null && _b !== void 0 ? _b : "Type to search...")); }, value: value, onChange: this.onItemSelected, components: components })), splitProps.editor), nativeProps);
+            return Tooltip.fromDataAttributes(InputHelpers.surroundWithInputGroup(React.createElement(this.asyncSelectImplementation, __assign({}, nativeProps, { placeholder: (_g = this.props.placeholder) !== null && _g !== void 0 ? _g : "", classNamePrefix: "react-select-bs", defaultOptions: defaultItems, loadOptions: this.onKeyPress, isMulti: bindItems !== undefined, noOptionsMessage: function (c) { var _a, _b; return c.inputValue && c.inputValue.length >= (minCharacters !== null && minCharacters !== void 0 ? minCharacters : 1) ? ((_a = _this.props.noRecordsPrompt) !== null && _a !== void 0 ? _a : "No records found") : ((_b = _this.props.typeToSearchPrompt) !== null && _b !== void 0 ? _b : "Type to search..."); }, value: value, onChange: this.onItemSelected, components: components })), splitProps.editor), nativeProps);
         }
         else {
-            return Tooltip.fromDataAttributes(InputHelpers.surroundWithInputGroup(React.createElement(this.selectImplementation, __assign({}, nativeProps, { placeholder: (_l = this.props.placeholder, (_l !== null && _l !== void 0 ? _l : "")), classNamePrefix: "react-select-bs", options: defaultItems, isLoading: this.isLoading, isMulti: bindItems !== undefined, noOptionsMessage: function (c) { var _a; return _a = _this.props.noRecordsPrompt, (_a !== null && _a !== void 0 ? _a : "No records found"); }, value: value, onChange: this.onItemSelected, components: components })), splitProps.editor), nativeProps);
+            return Tooltip.fromDataAttributes(InputHelpers.surroundWithInputGroup(React.createElement(this.selectImplementation, __assign({}, nativeProps, { placeholder: (_h = this.props.placeholder) !== null && _h !== void 0 ? _h : "", classNamePrefix: "react-select-bs", options: defaultItems, isLoading: this.isLoading, isMulti: bindItems !== undefined, noOptionsMessage: function (c) { var _a; return (_a = _this.props.noRecordsPrompt) !== null && _a !== void 0 ? _a : "No records found"; }, value: value, onChange: this.onItemSelected, components: components })), splitProps.editor), nativeProps);
         }
     };
     AutoCompleteDropDown.prototype.getOption = function (content, additionalClass) {

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

@@ -26,6 +26,8 @@ export interface IDropDownSpecificProps<T> {
     nullText?: string;
     /** Text to display as the first item in the drop down list when the user is allowed to select a blank item. */
     deSelectText?: string;
+    /** Set to true if the property should be sorted by value instead of display text. */
+    sortByValue?: boolean;
 }
 export interface IDropDownProps<T> extends IBindableEditorProps<HTMLSelectElement> {
     select: IDropDownSpecificProps<T>;
@@ -34,6 +36,7 @@ export default class DropDown<T> extends DropDownBase<T, IDropDownProps<T>> {
     static contextType: React.Context<import("../FormContext").FormContextParams>;
     context: React.ContextType<typeof FormContext>;
     private selectedItem;
+    private sortByValue?;
     private listIndexSymbol;
     constructor(props: IDropDownProps<T>);
     private get items();

package/dist/ReactComponents/DropDown/DropDown.js

@@ -19,7 +19,7 @@ var DropDown = /** @class */ (function (_super) {
         get: function () {
             var _this = this;
             var _a;
-            var items = this.getItems((_a = this.props.select.items, (_a !== null && _a !== void 0 ? _a : this.props.select.itemSource)));
+            var items = this.getItems((_a = this.props.select.items) !== null && _a !== void 0 ? _a : this.props.select.itemSource);
             if (items && items.length > 0) {
                 var item = items[0];
                 this.findMembers(item);
@@ -31,7 +31,7 @@ var DropDown = /** @class */ (function (_super) {
                 return items;
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     DropDown.prototype.createLookupIndex = function (list) {
@@ -41,7 +41,9 @@ var DropDown = /** @class */ (function (_super) {
         list.forEach(function (item) { return index[item[_this.valueMember]] = item; });
     };
     DropDown.prototype.getSelectedOption = function (value) {
-        this.props.bind.propertyInfo.hasSortValue = true;
+        if (!this.sortByValue) {
+            this.props.bind.propertyInfo.hasSortValue = true;
+        }
         if (!this.selectedItem || this.selectedItem[this.valueMember] != value) {
             var list = this.items;
             var indexJustCreated = false;
@@ -61,7 +63,9 @@ var DropDown = /** @class */ (function (_super) {
                 this.selectedItem[this.displayMember] = "";
                 this.selectedItem[this.valueMember] = null;
             }
-            this.setFieldInfo(this.props.bind, this.selectedItem[this.displayMember]);
+            var displayValue = this.selectedItem[this.displayMember];
+            this.setFieldInfo(this.props.bind, displayValue);
+            this.props.bind.sortValue = this.sortByValue ? value : displayValue;
         }
         return this.selectedItem;
     };
@@ -81,10 +85,11 @@ var DropDown = /** @class */ (function (_super) {
     };
     DropDown.prototype.render = function () {
         var _this = this;
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         var splitProps = BindPropsHelper.normaliseEditorProps(this, this.props);
         var domProps = BindPropsHelper.autoSetDomProperties(splitProps, this.context);
         domProps.className = Utils.joinWithSpaces(domProps.className, splitProps.isBootstrap ? "form-control" : "neo-forms-editor");
+        this.sortByValue = (_a = splitProps.select) === null || _a === void 0 ? void 0 : _a.sortByValue;
         if (splitProps.select) {
             if (splitProps.select.valueMember)
                 this.valueMember = splitProps.select.valueMember;
@@ -96,7 +101,7 @@ var DropDown = /** @class */ (function (_super) {
         var items = this.items;
         var selectedItem = this.getSelectedOption(this.props.bind.value); // This sets the sort value to allow sorting of drop downs in grids. 
         var value = this.props.bind.value;
-        var addBlankItem = (_b = (_a = splitProps.select) === null || _a === void 0 ? void 0 : _a.allowNulls, (_b !== null && _b !== void 0 ? _b : this.props.bind.propertyInfo.allowNulls)) || !value;
+        var addBlankItem = ((_c = (_b = splitProps.select) === null || _b === void 0 ? void 0 : _b.allowNulls) !== null && _c !== void 0 ? _c : this.props.bind.propertyInfo.allowNulls) || !value;
         if (addBlankItem && items.find(function (item) { return item[_this.valueMember] === null || item[_this.valueMember] === ""; })) {
             // If there is an item with a null value, don't add a blank drop down item.
             addBlankItem = false;
@@ -106,7 +111,7 @@ var DropDown = /** @class */ (function (_super) {
             control = React.createElement("div", { className: "form-control form-control-loading" },
                 React.createElement("div", { className: "spinner-border" }));
         }
-        else if ((_c = splitProps.select) === null || _c === void 0 ? void 0 : _c.renderAsText) {
+        else if ((_d = splitProps.select) === null || _d === void 0 ? void 0 : _d.renderAsText) {
             control = React.createElement("span", null, selectedItem ? selectedItem[this.displayMember] : "");
         }
         else if (splitProps.editor.isReadOnly) {
@@ -117,7 +122,7 @@ var DropDown = /** @class */ (function (_super) {
                 domProps.disabled = true;
             }
             var valueIsBlank = value === undefined || value === null;
-            var nullText = (valueIsBlank || ((_d = splitProps.select) === null || _d === void 0 ? void 0 : _d.deSelectText) === undefined) ? (_e = splitProps.select) === null || _e === void 0 ? void 0 : _e.nullText : (_f = splitProps.select) === null || _f === void 0 ? void 0 : _f.deSelectText;
+            var nullText = (valueIsBlank || ((_e = splitProps.select) === null || _e === void 0 ? void 0 : _e.deSelectText) === undefined) ? (_f = splitProps.select) === null || _f === void 0 ? void 0 : _f.nullText : (_g = splitProps.select) === null || _g === void 0 ? void 0 : _g.deSelectText;
             if (valueIsBlank) {
                 domProps.className = Utils.joinWithSpaces(domProps.className, "select-no-value");
             }

package/dist/ReactComponents/ErrorHandler.js

@@ -56,7 +56,7 @@ var ErrorHandler = /** @class */ (function (_super) {
             };
             ModalUtils.showModal(errorDisplay.header, React.createElement(Observer, null, function () {
                 var _a;
-                return (_a = _this.hidingErrorList, (_a !== null && _a !== void 0 ? _a : _this.errorList)).map(function (errorGroup, index) { return (React.createElement("div", { key: index, className: "neo-error-modal-body" },
+                return ((_a = _this.hidingErrorList) !== null && _a !== void 0 ? _a : _this.errorList).map(function (errorGroup, index) { return (React.createElement("div", { key: index, className: "neo-error-modal-body" },
                     React.createElement("div", { className: "neo-error-modal-body-icon" }, errorGroup.count === 1 ?
                         React.createElement("i", { className: _this.getIcon(errorGroup.errorDisplay) }) :
                         React.createElement("span", { className: "badge badge-danger" }, errorGroup.count)),

package/dist/ReactComponents/FileManager/FileBasicInput.js

@@ -29,7 +29,7 @@ var FileBasicInput = /** @class */ (function (_super) {
                         _c.sent();
                         return [3 /*break*/, 4];
                     case 3:
-                        input = (_a = e.target, (_a !== null && _a !== void 0 ? _a : (_b = this.props.inputRef) === null || _b === void 0 ? void 0 : _b.current));
+                        input = (_a = e.target) !== null && _a !== void 0 ? _a : (_b = this.props.inputRef) === null || _b === void 0 ? void 0 : _b.current;
                         if (input) {
                             input.value = "";
                         }

package/dist/ReactComponents/FileManager/FileInput.js

@@ -1,4 +1,4 @@
-import { __assign, __awaiter, __decorate, __extends, __generator, __metadata, __spreadArrays } from "tslib";
+import { __assign, __awaiter, __decorate, __extends, __generator, __metadata, __spreadArray } from "tslib";
 import * as React from 'react';
 import { Components, Utils, Misc, Validation } from '@singularsystems/neo-core';
 import { observer } from 'mobx-react';
@@ -136,7 +136,7 @@ var FileInput = /** @class */ (function (_super) {
         var append = null;
         if (editorProps.isReadOnly !== true) {
             var buttonOptions = Utils.populatePartialWithDefaults(Utils.populatePartialWithDefaults(__assign({}, props.browseButton), Misc.Settings.fileManager.fileEditorButton), { text: "Options", variant: "dark" });
-            buttonOptions.menuItems = buttonOptions.menuItems ? __spreadArrays(buttonOptions.menuItems) : [];
+            buttonOptions.menuItems = buttonOptions.menuItems ? __spreadArray([], buttonOptions.menuItems, true) : [];
             buttonOptions.menuItems.splice(0, 0, { text: props.changeFileText || "Change file", onClick: function () { return _this.fileManager.showFileDialog(); } }, { text: "Unlink file", onClick: function () { return _this.fileManager.clearFile(); } });
             append = React.createElement("div", { className: "input-group-append" },
                 React.createElement(Button, __assign({}, buttonOptions)));

package/dist/ReactComponents/Form.d.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
 import { Components, Model } from '@singularsystems/neo-core';
-import { ItemCallback } from './PropTypes';
 export interface IFormProps<T extends Model.IModelBase> extends React.FormHTMLAttributes<HTMLElement>, Components.IFormOptions<T> {
     /**
      * Called when the form is submitted, but the model is not valid.
      * The justValidated parameter will be true if the validationDisplayMode is 'AfterSubmit', and this is the first submit attempt.
      */
     onInvalid?: (e: React.FormEvent, justValidated?: boolean) => void;
-    children: React.ReactNode | React.ReactNode[] | ItemCallback<T>;
+    children: React.ReactNode | React.ReactNode[] | ((item: T, meta: Model.TransformMetaType<T>) => React.ReactNode);
 }
 export default class Form<T extends Model.IModelBase> extends React.Component<IFormProps<T>> {
     private reactionDisposer?;

package/dist/ReactComponents/Form.js

@@ -80,7 +80,7 @@ var Form = /** @class */ (function (_super) {
             }
         }
         return (React.createElement("form", __assign({}, native, { onSubmit: function (e) { return _this.onSubmit(e, formModel); } }),
-            React.createElement(FormContextProvider, { validationDisplayMode: (validationDisplayMode !== null && validationDisplayMode !== void 0 ? validationDisplayMode : Misc.Settings.form.validationDisplayMode), allReadOnly: allReadOnly, allDisabled: allDisabled }, (this.props.children instanceof Function) ? this.props.children(model, model.meta) : this.props.children)));
+            React.createElement(FormContextProvider, { validationDisplayMode: validationDisplayMode !== null && validationDisplayMode !== void 0 ? validationDisplayMode : Misc.Settings.form.validationDisplayMode, allReadOnly: allReadOnly, allDisabled: allDisabled }, (this.props.children instanceof Function) ? this.props.children(model, model.meta) : this.props.children)));
     };
     Form = __decorate([
         observer

package/dist/ReactComponents/FormGroup/FormGroup.js

@@ -42,7 +42,7 @@ var FormGroupBase = /** @class */ (function (_super) {
             }
         }
         var label;
-        if (!(_a = this.context.suppressLabels, (_a !== null && _a !== void 0 ? _a : suppressLabel))) {
+        if (!((_a = this.context.suppressLabels) !== null && _a !== void 0 ? _a : suppressLabel)) {
             label = React.createElement("label", __assign({}, labelProps, { htmlFor: allProps.uniqueID, className: labelClassName }),
                 labelText,
                 " ");

package/dist/ReactComponents/Grid/ButtonColumn.js

@@ -23,7 +23,7 @@ var ButtonColumn = /** @class */ (function (_super) {
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
-                        item = (_a = this.props.item, (_a !== null && _a !== void 0 ? _a : this.item));
+                        item = (_a = this.props.item) !== null && _a !== void 0 ? _a : this.item;
                         if (!(item.isNew === false && ((_b = this.props.deleteButton) === null || _b === void 0 ? void 0 : _b.onDeleteExisting) !== undefined)) return [3 /*break*/, 2];
                         return [4 /*yield*/, this.props.deleteButton.onDeleteExisting(item)];
                     case 1:

package/dist/ReactComponents/Grid/Column.js

@@ -88,15 +88,14 @@ var Column = /** @class */ (function (_super) {
             this.stateObserver.dispose();
     };
     Column.prototype.render = function () {
-        var _a;
         this.onRender();
         var allProps = BindPropsHelper.normaliseContainerProps(this, this.props, false);
-        var _b = allProps.containerDom, width = _b.width, hideBelow = _b.hideBelow, hideAbove = _b.hideAbove, headerTooltip = _b.headerTooltip, cellTooltip = _b.cellTooltip, alignment = _b.alignment, sort = _b.sort, sum = _b.sum, footerContent = _b.footerContent, headerClassName = _b.headerClassName, cellClassName = _b.cellClassName, onHeaderClick = _b.onHeaderClick, domProps = __rest(_b, ["width", "hideBelow", "hideAbove", "headerTooltip", "cellTooltip", "alignment", "sort", "sum", "footerContent", "headerClassName", "cellClassName", "onHeaderClick"]);
+        var _a = allProps.containerDom, width = _a.width, hideBelow = _a.hideBelow, hideAbove = _a.hideAbove, headerTooltip = _a.headerTooltip, cellTooltip = _a.cellTooltip, alignment = _a.alignment, sort = _a.sort, sum = _a.sum, footerContent = _a.footerContent, headerClassName = _a.headerClassName, cellClassName = _a.cellClassName, onHeaderClick = _a.onHeaderClick, domProps = __rest(_a, ["width", "hideBelow", "hideAbove", "headerTooltip", "cellTooltip", "alignment", "sort", "sum", "footerContent", "headerClassName", "cellClassName", "onHeaderClick"]);
         if (allProps.bind !== undefined) {
             if (!this.controlType || this.isHeader) {
                 this.controlType = BindPropsHelper.getControlType(allProps);
                 var items = this.context.dataView.rawItems;
-                this.checkboxType = BindPropsHelper.getCheckBoxType(allProps, this.isHeader && ((_a = items) === null || _a === void 0 ? void 0 : _a.length) && items[0]);
+                this.checkboxType = BindPropsHelper.getCheckBoxType(allProps, this.isHeader && (items === null || items === void 0 ? void 0 : items.length) && items[0]);
                 if (this.isHeader) {
                     // Prevent sorting if the bind property is not on the root object. E.g. item.child.meta.property
                     this.suppressSort = items.length === 0 || items[0].meta[allProps.bind.propertyInfo.propertyName] === undefined;

package/dist/ReactComponents/Grid/ColumnHelper.d.ts

@@ -8,5 +8,5 @@ export interface INeoCommonColumnProps {
     alignment?: "left" | "center" | "right";
 }
 export declare class ColumnHelper {
-    static addCommonClasses(className: string, props: INeoCommonColumnProps): string;
+    static addCommonClasses(className: string | undefined, props: INeoCommonColumnProps): string | undefined;
 }

package/dist/ReactComponents/Grid/ColumnHelper.js

@@ -4,13 +4,13 @@ var ColumnHelper = /** @class */ (function () {
     }
     ColumnHelper.addCommonClasses = function (className, props) {
         if (props.hideBelow) {
-            className = Utils.joinWithSpaces(className, "d-none d-" + props.hideBelow + "-table-cell");
+            className = Utils.joinWithSpaces(className, "d-none d-".concat(props.hideBelow, "-table-cell"));
         }
         if (props.hideAbove) {
-            className = Utils.joinWithSpaces(className, "d-table-cell d-" + props.hideAbove + "-none");
+            className = Utils.joinWithSpaces(className, "d-table-cell d-".concat(props.hideAbove, "-none"));
         }
         if (props.alignment) {
-            className = Utils.joinWithSpaces(className, "col-align-" + props.alignment);
+            className = Utils.joinWithSpaces(className, "col-align-".concat(props.alignment));
         }
         return className;
     };

package/dist/ReactComponents/Grid/Grid.d.ts

@@ -11,6 +11,7 @@ export declare class GridContextParams<T> {
     inFirstRowInGroup: boolean;
     columnCount: number;
     expandProperty?: Model.IPropertyInstance<boolean | null>;
+    hideExpandButton?: boolean;
     expandAll?: boolean;
     hasSummaries: boolean;
     dataView: Data.DataViewBase<T>;

package/dist/ReactComponents/Grid/Grid.js

@@ -16,7 +16,7 @@ var GridContextParams = /** @class */ (function () {
         get: function () {
             return this.section === "body";
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     return GridContextParams;
@@ -34,7 +34,7 @@ var Grid = /** @class */ (function (_super) {
     }
     Grid.prototype.componentDidMount = function () {
         var _a, _b;
-        if (this.domRef.current && (_a = this.props.stickyHeader, (_a !== null && _a !== void 0 ? _a : Misc.Settings.grid.useStickyHeaders))) {
+        if (this.domRef.current && ((_a = this.props.stickyHeader) !== null && _a !== void 0 ? _a : Misc.Settings.grid.useStickyHeaders)) {
             this.stickyHeaderHelper = new StickyTableHeader(this.domRef.current, (_b = Misc.Settings.fixedAppHeaderElement) === null || _b === void 0 ? void 0 : _b.call(undefined));
         }
     };
@@ -57,23 +57,23 @@ var Grid = /** @class */ (function (_super) {
         }
         var className = Utils.joinWithSpaces(domProps.className, "table neo-grid");
         // apply bordered styling
-        if ((isBordered !== null && isBordered !== void 0 ? isBordered : Misc.Settings.grid.isBordered)) {
+        if (isBordered !== null && isBordered !== void 0 ? isBordered : Misc.Settings.grid.isBordered) {
             className += " table-bordered";
         }
         // apply striped styling
-        if ((isStriped !== null && isStriped !== void 0 ? isStriped : Misc.Settings.grid.isStriped)) {
+        if (isStriped !== null && isStriped !== void 0 ? isStriped : Misc.Settings.grid.isStriped) {
             className += " table-striped";
         }
         // apply borderless styling
-        if ((isBorderless !== null && isBorderless !== void 0 ? isBorderless : Misc.Settings.grid.isBorderless)) {
+        if (isBorderless !== null && isBorderless !== void 0 ? isBorderless : Misc.Settings.grid.isBorderless) {
             className += " table-borderless";
         }
         // apply hover styling
-        if ((showHover !== null && showHover !== void 0 ? showHover : Misc.Settings.grid.showHover)) {
+        if (showHover !== null && showHover !== void 0 ? showHover : Misc.Settings.grid.showHover) {
             className += " table-hover";
         }
         // use small table sizing
-        if ((isSmallTable !== null && isSmallTable !== void 0 ? isSmallTable : Misc.Settings.grid.isSmallTable)) {
+        if (isSmallTable !== null && isSmallTable !== void 0 ? isSmallTable : Misc.Settings.grid.isSmallTable) {
             className += " table-sm";
         }
         if (!this.gridContext.dataView || items !== this.prevItems) {
@@ -101,11 +101,11 @@ var Grid = /** @class */ (function (_super) {
         }
         return (React.createElement("table", __assign({}, domProps, { className: className, ref: this.domRef }),
             React.createElement(GridContext.Provider, { value: this.gridContext },
-                React.createElement(TableSection, { type: "header" }, this.headerItem && this.props.children(this.headerItem, this.headerItem.meta)),
+                React.createElement(TableSection, { type: "header" }, this.headerItem && this.props.children(this.headerItem, this.headerItem.meta, true)),
                 React.createElement(TableSection, { type: "body" }, this.gridContext.dataView.getItems().map(function (item) { return (React.createElement(ItemGroup, { item: item, key: keyProperty ? item[keyProperty] : item.entityIdentifier, template: _this.props.children })); })),
                 React.createElement(Observer, null, function () { return (showAddButton || addButton || footerButtons || _this.gridContext.hasSummaries || footerContent !== undefined) &&
                     React.createElement(TableSection, { type: "footer" },
-                        _this.gridContext.hasSummaries && _this.headerItem && _this.props.children(_this.headerItem, _this.headerItem.meta),
+                        _this.gridContext.hasSummaries && _this.headerItem && _this.props.children(_this.headerItem, _this.headerItem.meta, true),
                         footerContent !== undefined && footerContent(_this.gridContext.dataView.getItems()),
                         (showAddButton || addButton || footerButtons) &&
                             React.createElement(AddButtonRow, { addButton: addButton, showAddButton: showAddButton, additionalContent: footerButtons })); }))));
@@ -118,7 +118,7 @@ var Grid = /** @class */ (function (_super) {
             var sortAsc_1;
             if (initialSort instanceof Array) {
                 sortColumns = initialSort;
-                sortAsc_1 = ((initialSortAscending !== null && initialSortAscending !== void 0 ? initialSortAscending : []));
+                sortAsc_1 = (initialSortAscending !== null && initialSortAscending !== void 0 ? initialSortAscending : []);
             }
             else {
                 sortColumns = [initialSort];
@@ -176,7 +176,7 @@ var AddButtonRow = /** @class */ (function (_super) {
             setTimeout(function () {
                 if (_this.domRef.current) {
                     var tableParent = _this.domRef.current.parentElement.parentElement;
-                    var firstElement = tableParent.querySelector("[id^=\"" + entityIdentifier + "\"]");
+                    var firstElement = tableParent.querySelector("[id^=\"".concat(entityIdentifier, "\"]"));
                     if (firstElement && firstElement.focus) {
                         firstElement.focus();
                     }
@@ -206,7 +206,7 @@ var ItemGroup = /** @class */ (function (_super) {
     ItemGroup.prototype.render = function () {
         this.context.currentItem = this.props.item;
         //this.context.inFirstRowInGroup = true;
-        return (this.props.template(this.props.item, this.props.item.meta));
+        return (this.props.template(this.props.item, this.props.item.meta, false));
     };
     ItemGroup.contextType = GridContext;
     ItemGroup = __decorate([

package/dist/ReactComponents/Grid/Row.d.ts

@@ -71,6 +71,10 @@ interface INeoRowGroupProps {
      * To hide the expand button, return null.
      */
     expandProperty?: Model.IPropertyInstance<boolean | null>;
+    /**
+     * Hides the expansion button on this row.
+     */
+    hideExpandButton?: boolean;
 }
 export declare class RowGroup extends React.Component<INeoRowGroupProps> {
     static contextType: React.Context<import("./Grid").GridContextParams<unknown>>;

package/dist/ReactComponents/Grid/Row.js

@@ -75,7 +75,7 @@ var Row = /** @class */ (function (_super) {
         var output = ((this.props.showInHeader || inBody) &&
             React.createElement("tr", __assign({}, domProps),
                 this.expandProperty && this.context.expandAll === undefined &&
-                    React.createElement(Column, { className: "neo-grid-expand-column" }, this.firstRowInGroup && inBody && this.expandProperty.value !== null &&
+                    React.createElement(Column, { className: "neo-grid-expand-column" }, this.firstRowInGroup && inBody && this.context.hideExpandButton !== true && this.expandProperty.value !== null &&
                         React.createElement(NeoButton, __assign({}, expandButtonOptions))),
                 this.props.children));
         this.setGridContext();
@@ -106,7 +106,7 @@ var ChildRow = /** @class */ (function (_super) {
             }
             return !this.expandProperty || this.expandProperty.value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     ChildRow.prototype.onFirstRender = function () {
@@ -156,7 +156,7 @@ var ChildRow = /** @class */ (function (_super) {
         var _a;
         this.onRender();
         var _b = this.props, isExpanded = _b.isExpanded, isFullWidth = _b.isFullWidth, childCellProps = _b.childCellProps, domProps = __rest(_b, ["isExpanded", "isFullWidth", "childCellProps"]);
-        isExpanded = this.inBody && (_a = this.context.expandAll, (_a !== null && _a !== void 0 ? _a : this.isExpanded));
+        isExpanded = this.inBody && ((_a = this.context.expandAll) !== null && _a !== void 0 ? _a : this.isExpanded);
         if (this.context.expandAll !== undefined) {
             // Prevent animation on whole table expand change.
             this.wasExpanded = false;
@@ -193,6 +193,7 @@ var RowGroup = /** @class */ (function (_super) {
     RowGroup.prototype.render = function () {
         this.context.expandProperty = this.props.expandProperty;
         this.context.inFirstRowInGroup = true;
+        this.context.hideExpandButton = this.props.hideExpandButton;
         return this.props.children;
     };
     RowGroup.contextType = GridContext;