studiokit-scaffolding-js 4.3.20-next.3.2 → 4.3.21

package/lib/components/Forms/TimeField.js

@@ -1,112 +1,112 @@
-"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 __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 __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 });
-var TextField_1 = __importDefault(require("@material-ui/core/TextField"));
-var Help_1 = __importDefault(require("@material-ui/icons/Help"));
-var moment_1 = __importDefault(require("moment"));
-var react_1 = __importStar(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var date_1 = require("../../utils/date");
-var timePattern = '^(2[0-3]|[0-1][0-9]):([0-5][0-9])$';
-var timeFormat = 'HH:mm';
-var timeRegex = new RegExp(timePattern);
-var TimeField = /** @class */ (function (_super) {
-    __extends(TimeField, _super);
-    function TimeField() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.onChange = function (event) {
-            var timeString = event.target.value;
-            var isInputValid = timeRegex.test(timeString);
-            var timeMoment = moment_1.default(timeString, ['HH:mm']);
-            var time = isInputValid && _this.isTimeValid(timeString) ? timeMoment.toDate() : undefined;
-            if (_this.props.onChange) {
-                _this.props.onChange(timeString, time);
-            }
-        };
-        _this.isTimeValid = function (timeString) {
-            return !!timeString && timeString.length > 0 && moment_1.default(timeString, ['HH:mm']).isValid();
-        };
-        return _this;
-    }
-    TimeField.prototype.render = function () {
-        var value = this.props.value;
-        var formatWarning = !!value && value.length > 0 && !timeRegex.test(value)
-            ? date_1.isTimeInputSupported
-                ? "Must match the format \"hh:mm a\""
-                : "Must match the format \"" + timeFormat + "\" using 24 hour time"
-            : !!value && value.length > 0 && !this.isTimeValid(value)
-                ? 'Must be a valid time'
-                : undefined;
-        // prevent some props from being passed to TextField
-        var newProps = __assign({}, this.props);
-        var className = newProps.className;
-        delete newProps.className;
-        if (!!newProps.label && !date_1.isTimeInputSupported) {
-            var popover = (react_1.default.createElement(react_bootstrap_1.Popover, { id: "activatedAssignments" },
-                react_1.default.createElement("h3", null, "Missing Browser Features"),
-                react_1.default.createElement("p", null,
-                    "Your current browser does not have a default time picker. You must use the 24 hour time format, \"",
-                    timeFormat,
-                    "\".")));
-            newProps.label = (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "top", trigger: ['click', 'hover', 'focus'], overlay: popover },
-                react_1.default.createElement("span", null,
-                    newProps.label,
-                    " ",
-                    react_1.default.createElement("small", null, "(24 hour time)"),
-                    react_1.default.createElement(Help_1.default, { color: "primary", className: "ml1 v-top f7", fontSize: "small", tabIndex: 0 }))));
-        }
-        return (react_1.default.createElement("div", { className: className },
-            react_1.default.createElement(TextField_1.default, __assign({}, newProps, { type: "time", className: "material-text-field-time", inputProps: {
-                    pattern: timePattern,
-                    placeholder: timeFormat
-                }, onChange: this.onChange })),
-            formatWarning && react_1.default.createElement("label", { className: "color-red i f6 db" }, formatWarning)));
-    };
-    return TimeField;
-}(react_1.Component));
-exports.default = TimeField;
+"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 __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 __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 });
+var TextField_1 = __importDefault(require("@material-ui/core/TextField"));
+var Help_1 = __importDefault(require("@material-ui/icons/Help"));
+var moment_1 = __importDefault(require("moment"));
+var react_1 = __importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var date_1 = require("../../utils/date");
+var timePattern = '^(2[0-3]|[0-1][0-9]):([0-5][0-9])$';
+var timeFormat = 'HH:mm';
+var timeRegex = new RegExp(timePattern);
+var TimeField = /** @class */ (function (_super) {
+    __extends(TimeField, _super);
+    function TimeField() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.onChange = function (event) {
+            var timeString = event.target.value;
+            var isInputValid = timeRegex.test(timeString);
+            var timeMoment = moment_1.default(timeString, ['HH:mm']);
+            var time = isInputValid && _this.isTimeValid(timeString) ? timeMoment.toDate() : undefined;
+            if (_this.props.onChange) {
+                _this.props.onChange(timeString, time);
+            }
+        };
+        _this.isTimeValid = function (timeString) {
+            return !!timeString && timeString.length > 0 && moment_1.default(timeString, ['HH:mm']).isValid();
+        };
+        return _this;
+    }
+    TimeField.prototype.render = function () {
+        var value = this.props.value;
+        var formatWarning = !!value && value.length > 0 && !timeRegex.test(value)
+            ? date_1.isTimeInputSupported
+                ? "Must match the format \"hh:mm a\""
+                : "Must match the format \"" + timeFormat + "\" using 24 hour time"
+            : !!value && value.length > 0 && !this.isTimeValid(value)
+                ? 'Must be a valid time'
+                : undefined;
+        // prevent some props from being passed to TextField
+        var newProps = __assign({}, this.props);
+        var className = newProps.className;
+        delete newProps.className;
+        if (!!newProps.label && !date_1.isTimeInputSupported) {
+            var popover = (react_1.default.createElement(react_bootstrap_1.Popover, { id: "activatedAssignments" },
+                react_1.default.createElement("h3", null, "Missing Browser Features"),
+                react_1.default.createElement("p", null,
+                    "Your current browser does not have a default time picker. You must use the 24 hour time format, \"",
+                    timeFormat,
+                    "\".")));
+            newProps.label = (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "top", trigger: ['click', 'hover', 'focus'], overlay: popover },
+                react_1.default.createElement("span", null,
+                    newProps.label,
+                    " ",
+                    react_1.default.createElement("small", null, "(24 hour time)"),
+                    react_1.default.createElement(Help_1.default, { color: "primary", className: "ml1 v-top f7", fontSize: "small", tabIndex: 0 }))));
+        }
+        return (react_1.default.createElement("div", { className: className },
+            react_1.default.createElement(TextField_1.default, __assign({}, newProps, { type: "time", className: "material-text-field-time", inputProps: {
+                    pattern: timePattern,
+                    placeholder: timeFormat
+                }, onChange: this.onChange })),
+            formatWarning && react_1.default.createElement("label", { className: "color-red i f6 db" }, formatWarning)));
+    };
+    return TimeField;
+}(react_1.Component));
+exports.default = TimeField;

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

@@ -1,2 +1,2 @@
-export * from './DateField';
-export * from './TimeField';
+export * from './DateField';
+export * from './TimeField';

package/lib/components/Forms/index.js

@@ -1,14 +1,14 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DateField"), exports);
-__exportStar(require("./TimeField"), exports);
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DateField"), exports);
+__exportStar(require("./TimeField"), exports);

package/lib/components/Groups/CreateEditCopySaveButtons.d.ts

@@ -1,10 +1,10 @@
-import { FunctionComponent } from 'react';
-export interface GroupCreateEditCopySaveButtonsProps {
-    cannotSave: () => boolean;
-    cannotSaveAndAddOwners: () => boolean;
-    canAddInstructors: boolean;
-    save: (shouldEditAfterSaving?: boolean) => void;
-    cancel: () => void;
-    disabled?: boolean;
-}
-export declare const GroupCreateEditCopySaveButtons: FunctionComponent<GroupCreateEditCopySaveButtonsProps>;
+import { FunctionComponent } from 'react';
+export interface GroupCreateEditCopySaveButtonsProps {
+    cannotSave: () => boolean;
+    cannotSaveAndAddOwners: () => boolean;
+    canAddInstructors: boolean;
+    save: (shouldEditAfterSaving?: boolean) => void;
+    cancel: () => void;
+    disabled?: boolean;
+}
+export declare const GroupCreateEditCopySaveButtons: FunctionComponent<GroupCreateEditCopySaveButtonsProps>;

package/lib/components/Groups/CreateEditCopySaveButtons.js

@@ -1,18 +1,18 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupCreateEditCopySaveButtons = void 0;
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var CircularProgress_1 = __importDefault(require("@material-ui/core/CircularProgress"));
-var react_1 = __importDefault(require("react"));
-var GroupCreateEditCopySaveButtons = function (_a) {
-    var disabled = _a.disabled, cannotSave = _a.cannotSave, cannotSaveAndAddOwners = _a.cannotSaveAndAddOwners, canAddInstructors = _a.canAddInstructors, save = _a.save, cancel = _a.cancel;
-    return (react_1.default.createElement("div", null,
-        !!disabled && react_1.default.createElement(CircularProgress_1.default, { size: 30, className: "fr" }),
-        react_1.default.createElement(Button_1.default, { onClick: function () { return save(); }, color: "primary", className: "fr btn btn-primary" + (disabled ? ' visually-hidden' : ''), disabled: cannotSave() }, "Save"),
-        canAddInstructors && (react_1.default.createElement(Button_1.default, { onClick: function () { return save(true); }, color: "primary", className: "fr btn btn-primary mr1" + (disabled ? ' visually-hidden' : ''), disabled: cannotSaveAndAddOwners() }, "Save and Add Instructors")),
-        react_1.default.createElement(Button_1.default, { onClick: cancel, color: "primary", className: "fr btn mr1" + (disabled ? ' visually-hidden' : '') }, "Cancel")));
-};
-exports.GroupCreateEditCopySaveButtons = GroupCreateEditCopySaveButtons;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupCreateEditCopySaveButtons = void 0;
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var CircularProgress_1 = __importDefault(require("@material-ui/core/CircularProgress"));
+var react_1 = __importDefault(require("react"));
+var GroupCreateEditCopySaveButtons = function (_a) {
+    var disabled = _a.disabled, cannotSave = _a.cannotSave, cannotSaveAndAddOwners = _a.cannotSaveAndAddOwners, canAddInstructors = _a.canAddInstructors, save = _a.save, cancel = _a.cancel;
+    return (react_1.default.createElement("div", null,
+        !!disabled && react_1.default.createElement(CircularProgress_1.default, { size: 30, className: "fr" }),
+        react_1.default.createElement(Button_1.default, { onClick: function () { return save(); }, color: "primary", className: "fr btn btn-primary" + (disabled ? ' visually-hidden' : ''), disabled: cannotSave() }, "Save"),
+        canAddInstructors && (react_1.default.createElement(Button_1.default, { onClick: function () { return save(true); }, color: "primary", className: "fr btn btn-primary mr1" + (disabled ? ' visually-hidden' : ''), disabled: cannotSaveAndAddOwners() }, "Save and Add Instructors")),
+        react_1.default.createElement(Button_1.default, { onClick: cancel, color: "primary", className: "fr btn mr1" + (disabled ? ' visually-hidden' : '') }, "Cancel")));
+};
+exports.GroupCreateEditCopySaveButtons = GroupCreateEditCopySaveButtons;

package/lib/components/Groups/GroupCreateOrEditCommonProps.d.ts

@@ -1,6 +1,6 @@
-import { LtiLaunch } from '../../types';
-export interface GroupCreateOrEditCommonProps {
-    ltiLaunch?: LtiLaunch;
-    setNewGroupId?: (externalGroupId: number) => void;
-    onCancel?: () => void;
-}
+import { LtiLaunch } from '../../types';
+export interface GroupCreateOrEditCommonProps {
+    ltiLaunch?: LtiLaunch;
+    setNewGroupId?: (externalGroupId: number) => void;
+    onCancel?: () => void;
+}

package/lib/components/Groups/GroupCreateOrEditCommonProps.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/components/Groups/RosterSyncInfo.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
-export interface RosterSyncInfoProps {
-    hasLtiRosterSync?: boolean;
-}
-export declare const RosterSyncInfo: FunctionComponent<RosterSyncInfoProps>;
+import { FunctionComponent } from 'react';
+export interface RosterSyncInfoProps {
+    hasLtiRosterSync?: boolean;
+}
+export declare const RosterSyncInfo: FunctionComponent<RosterSyncInfoProps>;

package/lib/components/Groups/RosterSyncInfo.js

@@ -1,54 +1,54 @@
-"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.RosterSyncInfo = void 0;
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Highlight_1 = __importDefault(require("@material-ui/icons/Highlight"));
-var react_1 = __importStar(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var configuration_1 = require("../../constants/configuration");
-var ConnectedModal_1 = __importDefault(require("../ConnectedModal"));
-var RosterSyncInfo = function (_a) {
-    var hasLtiRosterSync = _a.hasLtiRosterSync;
-    var _b = react_1.useState(false), isModalOpen = _b[0], setIsModalOpen = _b[1];
-    var lmsName = configuration_1.getAppConfig().LMS_NAME;
-    var title = (hasLtiRosterSync ? lmsName + " " : '') + "Roster Sync";
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.default, { variant: "text", color: "primary", className: "mb0 mr1-ns pv2 ph2 fr-ns", onClick: function () { return setIsModalOpen(true); } },
-            react_1.default.createElement(Highlight_1.default, { className: "ml1 v-mid mr1" }),
-            react_1.default.createElement("span", { className: "mb0 b " }, title)),
-        react_1.default.createElement(ConnectedModal_1.default, { show: isModalOpen, onHide: function () { return setIsModalOpen(false); } },
-            react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
-                react_1.default.createElement(react_bootstrap_1.Modal.Title, { className: "f4" }, title)),
-            react_1.default.createElement(react_bootstrap_1.Modal.Body, null,
-                react_1.default.createElement("h3", null, "When is the roster synced?"),
-                react_1.default.createElement("p", null,
-                    "The roster is synced nightly throughout the duration of the course. People are added and removed automatically as the",
-                    ' ',
-                    hasLtiRosterSync ? "roster changes in " + lmsName : 'external roster changes',
-                    ".")),
-            react_1.default.createElement(react_bootstrap_1.Modal.Footer, null,
-                react_1.default.createElement(Button_1.default, { color: "primary", className: "ma0", onClick: function () { return setIsModalOpen(false); } }, "Close")))));
-};
-exports.RosterSyncInfo = RosterSyncInfo;
+"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.RosterSyncInfo = void 0;
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Highlight_1 = __importDefault(require("@material-ui/icons/Highlight"));
+var react_1 = __importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var configuration_1 = require("../../constants/configuration");
+var ConnectedModal_1 = __importDefault(require("../ConnectedModal"));
+var RosterSyncInfo = function (_a) {
+    var hasLtiRosterSync = _a.hasLtiRosterSync;
+    var _b = react_1.useState(false), isModalOpen = _b[0], setIsModalOpen = _b[1];
+    var lmsName = configuration_1.getAppConfig().LMS_NAME;
+    var title = (hasLtiRosterSync ? lmsName + " " : '') + "Roster Sync";
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Button_1.default, { variant: "text", color: "primary", className: "mb0 mr1-ns pv2 ph2 fr-ns", onClick: function () { return setIsModalOpen(true); } },
+            react_1.default.createElement(Highlight_1.default, { className: "ml1 v-mid mr1" }),
+            react_1.default.createElement("span", { className: "mb0 b " }, title)),
+        react_1.default.createElement(ConnectedModal_1.default, { show: isModalOpen, onHide: function () { return setIsModalOpen(false); } },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
+                react_1.default.createElement(react_bootstrap_1.Modal.Title, { className: "f4" }, title)),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null,
+                react_1.default.createElement("h3", null, "When is the roster synced?"),
+                react_1.default.createElement("p", null,
+                    "The roster is synced nightly throughout the duration of the course. People are added and removed automatically as the",
+                    ' ',
+                    hasLtiRosterSync ? "roster changes in " + lmsName : 'external roster changes',
+                    ".")),
+            react_1.default.createElement(react_bootstrap_1.Modal.Footer, null,
+                react_1.default.createElement(Button_1.default, { color: "primary", className: "ma0", onClick: function () { return setIsModalOpen(false); } }, "Close")))));
+};
+exports.RosterSyncInfo = RosterSyncInfo;

package/lib/components/HOC/AccessibleAppComponent.d.ts

@@ -1,15 +1,15 @@
-import React, { ComponentType } from 'react';
-import { Omit } from 'react-router';
-import { RouteComponentProps } from 'react-router-dom';
-interface AccessibleComponentState {
-    title?: string;
-}
-export declare function setupAccessibleComponent<TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps & RouteComponentProps>): ComponentType<TOwnProps & RouteComponentProps>;
-/**
- * Wrap around the main application to add support for resetting focus on page changes
- * and reading title changes to screen reader users
- *
- * @param WrappedComponent - The root of your application UI components
- */
-export default function accessibleAppComponent<TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps & RouteComponentProps>): React.ComponentClass<Omit<TOwnProps & RouteComponentProps, keyof RouteComponentProps<any>>, AccessibleComponentState>;
-export {};
+import React, { ComponentType } from 'react';
+import { Omit } from 'react-router';
+import { RouteComponentProps } from 'react-router-dom';
+interface AccessibleComponentState {
+    title?: string;
+}
+export declare function setupAccessibleComponent<TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps & RouteComponentProps>): ComponentType<TOwnProps & RouteComponentProps>;
+/**
+ * Wrap around the main application to add support for resetting focus on page changes
+ * and reading title changes to screen reader users
+ *
+ * @param WrappedComponent - The root of your application UI components
+ */
+export default function accessibleAppComponent<TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps & RouteComponentProps>): React.ComponentClass<Omit<TOwnProps & RouteComponentProps, keyof RouteComponentProps<any>>, AccessibleComponentState>;
+export {};