@singularsystems/neo-react 1.0.0-alpha.2 → 1.0.0-beta.0

package/dist/ReactComponents/Modal/Modal.js

@@ -1,129 +1,129 @@
-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();
+                        }
+                        _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,15 +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;
-}
-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;
+}

package/dist/ReactComponents/Notifications/Alert.js

@@ -1,35 +1,38 @@
-import { __assign, __decorate, __extends, __rest } from "tslib";
-import React from "react";
-import { Utils } from "@singularsystems/neo-core";
-import { observer } from 'mobx-react';
-import CollapsableBase from '../CollapsableBase';
-var Alert = /** @class */ (function (_super) {
-    __extends(Alert, _super);
-    function Alert() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Alert.prototype.render = function () {
-        var _a = this.props, variant = _a.variant, heading = _a.heading, show = _a.show, bindShow = _a.bindShow, autoCloseTimeout = _a.autoCloseTimeout, animateInitial = _a.animateInitial, state = _a.state, onHidden = _a.onHidden, refreshValue = _a.refreshValue, icon = _a.icon, native = __rest(_a, ["variant", "heading", "show", "bindShow", "autoCloseTimeout", "animateInitial", "state", "onHidden", "refreshValue", "icon"]);
-        var className = Utils.joinWithSpaces(native.className, "alert", "alert-" + variant, "collapsable");
-        if (bindShow) {
-            className += " alert-dismissible";
-        }
-        this.shouldShow = show !== false && (!bindShow || bindShow.value);
-        return (React.createElement("div", __assign({}, native, { className: className, ref: this.containerRef }),
-            heading &&
-                React.createElement("h6", null, heading),
-            icon &&
-                React.createElement("div", { className: "notification-icon-container" },
-                    React.createElement("i", { className: Utils.getFontAwesomeClass(icon) }),
-                    React.createElement("div", null, this.props.children)),
-            !icon && this.props.children,
-            bindShow &&
-                React.createElement("button", { type: "button", className: "close", onClick: this.onClose },
-                    React.createElement("span", null, "\u00D7"))));
-    };
-    Alert = __decorate([
-        observer
-    ], Alert);
-    return Alert;
-}(CollapsableBase));
-export default Alert;
+import { __assign, __decorate, __extends, __rest } from "tslib";
+import React from "react";
+import { Misc, Utils } from "@singularsystems/neo-core";
+import { observer } from 'mobx-react';
+import CollapsableBase from '../CollapsableBase';
+import { NeoReactTypes } from "../../Modules/Types";
+var Alert = /** @class */ (function (_super) {
+    __extends(Alert, _super);
+    function Alert() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
+        return _this;
+    }
+    Alert.prototype.render = function () {
+        var _a = this.props, variant = _a.variant, heading = _a.heading, show = _a.show, bindShow = _a.bindShow, autoCloseTimeout = _a.autoCloseTimeout, animateInitial = _a.animateInitial, state = _a.state, onHidden = _a.onHidden, refreshValue = _a.refreshValue, icon = _a.icon, native = __rest(_a, ["variant", "heading", "show", "bindShow", "autoCloseTimeout", "animateInitial", "state", "onHidden", "refreshValue", "icon"]);
+        var className = Utils.joinWithSpaces(native.className, "alert", "alert-" + variant, "collapsable");
+        if (bindShow) {
+            className += " alert-dismissible";
+        }
+        this.shouldShow = show !== false && (!bindShow || bindShow.value);
+        return (React.createElement("div", __assign({}, native, { className: className, ref: this.containerRef }),
+            heading &&
+                React.createElement("h6", null, heading),
+            icon &&
+                React.createElement("div", { className: "notification-icon-container" },
+                    this.iconFactory.getIconComponent(icon),
+                    React.createElement("div", null, this.props.children)),
+            !icon && this.props.children,
+            bindShow &&
+                React.createElement("button", { type: "button", className: "close", onClick: this.onClose },
+                    React.createElement("span", null, "\u00D7"))));
+    };
+    Alert = __decorate([
+        observer
+    ], Alert);
+    return Alert;
+}(CollapsableBase));
+export default Alert;

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

@@ -1,8 +1,9 @@
-import React from 'react';
-import CollapsableBase from '../CollapsableBase';
-import { Components } from '@singularsystems/neo-core';
-export default class Toast extends CollapsableBase<Components.INotificationOptions & React.HTMLProps<HTMLDivElement>> {
-    countDownRef: React.RefObject<HTMLDivElement>;
-    afterRender(isInitial: boolean): void;
-    render(): JSX.Element;
-}
+import React from 'react';
+import CollapsableBase from '../CollapsableBase';
+import { Components } from '@singularsystems/neo-core';
+export default class Toast extends CollapsableBase<Components.INotificationOptions & React.HTMLProps<HTMLDivElement>> {
+    private iconFactory;
+    countDownRef: React.RefObject<HTMLDivElement>;
+    afterRender(isInitial: boolean): void;
+    render(): JSX.Element;
+}