@instructure/quiz-core 21.1.1 → 22.0.0

package/es/moderating/components/resources/ModerateTable/styles.js

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme, props, state) {
   return {
     emptyText: {

package/es/moderating/components/resources/ModerateTable/theme.js

@@ -3,7 +3,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors;
   return {
     emptyTextMargin: spacing.small,
-    pageBackgroundColor: colors.white
+    pageBackgroundColor: colors.contrasts.white1010
   };
 };
 export default generateComponentTheme;

package/es/moderating/components/resources/ModerateTableRow/ModerateTableRow.examples.js

@@ -1,6 +1,6 @@
 import { List, fromJS } from 'immutable';
-import QuizSession from "../../../../common/records/QuizSession.js";
-import QuizSessionResult from "../../../../common/records/QuizSessionResult.js";
+import QuizSession from '../../../../common/records/QuizSession';
+import QuizSessionResult from '../../../../common/records/QuizSessionResult';
 var failedResult = new QuizSessionResult(fromJS({
   status: 'autograding_failed',
   score: 42,

package/es/moderating/components/resources/ModerateTableRow/index.js

@@ -1,6 +1,6 @@
-import { connect } from "../../../../common/react-redux.js";
-import ModerateTableRow from "./presenter.js";
-import { getQuizSessionsByIds } from "../../../../common/selectors/quizSessions.js";
+import { connect } from '../../../../common/react-redux';
+import ModerateTableRow from './presenter';
+import { getQuizSessionsByIds } from '../../../../common/selectors/quizSessions';
 export function mapStateToProps(state, ownProps) {
   var quizSessionIds = ownProps.rowData.quizSessionIds;
   var quizSessions = getQuizSessionsByIds(state, quizSessionIds).filter(function (qs) {

package/es/moderating/components/resources/ModerateTableRow/presenter.js

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ModerateTableRow;
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 /* eslint "array-callback-return": "warn" */
 import { Component } from 'react';
@@ -20,35 +36,32 @@ import { IconButton } from '@instructure/ui-buttons';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
-import FormattedDuration from "../../../../common/components/shared/FormattedDuration/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import FormattedDuration from '../../../../common/components/shared/FormattedDuration';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 var DASHES = '---';
-var _ref = jsx(IconEditLine, null);
 export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ModerateTableRow = /*#__PURE__*/function (_withI18nSupport) {
-  _inherits(ModerateTableRow, _withI18nSupport);
-  var _super = _createSuper(ModerateTableRow);
   function ModerateTableRow() {
-    var _this;
+    var _this2;
     _classCallCheck(this, ModerateTableRow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.handleModerateRef = function (node) {
-      _this.moderateButton = node;
-    };
+    _this2 = _callSuper(this, ModerateTableRow, [].concat(args));
+    _defineProperty(_this2, "handleModerateRef", function (node) {
+      _this2.moderateButton = node;
+    });
     // =============
     //   Callbacks
     // =============
-    _this.onModerateButtonClick = function () {
-      _this.props.onModerateButtonClick(_this.props.rowData);
-    };
-    _this.onAccommodationsClick = function () {
-      if (!_this.props.onAccommodationsClick) return;
-      _this.props.onAccommodationsClick(_this.props.rowData);
-    };
-    _this.generateAttemptLink = function (autogradefailed, message, quizSessionId, attemptNumber) {
+    _defineProperty(_this2, "onModerateButtonClick", function () {
+      _this2.props.onModerateButtonClick(_this2.props.rowData);
+    });
+    _defineProperty(_this2, "onAccommodationsClick", function () {
+      if (!_this2.props.onAccommodationsClick) return;
+      _this2.props.onAccommodationsClick(_this2.props.rowData);
+    });
+    _defineProperty(_this2, "generateAttemptLink", function (autogradefailed, message, quizSessionId, attemptNumber) {
       var iconTitle = t('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
       });
@@ -61,13 +74,13 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
       };
       return jsx("div", {
         key: quizSessionId,
-        css: _this.props.styles.tableDataItem
+        css: _this2.props.styles.tableDataItem
       }, jsx(Link, Object.assign({
-        onClick: _this.onResultsLinkClick(quizSessionId),
+        onClick: _this2.onResultsLinkClick(quizSessionId),
         "data-automation": "sdk-moderation-attempts-results-link"
       }, autogradefailed && autoGradeFailedProps), message));
-    };
-    _this.generateAttemptText = function (autogradefailed, message, quizSessionId, attemptNumber) {
+    });
+    _defineProperty(_this2, "generateAttemptText", function (autogradefailed, message, quizSessionId, attemptNumber) {
       var iconTitle = t('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
       });
@@ -77,14 +90,15 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
       }) : null;
       return jsx("div", {
         key: quizSessionId,
-        css: _this.props.styles.tableDataItem
+        css: _this2.props.styles.tableDataItem
       }, jsx(View, {
         margin: "0 x-small 0 0"
       }, message), icon);
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(ModerateTableRow, [{
+  _inherits(ModerateTableRow, _withI18nSupport);
+  return _createClass(ModerateTableRow, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.rowData.id === this.props.focusTarget && this.moderateButton) {
@@ -94,17 +108,19 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
   }, {
     key: "onResultsLinkClick",
     value: function onResultsLinkClick(quizSessionId) {
-      var _this2 = this;
+      var _this3 = this;
       return function () {
-        _this2.props.onResultsLinkClick(quizSessionId);
+        _this3.props.onResultsLinkClick(quizSessionId);
       };
-    } // =============
+    }
+
+    // =============
     //   RENDERING
     // =============
   }, {
     key: "renderScores",
     value: function renderScores(quizSessions) {
-      var _this3 = this;
+      var _this4 = this;
       var noScore = jsx("div", {
         css: this.props.styles.tableDataItem
       }, jsx(AccessibleContent, {
@@ -118,9 +134,9 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
         }
         var message = t('No Score');
         if (result.get('score') != null) {
-          if (_this3.props.displayScoreAsPercentage) {
+          if (_this4.props.displayScoreAsPercentage) {
             var percentage = result.get('score') / result.get('pointsPossible');
-            message = _this3.formatPercentMax2FractionDigits(percentage);
+            message = _this4.formatPercentMax2FractionDigits(percentage);
           } else {
             message = "".concat(t.number(result.get('score')), "/").concat(t.number(result.get('pointsPossible')));
           }
@@ -136,7 +152,7 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
         }
         renderedScores.push(jsx("div", {
           key: result.get('id'),
-          css: _this3.props.styles.tableDataItem
+          css: _this4.props.styles.tableDataItem
         }, message));
         return renderedScores;
       }, []);
@@ -160,8 +176,8 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
   }, {
     key: "renderAttempts",
     value: function renderAttempts(quizSessions) {
-      var _this4 = this;
-      var maxAttempts = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : quizSessions.length;
+      var _this5 = this;
+      var maxAttempts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : quizSessions.length;
       if (!quizSessions.length) {
         return jsx("div", {
           css: this.props.styles.tableDataItem
@@ -172,18 +188,18 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
       return quizSessions.map(function (quizSession, idx) {
         var quizSessionId = quizSession.get('id');
         var hasAutogradeFailure = quizSession.findAuthoritativeResult().status === 'autograding_failed';
-        var message = _this4.attemptMessage(idx, maxAttempts, hasAutogradeFailure);
-        if (_this4.props.onResultsLinkClick && quizSession.graded()) {
-          return _this4.generateAttemptLink(hasAutogradeFailure, message, quizSessionId, idx + 1);
+        var message = _this5.attemptMessage(idx, maxAttempts, hasAutogradeFailure);
+        if (_this5.props.onResultsLinkClick && quizSession.graded()) {
+          return _this5.generateAttemptLink(hasAutogradeFailure, message, quizSessionId, idx + 1);
         } else {
-          return _this4.generateAttemptText(hasAutogradeFailure, message, quizSessionId, idx + 1);
+          return _this5.generateAttemptText(hasAutogradeFailure, message, quizSessionId, idx + 1);
         }
       });
     }
   }, {
     key: "renderTimes",
     value: function renderTimes(quizSessions) {
-      var _this5 = this;
+      var _this6 = this;
       if (!quizSessions.length) {
         return jsx("div", {
           css: this.props.styles.tableDataItem
@@ -203,14 +219,14 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
         }
         return jsx("div", {
           key: quizSession.get('id'),
-          css: _this5.props.styles.tableDataItem
+          css: _this6.props.styles.tableDataItem
         }, message);
       });
     }
   }, {
     key: "renderLogLinks",
     value: function renderLogLinks(quizSessions) {
-      var _this6 = this;
+      var _this7 = this;
       if (!quizSessions.length) {
         return jsx("div", {
           css: this.props.styles.tableDataItem
@@ -233,7 +249,7 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
         }
         return jsx("div", {
           key: quizSessionId,
-          css: _this6.props.styles.tableDataItem
+          css: _this7.props.styles.tableDataItem
         }, jsx(Link, {
           onClick: onClick,
           "data-automation": "sdk-moderation-moderate-session-log-link"
@@ -277,7 +293,7 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
           ref: this.handleModerateRef,
           "data-automation": "sdk-moderation-moderate-button",
           screenReaderLabel: t('Moderate')
-        }, _ref)));
+        }, jsx(IconEditLine, null))));
       }
     }
   }, {
@@ -312,9 +328,7 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
       })), this.renderName(name, avatarName))), !this.props.anonymousGrading && jsx(Table.Cell, null, this.renderAttempts(quizSessions, maxAttempts)), !this.props.anonymousGrading && jsx(Table.Cell, null, this.renderScores(quizSessions)), !this.props.anonymousGrading && jsx(Table.Cell, null, this.renderTimes(quizSessions)), !this.props.anonymousGrading && jsx(Table.Cell, null, this.renderLogLinks(quizSessions)), !this.props.anonymousGrading && this.renderAccommodations(accommodations), this.renderModerate());
     }
   }]);
-  ModerateTableRow.displayName = "ModerateTableRow";
-  return ModerateTableRow;
-}(withI18nSupport(Component)), _ModerateTableRow.displayName = 'ModerateTableRow', _ModerateTableRow.componentId = "Quizzes".concat(_ModerateTableRow.displayName), _ModerateTableRow.propTypes = {
+}(withI18nSupport(Component)), _defineProperty(_ModerateTableRow, "displayName", 'ModerateTableRow'), _defineProperty(_ModerateTableRow, "componentId", "Quizzes".concat(_ModerateTableRow.displayName)), _defineProperty(_ModerateTableRow, "propTypes", {
   anonymousGrading: PropTypes.bool.isRequired,
   displayScoreAsPercentage: PropTypes.bool,
   onModerateButtonClick: PropTypes.func.isRequired,
@@ -337,10 +351,10 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
   shouldRenderModerateButton: PropTypes.bool,
   focusTarget: PropTypes.string,
   styles: PropTypes.object
-}, _ModerateTableRow.defaultProps = {
+}), _defineProperty(_ModerateTableRow, "defaultProps", {
   displayScoreAsPercentage: true,
   shouldRenderModerateButton: true,
   focusTarget: null,
   onAccommodationsClick: null
-}, _ModerateTableRow)) || _class);
+}), _ModerateTableRow)) || _class);
 export default ModerateTableRow;

package/es/moderating/components/resources/ModerateTableRow/story.js

@@ -1,8 +1,11 @@
 import React from 'react';
 import { Table } from '@instructure/ui-table';
-import ModerateTableRow from "./presenter.js"; // You're supposed to be able to wrap a component in stuff using renderExample
+import ModerateTableRow from './presenter';
+
+// You're supposed to be able to wrap a component in stuff using renderExample
 // but everything goes wrong fast when I do that, so this component exists just
 // to make a storybook story look pretty. Also, Omar told me to do this.
+
 var render = function render(props) {
   return /*#__PURE__*/React.createElement(Table, {
     caption: ""

package/es/moderating/components/resources/ModerateTableRow/styles.js

@@ -1,7 +1,7 @@
 var generateStyle = function generateStyle(componentTheme) {
   return {
     moderateButton: {
-      float: 'right'
+      "float": 'right'
     },
     avatarRow: {
       display: 'flex',

package/es/moderating/components/resources/OutstandingQuizzesModal/index.js

@@ -1,8 +1,8 @@
-import { connect } from "../../../../common/react-redux.js";
-import OutstandingQuizzesModal from "./presenter.js";
+import { connect } from '../../../../common/react-redux';
+import OutstandingQuizzesModal from './presenter';
 import { OUTSTANDING_QUIZZES_MODAL } from '@instructure/quiz-common';
-import { closeModal } from "../../../../common/actions/modal.js";
-import { submitOutstandingQuizSession } from "../../../api/quizSessions.js";
+import { closeModal } from '../../../../common/actions/modal';
+import { submitOutstandingQuizSession } from '../../../api/quizSessions';
 export function mapStateToProps(state, ownProps) {
   return {
     open: state.getIn(['modal', 'isOpen']) === OUTSTANDING_QUIZZES_MODAL

package/es/moderating/components/resources/OutstandingQuizzesModal/presenter.js

@@ -1,8 +1,26 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -13,45 +31,43 @@ import { Button, CloseButton } from '@instructure/ui-buttons';
 import { OUTSTANDING_QUIZZES_MODAL } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
-  _inherits(OutstandingQuizzesModal, _Component);
-  var _super = _createSuper(OutstandingQuizzesModal);
   function OutstandingQuizzesModal(props) {
-    var _this;
+    var _this2;
     _classCallCheck(this, OutstandingQuizzesModal);
-    _this = _super.call(this, props);
-    _this.saveAction = function () {
-      var _iterator = _createForOfIteratorHelper(_this.state.quizzesSelectedAndReadyToSubmit),
+    _this2 = _callSuper(this, OutstandingQuizzesModal, [props]);
+    _defineProperty(_this2, "saveAction", function () {
+      var _iterator = _createForOfIteratorHelper(_this2.state.quizzesSelectedAndReadyToSubmit),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var quiz = _step.value;
-          _this.props.submitOutstandingQuizSession(quiz);
+          _this2.props.submitOutstandingQuizSession(quiz);
         }
       } catch (err) {
         _iterator.e(err);
       } finally {
         _iterator.f();
       }
-      _this.props.closeModal();
-      _this.props.handleSubmissionAndPoll(_this.state.quizzesSelectedAndReadyToSubmit);
-      _this.props.afterSubmit();
-    };
-    _this.cancelAction = function () {
-      _this.props.onDismiss && _this.props.onDismiss();
-      _this.props.closeModal();
-    };
-    _this.sortByName = function (arr) {
+      _this2.props.closeModal();
+      _this2.props.handleSubmissionAndPoll(_this2.state.quizzesSelectedAndReadyToSubmit);
+      _this2.props.afterSubmit();
+    });
+    _defineProperty(_this2, "cancelAction", function () {
+      _this2.props.onDismiss && _this2.props.onDismiss();
+      _this2.props.closeModal();
+    });
+    _defineProperty(_this2, "sortByName", function (arr) {
       return arr.sort(function (a, b) {
         return a.name.localeCompare(b.name);
       });
-    };
-    _this.generateCheckboxesForOutstandingQuizzes = function () {
+    });
+    _defineProperty(_this2, "generateCheckboxesForOutstandingQuizzes", function () {
       var checkboxes = [];
       var quizValues = [];
-      var sortedQuizSessionIdsAndUsers = _this.sortByName(_this.props.quizSessionIdsAndUsers);
-      if (sortedQuizSessionIdsAndUsers && _this.props.quizSessionsData) {
+      var sortedQuizSessionIdsAndUsers = _this2.sortByName(_this2.props.quizSessionIdsAndUsers);
+      if (sortedQuizSessionIdsAndUsers && _this2.props.quizSessionsData) {
         sortedQuizSessionIdsAndUsers.forEach(function (sortedQuizSession) {
-          return _this.props.quizSessionsData.filter(function (quizSession) {
+          return _this2.props.quizSessionsData.filter(function (quizSession) {
             return quizSession.id === sortedQuizSession.id && quizSession.status === 'in_progress';
           }).forEach(function (quizSession) {
             quizValues.push(quizSession.id);
@@ -67,29 +83,30 @@ export var OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
         checkboxes: checkboxes,
         quizValues: quizValues
       };
-    };
-    _this.updateListOfQuizzesToSubmit = function (value) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "updateListOfQuizzesToSubmit", function (value) {
+      _this2.setState({
         quizzesSelectedAndReadyToSubmit: value
       });
-    };
-    _this.closeModalOnClick = function () {
-      _this.props.closeModal(OUTSTANDING_QUIZZES_MODAL);
-    };
-    _this.populateCheckboxesOnOpen = function () {
-      var checkboxData = _this.generateCheckboxesForOutstandingQuizzes();
-      _this.setState({
+    });
+    _defineProperty(_this2, "closeModalOnClick", function () {
+      _this2.props.closeModal(OUTSTANDING_QUIZZES_MODAL);
+    });
+    _defineProperty(_this2, "populateCheckboxesOnOpen", function () {
+      var checkboxData = _this2.generateCheckboxesForOutstandingQuizzes();
+      _this2.setState({
         quizzesSelectedAndReadyToSubmit: checkboxData.quizValues,
         checkboxes: checkboxData.checkboxes
       });
-    };
-    _this.state = {
+    });
+    _this2.state = {
       quizzesSelectedAndReadyToSubmit: [],
       checkboxes: []
     };
-    return _this;
+    return _this2;
   }
-  _createClass(OutstandingQuizzesModal, [{
+  _inherits(OutstandingQuizzesModal, _Component);
+  return _createClass(OutstandingQuizzesModal, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(Modal, {
@@ -123,10 +140,8 @@ export var OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
       }, t('Submit Manually'))));
     }
   }]);
-  OutstandingQuizzesModal.displayName = "OutstandingQuizzesModal";
-  return OutstandingQuizzesModal;
 }(Component);
-OutstandingQuizzesModal.propTypes = {
+_defineProperty(OutstandingQuizzesModal, "propTypes", {
   closeModal: PropTypes.func.isRequired,
   submitOutstandingQuizSession: PropTypes.func,
   open: PropTypes.bool,
@@ -139,13 +154,13 @@ OutstandingQuizzesModal.propTypes = {
   quizSessionsData: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   handleSubmissionAndPoll: PropTypes.func.isRequired,
   afterSubmit: PropTypes.func
-};
-OutstandingQuizzesModal.defaultProps = {
+});
+_defineProperty(OutstandingQuizzesModal, "defaultProps", {
   submitOutstandingQuizSession: void 0,
   open: void 0,
   mountNode: null,
   onDismiss: null,
   closeModal: null,
   afterSubmit: Function.prototype
-};
+});
 export default OutstandingQuizzesModal;

package/es/moderating/components/resources/RetryGradePassbackButton/index.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
-import { addAlert } from "../../../../common/actions/alerts.js";
-import { connect } from "../../../../common/react-redux.js";
-import { RetryGradePassbackButton as RetryGradePassbackButtonPresenter } from "./presenter.js";
+import { addAlert } from '../../../../common/actions/alerts';
+import { connect } from '../../../../common/react-redux';
+import { RetryGradePassbackButton as RetryGradePassbackButtonPresenter } from './presenter';
 var mapStateToProps = function mapStateToProps(state) {
   return {};
 };

package/es/moderating/components/resources/RetryGradePassbackButton/presenter.js

@@ -1,6 +1,6 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { Button } from '@instructure/ui-buttons';
 import { IconRefreshLine } from '@instructure/ui-icons';
@@ -21,48 +21,46 @@ export function RetryGradePassbackButton(_ref) {
     _handleClick = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var response;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!(retryGradePassbackStatus === 'pending')) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              _context.prev = 2;
-              setRetryGradePassbackStatus('pending');
-              _context.next = 6;
-              return onClick();
-            case 6:
-              response = _context.sent;
-              if (!(response == null)) {
-                _context.next = 9;
-                break;
-              }
-              throw new Error('Failed to retry grade passback');
-            case 9:
-              addAlert({
-                message: t('Grade passback has been retried. This may take a while.'),
-                variant: 'info',
-                removeIn: 5000
-              });
-              setRetryGradePassbackStatus('success');
-              _context.next = 17;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(retryGradePassbackStatus === 'pending')) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            _context.prev = 2;
+            setRetryGradePassbackStatus('pending');
+            _context.next = 6;
+            return onClick();
+          case 6:
+            response = _context.sent;
+            if (!(response == null)) {
+              _context.next = 9;
               break;
-            case 13:
-              _context.prev = 13;
-              _context.t0 = _context["catch"](2);
-              addAlert({
-                message: t('Failed to retry grade passback. Please try again.'),
-                variant: 'error',
-                removeIn: 5000
-              });
-              setRetryGradePassbackStatus('error');
-            case 17:
-            case "end":
-              return _context.stop();
-          }
+            }
+            throw new Error('Failed to retry grade passback');
+          case 9:
+            addAlert({
+              message: t('Grade passback has been retried. This may take a while.'),
+              variant: 'info',
+              removeIn: 5000
+            });
+            setRetryGradePassbackStatus('success');
+            _context.next = 17;
+            break;
+          case 13:
+            _context.prev = 13;
+            _context.t0 = _context["catch"](2);
+            addAlert({
+              message: t('Failed to retry grade passback. Please try again.'),
+              variant: 'error',
+              removeIn: 5000
+            });
+            setRetryGradePassbackStatus('error');
+          case 17:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[2, 13]]);
     }));

package/es/moderating/components/resources/SessionBreachAlert.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import { Alert } from '@instructure/ui-alerts';
 import t from '@instructure/quiz-i18n/es/format-message';
-var _ref = /*#__PURE__*/React.createElement("br", null);
 export var SessionBreachAlert = function SessionBreachAlert() {
   return /*#__PURE__*/React.createElement(Alert, {
     variant: "warning",
     margin: "small"
-  }, t('Potential breach: This Quiz appears to have been accessed from multiple devices or browsers.'), _ref, t('Review the activity log and take appropriate action.'));
+  }, t('Potential breach: This Quiz appears to have been accessed from multiple devices or browsers.'), /*#__PURE__*/React.createElement("br", null), t('Review the activity log and take appropriate action.'));
 };

package/es/moderating/components/sidebar/ModerateTray/index.js

@@ -1,6 +1,6 @@
-import { connect } from "../../../../common/react-redux.js";
-import { closeTray } from "../../../../common/actions/moderation.js";
-import ModerateTrayPresenter from "./presenter.js";
+import { connect } from '../../../../common/react-redux';
+import { closeTray } from '../../../../common/actions/moderation';
+import ModerateTrayPresenter from './presenter';
 export function mapStateToProps(state) {
   return {
     isOpen: state.getIn(['moderation', 'trayOpen']) || false,