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

package/dist/ReactComponents/InputHelpers.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-import { ICommonEditorProps } from './PropTypes';
-export declare class InputHelpers {
-    static surroundWithInputGroup<T>(element: T, props: ICommonEditorProps): JSX.Element | T;
-}
+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): JSX.Element | T;
+}

package/dist/ReactComponents/InputHelpers.js

@@ -1,33 +1,29 @@
-import * as React from 'react';
-import { Utils } from '@singularsystems/neo-core';
-var InputHelpers = /** @class */ (function () {
-    function InputHelpers() {
-    }
-    InputHelpers.surroundWithInputGroup = function (element, props) {
-        if (props.requiresGroup) {
-            var preIcon = void 0;
-            var appendIcon = void 0;
-            if (props.prependText && (props.prependText.startsWith("fa-") || props.prependText.startsWith("far-"))) {
-                preIcon = Utils.getFontAwesomeClass(props.prependText);
-            }
-            if (props.appendText && (props.appendText.startsWith("fa-") || props.appendText.startsWith("far-"))) {
-                appendIcon = Utils.getFontAwesomeClass(props.appendText);
-            }
-            return (React.createElement("div", { className: "input-group" },
-                (props.prependText || props.prepend) &&
-                    React.createElement("div", { className: "input-group-prepend" },
-                        props.prepend && (props.prepend instanceof Function ? props.prepend() : props.prepend),
-                        props.prependText && React.createElement("span", { className: "input-group-text" }, preIcon ? React.createElement("i", { className: preIcon }) : props.prependText)),
-                element,
-                (props.appendText || props.append) &&
-                    React.createElement("div", { className: "input-group-append" },
-                        props.append && (props.append instanceof Function ? props.append() : props.append),
-                        props.appendText && React.createElement("span", { className: "input-group-text" }, appendIcon ? React.createElement("i", { className: appendIcon }) : props.appendText))));
-        }
-        else {
-            return element;
-        }
-    };
-    return InputHelpers;
-}());
-export { InputHelpers };
+import * as React from 'react';
+import { Misc } from '@singularsystems/neo-core';
+import { NeoReactTypes } from '../Modules/Types';
+var InputHelpers = /** @class */ (function () {
+    function InputHelpers() {
+    }
+    InputHelpers.surroundWithInputGroup = function (element, props) {
+        if (!this.iconFactory) {
+            this.iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
+        }
+        if (props.requiresGroup) {
+            return (React.createElement("div", { className: "input-group" },
+                (props.prependText || props.prepend) &&
+                    React.createElement("div", { className: "input-group-prepend" },
+                        props.prepend && (props.prepend instanceof Function ? props.prepend() : props.prepend),
+                        props.prependText && React.createElement("span", { className: "input-group-text" }, this.iconFactory.textOrIcon(props.prependText))),
+                element,
+                (props.appendText || props.append) &&
+                    React.createElement("div", { className: "input-group-append" },
+                        props.append && (props.append instanceof Function ? props.append() : props.append),
+                        props.appendText && React.createElement("span", { className: "input-group-text" }, this.iconFactory.textOrIcon(props.appendText)))));
+        }
+        else {
+            return element;
+        }
+    };
+    return InputHelpers;
+}());
+export { InputHelpers };

package/dist/ReactComponents/Link.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-interface ILinkProps extends React.HTMLProps<HTMLAnchorElement> {
-}
-/**
- * Renders an anchor tag with an href of '/' unless otherwise specified.
- * The onClick event will call preventDefault() so that the anchor acts like a button instead of a link to a url.
- */
-export default class Link extends React.Component<ILinkProps> {
-    constructor(props: ILinkProps);
-    private onClick;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+interface ILinkProps extends React.HTMLProps<HTMLAnchorElement> {
+}
+/**
+ * Renders an anchor tag with an href of '/' unless otherwise specified.
+ * The onClick event will call preventDefault() so that the anchor acts like a button instead of a link to a url.
+ */
+export default class Link extends React.Component<ILinkProps> {
+    constructor(props: ILinkProps);
+    private onClick;
+    render(): JSX.Element;
+}
+export {};

package/dist/ReactComponents/Link.js

@@ -1,28 +1,28 @@
-import { __assign, __extends } from "tslib";
-import React from 'react';
-/**
- * Renders an anchor tag with an href of '/' unless otherwise specified.
- * The onClick event will call preventDefault() so that the anchor acts like a button instead of a link to a url.
- */
-var Link = /** @class */ (function (_super) {
-    __extends(Link, _super);
-    function Link(props) {
-        var _this = _super.call(this, props) || this;
-        _this.onClick = _this.onClick.bind(_this);
-        return _this;
-    }
-    Link.prototype.onClick = function (e) {
-        e.preventDefault();
-        if (this.props.onClick) {
-            this.props.onClick(e);
-        }
-    };
-    Link.prototype.render = function () {
-        var _a;
-        var props = this.props;
-        var href = (_a = props.href) !== null && _a !== void 0 ? _a : "/";
-        return React.createElement("a", __assign({}, props, { href: href, onClick: this.onClick }), this.props.children);
-    };
-    return Link;
-}(React.Component));
-export default Link;
+import { __assign, __extends } from "tslib";
+import React from 'react';
+/**
+ * Renders an anchor tag with an href of '/' unless otherwise specified.
+ * The onClick event will call preventDefault() so that the anchor acts like a button instead of a link to a url.
+ */
+var Link = /** @class */ (function (_super) {
+    __extends(Link, _super);
+    function Link(props) {
+        var _this = _super.call(this, props) || this;
+        _this.onClick = _this.onClick.bind(_this);
+        return _this;
+    }
+    Link.prototype.onClick = function (e) {
+        e.preventDefault();
+        if (this.props.onClick) {
+            this.props.onClick(e);
+        }
+    };
+    Link.prototype.render = function () {
+        var _a;
+        var props = this.props;
+        var href = (_a = props.href) !== null && _a !== void 0 ? _a : "/";
+        return React.createElement("a", __assign({}, props, { href: href, onClick: this.onClick }), this.props.children);
+    };
+    return Link;
+}(React.Component));
+export default Link;

package/dist/ReactComponents/Loader.d.ts

@@ -1,18 +1,18 @@
-import React from "react";
-import { ITaskRunner } from '@singularsystems/neo-core';
-import ComponentBase from './ComponentBase';
-interface ILoaderProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    show?: boolean;
-    task?: ITaskRunner;
-    showSpinner?: boolean;
-    /** Set to override the normal size of the spinner. */
-    size?: "small";
-}
-export default class Loader extends ComponentBase<ILoaderProps> {
-    overlayRef: React.RefObject<HTMLDivElement>;
-    isShowing: boolean;
-    hasAnimated: boolean;
-    render(): JSX.Element;
-    afterRender(): void;
-}
-export {};
+import React from "react";
+import { ITaskRunner } from '@singularsystems/neo-core';
+import ComponentBase from './ComponentBase';
+interface ILoaderProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    show?: boolean;
+    task?: ITaskRunner;
+    showSpinner?: boolean;
+    /** Set to override the normal size of the spinner. */
+    size?: "small";
+}
+export default class Loader extends ComponentBase<ILoaderProps> {
+    overlayRef: React.RefObject<HTMLDivElement>;
+    isShowing: boolean;
+    hasAnimated: boolean;
+    render(): JSX.Element;
+    afterRender(): void;
+}
+export {};

package/dist/ReactComponents/Loader.js

@@ -1,57 +1,57 @@
-import { __assign, __decorate, __extends, __rest } from "tslib";
-import React from "react";
-import { observer } from 'mobx-react';
-import { Components, Utils } from '@singularsystems/neo-core';
-import ComponentBase from './ComponentBase';
-var Loader = /** @class */ (function (_super) {
-    __extends(Loader, _super);
-    function Loader() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.overlayRef = React.createRef();
-        _this.isShowing = false;
-        _this.hasAnimated = false;
-        return _this;
-    }
-    Loader.prototype.render = function () {
-        var _a = this.props, show = _a.show, task = _a.task, showSpinner = _a.showSpinner, size = _a.size, native = __rest(_a, ["show", "task", "showSpinner", "size"]);
-        show = show || (task && task.isBusy);
-        var style = {};
-        if (show) {
-            if (!this.isShowing && (!task || !task.progressState.hasAnimated)) {
-                // Start the fade animation the first time this renders
-                this.isShowing = true;
-                this.hasAnimated = false;
-                if (task)
-                    task.progressState.hasAnimated = true;
-                style.opacity = 0;
-            }
-            else {
-                style.opacity = 1;
-            }
-            style.display = "flex";
-        }
-        else {
-            this.isShowing = false;
-            style.display = "none";
-        }
-        native.className = Utils.joinWithSpaces("loader-container", native.className, size);
-        var showInner = showSpinner !== false || (task && task.options.loadingText);
-        return (React.createElement("div", __assign({}, native),
-            this.props.children,
-            React.createElement("div", { className: "loader-overlay", ref: this.overlayRef, style: style }, showInner && React.createElement("div", { className: "loader-inner" },
-                showSpinner !== false && React.createElement("div", { className: "spinner-border" }),
-                React.createElement("span", { className: "loader-text" }, task && task.options.loadingText)))));
-    };
-    Loader.prototype.afterRender = function () {
-        if (this.overlayRef.current && !this.hasAnimated) {
-            this.hasAnimated = true;
-            Components.AnimationHelper.triggerReflow(this.overlayRef.current);
-            this.overlayRef.current.style.opacity = "1";
-        }
-    };
-    Loader = __decorate([
-        observer
-    ], Loader);
-    return Loader;
-}(ComponentBase));
-export default Loader;
+import { __assign, __decorate, __extends, __rest } from "tslib";
+import React from "react";
+import { observer } from 'mobx-react';
+import { Components, Utils } from '@singularsystems/neo-core';
+import ComponentBase from './ComponentBase';
+var Loader = /** @class */ (function (_super) {
+    __extends(Loader, _super);
+    function Loader() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.overlayRef = React.createRef();
+        _this.isShowing = false;
+        _this.hasAnimated = false;
+        return _this;
+    }
+    Loader.prototype.render = function () {
+        var _a = this.props, show = _a.show, task = _a.task, showSpinner = _a.showSpinner, size = _a.size, native = __rest(_a, ["show", "task", "showSpinner", "size"]);
+        show = show || (task && task.isBusy);
+        var style = {};
+        if (show) {
+            if (!this.isShowing && (!task || !task.progressState.hasAnimated)) {
+                // Start the fade animation the first time this renders
+                this.isShowing = true;
+                this.hasAnimated = false;
+                if (task)
+                    task.progressState.hasAnimated = true;
+                style.opacity = 0;
+            }
+            else {
+                style.opacity = 1;
+            }
+            style.display = "flex";
+        }
+        else {
+            this.isShowing = false;
+            style.display = "none";
+        }
+        native.className = Utils.joinWithSpaces("loader-container", native.className, size);
+        var showInner = showSpinner !== false || (task && task.options.loadingText);
+        return (React.createElement("div", __assign({}, native),
+            this.props.children,
+            React.createElement("div", { className: "loader-overlay", ref: this.overlayRef, style: style }, showInner && React.createElement("div", { className: "loader-inner" },
+                showSpinner !== false && React.createElement("div", { className: "spinner-border" }),
+                React.createElement("span", { className: "loader-text" }, task && task.options.loadingText)))));
+    };
+    Loader.prototype.afterRender = function () {
+        if (this.overlayRef.current && !this.hasAnimated) {
+            this.hasAnimated = true;
+            Components.AnimationHelper.triggerReflow(this.overlayRef.current);
+            this.overlayRef.current.style.opacity = "1";
+        }
+    };
+    Loader = __decorate([
+        observer
+    ], Loader);
+    return Loader;
+}(ComponentBase));
+export default Loader;

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