@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,7 +1,23 @@
 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 _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 { Tooltip } from '@instructure/ui-tooltip';
@@ -13,72 +29,71 @@ import { Button, CloseButton } from '@instructure/ui-buttons';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 export var AccommodationModal = /*#__PURE__*/function (_Component) {
-  _inherits(AccommodationModal, _Component);
-  var _super = _createSuper(AccommodationModal);
   function AccommodationModal() {
-    var _this;
+    var _this2;
     _classCallCheck(this, AccommodationModal);
     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.state = {
+    _this2 = _callSuper(this, AccommodationModal, [].concat(args));
+    _defineProperty(_this2, "state", {
       isTruncated: false
-    };
-    _this.handleUpdate = function (isTruncated) {
-      if (_this.state.isTruncated !== isTruncated) {
-        _this.setState({
+    });
+    _defineProperty(_this2, "handleUpdate", function (isTruncated) {
+      if (_this2.state.isTruncated !== isTruncated) {
+        _this2.setState({
           isTruncated: isTruncated
         });
       }
-    };
-    _this.handleAccommodationsModalExited = function () {
-      _this.setState({
+    });
+    _defineProperty(_this2, "handleAccommodationsModalExited", function () {
+      _this2.setState({
         isTruncated: false
       });
-    };
-    _this.renderName = function (renderProps) {
+    });
+    _defineProperty(_this2, "renderName", function (renderProps) {
       var focused = renderProps && renderProps.focused;
       return /*#__PURE__*/React.createElement(View, {
         "aria-hidden": "true",
         display: "inline-block",
         borderRadius: "small",
         position: "relative",
-        withFocusOutline: _this.state.isTruncated && focused,
+        withFocusOutline: _this2.state.isTruncated && focused,
         as: "div",
-        tabIndex: _this.state.isTruncated ? 0 : null
+        tabIndex: _this2.state.isTruncated ? 0 : null
       }, /*#__PURE__*/React.createElement(TruncateText, {
         maxLines: 2,
         truncate: "character",
-        onUpdate: _this.handleUpdate
-      }, _this.props.studentName));
-    };
-    _this.renderHeading = function () {
-      if (_this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled) {
+        onUpdate: _this2.handleUpdate
+      }, _this2.props.studentName));
+    });
+    _defineProperty(_this2, "renderHeading", function () {
+      if (_this2.props.atteqApplyChangesToCurrentQuizAttemptsEnabled) {
         return /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Student Accommodation')), t('Student Accommodation'));
       }
-      var _this$props = _this.props,
-        mountNode = _this$props.mountNode,
-        studentName = _this$props.studentName;
+      var _this2$props = _this2.props,
+        mountNode = _this2$props.mountNode,
+        studentName = _this2$props.studentName;
       if (!studentName) {
         return;
       }
-      return /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(ScreenReaderContent, null, studentName), _this.state.isTruncated ? /*#__PURE__*/React.createElement(Tooltip, {
+      return /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(ScreenReaderContent, null, studentName), _this2.state.isTruncated ? /*#__PURE__*/React.createElement(Tooltip, {
         renderTip: studentName,
         mountNode: mountNode
-      }, _this.renderName) : _this.renderName());
-    };
-    _this.saveAction = function () {
-      _this.props.onSubmit && _this.props.onSubmit();
-      _this.props.closeModal();
-    };
-    _this.cancelAction = function () {
-      _this.props.onDismiss && _this.props.onDismiss();
-      _this.props.closeModal();
-    };
-    return _this;
+      }, _this2.renderName) : _this2.renderName());
+    });
+    _defineProperty(_this2, "saveAction", function () {
+      _this2.props.onSubmit && _this2.props.onSubmit();
+      _this2.props.closeModal();
+    });
+    _defineProperty(_this2, "cancelAction", function () {
+      _this2.props.onDismiss && _this2.props.onDismiss();
+      _this2.props.closeModal();
+    });
+    return _this2;
   }
-  _createClass(AccommodationModal, [{
+  _inherits(AccommodationModal, _Component);
+  return _createClass(AccommodationModal, [{
     key: "labelText",
     value: function labelText() {
       if (this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled) {
@@ -89,11 +104,11 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-        open = _this$props2.open,
-        closeModal = _this$props2.closeModal,
-        mountNode = _this$props2.mountNode,
-        children = _this$props2.children;
+      var _this$props = this.props,
+        open = _this$props.open,
+        closeModal = _this$props.closeModal,
+        mountNode = _this$props.mountNode,
+        children = _this$props.children;
       return /*#__PURE__*/React.createElement(Modal, {
         open: open,
         label: this.labelText(),
@@ -117,10 +132,8 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
       }, t('Save'))));
     }
   }]);
-  AccommodationModal.displayName = "AccommodationModal";
-  return AccommodationModal;
 }(Component);
-AccommodationModal.propTypes = {
+_defineProperty(AccommodationModal, "propTypes", {
   closeModal: PropTypes.func.isRequired,
   open: PropTypes.bool.isRequired,
   studentName: PropTypes.string,
@@ -130,8 +143,8 @@ AccommodationModal.propTypes = {
   // this is just to fix chromatic
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   atteqApplyChangesToCurrentQuizAttemptsEnabled: PropTypes.bool.isRequired
-};
-AccommodationModal.defaultProps = {
+});
+_defineProperty(AccommodationModal, "defaultProps", {
   children: [],
   ellipsis: null,
   // placeholder for when different ellipsis are needed (ellipsis language-dependent)
@@ -139,5 +152,5 @@ AccommodationModal.defaultProps = {
   onSubmit: null,
   onDismiss: null,
   studentName: null
-};
+});
 export default AccommodationModal;

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

@@ -1,19 +1,34 @@
 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 _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 t from '@instructure/quiz-i18n/es/format-message';
 import { withI18nSupport } from '@instructure/quiz-common';
 export var ElapsedTime = /*#__PURE__*/function (_withI18nSupport) {
-  _inherits(ElapsedTime, _withI18nSupport);
-  var _super = _createSuper(ElapsedTime);
   function ElapsedTime() {
     _classCallCheck(this, ElapsedTime);
-    return _super.apply(this, arguments);
+    return _callSuper(this, ElapsedTime, arguments);
   }
-  _createClass(ElapsedTime, [{
+  _inherits(ElapsedTime, _withI18nSupport);
+  return _createClass(ElapsedTime, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -40,18 +55,16 @@ export var ElapsedTime = /*#__PURE__*/function (_withI18nSupport) {
       return /*#__PURE__*/React.createElement("span", null, displayTime);
     }
   }]);
-  ElapsedTime.displayName = "ElapsedTime";
-  return ElapsedTime;
 }(withI18nSupport(Component));
-ElapsedTime.propTypes = {
+_defineProperty(ElapsedTime, "propTypes", {
   eventTime: PropTypes.instanceOf(Date).isRequired,
   startTime: PropTypes.instanceOf(Date).isRequired,
   locale: PropTypes.string
-};
-ElapsedTime.defaultProps = {
+});
+_defineProperty(ElapsedTime, "defaultProps", {
   locale: null
-};
-ElapsedTime.contextTypes = {
+});
+_defineProperty(ElapsedTime, "contextTypes", {
   locale: PropTypes.string
-};
+});
 export default ElapsedTime;

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

@@ -3,10 +3,9 @@ import { Text } from '@instructure/ui-text';
 import { IconButton } from '@instructure/ui-buttons';
 import t from '@instructure/quiz-i18n/es/format-message';
 import React from 'react';
-import { SessionBreachAlert } from "./SessionBreachAlert.js";
+import { SessionBreachAlert } from './SessionBreachAlert';
 import { IconInfoLine } from '@instructure/ui-icons';
 import { Tooltip } from '@instructure/ui-tooltip';
-var _ref2 = /*#__PURE__*/React.createElement(SessionBreachAlert, null);
 export var EventDetails = function EventDetails(_ref) {
   var currentEventData = _ref.currentEventData,
     validationErrors = _ref.validationErrors,
@@ -25,7 +24,7 @@ export var EventDetails = function EventDetails(_ref) {
       withBorder: false
     }));
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, validationErrors.isBreach && _ref2, /*#__PURE__*/React.createElement("h4", null, eventTimeString), /*#__PURE__*/React.createElement(Table, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, validationErrors.isBreach && /*#__PURE__*/React.createElement(SessionBreachAlert, null), /*#__PURE__*/React.createElement("h4", null, eventTimeString), /*#__PURE__*/React.createElement(Table, {
     caption: t('System details')
   }, /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.ColHeader, {
     id: "system-details-attribute"

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

@@ -1,11 +1,11 @@
-import { connect } from "../../../../common/react-redux.js";
+import { connect } from '../../../../common/react-redux';
 import { QUIZ_SESSIONS_FETCH_CALL } from '@instructure/quiz-common';
-import { getQuizSessions } from "../../../api/quizSessions.js";
-import { openTray } from "../../../../common/actions/moderation.js";
-import ModerateTablePresenter from "./presenter.js";
-import { openModal } from "../../../../common/actions/modal.js";
-import { addSuccess } from "../../../../common/actions/alerts.js";
-import { getQuizSessionsByIds } from "../../../../common/selectors/quizSessions.js";
+import { getQuizSessions } from '../../../api/quizSessions';
+import { openTray } from '../../../../common/actions/moderation';
+import ModerateTablePresenter from './presenter';
+import { openModal } from '../../../../common/actions/modal';
+import { addSuccess } from '../../../../common/actions/alerts';
+import { getQuizSessionsByIds } from '../../../../common/selectors/quizSessions';
 export function mapStateToProps(state, ownProps) {
   var isFetching = state.getIn(['calls', QUIZ_SESSIONS_FETCH_CALL, 'requestStatus']) === 'calling';
   var quiz_ids = ownProps.inProgressData.flatMap(function (user) {

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

@@ -1,10 +1,28 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 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, _ModerateTable;
+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));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -17,45 +35,39 @@ import { IconButton } from '@instructure/ui-buttons';
 import { IconInfoLine, IconConfigureLine } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import ModerateTableRow from "../ModerateTableRow/index.js";
-import IfFeature from "../../../../common/components/shared/IfFeature/index.js";
-import OutstandingQuizzesModal from "../OutstandingQuizzesModal/index.js";
-import ModerateTray from "../../sidebar/ModerateTray/index.js";
-import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import ResetQuiz from "../../sidebar/ResetQuiz/index.js";
+import ModerateTableRow from '../ModerateTableRow';
+import IfFeature from '../../../../common/components/shared/IfFeature';
+import OutstandingQuizzesModal from '../OutstandingQuizzesModal';
+import ModerateTray from '../../sidebar/ModerateTray';
+import Spinner from '../../../../common/components/shared/spinner/Spinner';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import ResetQuiz from '../../sidebar/ResetQuiz';
 import { Flex, OUTSTANDING_QUIZZES_MODAL, withStyleOverrides } from '@instructure/quiz-common';
 import { chunk } from 'lodash';
-var _ref2 = jsx(Flex.Item, null, jsx(IconInfoLine, null));
-var _ref4 = jsx(IconConfigureLine, null);
-var _ref5 = jsx(Spinner, null);
-var _ref6 = jsx(ResetQuiz, null);
 export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ModerateTable = /*#__PURE__*/function (_Component) {
-  _inherits(ModerateTable, _Component);
-  var _super = _createSuper(ModerateTable);
   function ModerateTable() {
-    var _this;
+    var _this2;
     _classCallCheck(this, ModerateTable);
     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.state = {
+    _this2 = _callSuper(this, ModerateTable, [].concat(args));
+    _defineProperty(_this2, "state", {
       displayScoreAsPercentage: true,
       // To support voiceover when the table changes
       moderatePanelIterations: 0,
       selectedStudent: null,
       // To display the spinner while manually submitted quiz sessions are being graded
       isWaiting: false
-    };
-    _this.fetchData = function () {
-      var _this$props = _this.props,
-        getQuizSessions = _this$props.getQuizSessions,
-        quizId = _this$props.quizId,
-        inProgressData = _this$props.inProgressData,
-        tableData = _this$props.tableData;
-      var quizSessionIds = _toConsumableArray(new Set([].concat(_toConsumableArray(_this.quizSessionIds(inProgressData)), _toConsumableArray(_this.quizSessionIds(tableData)))));
+    });
+    _defineProperty(_this2, "fetchData", function () {
+      var _this2$props = _this2.props,
+        getQuizSessions = _this2$props.getQuizSessions,
+        quizId = _this2$props.quizId,
+        inProgressData = _this2$props.inProgressData,
+        tableData = _this2$props.tableData;
+      var quizSessionIds = _toConsumableArray(new Set([].concat(_toConsumableArray(_this2.quizSessionIds(inProgressData)), _toConsumableArray(_this2.quizSessionIds(tableData)))));
 
       // NOTE: The consumer provided no quizSessionIds. Don't fetch
       if (!quizSessionIds.length) return;
@@ -64,22 +76,22 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
           ids: chunkedIds
         });
       });
-    };
-    _this.onModerateButtonClick = function (data) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "onModerateButtonClick", function (data) {
+      _this2.setState({
         selectedStudent: data.id
       });
-      _this.props.onOpenTray(data);
-      _this.props.openTray(data);
-    };
-    _this.onCloseTray = function () {
-      _this.props.onCloseTray();
-      _this.setState({
-        moderatePanelIterations: _this.state.moderatePanelIterations + 1
+      _this2.props.onOpenTray(data);
+      _this2.props.openTray(data);
+    });
+    _defineProperty(_this2, "onCloseTray", function () {
+      _this2.props.onCloseTray();
+      _this2.setState({
+        moderatePanelIterations: _this2.state.moderatePanelIterations + 1
       });
-    };
-    _this.sessionsStillAutograding = function (quizzesToSubmit) {
-      var _iterator = _createForOfIteratorHelper(_this.props.quizSessionsData),
+    });
+    _defineProperty(_this2, "sessionsStillAutograding", function (quizzesToSubmit) {
+      var _iterator = _createForOfIteratorHelper(_this2.props.quizSessionsData),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -94,54 +106,55 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         _iterator.f();
       }
       return false;
-    };
-    _this.checkAutogradingStatus = function (submittedQuizSessions) {
-      if (_this.sessionsStillAutograding(submittedQuizSessions)) {
-        _this.pollAutogradingStatus(submittedQuizSessions);
+    });
+    _defineProperty(_this2, "checkAutogradingStatus", function (submittedQuizSessions) {
+      if (_this2.sessionsStillAutograding(submittedQuizSessions)) {
+        _this2.pollAutogradingStatus(submittedQuizSessions);
       } else {
-        _this.setState({
+        _this2.setState({
           isWaiting: false
         });
-        _this.props.addSuccess(t('Manual submission was successful.'));
+        _this2.props.addSuccess(t('Manual submission was successful.'));
       }
-    };
-    _this.pollAutogradingStatus = function (submittedQuizSessions) {
-      _this.fetchData();
+    });
+    _defineProperty(_this2, "pollAutogradingStatus", function (submittedQuizSessions) {
+      _this2.fetchData();
       setTimeout(function () {
-        _this.checkAutogradingStatus(submittedQuizSessions);
+        _this2.checkAutogradingStatus(submittedQuizSessions);
       }, 1000);
-    };
-    _this.handleSubmissionAndPoll = function (submittedQuizSessions) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "handleSubmissionAndPoll", function (submittedQuizSessions) {
+      _this2.setState({
         isWaiting: true
       });
-      _this.pollAutogradingStatus(submittedQuizSessions);
-    };
-    _this.handleScoreToggle = function () {
-      _this.setState(function (prevState) {
+      _this2.pollAutogradingStatus(submittedQuizSessions);
+    });
+    _defineProperty(_this2, "handleScoreToggle", function () {
+      _this2.setState(function (prevState) {
         return {
           displayScoreAsPercentage: !prevState.displayScoreAsPercentage
         };
       });
-    };
-    _this.scoreToggleScreenreaderMessage = function () {
-      return _this.state.displayScoreAsPercentage ? t('Toggle scores to raw points') : t('Toggle scores to percentages');
-    };
-    _this.openModalOnClick = function () {
-      _this.props.openModal(OUTSTANDING_QUIZZES_MODAL);
-    };
-    return _this;
+    });
+    _defineProperty(_this2, "scoreToggleScreenreaderMessage", function () {
+      return _this2.state.displayScoreAsPercentage ? t('Toggle scores to raw points') : t('Toggle scores to percentages');
+    });
+    _defineProperty(_this2, "openModalOnClick", function () {
+      _this2.props.openModal(OUTSTANDING_QUIZZES_MODAL);
+    });
+    return _this2;
   }
-  _createClass(ModerateTable, [{
+  _inherits(ModerateTable, _Component);
+  return _createClass(ModerateTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles({
         displayScoreAsPercentage: this.state.displayScoreAsPercentage
       });
       this.fetchData();
-      var _this$props2 = this.props,
-        hasSessionTimeLimit = _this$props2.hasSessionTimeLimit,
-        sessionTimeLimitInSeconds = _this$props2.sessionTimeLimitInSeconds;
+      var _this$props = this.props,
+        hasSessionTimeLimit = _this$props.hasSessionTimeLimit,
+        sessionTimeLimitInSeconds = _this$props.sessionTimeLimitInSeconds;
       this.props.sendSessionTimeLimit({
         hasSessionTimeLimit: hasSessionTimeLimit,
         sessionTimeLimitInSeconds: sessionTimeLimitInSeconds
@@ -153,9 +166,9 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
       this.props.makeStyles({
         displayScoreAsPercentage: this.state.displayScoreAsPercentage
       });
-      var _this$props3 = this.props,
-        hasSessionTimeLimit = _this$props3.hasSessionTimeLimit,
-        sessionTimeLimitInSeconds = _this$props3.sessionTimeLimitInSeconds;
+      var _this$props2 = this.props,
+        hasSessionTimeLimit = _this$props2.hasSessionTimeLimit,
+        sessionTimeLimitInSeconds = _this$props2.sessionTimeLimitInSeconds;
       if (prevProps.hasSessionTimeLimit !== hasSessionTimeLimit || prevProps.sessionTimeLimitInSeconds !== sessionTimeLimitInSeconds) {
         this.props.sendSessionTimeLimit({
           hasSessionTimeLimit: hasSessionTimeLimit,
@@ -185,28 +198,30 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
     }
   }, {
     key: "renderTableRows",
+    value:
     // =============
     //   RENDERING
     // =============
-    value: function renderTableRows() {
-      var _this2 = this;
-      var _this$props4 = this.props,
-        onModerateLogClick = _this$props4.onModerateLogClick,
-        onResultsLinkClick = _this$props4.onResultsLinkClick,
-        shouldRenderModerateButton = _this$props4.shouldRenderModerateButton;
+
+    function renderTableRows() {
+      var _this3 = this;
+      var _this$props3 = this.props,
+        onModerateLogClick = _this$props3.onModerateLogClick,
+        onResultsLinkClick = _this$props3.onResultsLinkClick,
+        shouldRenderModerateButton = _this$props3.shouldRenderModerateButton;
       return this.props.tableData.map(function (rowData) {
         var id = rowData.id;
         return jsx(ModerateTableRow, {
-          anonymousGrading: _this2.props.anonymousGrading,
+          anonymousGrading: _this3.props.anonymousGrading,
           onResultsLinkClick: onResultsLinkClick,
-          onAccommodationsClick: _this2.props.onAccommodationsClick,
-          key: "".concat(id, "-").concat(_this2.state.moderatePanelIterations),
-          onModerateButtonClick: _this2.onModerateButtonClick,
+          onAccommodationsClick: _this3.props.onAccommodationsClick,
+          key: "".concat(id, "-").concat(_this3.state.moderatePanelIterations),
+          onModerateButtonClick: _this3.onModerateButtonClick,
           onModerateLogClick: onModerateLogClick,
           rowData: rowData,
           shouldRenderModerateButton: shouldRenderModerateButton,
-          focusTarget: _this2.state.selectedStudent,
-          displayScoreAsPercentage: _this2.state.displayScoreAsPercentage
+          focusTarget: _this3.state.selectedStudent,
+          displayScoreAsPercentage: _this3.state.displayScoreAsPercentage
         });
       });
     }
@@ -236,18 +251,18 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
   }, {
     key: "renderAlertContent",
     value: function renderAlertContent(outstandingAttemptsCount) {
-      var _this3 = this;
+      var _this4 = this;
       return jsx("div", null, jsx(IfFeature, {
         name: "manual_submission"
-      }, jsx(Flex, null, _ref2, jsx(Flex.Item, {
+      }, jsx(Flex, null, jsx(Flex.Item, null, jsx(IconInfoLine, null)), jsx(Flex.Item, {
         padding: "xx-small"
       }, t.rich('This assessment has <0>{count, plural, one {# attempt} other {# attempts}}</0> in progress.', {
         count: outstandingAttemptsCount,
-        0: function _(_ref3) {
-          var children = _ref3.children;
+        0: function _(_ref2) {
+          var children = _ref2.children;
           return jsx(Link, {
             key: "0",
-            onClick: _this3.openModalOnClick,
+            onClick: _this4.openModalOnClick,
             "data-automation": "sdk-outstanding-quizzes-modal-open"
           }, children);
         }
@@ -273,7 +288,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         screenReaderLabel: this.scoreToggleScreenreaderMessage(),
         onClick: this.handleScoreToggle,
         "data-automation": "moderation-table-score-toggle"
-      }, _ref4));
+      }, jsx(IconConfigureLine, null)));
     }
   }, {
     key: "renderTable",
@@ -296,7 +311,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
       }, t('Log')), this.props.onAccommodationsClick && !this.props.anonymousGrading && jsx(Table.ColHeader, {
         id: "moderation-table-accommodations"
       }, t({
-        default: 'Accommodations',
+        "default": 'Accommodations',
         description: 'Support for students with who need extra time or attempts.'
       })), this.props.shouldRenderModerateButton && jsx(Table.ColHeader, {
         id: "moderation-table-moderate"
@@ -305,11 +320,11 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
   }, {
     key: "renderContent",
     value: function renderContent() {
-      var _this$props5 = this.props,
-        isFetching = _this$props5.isFetching,
-        tableData = _this$props5.tableData,
-        emptyMessage = _this$props5.emptyMessage;
-      if (isFetching || this.state.isWaiting) return _ref5;
+      var _this$props4 = this.props,
+        isFetching = _this$props4.isFetching,
+        tableData = _this$props4.tableData,
+        emptyMessage = _this$props4.emptyMessage;
+      if (isFetching || this.state.isWaiting) return jsx(Spinner, null);
       if (tableData.length) return this.renderTable();
       return jsx("span", {
         css: this.props.styles.emptyText
@@ -326,12 +341,10 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         onClose: this.onCloseTray,
         onSave: this.props.onSaveTray,
         atteqApplyChangesToCurrentQuizAttemptsEnabled: this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled
-      }, jsx(Flex.Item, null, !this.props.anonymousGrading && _ref6), this.props.children), this.renderContent());
+      }, jsx(Flex.Item, null, !this.props.anonymousGrading && jsx(ResetQuiz, null)), this.props.children), this.renderContent());
     }
   }]);
-  ModerateTable.displayName = "ModerateTable";
-  return ModerateTable;
-}(Component), _ModerateTable.displayName = 'ModerateTable', _ModerateTable.componentId = "Quizzes".concat(_ModerateTable.displayName), _ModerateTable.propTypes = {
+}(Component), _defineProperty(_ModerateTable, "displayName", 'ModerateTable'), _defineProperty(_ModerateTable, "componentId", "Quizzes".concat(_ModerateTable.displayName)), _defineProperty(_ModerateTable, "propTypes", {
   anonymousGrading: PropTypes.bool,
   children: PropTypes.node,
   emptyMessage: PropTypes.string,
@@ -382,7 +395,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
   styles: PropTypes.object,
   makeStyles: PropTypes.func,
   atteqApplyChangesToCurrentQuizAttemptsEnabled: PropTypes.bool.isRequired
-}, _ModerateTable.defaultProps = {
+}), _defineProperty(_ModerateTable, "defaultProps", {
   anonymousGrading: false,
   children: void 0,
   emptyMessage: t('There is no moderation information to display yet.'),
@@ -397,5 +410,5 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
   onResultsLinkClick: void 0,
   quizSessionIdsAndUsers: [],
   afterManualSubmit: Function.prototype
-}, _ModerateTable)) || _class);
+}), _ModerateTable)) || _class);
 export default ModerateTable;