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

package/dist/ReactComponents/Notifications/Toast.js

@@ -1,45 +1,47 @@
-import { __decorate, __extends } from "tslib";
-import React from 'react';
-import CollapsableBase from '../CollapsableBase';
-import { observer } from 'mobx-react';
-import { Components, Utils } from '@singularsystems/neo-core';
-var Toast = /** @class */ (function (_super) {
-    __extends(Toast, _super);
-    function Toast() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.countDownRef = React.createRef();
-        return _this;
-    }
-    Toast.prototype.afterRender = function (isInitial) {
-        _super.prototype.afterRender.call(this, isInitial);
-        if (this.countDownRef.current) {
-            // Countdown. Set the animation time to the timeout.
-            this.countDownRef.current.style.transition = "none";
-            this.countDownRef.current.style.width = "100%";
-            Components.AnimationHelper.triggerReflow(this.countDownRef.current);
-            this.countDownRef.current.style.transition = "width linear " + this.props.autoCloseTimeout + "ms";
-            Components.AnimationHelper.triggerReflow(this.countDownRef.current);
-            this.countDownRef.current.style.width = "0%";
-        }
-    };
-    Toast.prototype.render = function () {
-        var _a = this.props, variant = _a.variant, heading = _a.heading, show = _a.show, bindShow = _a.bindShow, icon = _a.icon;
-        this.shouldShow = show !== false && (!bindShow || bindShow.value);
-        return (React.createElement("div", { className: "toast show collapsable", role: "alert", "aria-live": "assertive", "aria-atomic": "true", ref: this.containerRef },
-            React.createElement("div", { className: "toast-header toast-header-" + variant },
-                React.createElement("strong", { className: "mr-auto alert-heading" }, heading),
-                bindShow && React.createElement("button", { type: "button", className: "ml-2 mb-1 close", "data-dismiss": "toast", "aria-label": "Close", onClick: this.onClose },
-                    React.createElement("span", { "aria-hidden": "true" }, "\u00D7"))),
-            this.props.autoCloseTimeout && React.createElement("div", { className: "toast-count-down toast-count-down-" + variant, ref: this.countDownRef }),
-            React.createElement("div", { className: "toast-body" },
-                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)));
-    };
-    Toast = __decorate([
-        observer
-    ], Toast);
-    return Toast;
-}(CollapsableBase));
-export default Toast;
+import { __decorate, __extends } from "tslib";
+import React from 'react';
+import CollapsableBase from '../CollapsableBase';
+import { observer } from 'mobx-react';
+import { Components, Misc } from '@singularsystems/neo-core';
+import { NeoReactTypes } from '../../Modules/Types';
+var Toast = /** @class */ (function (_super) {
+    __extends(Toast, _super);
+    function Toast() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
+        _this.countDownRef = React.createRef();
+        return _this;
+    }
+    Toast.prototype.afterRender = function (isInitial) {
+        _super.prototype.afterRender.call(this, isInitial);
+        if (this.countDownRef.current) {
+            // Countdown. Set the animation time to the timeout.
+            this.countDownRef.current.style.transition = "none";
+            this.countDownRef.current.style.width = "100%";
+            Components.AnimationHelper.triggerReflow(this.countDownRef.current);
+            this.countDownRef.current.style.transition = "width linear " + this.props.autoCloseTimeout + "ms";
+            Components.AnimationHelper.triggerReflow(this.countDownRef.current);
+            this.countDownRef.current.style.width = "0%";
+        }
+    };
+    Toast.prototype.render = function () {
+        var _a = this.props, variant = _a.variant, heading = _a.heading, show = _a.show, bindShow = _a.bindShow, icon = _a.icon;
+        this.shouldShow = show !== false && (!bindShow || bindShow.value);
+        return (React.createElement("div", { className: "toast show collapsable", role: "alert", "aria-live": "assertive", "aria-atomic": "true", ref: this.containerRef },
+            React.createElement("div", { className: "toast-header toast-header-" + variant },
+                React.createElement("strong", { className: "mr-auto alert-heading" }, heading),
+                bindShow && React.createElement("button", { type: "button", className: "ml-2 mb-1 close", "data-dismiss": "toast", "aria-label": "Close", onClick: this.onClose },
+                    React.createElement("span", { "aria-hidden": "true" }, "\u00D7"))),
+            this.props.autoCloseTimeout && React.createElement("div", { className: "toast-count-down toast-count-down-" + variant, ref: this.countDownRef }),
+            React.createElement("div", { className: "toast-body" },
+                icon && React.createElement("div", { className: "notification-icon-container" },
+                    this.iconFactory.getIconComponent(icon),
+                    React.createElement("div", null, this.props.children)),
+                !icon && this.props.children)));
+    };
+    Toast = __decorate([
+        observer
+    ], Toast);
+    return Toast;
+}(CollapsableBase));
+export default Toast;

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import { Components } from '@singularsystems/neo-core';
-export interface IToastContainerProps {
-    notificationStore: Components.INotificationStore;
-}
-export default class ToastContainer extends React.Component<IToastContainerProps> {
-    render(): JSX.Element;
-}
+import React from 'react';
+import { Components } from '@singularsystems/neo-core';
+export interface IToastContainerProps {
+    notificationStore: Components.INotificationStore;
+}
+export default class ToastContainer extends React.Component<IToastContainerProps> {
+    render(): JSX.Element;
+}

package/dist/ReactComponents/Notifications/ToastContainer.js

@@ -1,18 +1,18 @@
-import { __assign, __decorate, __extends } from "tslib";
-import React from 'react';
-import Toast from './Toast';
-import { observer } from 'mobx-react';
-var ToastContainer = /** @class */ (function (_super) {
-    __extends(ToastContainer, _super);
-    function ToastContainer() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ToastContainer.prototype.render = function () {
-        return (React.createElement("div", { className: "toast-container" }, this.props.notificationStore.notifications.map(function (notification) { return (React.createElement(Toast, __assign({ key: notification.identifier }, notification.options, { refreshValue: notification.refreshValue }), notification.body)); })));
-    };
-    ToastContainer = __decorate([
-        observer
-    ], ToastContainer);
-    return ToastContainer;
-}(React.Component));
-export default ToastContainer;
+import { __assign, __decorate, __extends } from "tslib";
+import React from 'react';
+import Toast from './Toast';
+import { observer } from 'mobx-react';
+var ToastContainer = /** @class */ (function (_super) {
+    __extends(ToastContainer, _super);
+    function ToastContainer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ToastContainer.prototype.render = function () {
+        return (React.createElement("div", { className: "toast-container" }, this.props.notificationStore.notifications.map(function (notification) { return (React.createElement(Toast, __assign({ key: notification.identifier }, notification.options, { refreshValue: notification.refreshValue }), notification.body)); })));
+    };
+    ToastContainer = __decorate([
+        observer
+    ], ToastContainer);
+    return ToastContainer;
+}(React.Component));
+export default ToastContainer;

package/dist/ReactComponents/NumberInput.d.ts

@@ -1,50 +1,57 @@
-import * as React from 'react';
-import { IBindableEditorProps } from './PropTypes';
-import { FormContext } from './FormContext';
-import { Misc } from '@singularsystems/neo-core';
-import Decimal from 'decimal.js-light';
-import ComponentBase from './ComponentBase';
-export interface INumberInputSpecificProps {
-    /** Format string of number */
-    formatString?: string;
-    /** Pre-defined format */
-    format?: Misc.NumberFormat;
-    /** Override currency symbol. */
-    currencySymbol?: string;
-    /** If set to false, the number will not be rounded to the number of decimals in the format string. */
-    autoRound?: boolean;
-    /** Text to display if the value is zero or null. E.g. '-' */
-    zeroText?: string;
-}
-export interface INumberInputProps extends IBindableEditorProps<HTMLInputElement> {
-    numProps?: INumberInputSpecificProps;
-}
-export declare class FormatState {
-    isPercent: boolean;
-    hasExternalPercentSymbol: boolean;
-    formatString: string;
-    zeroText?: string | undefined;
-    constructor(isPercent: boolean, hasExternalPercentSymbol: boolean, formatString: string, zeroText?: string | undefined);
-    static create(numericType: Misc.DataType, numProps?: INumberInputSpecificProps, appendText?: string): FormatState;
-    getFormattedValue(value?: number | Decimal | null): string;
-}
-export default class NumberInput extends ComponentBase<INumberInputProps> {
-    static contextType: React.Context<import("./FormContext").FormContextParams>;
-    context: React.ContextType<typeof FormContext>;
-    private hasFocus;
-    private numericType;
-    private isReadOnly;
-    private inputElement;
-    private recalcFormatState;
-    private formatState;
-    constructor(props: INumberInputProps);
-    private onChanged;
-    private onFocus;
-    private getBindValueAsNumber;
-    private setFocusedText;
-    private onBlur;
-    private onKeyDown;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
+import * as React from 'react';
+import { IBindableEditorProps } from './PropTypes';
+import { FormContext } from './FormContext';
+import { Misc, Model } from '@singularsystems/neo-core';
+import Decimal from 'decimal.js-light';
+import ComponentBase from './ComponentBase';
+export interface INumberInputSpecificProps {
+    /** Format string of number */
+    formatString?: string;
+    /** Pre-defined format */
+    format?: Misc.NumberFormat;
+    /** Override currency symbol. */
+    currencySymbol?: string;
+    /** If set to false, the number will not be rounded to the number of decimals in the format string. */
+    autoRound?: boolean;
+    /** Text to display if the value is zero or null. E.g. '-' */
+    zeroText?: string;
+    /** Set to true to use the browsers native numeric input control. Note: only decimal place formatting is supported in this mode. */
+    native?: boolean;
+}
+export interface INumberInputProps extends IBindableEditorProps<HTMLInputElement> {
+    numProps?: INumberInputSpecificProps;
+}
+export declare class FormatState {
+    isPercent: boolean;
+    hasExternalPercentSymbol: boolean;
+    formatString: string;
+    /** How many decimals the value is allowed. */
+    allowedDecimals: number;
+    zeroText?: string | undefined;
+    useNative?: boolean | undefined;
+    constructor(isPercent: boolean, hasExternalPercentSymbol: boolean, formatString: string, 
+    /** How many decimals the value is allowed. */
+    allowedDecimals: number, zeroText?: string | undefined, useNative?: boolean | undefined);
+    static create(propertyInfo: Model.PropertyInfo, numericType: Misc.DataType, numProps?: INumberInputSpecificProps, appendText?: string): FormatState;
+    getFormattedValue(value?: number | Decimal | null): string;
+}
+export default class NumberInput extends ComponentBase<INumberInputProps> {
+    static contextType: React.Context<import("./FormContext").FormContextParams>;
+    context: React.ContextType<typeof FormContext>;
+    private hasFocus;
+    private numericType;
+    private isReadOnly;
+    private inputElement;
+    private recalcFormatState;
+    private formatState;
+    constructor(props: INumberInputProps);
+    private onChanged;
+    private onFocus;
+    private getBindValueAsNumber;
+    private setFocusedText;
+    private onBlur;
+    private onKeyDown;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}