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

package/dist/ReactComponents/Paging/BasicPagerControls.js

@@ -1,55 +1,57 @@
-import { __assign, __decorate, __extends, __rest } from "tslib";
-import React from 'react';
-import { Misc, Utils } from "@singularsystems/neo-core";
-import { ReactHelpers } from '../ReactHelpers';
-import { observer } from "mobx-react";
-import PageSizeControl from './PageSizeControl';
-var SimplePagerControls = /** @class */ (function (_super) {
-    __extends(SimplePagerControls, _super);
-    function SimplePagerControls() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SimplePagerControls.prototype.render = function () {
-        var _a = this.props, pageManager = _a.pageManager, noOfButtons = _a.noOfButtons, alignment = _a.alignment, firstText = _a.firstText, prevText = _a.prevText, nextText = _a.nextText, lastText = _a.lastText, autoHide = _a.autoHide, pageSizeLabel = _a.pageSizeLabel, domProps = __rest(_a, ["pageManager", "noOfButtons", "alignment", "firstText", "prevText", "nextText", "lastText", "autoHide", "pageSizeLabel"]);
-        noOfButtons = noOfButtons || 7;
-        alignment = alignment || "end";
-        alignment = alignment === "start" ? "" : alignment;
-        firstText = firstText || Misc.Settings.pager.firstText;
-        prevText = prevText || Misc.Settings.pager.prevText;
-        nextText = nextText || Misc.Settings.pager.nextText;
-        lastText = lastText || Misc.Settings.pager.lastText;
-        var className = Utils.joinWithSpaces(domProps.className, "neo-pager-controls", pageSizeLabel ? "justify-content-between" : (alignment && "justify-content-" + alignment));
-        var firstButton = Math.max(1, pageManager.pageNo - Math.floor(noOfButtons / 2));
-        var lastButton = firstButton + noOfButtons;
-        if (lastButton > pageManager.totalPages) {
-            lastButton = pageManager.totalPages + 1;
-            firstButton = Math.max(1, lastButton - noOfButtons);
-        }
-        var buttons = [];
-        var _loop_1 = function (i) {
-            buttons.push(React.createElement("li", { key: i, className: "page-item" + (i === pageManager.pageNo ? " active" : "") },
-                React.createElement("a", { className: "page-link", href: "#", onClick: function (e) { e.preventDefault(); pageManager.pageNo = i; } }, i)));
-        };
-        for (var i = firstButton; i < lastButton; i++) {
-            _loop_1(i);
-        }
-        return ((pageManager.totalPages > 1 || autoHide === false) &&
-            React.createElement("div", { className: className },
-                pageSizeLabel && React.createElement(PageSizeControl, { pageManager: this.props.pageManager, label: pageSizeLabel }),
-                React.createElement("ul", __assign({}, domProps, { className: "pagination" }),
-                    React.createElement("li", { className: "page-item" + (pageManager.pageNo === 1 ? " disabled" : "") },
-                        React.createElement("a", { className: "page-link", href: "#", onClick: function (e) { e.preventDefault(); pageManager.firstPage(); } }, ReactHelpers.textOrIcon(firstText))),
-                    React.createElement("li", { className: "page-item" + (pageManager.pageNo === 1 ? " disabled" : "") },
-                        React.createElement("a", { className: "page-link", href: "#", onClick: function (e) { e.preventDefault(); pageManager.previousPage(); } }, ReactHelpers.textOrIcon(prevText))),
-                    buttons,
-                    React.createElement("li", { className: "page-item" + (pageManager.pageNo === pageManager.totalPages ? " disabled" : "") },
-                        React.createElement("a", { className: "page-link", href: "#", onClick: function (e) { e.preventDefault(); pageManager.nextPage(); } }, ReactHelpers.textOrIcon(nextText))),
-                    React.createElement("li", { className: "page-item" + (pageManager.pageNo === pageManager.totalPages ? " disabled" : "") },
-                        React.createElement("a", { className: "page-link", href: "#", onClick: function (e) { e.preventDefault(); pageManager.lastPage(); } }, ReactHelpers.textOrIcon(lastText))))));
-    };
-    SimplePagerControls = __decorate([
-        observer
-    ], SimplePagerControls);
-    return SimplePagerControls;
-}(React.Component));
-export default SimplePagerControls;
+import { __assign, __decorate, __extends, __rest } from "tslib";
+import React from 'react';
+import { Misc, Utils } from "@singularsystems/neo-core";
+import { observer } from "mobx-react";
+import PageSizeControl from './PageSizeControl';
+import { NeoReactTypes } from '../../Modules/Types';
+var SimplePagerControls = /** @class */ (function (_super) {
+    __extends(SimplePagerControls, _super);
+    function SimplePagerControls() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
+        return _this;
+    }
+    SimplePagerControls.prototype.render = function () {
+        var _a = this.props, pageManager = _a.pageManager, noOfButtons = _a.noOfButtons, alignment = _a.alignment, firstText = _a.firstText, prevText = _a.prevText, nextText = _a.nextText, lastText = _a.lastText, autoHide = _a.autoHide, pageSizeLabel = _a.pageSizeLabel, domProps = __rest(_a, ["pageManager", "noOfButtons", "alignment", "firstText", "prevText", "nextText", "lastText", "autoHide", "pageSizeLabel"]);
+        noOfButtons = noOfButtons || 7;
+        alignment = alignment || "end";
+        alignment = alignment === "start" ? "" : alignment;
+        firstText = firstText || Misc.Settings.pager.firstText;
+        prevText = prevText || Misc.Settings.pager.prevText;
+        nextText = nextText || Misc.Settings.pager.nextText;
+        lastText = lastText || Misc.Settings.pager.lastText;
+        var className = Utils.joinWithSpaces(domProps.className, "neo-pager-controls", pageSizeLabel ? "justify-content-between" : (alignment && "justify-content-" + alignment));
+        var firstButton = Math.max(1, pageManager.pageNo - Math.floor(noOfButtons / 2));
+        var lastButton = firstButton + noOfButtons;
+        if (lastButton > pageManager.totalPages) {
+            lastButton = pageManager.totalPages + 1;
+            firstButton = Math.max(1, lastButton - noOfButtons);
+        }
+        var buttons = [];
+        var _loop_1 = function (i) {
+            buttons.push(React.createElement("li", { key: i, className: "page-item" + (i === pageManager.pageNo ? " active" : "") },
+                React.createElement("a", { className: "page-link", href: "#", onClick: function (e) { e.preventDefault(); pageManager.pageNo = i; } }, i)));
+        };
+        for (var i = firstButton; i < lastButton; i++) {
+            _loop_1(i);
+        }
+        return ((pageManager.totalPages > 1 || autoHide === false) &&
+            React.createElement("div", { className: className },
+                pageSizeLabel && React.createElement(PageSizeControl, { pageManager: this.props.pageManager, label: pageSizeLabel }),
+                React.createElement("ul", __assign({}, domProps, { className: "pagination" }),
+                    React.createElement("li", { className: "page-item" + (pageManager.pageNo === 1 ? " disabled" : "") },
+                        React.createElement("a", { className: "page-link", href: "#", onClick: function (e) { e.preventDefault(); pageManager.firstPage(); } }, this.iconFactory.textOrIcon(firstText))),
+                    React.createElement("li", { className: "page-item" + (pageManager.pageNo === 1 ? " disabled" : "") },
+                        React.createElement("a", { className: "page-link", href: "#", onClick: function (e) { e.preventDefault(); pageManager.previousPage(); } }, this.iconFactory.textOrIcon(prevText))),
+                    buttons,
+                    React.createElement("li", { className: "page-item" + (pageManager.pageNo === pageManager.totalPages ? " disabled" : "") },
+                        React.createElement("a", { className: "page-link", href: "#", onClick: function (e) { e.preventDefault(); pageManager.nextPage(); } }, this.iconFactory.textOrIcon(nextText))),
+                    React.createElement("li", { className: "page-item" + (pageManager.pageNo === pageManager.totalPages ? " disabled" : "") },
+                        React.createElement("a", { className: "page-link", href: "#", onClick: function (e) { e.preventDefault(); pageManager.lastPage(); } }, this.iconFactory.textOrIcon(lastText))))));
+    };
+    SimplePagerControls = __decorate([
+        observer
+    ], SimplePagerControls);
+    return SimplePagerControls;
+}(React.Component));
+export default SimplePagerControls;

package/dist/ReactComponents/Paging/PageSizeControl.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import { Data, Model } from "@singularsystems/neo-core";
-export interface IPageSizeControlProps {
-    /** Page manager to control. */
-    pageManager: Data.IPageManager;
-    label?: string | JSX.Element;
-}
-export default class PageSizeControl extends React.Component<IPageSizeControlProps> {
-    pageSize: Model.PropertyAccessor;
-    render(): JSX.Element;
-}
+import React from 'react';
+import { Data, Model } from "@singularsystems/neo-core";
+export interface IPageSizeControlProps {
+    /** Page manager to control. */
+    pageManager: Data.IPageManager;
+    label?: string | JSX.Element;
+}
+export default class PageSizeControl extends React.Component<IPageSizeControlProps> {
+    pageSize: Model.PropertyAccessor;
+    render(): JSX.Element;
+}

package/dist/ReactComponents/Paging/PageSizeControl.js

@@ -1,21 +1,21 @@
-import { __extends } from "tslib";
-import React from 'react';
-import { Model } from "@singularsystems/neo-core";
-import DropDown from '../DropDown/DropDown';
-var PageSizeControl = /** @class */ (function (_super) {
-    __extends(PageSizeControl, _super);
-    function PageSizeControl() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.pageSize = Model.PropertyAccessor.create(_this.props.pageManager, "pageSize");
-        return _this;
-    }
-    PageSizeControl.prototype.render = function () {
-        var _a;
-        return (React.createElement("div", { className: "neo-pager-page-size" },
-            React.createElement("span", null, (_a = this.props.label) !== null && _a !== void 0 ? _a : "Show: ",
-                " "),
-            React.createElement(DropDown, { select: { items: this.props.pageManager.pageSizeOptions.map(function (i) { return ({ id: i, name: i.toString() }); }) }, bind: this.pageSize })));
-    };
-    return PageSizeControl;
-}(React.Component));
-export default PageSizeControl;
+import { __extends } from "tslib";
+import React from 'react';
+import { Model } from "@singularsystems/neo-core";
+import DropDown from '../DropDown/DropDown';
+var PageSizeControl = /** @class */ (function (_super) {
+    __extends(PageSizeControl, _super);
+    function PageSizeControl() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.pageSize = Model.PropertyAccessor.create(_this.props.pageManager, "pageSize");
+        return _this;
+    }
+    PageSizeControl.prototype.render = function () {
+        var _a;
+        return (React.createElement("div", { className: "neo-pager-page-size" },
+            React.createElement("span", null, (_a = this.props.label) !== null && _a !== void 0 ? _a : "Show: ",
+                " "),
+            React.createElement(DropDown, { select: { items: this.props.pageManager.pageSizeOptions.map(function (i) { return ({ id: i, name: i.toString() }); }) }, bind: this.pageSize })));
+    };
+    return PageSizeControl;
+}(React.Component));
+export default PageSizeControl;

package/dist/ReactComponents/Paging/Pager.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import { Data, Model, ValueObject } from '@singularsystems/neo-core';
-import { IPagerControlsProps } from './BasicPagerControls';
-import { DataViewContextParams } from '../../React/DataView';
-export interface IPagerBaseProps<TCriteria extends ValueObject, TModel extends Model.IBindableBase> extends React.HTMLProps<HTMLDivElement> {
-    /** Page manager which controls this component. */
-    pageManager: Data.PageManager<TCriteria, TModel>;
-    /** Child can either be a component which works with a dataview (like Neo.Grid), or a callback which will be passed the items of the current page. */
-    children: React.ReactNode;
-    /** Where to put the page controls? */
-    pageControls?: "none" | "top" | "bottom" | "topAndBottom";
-    /** True if the built in loader component should be hidden. */
-    suppressLoader?: boolean;
-    /** Properties to be passed to the pager controls. */
-    pageControlProps?: Partial<IPagerControlsProps>;
-    /** Set to false if you don't want the child control to be hidden before data is fetched for the first time. */
-    hideBeforeLoad?: boolean;
-}
-export default class Pager<TCriteria extends ValueObject, TModel extends Model.IBindableBase> extends React.Component<IPagerBaseProps<TCriteria, TModel>> {
-    dataViewContext: DataViewContextParams<TModel>;
-    constructor(props: IPagerBaseProps<TCriteria, TModel>);
-    componentDidMount(): void;
-    render(): JSX.Element | null;
-}
+import React from 'react';
+import { Data, Model, ValueObject } from '@singularsystems/neo-core';
+import { IPagerControlsProps } from './BasicPagerControls';
+import { DataViewContextParams } from '../../React/DataView';
+export interface IPagerBaseProps<TCriteria extends ValueObject, TModel extends Model.IBindableBase> extends Omit<React.HTMLProps<HTMLDivElement>, "children"> {
+    /** Page manager which controls this component. */
+    pageManager: Data.PageManager<TCriteria, TModel>;
+    /** Child can either be a component which works with a dataview (like Neo.Grid), or a callback which will be passed the items of the current page. */
+    children: React.ReactNode | ((items: TModel[]) => React.ReactNode);
+    /** Where to put the page controls? */
+    pageControls?: "none" | "top" | "bottom" | "topAndBottom";
+    /** True if the built in loader component should be hidden. */
+    suppressLoader?: boolean;
+    /** Properties to be passed to the pager controls. */
+    pageControlProps?: Partial<IPagerControlsProps>;
+    /** Set to false if you don't want the child control to be hidden before data is fetched for the first time. */
+    hideBeforeLoad?: boolean;
+}
+export default class Pager<TCriteria extends ValueObject, TModel extends Model.IBindableBase> extends React.Component<IPagerBaseProps<TCriteria, TModel>> {
+    dataViewContext: DataViewContextParams<TModel>;
+    constructor(props: IPagerBaseProps<TCriteria, TModel>);
+    componentDidMount(): void;
+    render(): JSX.Element | null;
+}

package/dist/ReactComponents/Paging/Pager.js

@@ -1,41 +1,41 @@
-import { __assign, __decorate, __extends, __metadata, __rest } from "tslib";
-import React from 'react';
-import { Utils } from '@singularsystems/neo-core';
-import { observer } from 'mobx-react';
-import BasicPagerControls from './BasicPagerControls';
-import Loader from '../Loader';
-import { DataViewContext, DataViewContextParams } from '../../React/DataView';
-var Pager = /** @class */ (function (_super) {
-    __extends(Pager, _super);
-    function Pager(props) {
-        var _this = _super.call(this, props) || this;
-        _this.dataViewContext = new DataViewContextParams();
-        _this.dataViewContext.dataView = _this.props.pageManager;
-        return _this;
-    }
-    Pager.prototype.componentDidMount = function () {
-        this.props.pageManager.initialise();
-    };
-    Pager.prototype.render = function () {
-        var _a = this.props, pageManager = _a.pageManager, pageControls = _a.pageControls, pageControlProps = _a.pageControlProps, suppressLoader = _a.suppressLoader, hideBeforeLoad = _a.hideBeforeLoad, domProps = __rest(_a, ["pageManager", "pageControls", "pageControlProps", "suppressLoader", "hideBeforeLoad"]);
-        if (!pageManager.hasFetched && !pageManager.taskRunner.isBusy && hideBeforeLoad !== false) {
-            return null;
-        }
-        var className = Utils.joinWithSpaces("neo-pager", domProps.className);
-        var pager = React.createElement("div", __assign({}, domProps, { className: className }),
-            pageManager.hasFetched && pageControls && (pageControls === "top" || pageControls === "topAndBottom") &&
-                React.createElement("div", { className: "pager-controls-container-top" },
-                    React.createElement(BasicPagerControls, __assign({}, pageControlProps, { ref: undefined, pageManager: pageManager }))),
-            React.createElement(DataViewContext.Provider, { value: this.dataViewContext }, this.props.children instanceof Function ? this.props.children(pageManager.getItems()) : this.props.children),
-            pageManager.hasFetched && (!pageControls || pageControls === "bottom" || pageControls === "topAndBottom") &&
-                React.createElement("div", { className: "pager-controls-container-bottom" },
-                    React.createElement(BasicPagerControls, __assign({}, pageControlProps, { ref: undefined, pageManager: pageManager }))));
-        return suppressLoader ? pager : React.createElement(Loader, { task: pageManager.taskRunner }, pager);
-    };
-    Pager = __decorate([
-        observer,
-        __metadata("design:paramtypes", [Object])
-    ], Pager);
-    return Pager;
-}(React.Component));
-export default Pager;
+import { __assign, __decorate, __extends, __metadata, __rest } from "tslib";
+import React from 'react';
+import { Utils } from '@singularsystems/neo-core';
+import { observer } from 'mobx-react';
+import BasicPagerControls from './BasicPagerControls';
+import Loader from '../Loader';
+import { DataViewContext, DataViewContextParams } from '../../React/DataView';
+var Pager = /** @class */ (function (_super) {
+    __extends(Pager, _super);
+    function Pager(props) {
+        var _this = _super.call(this, props) || this;
+        _this.dataViewContext = new DataViewContextParams();
+        _this.dataViewContext.dataView = _this.props.pageManager;
+        return _this;
+    }
+    Pager.prototype.componentDidMount = function () {
+        this.props.pageManager.initialise();
+    };
+    Pager.prototype.render = function () {
+        var _a = this.props, pageManager = _a.pageManager, pageControls = _a.pageControls, pageControlProps = _a.pageControlProps, suppressLoader = _a.suppressLoader, hideBeforeLoad = _a.hideBeforeLoad, domProps = __rest(_a, ["pageManager", "pageControls", "pageControlProps", "suppressLoader", "hideBeforeLoad"]);
+        if (!pageManager.hasFetched && !pageManager.taskRunner.isBusy && hideBeforeLoad !== false) {
+            return null;
+        }
+        var className = Utils.joinWithSpaces("neo-pager", domProps.className);
+        var pager = React.createElement("div", __assign({}, domProps, { className: className }),
+            pageManager.hasFetched && pageControls && (pageControls === "top" || pageControls === "topAndBottom") &&
+                React.createElement("div", { className: "pager-controls-container-top" },
+                    React.createElement(BasicPagerControls, __assign({}, pageControlProps, { ref: undefined, pageManager: pageManager }))),
+            React.createElement(DataViewContext.Provider, { value: this.dataViewContext }, this.props.children instanceof Function ? this.props.children(pageManager.getItems()) : this.props.children),
+            pageManager.hasFetched && (!pageControls || pageControls === "bottom" || pageControls === "topAndBottom") &&
+                React.createElement("div", { className: "pager-controls-container-bottom" },
+                    React.createElement(BasicPagerControls, __assign({}, pageControlProps, { ref: undefined, pageManager: pageManager }))));
+        return suppressLoader ? pager : React.createElement(Loader, { task: pageManager.taskRunner }, pager);
+    };
+    Pager = __decorate([
+        observer,
+        __metadata("design:paramtypes", [Object])
+    ], Pager);
+    return Pager;
+}(React.Component));
+export default Pager;

package/dist/ReactComponents/ProgressBar.d.ts

@@ -1,19 +1,19 @@
-import React from "react";
-import { Components } from "@singularsystems/neo-core";
-export interface IProgressBarProps {
-    /**
-     * Percentage completed. E.g. 0.5 for 50%.
-     */
-    progress?: number;
-    /** Provide state from external component. E.g. TaskRunner */
-    progressState?: Components.ProgressState;
-    type?: "striped" | "animated";
-    variant?: Components.variant;
-    /** True if you want the animation to be reversed. */
-    reverse?: boolean;
-}
-export default class ProgressBar extends React.Component<IProgressBarProps & React.HTMLProps<HTMLDivElement>> {
-    innerRef: React.RefObject<HTMLDivElement>;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
+import React from "react";
+import { Components } from "@singularsystems/neo-core";
+export interface IProgressBarProps {
+    /**
+     * Percentage completed. E.g. 0.5 for 50%.
+     */
+    progress?: number;
+    /** Provide state from external component. E.g. TaskRunner */
+    progressState?: Components.ProgressState;
+    type?: "striped" | "animated";
+    variant?: Components.variant;
+    /** True if you want the animation to be reversed. */
+    reverse?: boolean;
+}
+export default class ProgressBar extends React.Component<IProgressBarProps & React.HTMLProps<HTMLDivElement>> {
+    innerRef: React.RefObject<HTMLDivElement>;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}

package/dist/ReactComponents/ProgressBar.js

@@ -1,52 +1,52 @@
-import { __assign, __decorate, __extends, __rest } from "tslib";
-import React from "react";
-import { Components, Misc, Utils } from "@singularsystems/neo-core";
-import { observer } from 'mobx-react';
-var ProgressBar = /** @class */ (function (_super) {
-    __extends(ProgressBar, _super);
-    function ProgressBar() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.innerRef = React.createRef();
-        return _this;
-    }
-    ProgressBar.prototype.componentDidMount = function () {
-        if (this.innerRef.current) {
-            Components.AnimationHelper.triggerReflow(this.innerRef.current);
-        }
-    };
-    ProgressBar.prototype.render = function () {
-        var _a = this.props, progress = _a.progress, progressState = _a.progressState, type = _a.type, variant = _a.variant, reverse = _a.reverse, domProps = __rest(_a, ["progress", "progressState", "type", "variant", "reverse"]);
-        var innerClassName = "progress-bar";
-        var isReversed = reverse === true;
-        if (Misc.Settings.progressBar.reverse) {
-            isReversed = !isReversed;
-        }
-        if (isReversed) {
-            innerClassName += " reversed";
-        }
-        if (type === "striped" || type === "animated") {
-            innerClassName += " progress-bar-striped";
-            if (type === "animated") {
-                innerClassName += " progress-bar-animated";
-            }
-        }
-        if (variant) {
-            innerClassName += " bg-" + variant;
-        }
-        domProps.className = Utils.joinWithSpaces(domProps && domProps.className, "progress");
-        var style = {};
-        if (progressState) {
-            progress = progressState.progress;
-            style.transitionDuration = "0.25s";
-            style.transitionTimingFunction = "linear";
-        }
-        style.width = progress ? (progress * 100) + "%" : "0";
-        return (React.createElement("div", __assign({}, domProps),
-            React.createElement("div", { ref: this.innerRef, className: innerClassName, style: style })));
-    };
-    ProgressBar = __decorate([
-        observer
-    ], ProgressBar);
-    return ProgressBar;
-}(React.Component));
-export default ProgressBar;
+import { __assign, __decorate, __extends, __rest } from "tslib";
+import React from "react";
+import { Components, Misc, Utils } from "@singularsystems/neo-core";
+import { observer } from 'mobx-react';
+var ProgressBar = /** @class */ (function (_super) {
+    __extends(ProgressBar, _super);
+    function ProgressBar() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.innerRef = React.createRef();
+        return _this;
+    }
+    ProgressBar.prototype.componentDidMount = function () {
+        if (this.innerRef.current) {
+            Components.AnimationHelper.triggerReflow(this.innerRef.current);
+        }
+    };
+    ProgressBar.prototype.render = function () {
+        var _a = this.props, progress = _a.progress, progressState = _a.progressState, type = _a.type, variant = _a.variant, reverse = _a.reverse, domProps = __rest(_a, ["progress", "progressState", "type", "variant", "reverse"]);
+        var innerClassName = "progress-bar";
+        var isReversed = reverse === true;
+        if (Misc.Settings.progressBar.reverse) {
+            isReversed = !isReversed;
+        }
+        if (isReversed) {
+            innerClassName += " reversed";
+        }
+        if (type === "striped" || type === "animated") {
+            innerClassName += " progress-bar-striped";
+            if (type === "animated") {
+                innerClassName += " progress-bar-animated";
+            }
+        }
+        if (variant) {
+            innerClassName += " bg-" + variant;
+        }
+        domProps.className = Utils.joinWithSpaces(domProps && domProps.className, "progress");
+        var style = {};
+        if (progressState) {
+            progress = progressState.progress;
+            style.transitionDuration = "0.25s";
+            style.transitionTimingFunction = "linear";
+        }
+        style.width = progress ? (progress * 100) + "%" : "0";
+        return (React.createElement("div", __assign({}, domProps),
+            React.createElement("div", { ref: this.innerRef, className: innerClassName, style: style })));
+    };
+    ProgressBar = __decorate([
+        observer
+    ], ProgressBar);
+    return ProgressBar;
+}(React.Component));
+export default ProgressBar;