@singularsystems/neo-react 1.0.0-beta.7 → 1.0.1

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

@@ -43,6 +43,6 @@ export declare class ButtonColumn extends ComponentBase<IButtonColumnProps> {
     private section;
     protected onFirstRender(): void;
     onDelete(): Promise<void>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/ReactComponents/Grid/ButtonColumn.js

@@ -5,7 +5,7 @@ import NeoButton from '../Button';
 import { Misc, Utils } from '@singularsystems/neo-core';
 import ComponentBase from '../ComponentBase';
 import { ColumnHelper } from './ColumnHelper';
-export var ButtonColumn = /** @class */ (function (_super) {
+var ButtonColumn = /** @class */ (function (_super) {
     __extends(ButtonColumn, _super);
     function ButtonColumn(props) {
         var _this = _super.call(this, props) || this;
@@ -17,9 +17,9 @@ export var ButtonColumn = /** @class */ (function (_super) {
         this.item = this.context.currentItem;
     };
     ButtonColumn.prototype.onDelete = function () {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
             var item, mustRemove;
+            var _a, _b;
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
@@ -79,3 +79,4 @@ export var ButtonColumn = /** @class */ (function (_super) {
     ButtonColumn.contextType = GridContext;
     return ButtonColumn;
 }(ComponentBase));
+export { ButtonColumn };

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

@@ -41,7 +41,7 @@ export default class Column<TData> extends ComponentBase<INeoColumnProps<TData>>
     private headerClick;
     refreshStateObserver(props: IBindableEditorProps): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private renderHeader;
     private renderBody;
     private renderFooter;

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

@@ -34,7 +34,7 @@ export interface IGridProps<T> extends Omit<React.HTMLProps<HTMLTableElement>, "
      * The unique key of the items being displayed. This is only necessary if the items dont have an entityIdentifier
      * property (non ModelBase items).
      */
-    keyProperty?: string;
+    keyProperty?: keyof T;
     /**
      * Set to false if you don't want to allow sorting.
      */
@@ -91,6 +91,6 @@ export default class Grid<T> extends React.Component<IGridProps<T>> {
     constructor(props: IGridProps<T>);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private setInitialSort;
 }

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

@@ -32,7 +32,7 @@ export default class Row<TData> extends ComponentBase<IRowProps> {
     onFirstRender(): void;
     componentWillUnmount(): void;
     onExpandClick(): void;
-    render(): false | JSX.Element;
+    render(): false | React.JSX.Element;
 }
 interface INeoChildRowProps extends React.HTMLProps<HTMLTableRowElement> {
     /**
@@ -63,7 +63,7 @@ export declare class ChildRow extends ComponentBase<INeoChildRowProps> {
     protected afterRender(isInitial: boolean): void;
     private afterTransition;
     private setHeight;
-    render(): false | JSX.Element | undefined;
+    render(): false | React.JSX.Element | undefined;
 }
 interface INeoRowGroupProps {
     /**

package/dist/ReactComponents/Grid/Row.js

@@ -89,7 +89,7 @@ var Row = /** @class */ (function (_super) {
     return Row;
 }(ComponentBase));
 export default Row;
-export var ChildRow = /** @class */ (function (_super) {
+var ChildRow = /** @class */ (function (_super) {
     __extends(ChildRow, _super);
     function ChildRow(props) {
         var _this = _super.call(this, props) || this;
@@ -185,7 +185,8 @@ export var ChildRow = /** @class */ (function (_super) {
     ], ChildRow);
     return ChildRow;
 }(ComponentBase));
-export var RowGroup = /** @class */ (function (_super) {
+export { ChildRow };
+var RowGroup = /** @class */ (function (_super) {
     __extends(RowGroup, _super);
     function RowGroup() {
         return _super !== null && _super.apply(this, arguments) || this;
@@ -199,3 +200,4 @@ export var RowGroup = /** @class */ (function (_super) {
     RowGroup.contextType = GridContext;
     return RowGroup;
 }(React.Component));
+export { RowGroup };

package/dist/ReactComponents/GridLayout.d.ts

@@ -15,6 +15,6 @@ export declare class FormGroupLayoutContextParams {
 }
 export declare const FormGroupLayoutContext: React.Context<FormGroupLayoutContextParams>;
 export default class GridLayout extends React.Component<ILayoutGridProps & React.HTMLProps<HTMLDivElement>> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/ReactComponents/IColorPicker.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface ColorPickerProps {
+    color: string;
+    onChange: (newColor: string) => void;
+}
+export type IColorPicker = (props: ColorPickerProps) => JSX.Element;
+export {};

package/dist/ReactComponents/IColorPicker.js

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

package/dist/ReactComponents/Icons/FontAwesomeIconFactory.js

@@ -3,7 +3,7 @@ import React from "react";
 import { injectable } from "inversify";
 import { IconFactory } from "./IconFactory";
 /** Icon factory supporting font-awesome string, as well as the font-awesome icon definition and component. */
-export var FontAwesomeIconFactory = /** @class */ (function (_super) {
+var FontAwesomeIconFactory = /** @class */ (function (_super) {
     __extends(FontAwesomeIconFactory, _super);
     /**
      * Creates a font awesome factory, allowing the use of IconDefinition on any neo icon prop.
@@ -41,3 +41,4 @@ export var FontAwesomeIconFactory = /** @class */ (function (_super) {
     ], FontAwesomeIconFactory);
     return FontAwesomeIconFactory;
 }(IconFactory));
+export { FontAwesomeIconFactory };

package/dist/ReactComponents/Icons/IconFactory.js

@@ -3,7 +3,7 @@ import { Utils } from "@singularsystems/neo-core";
 import React from "react";
 import { injectable } from 'inversify';
 /** Default icon factory supporting font-awesome strings. */
-export var IconFactory = /** @class */ (function () {
+var IconFactory = /** @class */ (function () {
     function IconFactory() {
     }
     IconFactory.prototype.getIconComponent = function (iconOrName, style) {
@@ -49,3 +49,4 @@ export var IconFactory = /** @class */ (function () {
     ], IconFactory);
     return IconFactory;
 }());
+export { IconFactory };

package/dist/ReactComponents/Icons/MaterialSymbolsFontFactory.js

@@ -8,9 +8,8 @@ import { IconFactory } from ".";
 var MaterialSymbolsFontFactory = /** @class */ (function (_super) {
     __extends(MaterialSymbolsFontFactory, _super);
     function MaterialSymbolsFontFactory(options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this) || this;
+        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);

package/dist/ReactComponents/Input.d.ts

@@ -31,7 +31,7 @@ export default class Input extends ComponentBase<IInputProps> {
     private determineType;
     afterRender(): void;
     private onChanged;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare class Textbox extends Input {
     constructor(props: any);

package/dist/ReactComponents/InputHelpers.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 import { ICommonEditorProps } from './PropTypes';
 export declare class InputHelpers {
     private static iconFactory?;
-    static surroundWithInputGroup<T extends React.ReactNode>(element: T, props: ICommonEditorProps, inputRef?: React.RefObject<HTMLElement>): JSX.Element | T;
+    static surroundWithInputGroup<T extends React.ReactNode>(element: T, props: ICommonEditorProps, inputRef?: React.RefObject<HTMLElement>): React.JSX.Element | T;
 }

package/dist/ReactComponents/Link.d.ts

@@ -8,6 +8,6 @@ interface ILinkProps extends React.HTMLProps<HTMLAnchorElement> {
 export default class Link extends React.Component<ILinkProps> {
     constructor(props: ILinkProps);
     private onClick;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/ReactComponents/Loader.d.ts

@@ -12,7 +12,7 @@ export default class Loader extends ComponentBase<ILoaderProps> {
     overlayRef: React.RefObject<HTMLDivElement>;
     isShowing: boolean;
     hasAnimated: boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     afterRender(): void;
 }
 export {};

package/dist/ReactComponents/Modal/Modal.d.ts

@@ -7,5 +7,5 @@ export default class Modal extends React.Component<IModalOptions | IModalOptions
     private onSubmit;
     private lastBindValue?;
     componentWillUnmount(): void;
-    render(): false | JSX.Element;
+    render(): false | React.JSX.Element;
 }

package/dist/ReactComponents/Modal/ModalContainer.d.ts

@@ -12,6 +12,6 @@ export default class ModalContainer extends React.Component<IModalContainerProps
     private containerRef;
     componentDidMount(): void;
     componentDidUpdate(): void;
-    render(): JSX.Element | (0 | JSX.Element)[];
+    render(): React.JSX.Element | (0 | React.JSX.Element)[];
 }
 export {};

package/dist/ReactComponents/Modal/ModalPortal.d.ts

@@ -12,5 +12,5 @@ export default class ModalPortal extends React.Component<IModalPortalProps> {
     constructor(props: IModalPortalProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): import("react").ReactPortal;
+    render(): React.ReactPortal;
 }

package/dist/ReactComponents/Notifications/Alert.d.ts

@@ -3,5 +3,5 @@ import { Components } from "@singularsystems/neo-core";
 import CollapsableBase from '../CollapsableBase';
 export default class Alert extends CollapsableBase<Components.INotificationOptions & React.HTMLProps<HTMLDivElement>> {
     private iconFactory;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/ReactComponents/Notifications/Toast.d.ts

@@ -5,5 +5,5 @@ export default class Toast extends CollapsableBase<Components.INotificationOptio
     private iconFactory;
     countDownRef: React.RefObject<HTMLDivElement>;
     afterRender(isInitial: boolean): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/ReactComponents/Notifications/ToastContainer.d.ts

@@ -4,5 +4,5 @@ export interface IToastContainerProps {
     notificationStore: Components.INotificationStore;
 }
 export default class ToastContainer extends React.Component<IToastContainerProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/ReactComponents/NumberInput.d.ts

@@ -52,5 +52,5 @@ export default class NumberInput extends ComponentBase<INumberInputProps> {
     private onKeyDown;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -22,5 +22,5 @@ export interface IPagerControlsProps extends React.HTMLProps<HTMLUListElement> {
 }
 export default class SimplePagerControls extends React.Component<IPagerControlsProps> {
     private iconFactory;
-    render(): false | JSX.Element;
+    render(): false | React.JSX.Element;
 }

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

@@ -7,5 +7,5 @@ export interface IPageSizeControlProps {
 }
 export default class PageSizeControl extends React.Component<IPageSizeControlProps> {
     pageSize: Model.PropertyAccessor;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

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

package/dist/ReactComponents/ProgressBar.d.ts

@@ -15,5 +15,5 @@ export interface IProgressBarProps {
 export default class ProgressBar extends React.Component<IProgressBarProps & React.HTMLProps<HTMLDivElement>> {
     innerRef: React.RefObject<HTMLDivElement>;
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/ReactComponents/PropTypes.d.ts

@@ -137,7 +137,7 @@ export declare class BindPropsHelper {
     static getBindProperty<T>(allProps: IEditorContainerProps<T, any>): Model.IPropertyInstance;
     static splitCommonEditorProps<T extends ICommonEditorProps>(props: T): {
         editor: ICommonEditorProps;
-        rest: Omit<T, "disabled" | "readOnly" | "isReadOnly" | "isDisabled" | "prependText" | "appendText" | "prepend" | "append" | "inputElement">;
+        rest: Omit<T, "append" | "prepend" | "disabled" | "readOnly" | "isDisabled" | "isReadOnly" | "prependText" | "appendText" | "inputElement">;
     };
     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>;

package/dist/ReactComponents/PropTypes.js

@@ -24,7 +24,7 @@ export var CheckboxType;
     CheckboxType[CheckboxType["Checkbox"] = 1] = "Checkbox";
     CheckboxType[CheckboxType["Switch"] = 2] = "Switch";
 })(CheckboxType || (CheckboxType = {}));
-export var BindPropsHelper = /** @class */ (function () {
+var BindPropsHelper = /** @class */ (function () {
     function BindPropsHelper() {
     }
     Object.defineProperty(BindPropsHelper, "config", {
@@ -207,6 +207,7 @@ export var BindPropsHelper = /** @class */ (function () {
             domProps.id = (_a = formContext.uniqueId) !== null && _a !== void 0 ? _a : props.uniqueID;
         }
         if (this.config.isTestOrDevelopment) {
+            //@ts-ignore
             domProps[BindPropsHelper.DataFieldName] = props.bind.propertyInfo.propertyName;
         }
         if (this.isReadOnly(props.editor, formContext)) {
@@ -261,3 +262,4 @@ export var BindPropsHelper = /** @class */ (function () {
     BindPropsHelper.DataFieldName = "data-field-name";
     return BindPropsHelper;
 }());
+export { BindPropsHelper };

package/dist/ReactComponents/RadioList.d.ts

@@ -25,5 +25,5 @@ export default class RadioList<T> extends ComponentBase<IRadioListProps<T>> {
     private items;
     private preRender;
     private createEnumList;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/ReactComponents/Slider.d.ts

@@ -23,6 +23,6 @@ export default class Slider extends React.Component<ISliderSpecificProps | IRang
     onChangeHandler: (value: number | number[]) => void;
     private getSlider;
     private getRange;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/ReactComponents/Slider.js

@@ -14,7 +14,7 @@ var Slider = /** @class */ (function (_super) {
         _this.sliderImplementation = Misc.Globals.appService.get(NeoReactTypes.Components.Slider);
         _this.rangeImplementation = Misc.Globals.appService.get(NeoReactTypes.Components.Range);
         _this.onChangeHandler = function (value) {
-            if (_this.isRange === false) {
+            if (!(value instanceof Array)) {
                 // This is a <Slider/>
                 _this.props.bind.value = value;
             }

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

@@ -34,9 +34,9 @@ export default class Tab extends React.Component<ITabProps> {
     private iconFactory;
     constructor(props: ITabProps);
     componentDidMount(): void;
-    render(): false | JSX.Element;
+    render(): false | React.JSX.Element;
     onClick(e: React.MouseEvent<HTMLAnchorElement>): void;
-    renderHeader(isSelected: boolean): JSX.Element;
-    renderBody(isSelected: boolean): false | JSX.Element;
+    renderHeader(isSelected: boolean): React.JSX.Element;
+    renderBody(isSelected: boolean): false | React.JSX.Element;
 }
 export {};

package/dist/ReactComponents/Tabs/Tab.js

@@ -7,9 +7,8 @@ import { NeoReactTypes } from "../../Modules/Types";
 var Tab = /** @class */ (function (_super) {
     __extends(Tab, _super);
     function Tab(props) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, props) || this;
+        var _this = _super.call(this, props) || this;
         _this.hasRenderedContents = false;
         _this.iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
         _this.onClick = _this.onClick.bind(_this);

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

@@ -40,5 +40,5 @@ export default class TabContainer extends React.Component<ITabContainerProps & R
     constructor(props: ITabContainerProps & React.HTMLProps<HTMLDivElement>);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/ReactComponents/Tooltip.d.ts

@@ -14,7 +14,11 @@ export default class Tooltip extends React.Component<ITooltipProps> {
     componentWillUnmount(): void;
     private onMouseEnter;
     private onMouseLeave;
-    render(): JSX.Element;
-    static fromDataAttributes(element: JSX.Element, attributes: {}): JSX.Element;
-    static setDomProperties(dom: HTMLProps<HTMLElement>, tooltipOptions: string | Components.Tooltip.ITooltipOptions): void;
+    render(): React.JSX.Element;
+    static fromDataAttributes(element: JSX.Element, attributes: {
+        [key: string]: any;
+    }): React.JSX.Element;
+    static setDomProperties(dom: HTMLProps<HTMLElement> & {
+        [key: string]: any;
+    }, tooltipOptions: string | Components.Tooltip.ITooltipOptions): void;
 }

package/dist/ReactComponents/TooltipHelper.d.ts

@@ -4,5 +4,6 @@ export declare class TooltipHelper {
     static showTooltip(on: HTMLElement, content: string, isHtml: boolean, aligmnent?: Components.Tooltip.Alignment, position?: Components.Tooltip.Position, className?: string): void;
     static hideTooltip(): void;
     private static positionTooltip;
+    private static getPrefixedWindowKey;
     private static getPrefixedStyleName;
 }

package/dist/ReactComponents/TooltipHelper.js

@@ -40,7 +40,7 @@ var TooltipHelper = /** @class */ (function () {
         var ttRect = toolTipContainer.getBoundingClientRect();
         var anchorRect = anchor.getBoundingClientRect();
         if (alignment === "start-edge") {
-            alignment = (anchorRect[startName] + ttRect[dimensionName] + 20 > window[this.getPrefixedStyleName("inner", dimensionName)]) ? "end" : "start";
+            alignment = (anchorRect[startName] + ttRect[dimensionName] + 20 > window[this.getPrefixedWindowKey("inner", dimensionName)]) ? "end" : "start";
         }
         else if (alignment === "end-edge") {
             alignment = (anchorRect[endName] - ttRect[dimensionName] < 15) ? "start" : "end";
@@ -56,12 +56,12 @@ var TooltipHelper = /** @class */ (function () {
             arrowPosition = anchorRect[dimensionName] - 20;
         }
         // Check if the tooltip is going to go off the edge of the screen.
-        var clampedStart = Math.max(Math.min(start, window[this.getPrefixedStyleName("inner", dimensionName)] - ttRect[dimensionName] - 20), 15);
+        var clampedStart = Math.max(Math.min(start, window[this.getPrefixedWindowKey("inner", dimensionName)] - ttRect[dimensionName] - 20), 15);
         var arrowOffset = anchorRect[startName] - clampedStart;
         ttArrow.removeAttribute("style");
         ttArrow.style[startName] = (arrowOffset + arrowPosition) + "px";
         var align = anchorRect[alignName] - ttRect[alignDimensionName] - arrowHeight;
-        if ((align < 20 || position === endAlignName) && anchorRect[endAlignName] + ttRect[alignDimensionName] + arrowHeight + 20 < window[this.getPrefixedStyleName("inner", alignDimensionName)]) {
+        if ((align < 20 || position === endAlignName) && anchorRect[endAlignName] + ttRect[alignDimensionName] + arrowHeight + 20 < window[this.getPrefixedWindowKey("inner", alignDimensionName)]) {
             align = anchorRect[endAlignName] + arrowHeight;
             ttArrow.style[this.getPrefixedStyleName("border", endAlignName)] = "5px solid " + bgColor;
             ttArrow.style[this.getPrefixedStyleName("border", alignName)] = "none";
@@ -76,7 +76,11 @@ var TooltipHelper = /** @class */ (function () {
         toolTipContainer.style[alignName] = align + (isHorizontal ? window.scrollX : window.scrollY) + "px";
         toolTipContainer.style[startName] = clampedStart + (isHorizontal ? window.scrollY : window.scrollX) + "px";
     };
+    TooltipHelper.getPrefixedWindowKey = function (prefix, styleName) {
+        return prefix + styleName[0].toUpperCase() + styleName.substring(1);
+    };
     TooltipHelper.getPrefixedStyleName = function (prefix, styleName) {
+        // This can return any style name, but is cast as "borderLeft" to keep typescript happy.
         return prefix + styleName[0].toUpperCase() + styleName.substring(1);
     };
     return TooltipHelper;

package/dist/ReactComponents/TooltipProvider.d.ts

@@ -26,5 +26,5 @@ export default class TooltipProvider extends React.Component {
     private timerTick;
     private hide;
     private show;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/ReactComponents/ValidationSummary.d.ts

@@ -19,5 +19,5 @@ export interface IValidationSummaryProps {
 export default class ValidationSummary extends React.Component<IValidationSummaryProps> {
     private iconFactory;
     private getRules;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/Routing/MenuRoute.js

@@ -9,9 +9,11 @@ var MenuRoute = /** @class */ (function () {
     function MenuRoute(baseRoute, menuParams, viewParams) {
         var _this = this;
         Object.getOwnPropertyNames(baseRoute).forEach(function (propertyName) {
+            // @ts-ignore 
             _this[propertyName] = baseRoute[propertyName];
         });
         Object.getOwnPropertyNames(menuParams).forEach(function (propertyName) {
+            // @ts-ignore 
             _this[propertyName] = menuParams[propertyName];
         });
         this.basePath = this.path;

package/dist/Routing/PageLeaveHandler.js

@@ -3,7 +3,7 @@ import { Routing, ModalUtils, Misc, AppServices } from '@singularsystems/neo-cor
 import { inject, injectable } from 'inversify';
 import { NeoReactTypes } from '../Modules/Types';
 import { RoutingState } from './RoutingState';
-export var PageLeaveHandler = /** @class */ (function () {
+var PageLeaveHandler = /** @class */ (function () {
     function PageLeaveHandler(routingState) {
         this.routingState = routingState;
     }
@@ -72,3 +72,4 @@ export var PageLeaveHandler = /** @class */ (function () {
     ], PageLeaveHandler);
     return PageLeaveHandler;
 }());
+export { PageLeaveHandler };

package/dist/Routing/RoutingState.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from "tslib";
 import { injectable } from 'inversify';
 import { computed, makeObservable, observable } from 'mobx';
-export var RoutingState = /** @class */ (function () {
+var RoutingState = /** @class */ (function () {
     function RoutingState() {
         this.observableRoute = null;
         this.currentView = null;
@@ -69,3 +69,4 @@ export var RoutingState = /** @class */ (function () {
     ], RoutingState);
     return RoutingState;
 }());
+export { RoutingState };

package/dist/Routing/ViewParameter.js

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from "tslib";
 import { makeObservable, observable } from 'mobx';
-export var ViewParameter = /** @class */ (function () {
+var ViewParameter = /** @class */ (function () {
     function ViewParameter(parent, name, routeParameter) {
         this.parent = parent;
         this.name = name;
@@ -128,3 +128,4 @@ export var ViewParameter = /** @class */ (function () {
     ], ViewParameter.prototype, "_description", void 0);
     return ViewParameter;
 }());
+export { ViewParameter };

package/dist/Routing/ViewParameterList.d.ts

@@ -3,6 +3,7 @@ import { RouteParameterObject } from './IRouteParameter';
 import { match } from 'react-router';
 import { BreadCrumbItem } from './BreadCrumbItem';
 import { IViewBase } from '../Views/ViewBase';
+import { ParamValues } from "./NavigationHelper";
 export type TransformParamsType<T> = {
     [P in keyof T]: IViewParameter;
 };
@@ -54,6 +55,6 @@ export declare class ViewParameterList<TParams extends RouteParameterObject<TPar
      * @param basePath Base path without parameters
      * @param values Object of param names and values.
      */
-    static getPathForValues<TParams extends RouteParameterObject<TParams>>(basePath: string, params: TParams, values: {}): string;
+    static getPathForValues<TParams extends RouteParameterObject<TParams>>(basePath: string, params: TParams, values: ParamValues<TParams>): string;
 }
 export {};

package/dist/Routing/ViewParameterList.js

@@ -12,6 +12,7 @@ var ViewParameterList = /** @class */ (function () {
         if (routeParameterObject) {
             for (var param in routeParameterObject) {
                 var viewParam = new ViewParameter(this, param, routeParameterObject[param]);
+                //@ts-ignore
                 this[param] = viewParam;
                 this.params.push(viewParam);
             }
@@ -80,6 +81,7 @@ var ViewParameterList = /** @class */ (function () {
             options = { force: true }; // parameter used to be named 'force'- backwards compatibility.
         }
         for (var paramName in values) {
+            //@ts-ignore
             this[paramName].value = (_a = values[paramName]) !== null && _a !== void 0 ? _a : null;
         }
         this.suppressNavigation = false;
@@ -111,8 +113,10 @@ var ViewParameterList = /** @class */ (function () {
         var hasChanged = false;
         //Get url params
         for (var param in match.params) {
+            //@ts-ignore
             var viewParam = this[param];
             if (viewParam) {
+                // @ts-ignore
                 var value = match.params[param];
                 if (value === undefined)
                     value = null;
@@ -140,6 +144,7 @@ var ViewParameterList = /** @class */ (function () {
         // TODO: This needs a rework.
         var viewParameterList = new ViewParameterList(params);
         for (var name_1 in values) {
+            //@ts-ignore
             var viewParam = viewParameterList[name_1];
             if (viewParam) {
                 var value = values[name_1];

package/dist/Services/DisposeHelper.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { injectable } from "inversify";
 import { reaction } from "mobx";
-export var DisposeHelper = /** @class */ (function () {
+var DisposeHelper = /** @class */ (function () {
     function DisposeHelper() {
         this.registeredReactions = [];
         this.registeredDisposables = [];
@@ -38,3 +38,4 @@ export var DisposeHelper = /** @class */ (function () {
     ], DisposeHelper);
     return DisposeHelper;
 }());
+export { DisposeHelper };

package/dist/Views/ViewBase.js

@@ -72,7 +72,7 @@ var ViewBase = /** @class */ (function (_super) {
     ViewBase.prototype.componentDidMount = function () {
         var _this = this;
         var paramsUpdated = this.navigation.currentRouteProps ? this.viewState.viewParams.update(this.navigation.currentRouteProps.match) : false;
-        var initPromise;
+        var initPromise = undefined;
         if (!this.viewState.hasSetup) {
             this.viewState.hasSetup = true;
             initPromise = this.initialise();

package/dist/Views/ViewModelBase.d.ts

@@ -4,6 +4,7 @@ import { IReactionDisposer } from 'mobx';
 import { AxiosPromise } from 'axios';
 import { WaitForTaskRunnerOptions } from '@singularsystems/neo-core/dist/Components/TaskRunner/TaskRunner';
 import { BindableBase } from '@singularsystems/neo-core/dist/Model/BindableBase';
+type VMConstructor<T> = (new (taskRunner?: ITaskRunner) => T);
 export type valueOrLazy<T> = T | (() => T) | (new () => T);
 export default abstract class ViewModelBase extends ModelBase implements IViewModel {
     taskRunner: ITaskRunner;
@@ -22,7 +23,7 @@ export default abstract class ViewModelBase extends ModelBase implements IViewMo
      * The task runner will be passed to the new vm from this one.
      * @param viewModel View model type.
      */
-    registerViewModel<TViewModel extends IViewModel>(viewModel: new () => TViewModel, options?: {
+    registerViewModel<TViewModel extends IViewModel>(viewModel: VMConstructor<TViewModel>, options?: {
         initialise: boolean;
     }): TViewModel;
     /**
@@ -55,3 +56,4 @@ export default abstract class ViewModelBase extends ModelBase implements IViewMo
      */
     static create<TViewModel extends IViewModel>(viewModel: valueOrLazy<TViewModel>, taskRunner?: ITaskRunner): TViewModel;
 }
+export {};