@singularsystems/neo-react 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/React/AutoRunner.js

@@ -22,8 +22,19 @@ var AutoRunner = /** @class */ (function () {
         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);

package/dist/React/Decorators.js

@@ -1,5 +1,4 @@
 import { createObservableList } from './Utils';
-// TODO : remove this
 /**
  * Makes a list observable. Use this only when the property is not part of a NeoModel. E.g. it is defined directly on a component.
  */

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

@@ -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) !== 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/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

@@ -101,12 +101,12 @@ 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 React.createElement(React.Fragment, null, (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 })));
@@ -208,7 +208,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;
     children: React.ReactNode;
 }
 export declare class RowGroup extends React.Component<INeoRowGroupProps> {

package/dist/ReactComponents/Grid/Row.js

@@ -76,7 +76,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();
@@ -193,6 +193,7 @@ export 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;

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/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.js

@@ -18,7 +18,7 @@ export 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 {
@@ -27,6 +27,12 @@ export var IconFactory = /** @class */ (function () {
     };
     IconFactory.prototype.mapStringToIcon = function (iconName, style) {
         var className = Utils.getFontAwesomeClass(iconName);
+        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";
         }

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 {};

package/dist/ReactComponents/Icons/MaterialSymbolsFontFactory.js

@@ -0,0 +1,114 @@
+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 _this = this;
+        var _a;
+        _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/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

@@ -11,7 +11,7 @@ import PropertyInfo from '@singularsystems/neo-core/dist/Model/PropertyInfo';
 import { IComponentBase } from './ComponentBase';
 import FileInput, { IFileEditorProps } from './FileManager/FileInput';
 import { FormContextParams } from './FormContext';
-export type ItemCallback<T> = (item: T, meta: TransformMetaType<T>) => React.ReactNode;
+export type ItemCallback<T> = (item: T, meta: TransformMetaType<T>, isHeader: boolean) => React.ReactNode;
 export declare enum ControlType {
     Date = 0,
     Number = 1,

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

@@ -9,7 +9,7 @@ interface ITabProps {
     /** Name used for binding to selected tab. (Same as id property) */
     name?: string;
     /** Icon to display in tab header. */
-    icon?: string;
+    icon?: any;
     /** True if the tab is disabled and not allowed to be clicked on. */
     disabled?: boolean;
     /**

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/RoutingState.d.ts

@@ -11,6 +11,8 @@ export declare class RoutingState {
     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;
     constructor();
     setCurrentRoute(routeProps: RouteComponentProps, route: IProcessedRoute): void;
     private previousRoute?;

package/dist/Routing/RoutingState.js

@@ -1,12 +1,28 @@
 import { __decorate, __metadata } from "tslib";
 import { injectable } from 'inversify';
-import { makeObservable, observable } from 'mobx';
+import { computed, makeObservable, observable } from 'mobx';
 export var RoutingState = /** @class */ (function () {
     function RoutingState() {
         this.observableRoute = null;
         this.currentView = null;
         makeObservable(this);
     }
+    Object.defineProperty(RoutingState.prototype, "currentViewFullScreen", {
+        get: function () {
+            var _a;
+            return ((_a = this.currentView) === null || _a === void 0 ? void 0 : _a.fullScreen) === true;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RoutingState.prototype, "taskRunner", {
+        get: function () {
+            var _a;
+            return (_a = this.currentView) === null || _a === void 0 ? void 0 : _a.taskRunner;
+        },
+        enumerable: false,
+        configurable: true
+    });
     RoutingState.prototype.setCurrentRoute = function (routeProps, route) {
         this.currentRouteProps = routeProps;
         this.currentRoute = route;
@@ -37,6 +53,16 @@ export var RoutingState = /** @class */ (function () {
         observable.ref,
         __metadata("design:type", Object)
     ], RoutingState.prototype, "currentView", void 0);
+    __decorate([
+        computed,
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], RoutingState.prototype, "currentViewFullScreen", null);
+    __decorate([
+        computed,
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], RoutingState.prototype, "taskRunner", null);
     RoutingState = __decorate([
         injectable(),
         __metadata("design:paramtypes", [])

package/dist/Routing/ViewParameterList.d.ts

@@ -6,6 +6,12 @@ import { IViewBase } from '../Views/ViewBase';
 export type TransformParamsType<T> = {
     [P in keyof T]: IViewParameter;
 };
+interface ISetValuesOptions {
+    /** True if the url should be set even if none of the values have changed. */
+    force?: boolean;
+    /** True if the url should be replaced instead of added to the history. This prevents the back button returning the params to the current state. */
+    replace?: boolean;
+}
 export interface IViewParameterList {
     /**
      * Returns the breadcrumb items for all url parameters which have a value.
@@ -16,11 +22,10 @@ export interface IViewParameterListOfT<TParams extends RouteParameterObject<TPar
     /**
      * Set the view params for each of the provided values. Only 1 navigation event will occur.
      * @param values New values.
-     * @param force True if the url should be set even if none of the values have changed.
      */
     setValues(values: {
         [P in keyof TParams]?: number | string | null;
-    }, force?: boolean): void;
+    }, options?: ISetValuesOptions | boolean): void;
 }
 export interface IViewParameterListInternal extends IViewParameterList {
     update(match: match): boolean;
@@ -38,7 +43,7 @@ export declare class ViewParameterList<TParams extends RouteParameterObject<TPar
     private getQueryString;
     setValues(values: {
         [P in keyof TParams]?: number | string | null;
-    }, force?: boolean): void;
+    }, options?: ISetValuesOptions | boolean): void;
     setUrl(viewParameter: ViewParameter | null, replace?: boolean): void;
     /**
      * Updates the parameter values from the values in the url. Returns true if any of the values have changed.
@@ -51,3 +56,4 @@ export declare class ViewParameterList<TParams extends RouteParameterObject<TPar
      */
     static getPathForValues<TParams extends RouteParameterObject<TParams>>(basePath: string, params: TParams, values: {}): string;
 }
+export {};

package/dist/Routing/ViewParameterList.js

@@ -69,17 +69,20 @@ var ViewParameterList = /** @class */ (function () {
         }
         return queryPath;
     };
-    ViewParameterList.prototype.setValues = function (values, force) {
+    ViewParameterList.prototype.setValues = function (values, options) {
         var _a;
-        if (force === void 0) { force = false; }
         this.suppressNavigation = true;
         this.hasSuppressedNavigation = false;
+        options !== null && options !== void 0 ? options : (options = {});
+        if (typeof options === "boolean") {
+            options = { force: true }; // parameter used to be named 'force'- backwards compatibility.
+        }
         for (var paramName in values) {
             this[paramName].value = (_a = values[paramName]) !== null && _a !== void 0 ? _a : null;
         }
         this.suppressNavigation = false;
-        if (this.hasSuppressedNavigation || force) {
-            this.setUrl(this.params[this.params.length - 1]);
+        if (this.hasSuppressedNavigation || options.force) {
+            this.setUrl(this.params[this.params.length - 1], options.replace);
         }
     };
     ViewParameterList.prototype.setUrl = function (viewParameter, replace) {

package/dist/Views/ViewBase.d.ts

@@ -10,6 +10,7 @@ import EmptyViewModel from './EmptyViewModel';
 import { IRouteChangedProps } from '../Routing/IRouteChangedProps';
 import { valueOrLazy } from './ViewModelBase';
 export interface IViewBase extends Views.IViewBase {
+    readonly fullScreen: boolean;
     viewParams: IViewParameterList;
     updateViewParams(match: match): void;
     getBreadCrumbList(): BreadCrumbItem[];
@@ -22,6 +23,8 @@ export interface IViewBaseConstructor {
 }
 export default abstract class ViewBase<TViewModel extends IViewModel = EmptyViewModel, TParams extends RouteParameterObject<TParams> = {}> extends React.Component implements IViewBase {
     viewName: string;
+    /** Indicates that the view requests to be displayed full screen. Up to the main layout to accommodate this. */
+    fullScreen: boolean;
     static get currentView(): IViewBase | null;
     private routingState;
     navigation: import("../Routing").INavigationHelper;