studiokit-scaffolding-js 4.3.20 → 4.3.21

package/lib/components/Lti/Launch.d.ts

@@ -1,21 +1,21 @@
-import { ComponentType, FunctionComponent } from 'react';
-import { LtiLaunch as LtiLaunchModel } from '../../types/LtiLaunch';
-import { GroupCreateOrEditCommonProps } from '../Groups/GroupCreateOrEditCommonProps';
-export interface LtiLaunchMatchParams {
-    ltiLaunchId: string;
-}
-export interface ChooseGradableProps {
-    ltiLaunch: LtiLaunchModel;
-    /**
-     * We accept this as a parameter even though it's a member of LtiLaunch because in this context
-     * it should never be null - it will either already have existed or it was just created prior to
-     * rendering this component
-     */
-    groupId: number;
-}
-export interface LaunchProps {
-    GroupCreateOrEdit: ComponentType<GroupCreateOrEditCommonProps>;
-    ChooseGradable: ComponentType<ChooseGradableProps>;
-}
-export declare const LtiLaunch: FunctionComponent<LaunchProps>;
-export default LtiLaunch;
+import { ComponentType, FunctionComponent } from 'react';
+import { LtiLaunch as LtiLaunchModel } from '../../types/LtiLaunch';
+import { GroupCreateOrEditCommonProps } from '../Groups/GroupCreateOrEditCommonProps';
+export interface LtiLaunchMatchParams {
+    ltiLaunchId: string;
+}
+export interface ChooseGradableProps {
+    ltiLaunch: LtiLaunchModel;
+    /**
+     * We accept this as a parameter even though it's a member of LtiLaunch because in this context
+     * it should never be null - it will either already have existed or it was just created prior to
+     * rendering this component
+     */
+    groupId: number;
+}
+export interface LaunchProps {
+    GroupCreateOrEdit: ComponentType<GroupCreateOrEditCommonProps>;
+    ChooseGradable: ComponentType<ChooseGradableProps>;
+}
+export declare const LtiLaunch: FunctionComponent<LaunchProps>;
+export default LtiLaunch;

package/lib/components/Lti/Launch.js

@@ -1,52 +1,52 @@
-"use strict";
-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.LtiLaunch = void 0;
-var react_1 = __importStar(require("react"));
-var react_helmet_1 = __importDefault(require("react-helmet"));
-var react_router_1 = require("react-router");
-var Loading_1 = __importDefault(require("../../components/Loading"));
-var modelStatus_1 = __importDefault(require("../../constants/modelStatus"));
-var useCollectionItem_1 = require("../../hooks/useCollectionItem");
-var lti_1 = require("../../utils/lti");
-var LaunchGroup_1 = require("./LaunchGroup");
-var LtiLaunch = function (_a) {
-    var _b;
-    var GroupCreateOrEdit = _a.GroupCreateOrEdit, ChooseGradable = _a.ChooseGradable;
-    var _c = react_1.useState(undefined), newGroupId = _c[0], setNewGroupId = _c[1];
-    var ltiLaunchId = react_router_1.useParams().ltiLaunchId;
-    var _d = useCollectionItem_1.useCollectionItem({
-        modelName: 'ltiLaunches',
-        pathParams: [ltiLaunchId]
-    }), ltiLaunch = _d.model, ltiLaunchStatus = _d.modelStatus;
-    var launchGroupId = (_b = ltiLaunch.groupId) !== null && _b !== void 0 ? _b : newGroupId;
-    var isBasicLtiLaunch = lti_1.isBasicLaunch(ltiLaunch);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_helmet_1.default, { title: "LTI " + (isBasicLtiLaunch ? 'Launch' : 'Link') }),
-        ltiLaunchStatus !== modelStatus_1.default.READY && react_1.default.createElement(Loading_1.default, null),
-        ltiLaunchStatus === modelStatus_1.default.READY &&
-            (isBasicLtiLaunch || !launchGroupId ? (react_1.default.createElement(LaunchGroup_1.LtiLaunchGroup, { ltiLaunch: ltiLaunch, setNewGroupId: !isBasicLtiLaunch ? setNewGroupId : undefined, GroupCreateOrEdit: GroupCreateOrEdit })) : (react_1.default.createElement(ChooseGradable, { ltiLaunch: ltiLaunch, groupId: launchGroupId })))));
-};
-exports.LtiLaunch = LtiLaunch;
-exports.default = exports.LtiLaunch;
+"use strict";
+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.LtiLaunch = void 0;
+var react_1 = __importStar(require("react"));
+var react_helmet_1 = __importDefault(require("react-helmet"));
+var react_router_1 = require("react-router");
+var Loading_1 = __importDefault(require("../../components/Loading"));
+var modelStatus_1 = __importDefault(require("../../constants/modelStatus"));
+var useCollectionItem_1 = require("../../hooks/useCollectionItem");
+var lti_1 = require("../../utils/lti");
+var LaunchGroup_1 = require("./LaunchGroup");
+var LtiLaunch = function (_a) {
+    var _b;
+    var GroupCreateOrEdit = _a.GroupCreateOrEdit, ChooseGradable = _a.ChooseGradable;
+    var _c = react_1.useState(undefined), newGroupId = _c[0], setNewGroupId = _c[1];
+    var ltiLaunchId = react_router_1.useParams().ltiLaunchId;
+    var _d = useCollectionItem_1.useCollectionItem({
+        modelName: 'ltiLaunches',
+        pathParams: [ltiLaunchId]
+    }), ltiLaunch = _d.model, ltiLaunchStatus = _d.modelStatus;
+    var launchGroupId = (_b = ltiLaunch.groupId) !== null && _b !== void 0 ? _b : newGroupId;
+    var isBasicLtiLaunch = lti_1.isBasicLaunch(ltiLaunch);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_helmet_1.default, { title: "LTI " + (isBasicLtiLaunch ? 'Launch' : 'Link') }),
+        ltiLaunchStatus !== modelStatus_1.default.READY && react_1.default.createElement(Loading_1.default, null),
+        ltiLaunchStatus === modelStatus_1.default.READY &&
+            (isBasicLtiLaunch || !launchGroupId ? (react_1.default.createElement(LaunchGroup_1.LtiLaunchGroup, { ltiLaunch: ltiLaunch, setNewGroupId: !isBasicLtiLaunch ? setNewGroupId : undefined, GroupCreateOrEdit: GroupCreateOrEdit })) : (react_1.default.createElement(ChooseGradable, { ltiLaunch: ltiLaunch, groupId: launchGroupId })))));
+};
+exports.LtiLaunch = LtiLaunch;
+exports.default = exports.LtiLaunch;

package/lib/components/Lti/LaunchGroup.d.ts

@@ -1,9 +1,9 @@
-import { ComponentType, FunctionComponent } from 'react';
-import { LtiLaunch } from '../../types/LtiLaunch';
-import { GroupCreateOrEditCommonProps } from '../Groups/GroupCreateOrEditCommonProps';
-export interface LtiLaunchGroupProps {
-    ltiLaunch: LtiLaunch;
-    setNewGroupId?: (externalGroupId: number) => void;
-    GroupCreateOrEdit: ComponentType<GroupCreateOrEditCommonProps>;
-}
-export declare const LtiLaunchGroup: FunctionComponent<LtiLaunchGroupProps>;
+import { ComponentType, FunctionComponent } from 'react';
+import { LtiLaunch } from '../../types/LtiLaunch';
+import { GroupCreateOrEditCommonProps } from '../Groups/GroupCreateOrEditCommonProps';
+export interface LtiLaunchGroupProps {
+    ltiLaunch: LtiLaunch;
+    setNewGroupId?: (externalGroupId: number) => void;
+    GroupCreateOrEdit: ComponentType<GroupCreateOrEditCommonProps>;
+}
+export declare const LtiLaunchGroup: FunctionComponent<LtiLaunchGroupProps>;

package/lib/components/Lti/LaunchGroup.js

@@ -1,45 +1,45 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LtiLaunchGroup = void 0;
-var react_1 = __importStar(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var react_router_1 = require("react-router");
-var lti_1 = require("../../utils/lti");
-var Confirm_1 = require("./Confirm");
-var onCancel = function (ltiLaunch, history) {
-    ltiLaunch.returnUrl ? (window.location.href = ltiLaunch.returnUrl) : history.push('/');
-};
-var LtiLaunchGroup = function (_a) {
-    var ltiLaunch = _a.ltiLaunch, setNewGroupId = _a.setNewGroupId, GroupCreateOrEdit = _a.GroupCreateOrEdit;
-    var _b = react_1.useState(false), didConfirm = _b[0], setDidConfirm = _b[1];
-    var history = react_router_1.useHistory();
-    var isWithinIFrame = lti_1.isInsideIFrame();
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        !didConfirm && (react_1.default.createElement("div", { className: (isWithinIFrame ? '' : 'pv5 ') + "nb4" },
-            react_1.default.createElement(react_bootstrap_1.Container, { className: "mw7" },
-                !isWithinIFrame && (react_1.default.createElement(react_bootstrap_1.Row, null,
-                    react_1.default.createElement(react_bootstrap_1.Col, { xs: 12 },
-                        react_1.default.createElement("h1", { className: "tc" }, "Course Setup")))),
-                react_1.default.createElement(Confirm_1.Confirm, { ltiLaunch: ltiLaunch, onConfirm: function () { return setDidConfirm(true); }, onCancel: function () { return onCancel(ltiLaunch, history); } })))),
-        didConfirm && (react_1.default.createElement(GroupCreateOrEdit, { ltiLaunch: ltiLaunch, setNewGroupId: setNewGroupId, onCancel: function () { return setDidConfirm(false); } }))));
-};
-exports.LtiLaunchGroup = LtiLaunchGroup;
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LtiLaunchGroup = void 0;
+var react_1 = __importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var react_router_1 = require("react-router");
+var lti_1 = require("../../utils/lti");
+var Confirm_1 = require("./Confirm");
+var onCancel = function (ltiLaunch, history) {
+    ltiLaunch.returnUrl ? (window.location.href = ltiLaunch.returnUrl) : history.push('/');
+};
+var LtiLaunchGroup = function (_a) {
+    var ltiLaunch = _a.ltiLaunch, setNewGroupId = _a.setNewGroupId, GroupCreateOrEdit = _a.GroupCreateOrEdit;
+    var _b = react_1.useState(false), didConfirm = _b[0], setDidConfirm = _b[1];
+    var history = react_router_1.useHistory();
+    var isWithinIFrame = lti_1.isInsideIFrame();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        !didConfirm && (react_1.default.createElement("div", { className: (isWithinIFrame ? '' : 'pv5 ') + "nb4" },
+            react_1.default.createElement(react_bootstrap_1.Container, { className: "mw7" },
+                !isWithinIFrame && (react_1.default.createElement(react_bootstrap_1.Row, null,
+                    react_1.default.createElement(react_bootstrap_1.Col, { xs: 12 },
+                        react_1.default.createElement("h1", { className: "tc" }, "Course Setup")))),
+                react_1.default.createElement(Confirm_1.Confirm, { ltiLaunch: ltiLaunch, onConfirm: function () { return setDidConfirm(true); }, onCancel: function () { return onCancel(ltiLaunch, history); } })))),
+        didConfirm && (react_1.default.createElement(GroupCreateOrEdit, { ltiLaunch: ltiLaunch, setNewGroupId: setNewGroupId, onCancel: function () { return setDidConfirm(false); } }))));
+};
+exports.LtiLaunchGroup = LtiLaunchGroup;

package/lib/components/NewVersionAlert.d.ts

@@ -1,18 +1,18 @@
-import { Component, ComponentClass } from 'react';
-import { RouteComponentProps } from 'react-router-dom';
-import { BaseReduxState } from '../types';
-import { Client } from '../types/Client';
-export interface NewVersionAlertProps {
-    client?: Client;
-    /** Custom reload function for testing */
-    reload?: () => void;
-}
-export declare class NewVersionAlert extends Component<NewVersionAlertProps & RouteComponentProps> {
-    componentDidUpdate(prevProps: NewVersionAlertProps & RouteComponentProps): void;
-    hasVersionUpdate: () => boolean;
-    refresh: () => void;
-    render(): JSX.Element;
-}
-export declare const mapStateToProps: (state: BaseReduxState) => NewVersionAlertProps;
-declare const connectedNewVersionAlert: ComponentClass;
-export default connectedNewVersionAlert;
+import { Component, ComponentClass } from 'react';
+import { RouteComponentProps } from 'react-router-dom';
+import { BaseReduxState } from '../types';
+import { Client } from '../types/Client';
+export interface NewVersionAlertProps {
+    client?: Client;
+    /** Custom reload function for testing */
+    reload?: () => void;
+}
+export declare class NewVersionAlert extends Component<NewVersionAlertProps & RouteComponentProps> {
+    componentDidUpdate(prevProps: NewVersionAlertProps & RouteComponentProps): void;
+    hasVersionUpdate: () => boolean;
+    refresh: () => void;
+    render(): JSX.Element;
+}
+export declare const mapStateToProps: (state: BaseReduxState) => NewVersionAlertProps;
+declare const connectedNewVersionAlert: ComponentClass;
+export default connectedNewVersionAlert;

package/lib/components/NewVersionAlert.js

@@ -1,97 +1,97 @@
-"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.NewVersionAlert = void 0;
-var core_1 = require("@material-ui/core");
-var Refresh_1 = __importDefault(require("@material-ui/icons/Refresh"));
-var Warning_1 = __importDefault(require("@material-ui/icons/Warning"));
-var compare_versions_1 = __importDefault(require("compare-versions"));
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var react_router_dom_1 = require("react-router-dom");
-var configuration_1 = require("../constants/configuration");
-var NewVersionAlert = /** @class */ (function (_super) {
-    __extends(NewVersionAlert, _super);
-    function NewVersionAlert() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.hasVersionUpdate = function () {
-            var client = _this.props.client;
-            var version = configuration_1.getAppConfig().VERSION;
-            return (!!client && !!client.currentVersion && !!version && compare_versions_1.default(version, client.currentVersion) === -1);
-        };
-        _this.refresh = function () {
-            var reload = _this.props.reload;
-            if (reload) {
-                reload();
-            }
-            else {
-                document.location.reload();
-            }
-        };
-        return _this;
-    }
-    NewVersionAlert.prototype.componentDidUpdate = function (prevProps) {
-        if (this.props.location.pathname !== prevProps.location.pathname && this.hasVersionUpdate()) {
-            this.refresh();
-        }
-    };
-    NewVersionAlert.prototype.render = function () {
-        var appName = configuration_1.getAppConfig().APP_NAME;
-        return (react_1.default.createElement(core_1.Snackbar, { id: "newVersionAlert", anchorOrigin: { vertical: 'top', horizontal: 'center' }, open: this.hasVersionUpdate() },
-            react_1.default.createElement(core_1.SnackbarContent, { className: "bg-color-white color-dark-grey", "aria-describedby": "newVersionAlertMessage", message: react_1.default.createElement("span", { id: "newVersionAlertMessage" },
-                    react_1.default.createElement("h2", null,
-                        react_1.default.createElement(Warning_1.default, { className: "f3 fl mr2 v-mid fill-orange" }),
-                        " A new version of ",
-                        appName,
-                        " is available"),
-                    react_1.default.createElement("p", { className: "ma0" }, "Please click \"Refresh\" to get the new version. If you continue seeing this message, please clear your browser cache and try again.")), action: [
-                    react_1.default.createElement(core_1.Button, { key: "refresh", "aria-label": "Refresh", color: "primary", onClick: this.refresh },
-                        react_1.default.createElement(Refresh_1.default, { className: "fill-black" }),
-                        " Refresh")
-                ] })));
-    };
-    return NewVersionAlert;
-}(react_1.Component));
-exports.NewVersionAlert = NewVersionAlert;
-var mapStateToProps = function (state) {
-    return {
-        client: state.models.client
-    };
-};
-exports.mapStateToProps = mapStateToProps;
-var connectedNewVersionAlert = react_router_dom_1.withRouter(react_redux_1.connect(exports.mapStateToProps)(NewVersionAlert));
-exports.default = connectedNewVersionAlert;
+"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.NewVersionAlert = void 0;
+var core_1 = require("@material-ui/core");
+var Refresh_1 = __importDefault(require("@material-ui/icons/Refresh"));
+var Warning_1 = __importDefault(require("@material-ui/icons/Warning"));
+var compare_versions_1 = __importDefault(require("compare-versions"));
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var react_router_dom_1 = require("react-router-dom");
+var configuration_1 = require("../constants/configuration");
+var NewVersionAlert = /** @class */ (function (_super) {
+    __extends(NewVersionAlert, _super);
+    function NewVersionAlert() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.hasVersionUpdate = function () {
+            var client = _this.props.client;
+            var version = configuration_1.getAppConfig().VERSION;
+            return (!!client && !!client.currentVersion && !!version && compare_versions_1.default(version, client.currentVersion) === -1);
+        };
+        _this.refresh = function () {
+            var reload = _this.props.reload;
+            if (reload) {
+                reload();
+            }
+            else {
+                document.location.reload();
+            }
+        };
+        return _this;
+    }
+    NewVersionAlert.prototype.componentDidUpdate = function (prevProps) {
+        if (this.props.location.pathname !== prevProps.location.pathname && this.hasVersionUpdate()) {
+            this.refresh();
+        }
+    };
+    NewVersionAlert.prototype.render = function () {
+        var appName = configuration_1.getAppConfig().APP_NAME;
+        return (react_1.default.createElement(core_1.Snackbar, { id: "newVersionAlert", anchorOrigin: { vertical: 'top', horizontal: 'center' }, open: this.hasVersionUpdate() },
+            react_1.default.createElement(core_1.SnackbarContent, { className: "bg-color-white color-dark-grey", "aria-describedby": "newVersionAlertMessage", message: react_1.default.createElement("span", { id: "newVersionAlertMessage" },
+                    react_1.default.createElement("h2", null,
+                        react_1.default.createElement(Warning_1.default, { className: "f3 fl mr2 v-mid fill-orange" }),
+                        " A new version of ",
+                        appName,
+                        " is available"),
+                    react_1.default.createElement("p", { className: "ma0" }, "Please click \"Refresh\" to get the new version. If you continue seeing this message, please clear your browser cache and try again.")), action: [
+                    react_1.default.createElement(core_1.Button, { key: "refresh", "aria-label": "Refresh", color: "primary", onClick: this.refresh },
+                        react_1.default.createElement(Refresh_1.default, { className: "fill-black" }),
+                        " Refresh")
+                ] })));
+    };
+    return NewVersionAlert;
+}(react_1.Component));
+exports.NewVersionAlert = NewVersionAlert;
+var mapStateToProps = function (state) {
+    return {
+        client: state.models.client
+    };
+};
+exports.mapStateToProps = mapStateToProps;
+var connectedNewVersionAlert = react_router_dom_1.withRouter(react_redux_1.connect(exports.mapStateToProps)(NewVersionAlert));
+exports.default = connectedNewVersionAlert;

package/lib/components/NotFound.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const NotFound: () => JSX.Element;
-export default NotFound;
+/// <reference types="react" />
+declare const NotFound: () => JSX.Element;
+export default NotFound;

package/lib/components/NotFound.js

@@ -1,28 +1,28 @@
-"use strict";
-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 react_bootstrap_1 = require("react-bootstrap");
-var react_helmet_1 = __importDefault(require("react-helmet"));
-var react_router_1 = require("react-router");
-var NotFound = function () {
-    var pathname = react_router_1.useLocation().pathname;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_helmet_1.default, { title: "Page Not Found" }),
-        react_1.default.createElement(react_bootstrap_1.Container, null,
-            react_1.default.createElement(react_bootstrap_1.Row, null,
-                react_1.default.createElement(react_bootstrap_1.Col, { md: 8 },
-                    react_1.default.createElement("h1", null, "Not Found"),
-                    react_1.default.createElement("p", null,
-                        "We could not find the requested page",
-                        pathname && " at \"" + pathname + "\"",
-                        "."),
-                    react_1.default.createElement("p", null,
-                        "If you have any questions or concerns, please contact us at",
-                        ' ',
-                        react_1.default.createElement("a", { href: "mailto:tlt@purdue.edu" }, "tlt@purdue.edu"),
-                        "."))))));
-};
-exports.default = NotFound;
+"use strict";
+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 react_bootstrap_1 = require("react-bootstrap");
+var react_helmet_1 = __importDefault(require("react-helmet"));
+var react_router_1 = require("react-router");
+var NotFound = function () {
+    var pathname = react_router_1.useParams().pathname;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_helmet_1.default, { title: "Page Not Found" }),
+        react_1.default.createElement(react_bootstrap_1.Container, null,
+            react_1.default.createElement(react_bootstrap_1.Row, null,
+                react_1.default.createElement(react_bootstrap_1.Col, { md: 8 },
+                    react_1.default.createElement("h1", null, "Not Found"),
+                    react_1.default.createElement("p", null,
+                        "We could not find the requested page",
+                        pathname && " at \"" + pathname + "\"",
+                        "."),
+                    react_1.default.createElement("p", null,
+                        "If you have any questions or concerns, please contact us at",
+                        ' ',
+                        react_1.default.createElement("a", { href: "mailto:tlt@purdue.edu" }, "tlt@purdue.edu"),
+                        "."))))));
+};
+exports.default = NotFound;