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

package/dist/ReactComponents/Misc.d.ts

@@ -1,15 +1,15 @@
-export interface ICancellableEvent {
-    /** Informs the caller to cancel any further actions or processing. */
-    cancel(): void;
-    /** Continues with the original action. */
-    continue(): void;
-}
-export declare class CancellableEvent implements ICancellableEvent {
-    private canContinue;
-    private hasCancelled;
-    private cancelledAction?;
-    constructor(canContinue: () => boolean);
-    cancel(): void;
-    tryRunAction(action: () => void): void;
-    continue(): void;
-}
+export interface ICancellableEvent {
+    /** Informs the caller to cancel any further actions or processing. */
+    cancel(): void;
+    /** Continues with the original action. */
+    continue(): void;
+}
+export declare class CancellableEvent implements ICancellableEvent {
+    private canContinue;
+    private hasCancelled;
+    private cancelledAction?;
+    constructor(canContinue: () => boolean);
+    cancel(): void;
+    tryRunAction(action: () => void): void;
+    continue(): void;
+}

package/dist/ReactComponents/Misc.js

@@ -1,28 +1,28 @@
-var CancellableEvent = /** @class */ (function () {
-    function CancellableEvent(canContinue) {
-        this.canContinue = canContinue;
-        this.hasCancelled = false;
-    }
-    CancellableEvent.prototype.cancel = function () {
-        this.hasCancelled = true;
-    };
-    CancellableEvent.prototype.tryRunAction = function (action) {
-        if (this.hasCancelled) {
-            this.cancelledAction = action;
-        }
-        else {
-            action();
-        }
-    };
-    CancellableEvent.prototype.continue = function () {
-        if (this.cancelledAction === undefined) {
-            throw Error("continue() cannot be called multiple times, or if the event was not cancelled.");
-        }
-        if (this.canContinue()) {
-            this.cancelledAction();
-        }
-        this.cancelledAction = undefined;
-    };
-    return CancellableEvent;
-}());
-export { CancellableEvent };
+var CancellableEvent = /** @class */ (function () {
+    function CancellableEvent(canContinue) {
+        this.canContinue = canContinue;
+        this.hasCancelled = false;
+    }
+    CancellableEvent.prototype.cancel = function () {
+        this.hasCancelled = true;
+    };
+    CancellableEvent.prototype.tryRunAction = function (action) {
+        if (this.hasCancelled) {
+            this.cancelledAction = action;
+        }
+        else {
+            action();
+        }
+    };
+    CancellableEvent.prototype.continue = function () {
+        if (this.cancelledAction === undefined) {
+            throw Error("continue() cannot be called multiple times, or if the event was not cancelled.");
+        }
+        if (this.canContinue()) {
+            this.cancelledAction();
+        }
+        this.cancelledAction = undefined;
+    };
+    return CancellableEvent;
+}());
+export { CancellableEvent };

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import IModalOptions, { IModalOptionsAuto, IModalOptionsModel } from '@singularsystems/neo-core/dist/Components/Modal/ModalOptions';
-export default class Modal extends React.Component<IModalOptions | IModalOptionsAuto | IModalOptionsModel> {
-    private visible;
-    private hasUnmounted;
-    private closeTimer;
-    private onSubmit;
-    private lastBindValue?;
-    componentWillUnmount(): void;
-    render(): false | JSX.Element;
-}
+import * as React from 'react';
+import IModalOptions, { IModalOptionsAuto, IModalOptionsModel } from '@singularsystems/neo-core/dist/Components/Modal/ModalOptions';
+export default class Modal extends React.Component<IModalOptions | IModalOptionsAuto | IModalOptionsModel> {
+    private visible;
+    private hasUnmounted;
+    private closeTimer;
+    private onSubmit;
+    private lastBindValue?;
+    componentWillUnmount(): void;
+    render(): false | JSX.Element;
+}

package/dist/ReactComponents/Modal/Modal.js

@@ -1,129 +1,133 @@
-import { __assign, __decorate, __extends, __rest } from "tslib";
-import * as React from 'react';
-import ModalPortal from './ModalPortal';
-import { Misc, Utils } from '@singularsystems/neo-core';
-import Button from '../Button';
-import { Settings } from '@singularsystems/neo-core/dist/Settings';
-import { Neo } from '../..';
-import { observer } from 'mobx-react';
-var Modal = /** @class */ (function (_super) {
-    __extends(Modal, _super);
-    function Modal() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.visible = false;
-        _this.hasUnmounted = false;
-        return _this;
-    }
-    Modal.prototype.componentWillUnmount = function () {
-        this.hasUnmounted = true;
-    };
-    Modal.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, closeButton = _a.closeButton, acceptButton = _a.acceptButton, buttons = _a.buttons, showCancelButton = _a.showCancelButton, title = _a.title, size = _a.size, formProps = _a.formProps, suppressForm = _a.suppressForm, className = _a.className, footer = _a.footer, footerContent = _a.footerContent, other = __rest(_a, ["closeButton", "acceptButton", "buttons", "showCancelButton", "title", "size", "formProps", "suppressForm", "className", "footer", "footerContent"]);
-        var renderOnCollapse = false;
-        var onClose;
-        var show;
-        var propertyInstance = this.props.bind;
-        if (!propertyInstance) {
-            propertyInstance = this.props.bindModel;
-            if (propertyInstance) {
-                renderOnCollapse = true;
-            }
-        }
-        if (propertyInstance) {
-            if (propertyInstance.value) {
-                this.lastBindValue = propertyInstance.value;
-            }
-            if (typeof propertyInstance.value === "object") {
-                formProps = formProps !== null && formProps !== void 0 ? formProps : {};
-                if (!formProps.model) {
-                    formProps.model = propertyInstance.value;
-                }
-            }
-            show = !!propertyInstance.value;
-            onClose = function (event) {
-                if (propertyInstance.value === true) {
-                    propertyInstance.value = false;
-                }
-                else {
-                    propertyInstance.value = null;
-                }
-                if (_this.props.onClose) {
-                    _this.props.onClose(event);
-                }
-            };
-        }
-        else {
-            var manualProps = this.props;
-            show = manualProps.show;
-            onClose = manualProps.onClose;
-        }
-        if (show) {
-            this.visible = true;
-        }
-        else {
-            if (this.visible) {
-                // Fade out
-                if (!this.closeTimer) {
-                    this.closeTimer = setTimeout(function () {
-                        if (!_this.hasUnmounted) {
-                            _this.visible = false;
-                            _this.forceUpdate();
-                        }
-                        _this.closeTimer = null;
-                    }, Misc.Settings.modalAnimationTimeMs);
-                }
-            }
-        }
-        if (!buttons) {
-            buttons = [];
-            if (acceptButton) {
-                acceptButton = Utils.populatePartialWithDefaults(acceptButton, __assign({}, Settings.modal.acceptButton));
-                buttons.push(acceptButton);
-                if (!suppressForm) {
-                    if (!this.onSubmit) {
-                        this.onSubmit = acceptButton.onClick || onClose;
-                    }
-                    acceptButton.onClick = undefined;
-                    acceptButton.isSubmit = true;
-                }
-            }
-            else {
-                suppressForm = true;
-            }
-            if (closeButton === undefined) {
-                closeButton = {};
-            }
-            if (closeButton) {
-                buttons.push(Utils.populatePartialWithDefaults(closeButton, __assign(__assign({}, Settings.modal.closeButton), { onClick: onClose })));
-            }
-        }
-        var content = this.visible && React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "modal-body" }, this.props.children instanceof Function ? (show ? this.props.children(this.lastBindValue) : (renderOnCollapse ? this.props.children(this.lastBindValue) : undefined)) : this.props.children),
-            React.createElement("div", { className: "modal-footer" }, footer ? footer : React.createElement(React.Fragment, null,
-                footerContent && React.createElement("div", { className: "modal-footer-content" }, footerContent),
-                buttons.map(function (buttonProps, index) { return React.createElement(Button, __assign({ key: index }, buttonProps)); }))));
-        var container;
-        if (suppressForm) {
-            container = React.createElement(React.Fragment, null, content);
-        }
-        else {
-            container = React.createElement(Neo.Form, __assign({}, formProps, { onSubmit: function (e) { _this.onSubmit && _this.onSubmit(e); } }), content);
-        }
-        return (this.visible &&
-            React.createElement(ModalPortal, { show: show, onDismiss: onClose, options: this.props },
-                React.createElement("div", { className: "modal-dialog" + (size ? " modal-" + size : "") + (className ? " " + className : "") },
-                    React.createElement("div", { className: "modal-content" },
-                        React.createElement("div", { className: "modal-header" },
-                            React.createElement("h5", { className: "modal-title" }, this.props.title),
-                            this.props.showCancelButton !== false &&
-                                React.createElement("button", { type: "button", className: "close", "aria-label": "Close", onClick: onClose },
-                                    React.createElement("span", { "aria-hidden": "true" }, "\u00D7"))),
-                        container))));
-    };
-    Modal = __decorate([
-        observer
-    ], Modal);
-    return Modal;
-}(React.Component));
-export default Modal;
+import { __assign, __decorate, __extends, __rest } from "tslib";
+import * as React from 'react';
+import ModalPortal from './ModalPortal';
+import { Misc, Utils } from '@singularsystems/neo-core';
+import Button from '../Button';
+import { Settings } from '@singularsystems/neo-core/dist/Settings';
+import { Neo } from '../..';
+import { observer } from 'mobx-react';
+var Modal = /** @class */ (function (_super) {
+    __extends(Modal, _super);
+    function Modal() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.visible = false;
+        _this.hasUnmounted = false;
+        return _this;
+    }
+    Modal.prototype.componentWillUnmount = function () {
+        this.hasUnmounted = true;
+    };
+    Modal.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, closeButton = _a.closeButton, acceptButton = _a.acceptButton, buttons = _a.buttons, showCancelButton = _a.showCancelButton, title = _a.title, size = _a.size, formProps = _a.formProps, suppressForm = _a.suppressForm, className = _a.className, footer = _a.footer, footerContent = _a.footerContent, other = __rest(_a, ["closeButton", "acceptButton", "buttons", "showCancelButton", "title", "size", "formProps", "suppressForm", "className", "footer", "footerContent"]);
+        var renderOnCollapse = false;
+        var onClose;
+        var show;
+        var propertyInstance = this.props.bind;
+        if (!propertyInstance) {
+            propertyInstance = this.props.bindModel;
+            if (propertyInstance) {
+                renderOnCollapse = true;
+            }
+        }
+        if (propertyInstance) {
+            if (propertyInstance.value) {
+                this.lastBindValue = propertyInstance.value;
+            }
+            if (typeof propertyInstance.value === "object") {
+                formProps = formProps !== null && formProps !== void 0 ? formProps : {};
+                if (!formProps.model) {
+                    formProps.model = propertyInstance.value;
+                }
+            }
+            show = !!propertyInstance.value;
+            onClose = function (event) {
+                if (propertyInstance.value === true) {
+                    propertyInstance.value = false;
+                }
+                else {
+                    propertyInstance.value = null;
+                }
+                if (_this.props.onClose) {
+                    _this.props.onClose(event);
+                }
+            };
+        }
+        else {
+            var manualProps = this.props;
+            show = manualProps.show;
+            onClose = manualProps.onClose;
+        }
+        if (show) {
+            this.visible = true;
+        }
+        else {
+            if (this.visible) {
+                // Fade out
+                if (!this.closeTimer) {
+                    this.closeTimer = setTimeout(function () {
+                        if (!_this.hasUnmounted) {
+                            _this.visible = false;
+                            _this.forceUpdate();
+                        }
+                        if (_this.props.afterClose) {
+                            _this.props.afterClose();
+                        }
+                        ;
+                        _this.closeTimer = null;
+                    }, Misc.Settings.modalAnimationTimeMs);
+                }
+            }
+        }
+        if (!buttons) {
+            buttons = [];
+            if (acceptButton) {
+                acceptButton = Utils.populatePartialWithDefaults(acceptButton, __assign({}, Settings.modal.acceptButton));
+                buttons.push(acceptButton);
+                if (!suppressForm) {
+                    if (!this.onSubmit) {
+                        this.onSubmit = acceptButton.onClick || onClose;
+                    }
+                    acceptButton.onClick = undefined;
+                    acceptButton.isSubmit = true;
+                }
+            }
+            else {
+                suppressForm = true;
+            }
+            if (closeButton === undefined) {
+                closeButton = {};
+            }
+            if (closeButton) {
+                buttons.push(Utils.populatePartialWithDefaults(closeButton, __assign(__assign({}, Settings.modal.closeButton), { onClick: onClose })));
+            }
+        }
+        var content = this.visible && React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "modal-body" }, this.props.children instanceof Function ? (show ? this.props.children(this.lastBindValue) : (renderOnCollapse ? this.props.children(this.lastBindValue) : undefined)) : this.props.children),
+            React.createElement("div", { className: "modal-footer" }, footer ? footer : React.createElement(React.Fragment, null,
+                footerContent && React.createElement("div", { className: "modal-footer-content" }, footerContent),
+                buttons.map(function (buttonProps, index) { return React.createElement(Button, __assign({ key: index }, buttonProps)); }))));
+        var container;
+        if (suppressForm) {
+            container = React.createElement(React.Fragment, null, content);
+        }
+        else {
+            container = React.createElement(Neo.Form, __assign({}, formProps, { onSubmit: function (e) { _this.onSubmit && _this.onSubmit(e); } }), content);
+        }
+        return (this.visible &&
+            React.createElement(ModalPortal, { show: show, onDismiss: onClose, options: this.props },
+                React.createElement("div", { className: "modal-dialog" + (size ? " modal-" + size : "") + (className ? " " + className : "") },
+                    React.createElement("div", { className: "modal-content" },
+                        React.createElement("div", { className: "modal-header" },
+                            React.createElement("h5", { className: "modal-title" }, this.props.title),
+                            this.props.showCancelButton !== false &&
+                                React.createElement("button", { type: "button", className: "close", "aria-label": "Close", onClick: onClose },
+                                    React.createElement("span", { "aria-hidden": "true" }, "\u00D7"))),
+                        container))));
+    };
+    Modal = __decorate([
+        observer
+    ], Modal);
+    return Modal;
+}(React.Component));
+export default Modal;

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

@@ -1,17 +1,17 @@
-import React from 'react';
-import { IModalContainerOptions } from '@singularsystems/neo-core/dist/Components/Modal/ModalHelper';
-interface IModalContainerProps extends IModalContainerOptions {
-    /**
-     * By default, the modal container will be added at the root level of the document.
-     * This prop will make it render in the current position of the ModalContainer component.
-     */
-    renderInPlace?: boolean;
-}
-export default class ModalContainer extends React.Component<IModalContainerProps> {
-    private modalStore;
-    private containerRef;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    render(): JSX.Element | (0 | JSX.Element)[];
-}
-export {};
+import React from 'react';
+import { IModalContainerOptions } from '@singularsystems/neo-core/dist/Components/Modal/ModalHelper';
+interface IModalContainerProps extends IModalContainerOptions {
+    /**
+     * By default, the modal container will be added at the root level of the document.
+     * This prop will make it render in the current position of the ModalContainer component.
+     */
+    renderInPlace?: boolean;
+}
+export default class ModalContainer extends React.Component<IModalContainerProps> {
+    private modalStore;
+    private containerRef;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): JSX.Element | (0 | JSX.Element)[];
+}
+export {};

package/dist/ReactComponents/Modal/ModalContainer.js

@@ -1,37 +1,37 @@
-import { __assign, __decorate, __extends } from "tslib";
-import React from 'react';
-import { AppServices, Misc } from '@singularsystems/neo-core';
-import Modal from './Modal';
-import { observer } from 'mobx-react';
-import ModalHelper from '@singularsystems/neo-core/dist/Components/Modal/ModalHelper';
-var ModalContainer = /** @class */ (function (_super) {
-    __extends(ModalContainer, _super);
-    function ModalContainer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.modalStore = Misc.Globals.appService.get(AppServices.NeoTypes.UI.ModalStore);
-        _this.containerRef = React.createRef();
-        return _this;
-    }
-    ModalContainer.prototype.componentDidMount = function () {
-        var _a;
-        ModalHelper.initialise(this.props, (_a = this.containerRef.current) !== null && _a !== void 0 ? _a : undefined);
-    };
-    ModalContainer.prototype.componentDidUpdate = function () {
-        ModalHelper.appInstance.updateProps(this.props);
-    };
-    ModalContainer.prototype.render = function () {
-        var modalList = this.modalStore.modals.map(function (modal) { return (modal.refreshValue &&
-            React.createElement(Modal, __assign({ key: modal.id }, modal.options), modal.content)); });
-        if (this.props.renderInPlace) {
-            return React.createElement("div", { ref: this.containerRef }, modalList);
-        }
-        else {
-            return modalList;
-        }
-    };
-    ModalContainer = __decorate([
-        observer
-    ], ModalContainer);
-    return ModalContainer;
-}(React.Component));
-export default ModalContainer;
+import { __assign, __decorate, __extends } from "tslib";
+import React from 'react';
+import { AppServices, Misc } from '@singularsystems/neo-core';
+import Modal from './Modal';
+import { observer } from 'mobx-react';
+import ModalHelper from '@singularsystems/neo-core/dist/Components/Modal/ModalHelper';
+var ModalContainer = /** @class */ (function (_super) {
+    __extends(ModalContainer, _super);
+    function ModalContainer() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.modalStore = Misc.Globals.appService.get(AppServices.NeoTypes.UI.ModalStore);
+        _this.containerRef = React.createRef();
+        return _this;
+    }
+    ModalContainer.prototype.componentDidMount = function () {
+        var _a;
+        ModalHelper.initialise(this.props, (_a = this.containerRef.current) !== null && _a !== void 0 ? _a : undefined);
+    };
+    ModalContainer.prototype.componentDidUpdate = function () {
+        ModalHelper.appInstance.updateProps(this.props);
+    };
+    ModalContainer.prototype.render = function () {
+        var modalList = this.modalStore.modals.map(function (modal) { return (modal.refreshValue &&
+            React.createElement(Modal, __assign({ key: modal.id }, modal.options), modal.content)); });
+        if (this.props.renderInPlace) {
+            return React.createElement("div", { ref: this.containerRef }, modalList);
+        }
+        else {
+            return modalList;
+        }
+    };
+    ModalContainer = __decorate([
+        observer
+    ], ModalContainer);
+    return ModalContainer;
+}(React.Component));
+export default ModalContainer;

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import { IModalOptionsBase } from '@singularsystems/neo-core/dist/Components/Modal/ModalOptions';
-export interface IModalPortalProps {
-    show: boolean;
-    onDismiss: (e: any) => void;
-    options: IModalOptionsBase;
-    children: React.ReactNode;
-}
-export default class ModalPortal extends React.Component<IModalPortalProps> {
-    private modalContainer;
-    private modalInstance;
-    constructor(props: IModalPortalProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): React.ReactPortal;
-}
+import React from 'react';
+import { IModalOptionsBase } from '@singularsystems/neo-core/dist/Components/Modal/ModalOptions';
+export interface IModalPortalProps {
+    show: boolean;
+    onDismiss: (e: any) => void;
+    options: IModalOptionsBase;
+    children: React.ReactNode;
+}
+export default class ModalPortal extends React.Component<IModalPortalProps> {
+    private modalContainer;
+    private modalInstance;
+    constructor(props: IModalPortalProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): import("react").ReactPortal;
+}

package/dist/ReactComponents/Modal/ModalPortal.js

@@ -1,27 +1,27 @@
-import { __extends } from "tslib";
-import React from 'react';
-import { createPortal } from 'react-dom';
-import ModalHelper from '@singularsystems/neo-core/dist/Components/Modal/ModalHelper';
-var ModalPortal = /** @class */ (function (_super) {
-    __extends(ModalPortal, _super);
-    function ModalPortal(props) {
-        var _this = _super.call(this, props) || this;
-        _this.modalContainer = document.createElement("div");
-        return _this;
-    }
-    ModalPortal.prototype.componentDidMount = function () {
-        var options = this.props.options;
-        this.modalInstance = ModalHelper.appInstance.addModal(this.modalContainer, options, options.showCancelButton !== false ? this.props.onDismiss : undefined);
-    };
-    ModalPortal.prototype.componentWillUnmount = function () {
-        ModalHelper.appInstance.endRemove(this.modalInstance);
-    };
-    ModalPortal.prototype.render = function () {
-        if (!this.props.show && !this.modalInstance.isRemoving) {
-            ModalHelper.appInstance.beginRemove(this.modalInstance);
-        }
-        return createPortal(this.props.children, this.modalContainer);
-    };
-    return ModalPortal;
-}(React.Component));
-export default ModalPortal;
+import { __extends } from "tslib";
+import React from 'react';
+import { createPortal } from 'react-dom';
+import ModalHelper from '@singularsystems/neo-core/dist/Components/Modal/ModalHelper';
+var ModalPortal = /** @class */ (function (_super) {
+    __extends(ModalPortal, _super);
+    function ModalPortal(props) {
+        var _this = _super.call(this, props) || this;
+        _this.modalContainer = document.createElement("div");
+        return _this;
+    }
+    ModalPortal.prototype.componentDidMount = function () {
+        var options = this.props.options;
+        this.modalInstance = ModalHelper.appInstance.addModal(this.modalContainer, options, options.showCancelButton !== false ? this.props.onDismiss : undefined);
+    };
+    ModalPortal.prototype.componentWillUnmount = function () {
+        ModalHelper.appInstance.endRemove(this.modalInstance);
+    };
+    ModalPortal.prototype.render = function () {
+        if (!this.props.show && !this.modalInstance.isRemoving) {
+            ModalHelper.appInstance.beginRemove(this.modalInstance);
+        }
+        return createPortal(this.props.children, this.modalContainer);
+    };
+    return ModalPortal;
+}(React.Component));
+export default ModalPortal;

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

@@ -1,6 +1,7 @@
-import React from "react";
-import { Components } from "@singularsystems/neo-core";
-import CollapsableBase from '../CollapsableBase';
-export default class Alert extends CollapsableBase<Components.INotificationOptions & React.HTMLProps<HTMLDivElement>> {
-    render(): JSX.Element;
-}
+import React from "react";
+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;
+}