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

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

package/dist/Views/ViewModelBase.js

@@ -106,11 +106,7 @@ var ViewModelBase = /** @class */ (function (_super) {
         }
         else if (viewModel.neo) {
             // Constructor
-            var viewModelInstance = new viewModel();
-            if (taskRunner) {
-                viewModelInstance.taskRunner = taskRunner;
-            }
-            return viewModelInstance;
+            return new viewModel(taskRunner);
         }
         else {
             // Callback

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-react",
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0",
   "description": "React application logic and components for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -10,7 +10,8 @@
   },
   "files": [
     "dist",
-    "styles"
+    "styles",
+    "CHANGELOG.md"
   ],
   "author": "Singular Systems",
   "license": "ISC",
@@ -20,21 +21,22 @@
     "@types/jest": "29.5.1",
     "@types/memoize-one": "5.1.2",
     "@types/node": "18.16.3",
-    "@types/react": "18.2.4",
+    "@types/react": "18.2.64",
     "@types/react-custom-scrollbars": "^4.0.6",
     "@types/react-dom": "18.2.3",
     "@types/react-router": "5.1.18",
     "@types/react-router-dom": "5.3.3",
+    "decimal.js-light": "2.5.1",
     "react-scripts": "5.0.1",
-    "typescript": "5.0.4"
+    "typescript": "5.4.2"
   },
   "dependencies": {
-    "@singularsystems/neo-core": "1.0.0-beta.6",
+    "@singularsystems/neo-core": "1.0.0",
     "@types/rc-slider": "^8.6.5",
     "@types/react-color": "^3.0.1",
-    "axios": "1.4.0",
+    "axios": "1.6.7",
     "history": "4.10.1",
-    "inversify": "^6.0.1",
+    "inversify": "^6.0.2",
     "memoize-one": "6.0.0",
     "mobx": "6.9.0",
     "mobx-react": "7.6.0",
@@ -47,8 +49,8 @@
     "tslib": "2.5.0"
   },
   "peerDependencies": {
-    "@singularsystems/neo-core": ">=1.0.0-beta.6",
-    "axios": "1.4.0",
+    "@singularsystems/neo-core": ">=1.0.0",
+    "axios": ">=1.6.2",
     "inversify": ">=5.0.1",
     "mobx": ">=6.9.0",
     "mobx-react": ">=7.6.0",
@@ -57,7 +59,7 @@
     "react-router": "^5.0.0",
     "react-router-dom": "^5.0.0"
   },
-  "packageManager": "yarn@3.5.1",
+  "packageManager": "yarn@4.1.1",
   "resolutions": {
     "@singularsystems/neo-core": "portal:../core"
   }

package/dist/React/Decorators.d.ts

@@ -1,4 +0,0 @@
-/**
- * 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.
- */
-export declare function observableList(type: any, propertyKey: string): any;

package/dist/React/Decorators.js

@@ -1,15 +0,0 @@
-import { createObservableList } from './Utils';
-/**
- * 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.
- */
-export function observableList(type, propertyKey) {
-    var descriptor = arguments[2];
-    var initializer = descriptor.initializer;
-    return {
-        get: function () {
-            // Convert to observable list on first read. This will overwrite this getter, and the next read will call the overwritten get method.
-            createObservableList(this, propertyKey, initializer());
-            return this[propertyKey];
-        }
-    };
-}

package/dist/React/Utils.d.ts

@@ -1,2 +0,0 @@
-import { List } from '@singularsystems/neo-core';
-export declare function createObservableList<T>(target: any, propertyKey: string, list: List<T>): void;

package/dist/React/Utils.js

@@ -1,15 +0,0 @@
-import { observable } from "mobx";
-import { List } from '@singularsystems/neo-core';
-export function createObservableList(target, propertyKey, list) {
-    if (list instanceof Array) {
-        // this overload is not part of the typescript typings. The true tells it to create the observable immediately
-        observable.shallow(target, propertyKey, { value: list }, true);
-        // add the original methods and values back to the mobx array.
-        var obsArray = target[propertyKey];
-        List.copyMethods(obsArray);
-        list.setupProxy(obsArray, target, propertyKey);
-    }
-    else {
-        throw "observableList can only be defined on arrays.";
-    }
-}