@singularsystems/neo-react 0.10.64 → 0.10.65

package/dist/ReactComponents/Icons/MaterialSymbolsFontFactory.js

@@ -0,0 +1,113 @@
+import { __extends } from "tslib";
+import { Utils } from "@singularsystems/neo-core";
+import React from "react";
+import { IconFactory } from ".";
+/**
+ * Font factory that renders google material symbols icons.
+ */
+var MaterialSymbolsFontFactory = /** @class */ (function (_super) {
+    __extends(MaterialSymbolsFontFactory, _super);
+    function MaterialSymbolsFontFactory(options) {
+        var _a;
+        var _this = _super.call(this) || this;
+        _this.filledByDefault = (_a = options === null || options === void 0 ? void 0 : options.fillDefault) !== null && _a !== void 0 ? _a : false;
+        if ((options === null || options === void 0 ? void 0 : options.fontAwesomeMappings) && (options === null || options === void 0 ? void 0 : options.replaceNeoMappings)) {
+            _this.fontAwesomeMap = new Map(options.fontAwesomeMappings);
+        }
+        else {
+            _this.fontAwesomeMap = new Map(neoFontAwesomeMappings);
+            if (options === null || options === void 0 ? void 0 : options.fontAwesomeMappings) {
+                for (var _i = 0, _b = options.fontAwesomeMappings; _i < _b.length; _i++) {
+                    var mapping = _b[_i];
+                    _this.fontAwesomeMap.set(mapping[0], mapping[1]);
+                }
+            }
+        }
+        return _this;
+    }
+    MaterialSymbolsFontFactory.prototype.mapStringToIcon = function (iconName, style) {
+        var _a;
+        var className = "material-symbols-outlined";
+        var isFilled = (_a = style === null || style === void 0 ? void 0 : style.solid) !== null && _a !== void 0 ? _a : this.filledByDefault;
+        // TODO: copy spin animation from font-awesome
+        if (style === null || style === void 0 ? void 0 : style.spin) {
+            className += " fa fa-spin";
+        }
+        // remove and extract convention styling
+        iconName = iconName.replace("fa-fw", "");
+        var faProps = Utils.getFontAwesomeIconProps(iconName);
+        iconName = faProps.name.trim();
+        if (faProps.isSolid !== undefined) {
+            isFilled = faProps.isSolid;
+        }
+        var mappedName = this.mapFontAwesomeToMaterial(iconName);
+        if (mappedName === undefined) {
+            // replace common differences.
+            mappedName = iconName.replace(/-/g, "_")
+                .replace("plus", "add")
+                .replace("square", "box");
+        }
+        if (mappedName === "") {
+            mappedName = '\u00A0';
+        }
+        var cssStyle;
+        if (isFilled || (style === null || style === void 0 ? void 0 : style.weight)) {
+            var styleText = "";
+            if (isFilled) {
+                styleText += "'FILL' 1";
+            }
+            if (style === null || style === void 0 ? void 0 : style.weight) {
+                styleText += " 'wght' " + style.weight;
+            }
+            cssStyle = { fontVariationSettings: styleText.trim() };
+        }
+        return React.createElement("span", { className: className, style: cssStyle }, mappedName);
+    };
+    MaterialSymbolsFontFactory.prototype.mapFontAwesomeToMaterial = function (faName) {
+        return this.fontAwesomeMap.get(faName.trim());
+    };
+    return MaterialSymbolsFontFactory;
+}(IconFactory));
+export { MaterialSymbolsFontFactory };
+var neoFontAwesomeMappings = [
+    ["plus", "add"],
+    ["plus-square", "add_box"],
+    ["minus", "remove"],
+    ["minus-square", "indeterminate_check_box"],
+    ["arrow-left", "arrow_back"],
+    ["angle-left", "chevron_left"],
+    ["caret-left", "arrow_left"],
+    ["trash", "delete"],
+    ["user", "person"],
+    ["users", "groups"],
+    ["user-shield", "admin_panel_settings"],
+    ["user-plus", "person_add"],
+    ["user-times", "person_remove"],
+    ["user-lock", "manage_accounts"],
+    ["unlock", "lock_open"],
+    ["cogs", "settings"],
+    ["file-excel", "text_snippet"],
+    ["file-code", "code_blocks"],
+    ["feather-alt", "filter_alt"],
+    ["filter", "filter_alt"],
+    ["eye", "visibility"],
+    ["envelope", "mail"],
+    ["address-book", "contact_mail"],
+    ["at", "alternate_email"],
+    ["bell", "notifications"],
+    ["times", "close"],
+    ["eraser", "ink_eraser"],
+    ["align-left", "format_align_left"],
+    ["align-center", "format_align_center"],
+    ["align-right", "format_align_right"],
+    ["equals", "equal"],
+    ["not-equal", "block"],
+    ["copy", "content_copy"],
+    ["chart-bar", "bar_chart"],
+    ["less-than", ""],
+    ["less-than-equal", ""],
+    ["greater-than", ""],
+    ["greater-than-equal", ""],
+    ["stamp", "approval"],
+    ["circle-notch", "progress_activity"]
+];

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

@@ -1,3 +1,4 @@
-export { IIconFactory, IconStyle } from './IIconFactory';
+export type { IIconFactory, IconStyle } from './IIconFactory';
 export { IconFactory } from './IconFactory';
 export { FontAwesomeIconFactory } from './FontAwesomeIconFactory';
+export { MaterialSymbolsFontFactory } from './MaterialSymbolsFontFactory';

package/dist/ReactComponents/Icons/index.js

@@ -1,2 +1,3 @@
 export { IconFactory } from './IconFactory';
 export { FontAwesomeIconFactory } from './FontAwesomeIconFactory';
+export { MaterialSymbolsFontFactory } from './MaterialSymbolsFontFactory';

package/dist/ReactComponents/Input.js

@@ -56,12 +56,12 @@ var Input = /** @class */ (function (_super) {
     };
     Input.prototype.render = function () {
         var _this = this;
-        var _a, _b, _c;
+        var _a;
         this.type = this.determineType();
         var splitProps = BindPropsHelper.normaliseEditorProps(this, this.props);
         var domProps = BindPropsHelper.autoSetDomProperties(splitProps, this.context);
-        var inputProps = (_a = splitProps.input, (_a !== null && _a !== void 0 ? _a : {}));
-        var showPasswordButton = (_b = inputProps) === null || _b === void 0 ? void 0 : _b.showPasswordButton;
+        var inputProps = (_a = splitProps.input) !== null && _a !== void 0 ? _a : {};
+        var showPasswordButton = inputProps === null || inputProps === void 0 ? void 0 : inputProps.showPasswordButton;
         var displayInfo = this.props.bind.validator.getDisplayState(this.context.validationDisplayMode);
         displayInfo.applyToDom(domProps, !splitProps.inGroup);
         var bindValue = this.props.bind.value;
@@ -93,7 +93,7 @@ var Input = /** @class */ (function (_super) {
             inputElement = React.createElement("textarea", __assign({}, domProps, { ref: this.domRef, rows: inputProps.rows }));
         }
         if (this.type === "checkbox") {
-            inputElement = React.createElement("div", { className: "custom-control custom-" + (((_c = inputProps) === null || _c === void 0 ? void 0 : _c.type) === "switch" ? "switch" : "checkbox") },
+            inputElement = React.createElement("div", { className: "custom-control custom-" + ((inputProps === null || inputProps === void 0 ? void 0 : inputProps.type) === "switch" ? "switch" : "checkbox") },
                 inputElement,
                 React.createElement("label", { htmlFor: domProps.id, className: "custom-control-label" }, (inputProps.label ? inputProps.label : "")));
         }

package/dist/ReactComponents/InputHelpers.js

@@ -13,12 +13,12 @@ var InputHelpers = /** @class */ (function () {
                 (props.prependText || props.prepend) &&
                     React.createElement("div", { className: "input-group-prepend" },
                         props.prepend && (props.prepend instanceof Function ? props.prepend() : props.prepend),
-                        props.prependText && React.createElement("span", { className: "input-group-text", onClick: function () { var _a, _b; return (_b = (_a = inputRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus(); } }, this.iconFactory.textOrIcon(props.prependText))),
+                        props.prependText && React.createElement("span", { className: "input-group-text", onClick: function () { var _a; return (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } }, this.iconFactory.textOrIcon(props.prependText))),
                 element,
                 (props.appendText || props.append) &&
                     React.createElement("div", { className: "input-group-append" },
                         props.append && (props.append instanceof Function ? props.append() : props.append),
-                        props.appendText && React.createElement("span", { className: "input-group-text", onClick: function () { var _a, _b; return (_b = (_a = inputRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus(); } }, this.iconFactory.textOrIcon(props.appendText)))));
+                        props.appendText && React.createElement("span", { className: "input-group-text", onClick: function () { var _a; return (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } }, this.iconFactory.textOrIcon(props.appendText)))));
         }
         else {
             return element;

package/dist/ReactComponents/Link.js

@@ -20,7 +20,7 @@ var Link = /** @class */ (function (_super) {
     Link.prototype.render = function () {
         var _a;
         var props = this.props;
-        var href = (_a = props.href, (_a !== null && _a !== void 0 ? _a : "/"));
+        var href = (_a = props.href) !== null && _a !== void 0 ? _a : "/";
         return React.createElement("a", __assign({}, props, { href: href, onClick: this.onClick }), this.props.children);
     };
     return Link;

package/dist/ReactComponents/Modal/Modal.js

@@ -35,7 +35,7 @@ var Modal = /** @class */ (function (_super) {
                 this.lastBindValue = propertyInstance.value;
             }
             if (typeof propertyInstance.value === "object") {
-                formProps = (formProps !== null && formProps !== void 0 ? formProps : {});
+                formProps = formProps !== null && formProps !== void 0 ? formProps : {};
                 if (!formProps.model) {
                     formProps.model = propertyInstance.value;
                 }

package/dist/ReactComponents/Modal/ModalContainer.js

@@ -14,7 +14,7 @@ var ModalContainer = /** @class */ (function (_super) {
     }
     ModalContainer.prototype.componentDidMount = function () {
         var _a;
-        ModalHelper.initialise(this.props, (_a = this.containerRef.current, (_a !== null && _a !== void 0 ? _a : undefined)));
+        ModalHelper.initialise(this.props, (_a = this.containerRef.current) !== null && _a !== void 0 ? _a : undefined);
     };
     ModalContainer.prototype.componentDidUpdate = function () {
         ModalHelper.appInstance.updateProps(this.props);

package/dist/ReactComponents/NumberInput.js

@@ -20,20 +20,19 @@ var FormatState = /** @class */ (function () {
         this.useNative = useNative;
     }
     FormatState.create = function (propertyInfo, numericType, numProps, appendText) {
-        var _a, _b, _c, _d, _e, _f, _g;
         var isPercent = false;
         var hasExternalPercentSymbol = false;
         var formatString = numProps ? numProps.formatString : "";
         var displayDecimals = 2;
         if ((formatString && formatString.indexOf("%") >= 0)
             || appendText === "%"
-            || ((_a = numProps) === null || _a === void 0 ? void 0 : _a.format) === Misc.NumberFormat.PercentDecimals || ((_b = numProps) === null || _b === void 0 ? void 0 : _b.format) === Misc.NumberFormat.PercentNoDecimals) {
+            || (numProps === null || numProps === void 0 ? void 0 : numProps.format) === Misc.NumberFormat.PercentDecimals || (numProps === null || numProps === void 0 ? void 0 : numProps.format) === Misc.NumberFormat.PercentNoDecimals) {
             isPercent = true;
         }
         if (propertyInfo.allowedDecimals !== undefined) {
             displayDecimals = propertyInfo.allowedDecimals - (isPercent ? 2 : 0);
         }
-        else if ((_c = numProps) === null || _c === void 0 ? void 0 : _c.formatString) {
+        else if (numProps === null || numProps === void 0 ? void 0 : numProps.formatString) {
             displayDecimals = NumberUtils.getDecimalPlaces(numProps.formatString);
         }
         if (!formatString) {
@@ -42,16 +41,16 @@ var FormatState = /** @class */ (function () {
             }
             else {
                 var hasDecimals = numericType === Misc.DataType.Float || numericType === Misc.DataType.Decimal;
-                var format = ((_d = numProps) === null || _d === void 0 ? void 0 : _d.currencySymbol) ?
+                var format = (numProps === null || numProps === void 0 ? void 0 : numProps.currencySymbol) ?
                     (hasDecimals ? Misc.NumberFormat.CurrencyDecimals : Misc.NumberFormat.CurrencyNoDecimals) :
                     (hasDecimals ? Misc.NumberFormat.Decimals : Misc.NumberFormat.NoDecimals);
-                formatString = NumberUtils.getFormatString(format, (_e = numProps) === null || _e === void 0 ? void 0 : _e.currencySymbol, displayDecimals);
+                formatString = NumberUtils.getFormatString(format, numProps === null || numProps === void 0 ? void 0 : numProps.currencySymbol, displayDecimals);
             }
         }
         if (formatString.indexOf("%") < 0 && appendText === "%") {
             hasExternalPercentSymbol = true;
         }
-        return new FormatState(isPercent, hasExternalPercentSymbol, formatString, displayDecimals + (isPercent ? 2 : 0), (_f = numProps) === null || _f === void 0 ? void 0 : _f.zeroText, (_g = numProps) === null || _g === void 0 ? void 0 : _g.native);
+        return new FormatState(isPercent, hasExternalPercentSymbol, formatString, displayDecimals + (isPercent ? 2 : 0), numProps === null || numProps === void 0 ? void 0 : numProps.zeroText, numProps === null || numProps === void 0 ? void 0 : numProps.native);
     };
     FormatState.prototype.getFormattedValue = function (value) {
         if (!value && this.zeroText !== undefined) {
@@ -254,7 +253,7 @@ var NumberInput = /** @class */ (function (_super) {
         }
         if (useNative && !domProps.step) {
             var decimals = NumberUtils.getDecimalPlaces(this.formatState.formatString);
-            domProps.step = decimals === 0 ? "1" : "0." + "0".repeat(decimals - 1) + "1";
+            domProps.step = decimals === 0 ? "1" : "0.".concat("0".repeat(decimals - 1), "1");
         }
         return (InputHelpers.surroundWithInputGroup(React.createElement("input", __assign({}, domProps, { defaultValue: this.formatState.getFormattedValue(editorProps.bind.value), type: useNative ? "number" : "text", onChange: this.onChanged, ref: this.inputElement })), editorProps, this.inputElement));
     };

package/dist/ReactComponents/Paging/PageSizeControl.js

@@ -12,7 +12,7 @@ var PageSizeControl = /** @class */ (function (_super) {
     PageSizeControl.prototype.render = function () {
         var _a;
         return (React.createElement("div", { className: "neo-pager-page-size" },
-            React.createElement("span", null, (_a = this.props.label, (_a !== null && _a !== void 0 ? _a : "Show: ")),
+            React.createElement("span", null, (_a = this.props.label) !== null && _a !== void 0 ? _a : "Show: ",
                 " "),
             React.createElement(DropDown, { select: { items: this.props.pageManager.pageSizeOptions.map(function (i) { return ({ id: i, name: i.toString() }); }) }, bind: this.pageSize })));
     };

package/dist/ReactComponents/Paging/Pager.d.ts

@@ -20,5 +20,6 @@ export default class Pager<TCriteria extends ValueObject, TModel extends Model.I
     dataViewContext: DataViewContextParams<TModel>;
     constructor(props: IPagerBaseProps<TCriteria, TModel>);
     componentDidMount(): void;
+    componentDidUpdate(): void;
     render(): JSX.Element | null;
 }

package/dist/ReactComponents/Paging/Pager.js

@@ -16,6 +16,9 @@ var Pager = /** @class */ (function (_super) {
     Pager.prototype.componentDidMount = function () {
         this.props.pageManager.initialise();
     };
+    Pager.prototype.componentDidUpdate = function () {
+        this.props.pageManager.afterRender();
+    };
     Pager.prototype.render = function () {
         var _a = this.props, pageManager = _a.pageManager, pageControls = _a.pageControls, pageControlProps = _a.pageControlProps, suppressLoader = _a.suppressLoader, hideBeforeLoad = _a.hideBeforeLoad, domProps = __rest(_a, ["pageManager", "pageControls", "pageControlProps", "suppressLoader", "hideBeforeLoad"]);
         if (!pageManager.hasFetched && !pageManager.taskRunner.isBusy && hideBeforeLoad !== false) {

package/dist/ReactComponents/PropTypes.d.ts

@@ -136,9 +136,9 @@ export declare class BindPropsHelper {
     static getBindProperty<T>(allProps: IEditorContainerProps<T, any>): Model.IPropertyInstance;
     static splitCommonEditorProps<T extends ICommonEditorProps>(props: T): {
         editor: ICommonEditorProps;
-        rest: Pick<T, Exclude<keyof T, "disabled" | "readOnly" | "isReadOnly" | "isDisabled" | "prependText" | "appendText" | "prepend" | "append" | "inputElement">>;
+        rest: Omit<T, "disabled" | "readOnly" | "isReadOnly" | "isDisabled" | "prependText" | "appendText" | "prepend" | "append" | "inputElement">;
     };
-    static normaliseContainerProps<T, TContainerDom = React.HTMLProps<T>>(component: IComponentBase, props: IEditorContainerProps<T, any> & TContainerDom, inGroup: boolean, isBootstrap?: boolean): IEditorContainerNormalisedProps<TContainerDom, any>;
+    static normaliseContainerProps<T, TContainerDom = React.HTMLProps<T>, TData = any>(component: IComponentBase, props: IEditorContainerProps<T, TData>, inGroup: boolean, isBootstrap?: boolean): IEditorContainerNormalisedProps<TContainerDom, TData>;
     static normaliseEditorProps<T, TDom = React.HTMLProps<T>>(component: IComponentBase, props: (IEditorAndSelectorProps<T, any> & TDom) | IEditorNormalisedProps<TDom, any>): IEditorNormalisedProps<TDom, any>;
     static getPlaceholderText(placeholder: string | boolean | undefined, property: PropertyInfo): string | undefined;
     static autoSetDomProperties<TDom extends React.HTMLProps<HTMLElement>>(props: IEditorNormalisedProps<TDom, any>, formContext: FormContextParams, componentBlurFn?: (e: React.FocusEvent<HTMLElement>) => void, componentFocusFn?: (e: React.FocusEvent<HTMLElement>) => void): TDom;

package/dist/ReactComponents/PropTypes.js

@@ -34,7 +34,7 @@ var BindPropsHelper = /** @class */ (function () {
             }
             return this._config;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -105,7 +105,12 @@ var BindPropsHelper = /** @class */ (function () {
         var isReadOnly = props.isReadOnly, readOnly = props.readOnly, isDisabled = props.isDisabled, disabled = props.disabled, prependText = props.prependText, prepend = props.prepend, appendText = props.appendText, append = props.append, inputElement = props.inputElement, rest = __rest(props, ["isReadOnly", "readOnly", "isDisabled", "disabled", "prependText", "prepend", "appendText", "append", "inputElement"]);
         return {
             editor: {
-                isReadOnly: ((isReadOnly !== null && isReadOnly !== void 0 ? isReadOnly : readOnly)), isDisabled: ((isDisabled !== null && isDisabled !== void 0 ? isDisabled : disabled)), prependText: prependText, prepend: prepend, appendText: appendText, append: append, inputElement: inputElement,
+                isReadOnly: (isReadOnly !== null && isReadOnly !== void 0 ? isReadOnly : readOnly), isDisabled: (isDisabled !== null && isDisabled !== void 0 ? isDisabled : disabled),
+                prependText: prependText,
+                prepend: prepend,
+                appendText: appendText,
+                append: append,
+                inputElement: inputElement,
                 requiresGroup: prependText !== undefined || prepend !== undefined || appendText !== undefined || append !== undefined
             },
             rest: rest
@@ -113,18 +118,18 @@ var BindPropsHelper = /** @class */ (function () {
     };
     BindPropsHelper.normaliseContainerProps = function (component, props, inGroup, isBootstrap) {
         // Split flattened props into components.
+        var _a, _b, _c;
         if (isBootstrap === void 0) { isBootstrap = true; }
-        var _a, _b, _c, _d, _e;
         var splitProps = this.splitCommonEditorProps(props);
-        var _f = splitProps.rest, 
+        var _d = splitProps.rest, 
         // Bindable editor props
-        bind = _f.bind, display = _f.display, placeholder = _f.placeholder, 
+        bind = _d.bind, display = _d.display, placeholder = _d.placeholder, 
         // Editor selector props
-        select = _f.select, input = _f.input, dateProps = _f.dateProps, numProps = _f.numProps, fileProps = _f.fileProps, radioList = _f.radioList, 
+        select = _d.select, input = _d.input, dateProps = _d.dateProps, numProps = _d.numProps, fileProps = _d.fileProps, radioList = _d.radioList, 
         // Common container props
-        label = _f.label, editorProps = _f.editorProps, editorTooltip = _f.editorTooltip, editorClassName = _f.editorClassName, editorStyle = _f.editorStyle, suppressDefaultContent = _f.suppressDefaultContent, bindContext = _f.bindContext, 
+        label = _d.label, editorProps = _d.editorProps, editorTooltip = _d.editorTooltip, editorClassName = _d.editorClassName, editorStyle = _d.editorStyle, suppressDefaultContent = _d.suppressDefaultContent, bindContext = _d.bindContext, 
         // Container dom
-        containerDom = __rest(_f, ["bind", "display", "placeholder", "select", "input", "dateProps", "numProps", "fileProps", "radioList", "label", "editorProps", "editorTooltip", "editorClassName", "editorStyle", "suppressDefaultContent", "bindContext"]);
+        containerDom = __rest(_d, ["bind", "display", "placeholder", "select", "input", "dateProps", "numProps", "fileProps", "radioList", "label", "editorProps", "editorTooltip", "editorClassName", "editorStyle", "suppressDefaultContent", "bindContext"]);
         var bindOrDisplay = BindPropsHelper.getBindProperty(props);
         if (!bindOrDisplay) {
             var child = containerDom.children;
@@ -162,7 +167,7 @@ var BindPropsHelper = /** @class */ (function () {
         }
         return {
             bind: bindOrDisplay,
-            editor: __assign({ bind: bindOrDisplay, placeholder: this.getPlaceholderText(placeholder, (_d = bindOrDisplay) === null || _d === void 0 ? void 0 : _d.propertyInfo) }, splitProps.editor),
+            editor: __assign({ bind: bindOrDisplay, placeholder: this.getPlaceholderText(placeholder, bindOrDisplay === null || bindOrDisplay === void 0 ? void 0 : bindOrDisplay.propertyInfo) }, splitProps.editor),
             editorDom: editorProps,
             container: { label: label, editorTooltip: editorTooltip, editorClassName: editorClassName, editorStyle: editorStyle, bindContext: bindContext, suppressDefaultContent: suppressDefaultContent },
             select: select,
@@ -172,7 +177,7 @@ var BindPropsHelper = /** @class */ (function () {
             fileProps: fileProps,
             radioList: radioList,
             inGroup: inGroup,
-            uniqueID: ((_e = bindOrDisplay) === null || _e === void 0 ? void 0 : _e.uniqueID) + "!" + component.uniqueId,
+            uniqueID: (bindOrDisplay === null || bindOrDisplay === void 0 ? void 0 : bindOrDisplay.uniqueID) + "!" + component.uniqueId,
             containerDom: containerDom,
             isBootstrap: isBootstrap
         };
@@ -199,7 +204,7 @@ var BindPropsHelper = /** @class */ (function () {
         var _a;
         var domProps = __assign({}, props.editorDom);
         if (props.uniqueID) {
-            domProps.id = (_a = formContext.uniqueId, (_a !== null && _a !== void 0 ? _a : props.uniqueID));
+            domProps.id = (_a = formContext.uniqueId) !== null && _a !== void 0 ? _a : props.uniqueID;
         }
         if (this.config.isTestOrDevelopment) {
             domProps[BindPropsHelper.DataFieldName] = props.bind.propertyInfo.propertyName;
@@ -228,12 +233,12 @@ var BindPropsHelper = /** @class */ (function () {
     };
     BindPropsHelper.isReadOnly = function (editorProps, formContext) {
         var _a;
-        var propsReadOnly = (_a = editorProps.isReadOnly, (_a !== null && _a !== void 0 ? _a : editorProps.readOnly));
+        var propsReadOnly = (_a = editorProps.isReadOnly) !== null && _a !== void 0 ? _a : editorProps.readOnly;
         return propsReadOnly || (formContext.allReadOnly && propsReadOnly === undefined);
     };
     BindPropsHelper.isDisabled = function (editorProps, formContext) {
         var _a;
-        var propsDisabled = (_a = editorProps.isDisabled, (_a !== null && _a !== void 0 ? _a : editorProps.disabled));
+        var propsDisabled = (_a = editorProps.isDisabled) !== null && _a !== void 0 ? _a : editorProps.disabled;
         return propsDisabled || (formContext.allDisabled && propsDisabled === undefined);
     };
     /**

package/dist/ReactComponents/RadioList.js

@@ -26,7 +26,7 @@ var RadioList = /** @class */ (function (_super) {
     RadioList.prototype.createEnumList = function (list) {
         var _a, _b;
         if (list.length) {
-            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;
+            var _c = LookupHelper.findMembers(list[0], (_a = this.props.radioList.valueMember) !== null && _a !== void 0 ? _a : "", (_b = this.props.radioList.displayMember) !== 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] }); });
             }
@@ -46,8 +46,8 @@ var RadioList = /** @class */ (function (_super) {
         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 + (_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));
+                React.createElement("input", { type: "radio", id: splitProps.uniqueID + ((_a = item.id) !== 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) !== null && _b !== void 0 ? _b : "") }, item.name));
         }));
     };
     RadioList.contextType = FormContext;

package/dist/ReactComponents/Slider.js

@@ -34,21 +34,21 @@ var Slider = /** @class */ (function (_super) {
         get: function () {
             return this.props.bindEnd !== undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Slider.prototype, "rangeProps", {
         get: function () {
             return this.props;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Slider.prototype, "sliderProps", {
         get: function () {
             return this.props;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Slider.prototype.getSlider = function () {

package/dist/ReactComponents/Tabs/Tab.js

@@ -12,7 +12,7 @@ var Tab = /** @class */ (function (_super) {
         _this.hasRenderedContents = false;
         _this.iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
         _this.onClick = _this.onClick.bind(_this);
-        var tabKey = (_a = _this.props.id, (_a !== null && _a !== void 0 ? _a : _this.props.name));
+        var tabKey = (_a = _this.props.id) !== null && _a !== void 0 ? _a : _this.props.name;
         if (!tabKey) {
             if (typeof _this.props.header === "string") {
                 tabKey = _this.props.header;

package/dist/ReactComponents/Tabs/TabContainer.js

@@ -28,7 +28,7 @@ var TabContainer = /** @class */ (function (_super) {
         }
         else {
             tabManager = new TabManager("", true);
-            tabManager.observable = (_a = _this.props.selectedTab, (_a !== null && _a !== void 0 ? _a : new ObservableValue("")));
+            tabManager.observable = (_a = _this.props.selectedTab) !== null && _a !== void 0 ? _a : new ObservableValue("");
         }
         _this.tabManager = tabManager;
         _this.tabContext.tabManager = _this.tabManager;

package/dist/ReactComponents/Tabs/TabManager.js

@@ -34,7 +34,6 @@ var TabManager = /** @class */ (function () {
         },
         set: function (value) {
             var _this = this;
-            var _a;
             if (!this.tabs[value]) {
                 // Probably different case, find the actual tab key.
                 var foundValue = Object.keys(this.tabs).find(function (t) { return t.toLowerCase() === value.toLowerCase(); });
@@ -46,7 +45,7 @@ var TabManager = /** @class */ (function () {
             if (value !== currentTabKey) {
                 var cancellableEvent = new CancellableEvent(function () { return currentTabKey === _this.observable.peek; });
                 var currentTab = this.tabs[currentTabKey];
-                if (((_a = currentTab) === null || _a === void 0 ? void 0 : _a.onLeave) !== undefined) {
+                if ((currentTab === null || currentTab === void 0 ? void 0 : currentTab.onLeave) !== undefined) {
                     currentTab.onLeave(cancellableEvent);
                 }
                 cancellableEvent.tryRunAction(function () {
@@ -55,7 +54,7 @@ var TabManager = /** @class */ (function () {
                 });
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**

package/dist/ReactComponents/TooltipProvider.js

@@ -57,9 +57,10 @@ var TooltipProvider = /** @class */ (function (_super) {
         var anchor = element;
         var toolTip = anchor.dataset["tip"];
         var tryCount = 0;
-        while (!toolTip && tryCount < 3 && anchor) {
+        while (!toolTip && tryCount < 8 && anchor) {
             anchor = anchor.parentElement;
             toolTip = anchor && anchor.dataset["tip"];
+            tryCount++;
         }
         if (toolTip && anchor) {
             if (!this.currentInfo || this.currentInfo.anchor !== anchor || this.currentInfo.text !== toolTip) {

package/dist/ReactComponents/_Exports.d.ts

@@ -7,6 +7,7 @@ import ColorPicker from './ColorPicker';
 import ContextMenuContainer from './ContextMenu/ContextMenuContainer';
 import DatePicker from './DatePicker';
 import DropDown from './DropDown/DropDown';
+import Icon from './Icons/Icon';
 import Input, { Textbox, Passwordbox, Checkbox } from './Input';
 import FileBasicInput from './FileManager/FileBasicInput';
 import FileContext from './FileManager/FileContext';
@@ -38,4 +39,4 @@ import ToastContainer from './Notifications/ToastContainer';
 import Tooltip from './Tooltip';
 import TooltipProvider from './TooltipProvider';
 import ValidationSummary from './ValidationSummary';
-export { Alert, AutoCompleteDropDown, Button, Card, Checkbox, Collapsable, ColorPicker, ContextMenuContainer, DatePicker, DropDown, FileBasicInput, FileContext, FileDropArea, FileInput, FileUploadButton, FileUploadProgress, Form, FormContext, FormGroup, FormGroupFloating, FormGroupInline, GridLayout, Input, Link, Loader, Modal, ModalContainer, NumberInput, Pager, PagerControlsBasic, PageSizeControl, Passwordbox, ProgressBar, RadioList, Slider, TabContainer, Tab, Textbox, Toast, ToastContainer, Tooltip, TooltipProvider, ValidationSummary };
+export { Alert, AutoCompleteDropDown, Button, Card, Checkbox, Collapsable, ColorPicker, ContextMenuContainer, DatePicker, DropDown, FileBasicInput, FileContext, FileDropArea, FileInput, FileUploadButton, FileUploadProgress, Form, FormContext, FormGroup, FormGroupFloating, FormGroupInline, GridLayout, Icon, Input, Link, Loader, Modal, ModalContainer, NumberInput, Pager, PagerControlsBasic, PageSizeControl, Passwordbox, ProgressBar, RadioList, Slider, TabContainer, Tab, Textbox, Toast, ToastContainer, Tooltip, TooltipProvider, ValidationSummary };

package/dist/ReactComponents/_Exports.js

@@ -7,6 +7,7 @@ import ColorPicker from './ColorPicker';
 import ContextMenuContainer from './ContextMenu/ContextMenuContainer';
 import DatePicker from './DatePicker';
 import DropDown from './DropDown/DropDown';
+import Icon from './Icons/Icon';
 import Input, { Textbox, Passwordbox, Checkbox } from './Input';
 import FileBasicInput from './FileManager/FileBasicInput';
 import FileContext from './FileManager/FileContext';
@@ -38,4 +39,4 @@ import ToastContainer from './Notifications/ToastContainer';
 import Tooltip from './Tooltip';
 import TooltipProvider from './TooltipProvider';
 import ValidationSummary from './ValidationSummary';
-export { Alert, AutoCompleteDropDown, Button, Card, Checkbox, Collapsable, ColorPicker, ContextMenuContainer, DatePicker, DropDown, FileBasicInput, FileContext, FileDropArea, FileInput, FileUploadButton, FileUploadProgress, Form, FormContext, FormGroup, FormGroupFloating, FormGroupInline, GridLayout, Input, Link, Loader, Modal, ModalContainer, NumberInput, Pager, PagerControlsBasic, PageSizeControl, Passwordbox, ProgressBar, RadioList, Slider, TabContainer, Tab, Textbox, Toast, ToastContainer, Tooltip, TooltipProvider, ValidationSummary };
+export { Alert, AutoCompleteDropDown, Button, Card, Checkbox, Collapsable, ColorPicker, ContextMenuContainer, DatePicker, DropDown, FileBasicInput, FileContext, FileDropArea, FileInput, FileUploadButton, FileUploadProgress, Form, FormContext, FormGroup, FormGroupFloating, FormGroupInline, GridLayout, Icon, Input, Link, Loader, Modal, ModalContainer, NumberInput, Pager, PagerControlsBasic, PageSizeControl, Passwordbox, ProgressBar, RadioList, Slider, TabContainer, Tab, Textbox, Toast, ToastContainer, Tooltip, TooltipProvider, ValidationSummary };

package/dist/Routing/IRouteChangedProps.js

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

package/dist/Routing/NavigationHelper.d.ts

@@ -37,5 +37,5 @@ export default class NavigationHelper implements INavigationHelper {
     navigateToView<TParams extends RouteParameterObject<TParams>>(view: ViewConstructor<TParams>, paramValues?: ParamValues<TParams>): void;
     getPathForView<TParams extends RouteParameterObject<TParams>>(view: ViewConstructor<TParams>, paramValues?: ParamValues<TParams>): string;
     getCurrentViewPath(): string;
-    get currentRouteProps(): RouteComponentProps<{}, import("react-router").StaticContext, import("history").History.PoorMansUnknown>;
+    get currentRouteProps(): RouteComponentProps<{}, import("react-router").StaticContext, unknown>;
 }

package/dist/Routing/NavigationHelper.js

@@ -48,7 +48,7 @@ var NavigationHelper = /** @class */ (function () {
         get: function () {
             return this.routingState.currentRouteProps;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     NavigationHelper = __decorate([

package/dist/Routing/RouteProvider.js

@@ -1,4 +1,4 @@
-import { __assign, __spreadArrays } from "tslib";
+import { __assign, __spreadArray } from "tslib";
 import { MenuRoute } from './MenuRoute';
 var RouteProvider = /** @class */ (function () {
     /**
@@ -49,7 +49,7 @@ var RouteProvider = /** @class */ (function () {
                 this.processRoute(route);
             }
             var menuRoute = route;
-            var children = __spreadArrays((_a = route.routeChildren, (_a !== null && _a !== void 0 ? _a : [])), (_b = menuRoute.children, (_b !== null && _b !== void 0 ? _b : [])));
+            var children = __spreadArray(__spreadArray([], ((_a = route.routeChildren) !== null && _a !== void 0 ? _a : []), true), ((_b = menuRoute.children) !== null && _b !== void 0 ? _b : []), true);
             this.flatten(children, (hasComponent && menuRoute.showInBreadCrumb !== false) ? menuRoute : undefined);
         }
     };

package/dist/Routing/RouteView.js

@@ -24,7 +24,7 @@ var RouteView = /** @class */ (function (_super) {
             this._routes = value;
             this.routingState.appRouteProvider = value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     RouteView.prototype.componentDidMount = function () {
@@ -43,15 +43,15 @@ var RouteView = /** @class */ (function (_super) {
         }
     };
     RouteView.prototype.beforeLocationChanged = function (location, action, isUnload) {
-        var _a, _b, _c;
+        var _a;
         var currentRoute = this.routingState.currentRoute;
         var match = location ? this.getMatch(location) : undefined;
         var changeProps = {
             isNewView: !currentRoute || !match || match.route !== currentRoute,
-            isUnload: (isUnload !== null && isUnload !== void 0 ? isUnload : false),
-            currentView: (_a = ViewBase.currentView, (_a !== null && _a !== void 0 ? _a : undefined)),
-            newRoute: (_b = match) === null || _b === void 0 ? void 0 : _b.route,
-            match: (_c = match) === null || _c === void 0 ? void 0 : _c.match
+            isUnload: isUnload !== null && isUnload !== void 0 ? isUnload : false,
+            currentView: (_a = ViewBase.currentView) !== null && _a !== void 0 ? _a : undefined,
+            newRoute: match === null || match === void 0 ? void 0 : match.route,
+            match: match === null || match === void 0 ? void 0 : match.match
         };
         if (ViewBase.currentView) {
             ViewBase.currentView.beforeRouteChanged(changeProps);

package/dist/Routing/RoutingState.d.ts

@@ -1,5 +1,6 @@
 import { Misc } from '@singularsystems/neo-core';
 import { RouteComponentProps } from 'react-router-dom';
+import { IViewBase } from '../Views/ViewBase';
 import RouteProvider, { IProcessedRoute } from './RouteProvider';
 import RouteView from './RouteView';
 export declare class RoutingState {
@@ -9,6 +10,9 @@ export declare class RoutingState {
     currentRouteView?: RouteView;
     leavePromise?: Promise<boolean> | Promise<Misc.ModalResult> | Promise<void>;
     observableRoute: IProcessedRoute | null;
+    currentView: IViewBase | null;
+    get currentViewFullScreen(): boolean;
+    get taskRunner(): import("@singularsystems/neo-core").ITaskRunner | undefined;
     setCurrentRoute(routeProps: RouteComponentProps, route: IProcessedRoute): void;
     private previousRoute?;
     onRouteChanged(): void;