@singularsystems/neo-react 0.10.64 → 0.10.65

package/dist/React/AutoRunner.js

@@ -19,8 +19,8 @@ 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); });
     }
     AutoRunner.prototype.cancelPending = function () {
@@ -67,8 +67,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 +83,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.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) {
@@ -96,7 +96,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 = ((_b = (_a = splitProps.select) === null || _a === void 0 ? void 0 : _a.allowNulls) !== null && _b !== void 0 ? _b : 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;

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.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.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) {
@@ -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();
                     }

package/dist/ReactComponents/Grid/Row.js

@@ -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;

package/dist/ReactComponents/Icons/FontAwesomeIconFactory.js

@@ -15,22 +15,21 @@ var FontAwesomeIconFactory = /** @class */ (function (_super) {
         return _this;
     }
     FontAwesomeIconFactory.prototype.createIconComponent = function (iconComponent, iconStyle) {
-        var _a, _b, _c, _d;
         if (iconComponent.iconName) {
             // Icon was specified using a font-awesome icon descriptor, return the font-awesome icon component.
             return React.createElement(this.fontAwesomeComponentType, {
                 icon: iconComponent,
-                fixedWidth: (_a = iconStyle) === null || _a === void 0 ? void 0 : _a.fixedWidth,
-                spin: (_b = iconStyle) === null || _b === void 0 ? void 0 : _b.spin
+                fixedWidth: iconStyle === null || iconStyle === void 0 ? void 0 : iconStyle.fixedWidth,
+                spin: iconStyle === null || iconStyle === void 0 ? void 0 : iconStyle.spin
             });
         }
         else {
             // Icon was specified as a font-awesome component. Extract the props, and override using the requested style.
             var props = __assign({}, iconComponent.props);
-            if ((_c = iconStyle) === null || _c === void 0 ? void 0 : _c.fixedWidth) {
+            if (iconStyle === null || iconStyle === void 0 ? void 0 : iconStyle.fixedWidth) {
                 props.fixedWidth = iconStyle.fixedWidth;
             }
-            if ((_d = iconStyle) === null || _d === void 0 ? void 0 : _d.spin) {
+            if (iconStyle === null || iconStyle === void 0 ? void 0 : iconStyle.spin) {
                 props.spin = iconStyle.spin;
             }
             return React.createElement(iconComponent.type, props);

package/dist/ReactComponents/Icons/IIconFactory.d.ts

@@ -1,7 +1,13 @@
 /// <reference types="react" />
 export interface IconStyle {
+    /** True if the icon should be fixed width */
     fixedWidth?: boolean;
+    /** True if the icon should have a spin animation applied. E.g. loading spinner. */
     spin?: boolean;
+    /** True if the icon should have a solid or filled in style. Set to false for font-awesome regular style. */
+    solid?: boolean;
+    /** How thin / thick the icon lines are. Only supported by material symbols. */
+    weight?: number;
 }
 export interface IIconFactory {
     /**

package/dist/ReactComponents/Icons/IIconFactory.js

@@ -0,0 +1 @@
+export {};

package/dist/ReactComponents/Icons/Icon.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { IconStyle, IIconFactory } from ".";
+export interface IIconProps extends IconStyle {
+    name: string;
+    /** Optional icon factory if this icon uses a different icon set to the project default. */
+    factory?: IIconFactory;
+}
+/** Renders an icon using the icon factory specified at startup. */
+export default class Icon extends React.Component<IIconProps> {
+    private static _iconFactory;
+    private get iconFactory();
+    render(): React.ReactNode;
+}

package/dist/ReactComponents/Icons/Icon.js

@@ -0,0 +1,27 @@
+import { __extends, __rest } from "tslib";
+import { Misc } from "@singularsystems/neo-core";
+import React from "react";
+import { NeoReactTypes } from "../..";
+/** Renders an icon using the icon factory specified at startup. */
+var Icon = /** @class */ (function (_super) {
+    __extends(Icon, _super);
+    function Icon() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(Icon.prototype, "iconFactory", {
+        get: function () {
+            if (!Icon._iconFactory) {
+                Icon._iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
+            }
+            return Icon._iconFactory;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Icon.prototype.render = function () {
+        var _a = this.props, name = _a.name, factory = _a.factory, iconStyle = __rest(_a, ["name", "factory"]);
+        return (factory !== null && factory !== void 0 ? factory : this.iconFactory).getIconComponent(name, iconStyle);
+    };
+    return Icon;
+}(React.Component));
+export default Icon;

package/dist/ReactComponents/Icons/IconFactory.d.ts

@@ -2,8 +2,8 @@ import React from "react";
 import { IconStyle, IIconFactory } from "./IIconFactory";
 /** Default icon factory supporting font-awesome strings. */
 export declare class IconFactory implements IIconFactory {
-    getIconComponent(iconOrName: any, style?: IconStyle): import("history").History.PoorMansUnknown;
-    textOrIcon(textOrIcon: string, style?: IconStyle): import("history").History.PoorMansUnknown;
+    getIconComponent(iconOrName: any, style?: IconStyle): React.ReactNode;
+    textOrIcon(textOrIcon: string, style?: IconStyle): React.ReactNode;
     protected mapStringToIcon(iconName: string, style?: IconStyle): React.ReactNode;
     protected createIconComponent(iconDescriptor: any, style?: IconStyle): React.ReactNode;
 }

package/dist/ReactComponents/Icons/IconFactory.js

@@ -18,7 +18,7 @@ var IconFactory = /** @class */ (function () {
         return undefined;
     };
     IconFactory.prototype.textOrIcon = function (textOrIcon, style) {
-        if (textOrIcon.indexOf("fa-") === 0 || textOrIcon.indexOf("far-") === 0) {
+        if (textOrIcon.indexOf("fa-") === 0 || textOrIcon.indexOf("far-") === 0 || textOrIcon.indexOf("fas-") === 0) {
             return this.getIconComponent(textOrIcon, style);
         }
         else {
@@ -26,12 +26,17 @@ var IconFactory = /** @class */ (function () {
         }
     };
     IconFactory.prototype.mapStringToIcon = function (iconName, style) {
-        var _a, _b;
         var className = Utils.getFontAwesomeClass(iconName);
-        if ((_a = style) === null || _a === void 0 ? void 0 : _a.fixedWidth) {
+        if ((style === null || style === void 0 ? void 0 : style.solid) === false) {
+            className = className.replace("fa ", "far ");
+        }
+        if ((style === null || style === void 0 ? void 0 : style.solid) === true) {
+            className = className.replace("fa ", "fas ");
+        }
+        if (style === null || style === void 0 ? void 0 : style.fixedWidth) {
             className += " fa-fw";
         }
-        if ((_b = style) === null || _b === void 0 ? void 0 : _b.spin) {
+        if (style === null || style === void 0 ? void 0 : style.spin) {
             className += " fa-spin";
         }
         return React.createElement("i", { className: className });

package/dist/ReactComponents/Icons/MaterialSymbolsFontFactory.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { IconFactory, IconStyle } from ".";
+interface IMaterialSymbolsOptions {
+    /** Set to true if icon names with unspecified fill should be made solid/filled. */
+    fillDefault?: boolean;
+    /** Additional mappings between font-awesome, and material symbols. */
+    fontAwesomeMappings?: [string, string][];
+    /** Set to true if the provided mappings should completely replace the built in neo mappings. */
+    replaceNeoMappings?: boolean;
+}
+/**
+ * Font factory that renders google material symbols icons.
+ */
+export declare class MaterialSymbolsFontFactory extends IconFactory {
+    constructor(options?: IMaterialSymbolsOptions);
+    private filledByDefault;
+    private fontAwesomeMap;
+    protected mapStringToIcon(iconName: string, style?: IconStyle | undefined): React.ReactNode;
+    protected mapFontAwesomeToMaterial(faName: string): string | undefined;
+}
+export {};