studiokit-scaffolding-js 4.3.20 → 4.3.21

package/lib/components/Notifications.d.ts

@@ -1,39 +1,39 @@
-import React, { Component } from 'react';
-import { NOTIFICATION_TYPE } from '../constants';
-import { ModalsState } from '../redux/reducers/modalsReducer';
-import { NotificationState } from '../redux/reducers/notificationsReducer';
-import { Notification } from '../types';
-export interface NotificationsProps {
-    /** The queue of notifications, FIFO */
-    notifications: Notification[];
-    /** The identifiers for all currently open modals, used to correlate with `notification.modalId` */
-    openModalIds: string[];
-}
-interface NotificationsState {
-    guid: string;
-    notification?: Notification;
-    className: string;
-    isOpen: boolean;
-}
-export declare class Notifications extends Component<NotificationsProps, NotificationsState> {
-    afterCloseTimeout: any;
-    constructor(props: NotificationsProps);
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    clearAfterCloseTimeout: () => void;
-    updateNotification: () => void;
-    closeNotification: () => void;
-    removeNotification: () => void;
-    classNameForType: (type: NOTIFICATION_TYPE) => "alert-info" | "alert-success" | "alert-warning" | "alert-danger";
-    render(): JSX.Element;
-}
-export declare const mapStateToProps: (state: {
-    notifications: NotificationState;
-    modals: ModalsState;
-}) => {
-    notifications: Notification[];
-    openModalIds: string[];
-};
-declare const _default: import("react-redux").ConnectedComponent<typeof Notifications, Pick<React.ClassAttributes<Notifications> & NotificationsProps, "ref" | "key">>;
-export default _default;
+import React, { Component } from 'react';
+import { NOTIFICATION_TYPE } from '../constants';
+import { ModalsState } from '../redux/reducers/modalsReducer';
+import { NotificationState } from '../redux/reducers/notificationsReducer';
+import { Notification } from '../types';
+export interface NotificationsProps {
+    /** The queue of notifications, FIFO */
+    notifications: Notification[];
+    /** The identifiers for all currently open modals, used to correlate with `notification.modalId` */
+    openModalIds: string[];
+}
+interface NotificationsState {
+    guid: string;
+    notification?: Notification;
+    className: string;
+    isOpen: boolean;
+}
+export declare class Notifications extends Component<NotificationsProps, NotificationsState> {
+    afterCloseTimeout: any;
+    constructor(props: NotificationsProps);
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    clearAfterCloseTimeout: () => void;
+    updateNotification: () => void;
+    closeNotification: () => void;
+    removeNotification: () => void;
+    classNameForType: (type: NOTIFICATION_TYPE) => "alert-info" | "alert-success" | "alert-warning" | "alert-danger";
+    render(): JSX.Element;
+}
+export declare const mapStateToProps: (state: {
+    notifications: NotificationState;
+    modals: ModalsState;
+}) => {
+    notifications: Notification[];
+    openModalIds: string[];
+};
+declare const _default: import("react-redux").ConnectedComponent<typeof Notifications, Pick<React.ClassAttributes<Notifications> & NotificationsProps, "ref" | "key">>;
+export default _default;

package/lib/components/Notifications.js

@@ -1,175 +1,175 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapStateToProps = exports.Notifications = void 0;
-var core_1 = require("@material-ui/core");
-var Close_1 = __importDefault(require("@material-ui/icons/Close"));
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var uuid_1 = require("uuid");
-var constants_1 = require("../constants");
-var actionCreator_1 = require("../redux/actionCreator");
-var actions_1 = require("../redux/actions");
-var Notifications = /** @class */ (function (_super) {
-    __extends(Notifications, _super);
-    function Notifications(props) {
-        var _this = _super.call(this, props) || this;
-        _this.afterCloseTimeout = undefined;
-        _this.clearAfterCloseTimeout = function () {
-            if (_this.afterCloseTimeout) {
-                clearTimeout(_this.afterCloseTimeout);
-                _this.afterCloseTimeout = undefined;
-            }
-        };
-        _this.updateNotification = function () {
-            var _a = _this.props, openModalIds = _a.openModalIds, notifications = _a.notifications;
-            var _b = _this.state, isOpen = _b.isOpen, currentNotification = _b.notification;
-            // find next notification, if any
-            var notification = notifications.length > 0 ? notifications[0] : undefined;
-            // react to the last notification being removed, and close the alert
-            if (isOpen && !notification) {
-                _this.closeNotification();
-                return;
-            }
-            // exit early if there is no notification
-            if (!notification) {
-                return;
-            }
-            var shouldShowNotification = 
-            // the notification is different from the current, if any
-            notification.id !== (currentNotification === null || currentNotification === void 0 ? void 0 : currentNotification.id) &&
-                // the alert is not open
-                !isOpen &&
-                // show immediately, ignoring modals
-                (notification.modalId === null ||
-                    // show after all modals are closed
-                    (notification.modalId === undefined && openModalIds.length === 0) ||
-                    // show after a specific modal is closed
-                    (!!notification.modalId && !openModalIds.includes(notification.modalId)));
-            if (shouldShowNotification) {
-                _this.setState({
-                    notification: notification,
-                    className: _this.classNameForType(notification.type),
-                    isOpen: true
-                });
-            }
-        };
-        _this.closeNotification = function () {
-            var notifications = _this.props.notifications;
-            _this.setState({
-                isOpen: false
-            }, function () {
-                // wait until after Snackbar hide animation to clear the UI
-                _this.afterCloseTimeout = setTimeout(function () {
-                    _this.removeNotification();
-                    _this.clearAfterCloseTimeout();
-                    // removing the last notification, clear state
-                    if (notifications.length <= 1) {
-                        _this.setState({
-                            notification: undefined,
-                            className: ''
-                        });
-                    }
-                }, 300);
-            });
-        };
-        _this.removeNotification = function () {
-            var notification = _this.state.notification;
-            if (!notification) {
-                return;
-            }
-            actionCreator_1.dispatchAction(actions_1.ACTION.REMOVE_NOTIFICATION, {
-                notification: notification
-            });
-        };
-        _this.classNameForType = function (type) {
-            switch (type) {
-                case constants_1.NOTIFICATION_TYPE.INFO:
-                    return 'alert-info';
-                case constants_1.NOTIFICATION_TYPE.SUCCESS:
-                    return 'alert-success';
-                case constants_1.NOTIFICATION_TYPE.WARNING:
-                    return 'alert-warning';
-                case constants_1.NOTIFICATION_TYPE.ERROR:
-                    return 'alert-danger';
-            }
-        };
-        _this.state = {
-            guid: uuid_1.v4(),
-            notification: undefined,
-            className: '',
-            isOpen: false // use to handle animation separate from existence of notification
-        };
-        return _this;
-    }
-    Notifications.prototype.componentDidMount = function () {
-        this.updateNotification();
-    };
-    Notifications.prototype.componentDidUpdate = function () {
-        this.updateNotification();
-    };
-    Notifications.prototype.componentWillUnmount = function () {
-        var notifications = this.props.notifications;
-        var isOpen = this.state.isOpen;
-        if (isOpen && notifications.length > 0) {
-            this.removeNotification();
-        }
-        this.clearAfterCloseTimeout();
-    };
-    Notifications.prototype.render = function () {
-        var _a = this.state, guid = _a.guid, notification = _a.notification, className = _a.className, isOpen = _a.isOpen;
-        var id = "notifications-" + guid;
-        return (react_1.default.createElement("div", { id: id, "aria-live": "polite" },
-            react_1.default.createElement(core_1.Snackbar, { anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, open: isOpen, autoHideDuration: 5000, onClose: this.closeNotification, className: "mh2 alert notification-alert" },
-                react_1.default.createElement(core_1.SnackbarContent, { className: className, "aria-describedby": id + "-alert-message", message: react_1.default.createElement("span", { id: id + "-alert-message", className: "notification-alert-message" },
-                        react_1.default.createElement("h4", { className: "normal pt2" }, !!notification && notification.text)), action: [
-                        react_1.default.createElement(core_1.Button, { className: "notification-close-button", "aria-label": "Close", color: "inherit", key: "close", onClick: this.removeNotification },
-                            react_1.default.createElement(Close_1.default, { className: "v-mid" }),
-                            "Close")
-                    ] }))));
-    };
-    return Notifications;
-}(react_1.Component));
-exports.Notifications = Notifications;
-var mapStateToProps = function (state) {
-    return {
-        notifications: state.notifications.queue,
-        openModalIds: Object.keys(state.modals)
-    };
-};
-exports.mapStateToProps = mapStateToProps;
-exports.default = react_redux_1.connect(exports.mapStateToProps)(Notifications);
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapStateToProps = exports.Notifications = void 0;
+var core_1 = require("@material-ui/core");
+var Close_1 = __importDefault(require("@material-ui/icons/Close"));
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var uuid_1 = require("uuid");
+var constants_1 = require("../constants");
+var actionCreator_1 = require("../redux/actionCreator");
+var actions_1 = require("../redux/actions");
+var Notifications = /** @class */ (function (_super) {
+    __extends(Notifications, _super);
+    function Notifications(props) {
+        var _this = _super.call(this, props) || this;
+        _this.afterCloseTimeout = undefined;
+        _this.clearAfterCloseTimeout = function () {
+            if (_this.afterCloseTimeout) {
+                clearTimeout(_this.afterCloseTimeout);
+                _this.afterCloseTimeout = undefined;
+            }
+        };
+        _this.updateNotification = function () {
+            var _a = _this.props, openModalIds = _a.openModalIds, notifications = _a.notifications;
+            var _b = _this.state, isOpen = _b.isOpen, currentNotification = _b.notification;
+            // find next notification, if any
+            var notification = notifications.length > 0 ? notifications[0] : undefined;
+            // react to the last notification being removed, and close the alert
+            if (isOpen && !notification) {
+                _this.closeNotification();
+                return;
+            }
+            // exit early if there is no notification
+            if (!notification) {
+                return;
+            }
+            var shouldShowNotification = 
+            // the notification is different from the current, if any
+            notification.id !== (currentNotification === null || currentNotification === void 0 ? void 0 : currentNotification.id) &&
+                // the alert is not open
+                !isOpen &&
+                // show immediately, ignoring modals
+                (notification.modalId === null ||
+                    // show after all modals are closed
+                    (notification.modalId === undefined && openModalIds.length === 0) ||
+                    // show after a specific modal is closed
+                    (!!notification.modalId && !openModalIds.includes(notification.modalId)));
+            if (shouldShowNotification) {
+                _this.setState({
+                    notification: notification,
+                    className: _this.classNameForType(notification.type),
+                    isOpen: true
+                });
+            }
+        };
+        _this.closeNotification = function () {
+            var notifications = _this.props.notifications;
+            _this.setState({
+                isOpen: false
+            }, function () {
+                // wait until after Snackbar hide animation to clear the UI
+                _this.afterCloseTimeout = setTimeout(function () {
+                    _this.removeNotification();
+                    _this.clearAfterCloseTimeout();
+                    // removing the last notification, clear state
+                    if (notifications.length <= 1) {
+                        _this.setState({
+                            notification: undefined,
+                            className: ''
+                        });
+                    }
+                }, 300);
+            });
+        };
+        _this.removeNotification = function () {
+            var notification = _this.state.notification;
+            if (!notification) {
+                return;
+            }
+            actionCreator_1.dispatchAction(actions_1.ACTION.REMOVE_NOTIFICATION, {
+                notification: notification
+            });
+        };
+        _this.classNameForType = function (type) {
+            switch (type) {
+                case constants_1.NOTIFICATION_TYPE.INFO:
+                    return 'alert-info';
+                case constants_1.NOTIFICATION_TYPE.SUCCESS:
+                    return 'alert-success';
+                case constants_1.NOTIFICATION_TYPE.WARNING:
+                    return 'alert-warning';
+                case constants_1.NOTIFICATION_TYPE.ERROR:
+                    return 'alert-danger';
+            }
+        };
+        _this.state = {
+            guid: uuid_1.v4(),
+            notification: undefined,
+            className: '',
+            isOpen: false // use to handle animation separate from existence of notification
+        };
+        return _this;
+    }
+    Notifications.prototype.componentDidMount = function () {
+        this.updateNotification();
+    };
+    Notifications.prototype.componentDidUpdate = function () {
+        this.updateNotification();
+    };
+    Notifications.prototype.componentWillUnmount = function () {
+        var notifications = this.props.notifications;
+        var isOpen = this.state.isOpen;
+        if (isOpen && notifications.length > 0) {
+            this.removeNotification();
+        }
+        this.clearAfterCloseTimeout();
+    };
+    Notifications.prototype.render = function () {
+        var _a = this.state, guid = _a.guid, notification = _a.notification, className = _a.className, isOpen = _a.isOpen;
+        var id = "notifications-" + guid;
+        return (react_1.default.createElement("div", { id: id, "aria-live": "polite" },
+            react_1.default.createElement(core_1.Snackbar, { anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, open: isOpen, autoHideDuration: 5000, onClose: this.closeNotification, className: "mh2 alert notification-alert" },
+                react_1.default.createElement(core_1.SnackbarContent, { className: className, "aria-describedby": id + "-alert-message", message: react_1.default.createElement("span", { id: id + "-alert-message", className: "notification-alert-message" },
+                        react_1.default.createElement("h4", { className: "normal pt2" }, !!notification && notification.text)), action: [
+                        react_1.default.createElement(core_1.Button, { className: "notification-close-button", "aria-label": "Close", color: "inherit", key: "close", onClick: this.removeNotification },
+                            react_1.default.createElement(Close_1.default, { className: "v-mid" }),
+                            "Close")
+                    ] }))));
+    };
+    return Notifications;
+}(react_1.Component));
+exports.Notifications = Notifications;
+var mapStateToProps = function (state) {
+    return {
+        notifications: state.notifications.queue,
+        openModalIds: Object.keys(state.modals)
+    };
+};
+exports.mapStateToProps = mapStateToProps;
+exports.default = react_redux_1.connect(exports.mapStateToProps)(Notifications);

package/lib/components/RefreshIndicator/Bordered.d.ts

@@ -1,7 +1,7 @@
-import { FunctionComponent } from 'react';
-import { RefreshIndicatorProps } from './index';
-interface BorderedRefreshIndicatorProps extends RefreshIndicatorProps {
-    borderClassName?: string;
-}
-declare const RefreshIndicatorBordered: FunctionComponent<BorderedRefreshIndicatorProps>;
-export default RefreshIndicatorBordered;
+import { FunctionComponent } from 'react';
+import { RefreshIndicatorProps } from './index';
+interface BorderedRefreshIndicatorProps extends RefreshIndicatorProps {
+    borderClassName?: string;
+}
+declare const RefreshIndicatorBordered: FunctionComponent<BorderedRefreshIndicatorProps>;
+export default RefreshIndicatorBordered;

package/lib/components/RefreshIndicator/Bordered.js

@@ -1,35 +1,35 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var index_1 = __importDefault(require("./index"));
-var RefreshIndicatorBordered = function (props) {
-    var borderClassName = props.borderClassName, rest = __rest(props, ["borderClassName"]);
-    return (react_1.default.createElement("div", { className: "ba b--dashed bw1 b--custom-blue" + (borderClassName ? " " + borderClassName : '') },
-        react_1.default.createElement(index_1.default, __assign({}, rest))));
-};
-exports.default = RefreshIndicatorBordered;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var index_1 = __importDefault(require("./index"));
+var RefreshIndicatorBordered = function (props) {
+    var borderClassName = props.borderClassName, rest = __rest(props, ["borderClassName"]);
+    return (react_1.default.createElement("div", { className: "ba b--dashed bw1 b--custom-blue" + (borderClassName ? " " + borderClassName : '') },
+        react_1.default.createElement(index_1.default, __assign({}, rest))));
+};
+exports.default = RefreshIndicatorBordered;

package/lib/components/RefreshIndicator/Inline.d.ts

@@ -1,4 +1,4 @@
-import { CircularProgressProps } from '@material-ui/core/CircularProgress';
-import { FunctionComponent } from 'react';
-declare const RefreshIndicatorInline: FunctionComponent<CircularProgressProps>;
-export default RefreshIndicatorInline;
+import { CircularProgressProps } from '@material-ui/core/CircularProgress';
+import { FunctionComponent } from 'react';
+declare const RefreshIndicatorInline: FunctionComponent<CircularProgressProps>;
+export default RefreshIndicatorInline;

package/lib/components/RefreshIndicator/Inline.js

@@ -1,36 +1,36 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var CircularProgress_1 = __importDefault(require("@material-ui/core/CircularProgress"));
-var react_1 = __importDefault(require("react"));
-var RefreshIndicatorInline = function (props) {
-    var className = props.className, rest = __rest(props, ["className"]);
-    return (react_1.default.createElement(CircularProgress_1.default, __assign({ size: 35, style: {
-            position: 'relative'
-        }, className: "dib" + (props.className ? " " + props.className : '') }, rest)));
-};
-exports.default = RefreshIndicatorInline;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var CircularProgress_1 = __importDefault(require("@material-ui/core/CircularProgress"));
+var react_1 = __importDefault(require("react"));
+var RefreshIndicatorInline = function (props) {
+    var className = props.className, rest = __rest(props, ["className"]);
+    return (react_1.default.createElement(CircularProgress_1.default, __assign({ size: 35, style: {
+            position: 'relative'
+        }, className: "dib" + (props.className ? " " + props.className : '') }, rest)));
+};
+exports.default = RefreshIndicatorInline;

package/lib/components/RefreshIndicator/index.d.ts

@@ -1,21 +1,21 @@
-import React, { FunctionComponent } from 'react';
-export interface RefreshIndicatorProps {
-    /** An error will still be logged to Sentry after `warnAfterSeconds`, but no warning will be disabled. */
-    hideWarning?: boolean;
-    /** Amount of seconds the component can be rendered before the warning is shown and an error is logged to Sentry. Default is 15 seconds. */
-    logAndWarnAfterSeconds?: number;
-    /** Additional classes to add the the default warning component. Does not apply if `warningMessage` is provided. */
-    warningClassName?: string;
-    /** An alternative message to display after `warnAfterSeconds`. */
-    warningMessage?: string | JSX.Element;
-    /** A label to display under the CircularProgress indicator. */
-    label?: string | JSX.Element;
-    /** Additional classes to add to the `label`'s containing `p`. */
-    labelClassName?: string;
-    /** Optional size for the `CircularProgress` loader. Default is 40. */
-    loaderSize?: number;
-    /** Optional style for the `CircularProgress` loader. */
-    loaderStyle?: React.CSSProperties;
-}
-declare const RefreshIndicator: FunctionComponent<RefreshIndicatorProps>;
-export default RefreshIndicator;
+import React, { FunctionComponent } from 'react';
+export interface RefreshIndicatorProps {
+    /** An error will still be logged to Sentry after `warnAfterSeconds`, but no warning will be disabled. */
+    hideWarning?: boolean;
+    /** Amount of seconds the component can be rendered before the warning is shown and an error is logged to Sentry. Default is 15 seconds. */
+    logAndWarnAfterSeconds?: number;
+    /** Additional classes to add the the default warning component. Does not apply if `warningMessage` is provided. */
+    warningClassName?: string;
+    /** An alternative message to display after `warnAfterSeconds`. */
+    warningMessage?: string | JSX.Element;
+    /** A label to display under the CircularProgress indicator. */
+    label?: string | JSX.Element;
+    /** Additional classes to add to the `label`'s containing `p`. */
+    labelClassName?: string;
+    /** Optional size for the `CircularProgress` loader. Default is 40. */
+    loaderSize?: number;
+    /** Optional style for the `CircularProgress` loader. */
+    loaderStyle?: React.CSSProperties;
+}
+declare const RefreshIndicator: FunctionComponent<RefreshIndicatorProps>;
+export default RefreshIndicator;