@instructure/quiz-core 21.0.1-rc.0 → 21.0.1-rc.13

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

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EventDetails = void 0;
+var _uiTable = require("@instructure/ui-table");
+var _uiText = require("@instructure/ui-text");
+var _uiButtons = require("@instructure/ui-buttons");
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _react = _interopRequireDefault(require("react"));
+var _SessionBreachAlert = require("./SessionBreachAlert");
+var _uiIcons = require("@instructure/ui-icons");
+var _uiTooltip = require("@instructure/ui-tooltip");
+var EventDetails = exports.EventDetails = function EventDetails(_ref) {
+  var currentEventData = _ref.currentEventData,
+    validationErrors = _ref.validationErrors,
+    _ref$answerValue = _ref.answerValue,
+    answerValue = _ref$answerValue === void 0 ? null : _ref$answerValue;
+  var eventTimeString = "".concat((0, _formatMessage["default"])('Event time'), ": ").concat(currentEventData.eventDate);
+  var renderTooltip = function renderTooltip(message) {
+    return /*#__PURE__*/_react["default"].createElement(_uiTooltip.Tooltip, {
+      renderTip: message,
+      placement: "end",
+      on: ['click', 'hover', 'focus']
+    }, /*#__PURE__*/_react["default"].createElement(_uiButtons.IconButton, {
+      screenReaderLabel: message,
+      renderIcon: _uiIcons.IconInfoLine,
+      withBackground: false,
+      withBorder: false
+    }));
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, validationErrors.isBreach && /*#__PURE__*/_react["default"].createElement(_SessionBreachAlert.SessionBreachAlert, null), /*#__PURE__*/_react["default"].createElement("h4", null, eventTimeString), /*#__PURE__*/_react["default"].createElement(_uiTable.Table, {
+    caption: (0, _formatMessage["default"])('System details')
+  }, /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Head, null, /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react["default"].createElement(_uiTable.Table.ColHeader, {
+    id: "system-details-attribute"
+  }, (0, _formatMessage["default"])('Attribute')), /*#__PURE__*/_react["default"].createElement(_uiTable.Table.ColHeader, {
+    id: "system-details-value"
+  }, (0, _formatMessage["default"])('Value')))), /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Body, null, /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Cell, null, (0, _formatMessage["default"])('Client IP address')), /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Cell, null, /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
+    color: validationErrors.ipAddress ? 'danger' : 'primary'
+  }, currentEventData.ipAddress), validationErrors.ipAddress && renderTooltip(validationErrors.ipAddress))), /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Cell, null, (0, _formatMessage["default"])('Browser session ID')), /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Cell, null, /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
+    color: validationErrors.browserSessionID ? 'danger' : 'primary'
+  }, currentEventData.browserSessionID), validationErrors.browserSessionID && renderTooltip(validationErrors.browserSessionID))), /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Cell, null, (0, _formatMessage["default"])('Browser')), /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Cell, null, /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
+    color: validationErrors.browserString ? 'danger' : 'primary'
+  }, currentEventData.browserString), validationErrors.browserString && renderTooltip(validationErrors.browserString))), /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Cell, null, (0, _formatMessage["default"])('Operating System')), /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Cell, null, /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
+    color: validationErrors.userPlatform ? 'danger' : 'primary'
+  }, currentEventData.userPlatform), validationErrors.userPlatform && renderTooltip(validationErrors.userPlatform))), answerValue && /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Row, null, /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Cell, null, (0, _formatMessage["default"])('Answer value')), /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Cell, null, answerValue)))));
+};

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

@@ -4,16 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.mapDispatchToProps = exports["default"] = exports.ModerateTable = void 0;
 exports.mapStateToProps = mapStateToProps;
-exports.default = exports.ModerateTable = exports.mapDispatchToProps = void 0;
-var _reactRedux = require("../../../../common/react-redux.js");
+var _reactRedux = require("../../../../common/react-redux");
 var _quizCommon = require("@instructure/quiz-common");
-var _quizSessions = require("../../../api/quizSessions.js");
-var _moderation = require("../../../../common/actions/moderation.js");
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-var _modal = require("../../../../common/actions/modal.js");
-var _alerts = require("../../../../common/actions/alerts.js");
-var _quizSessions2 = require("../../../../common/selectors/quizSessions.js");
+var _quizSessions = require("../../../api/quizSessions");
+var _moderation = require("../../../../common/actions/moderation");
+var _presenter = _interopRequireDefault(require("./presenter"));
+var _modal = require("../../../../common/actions/modal");
+var _alerts = require("../../../../common/actions/alerts");
+var _quizSessions2 = require("../../../../common/selectors/quizSessions");
 function mapStateToProps(state, ownProps) {
   var isFetching = state.getIn(['calls', _quizCommon.QUIZ_SESSIONS_FETCH_CALL, 'requestStatus']) === 'calling';
   var quiz_ids = ownProps.inProgressData.flatMap(function (user) {
@@ -38,14 +38,11 @@ function mapStateToProps(state, ownProps) {
     sessionTimeLimitInSeconds: state.getIn(['quizzes', ownProps.quizId, 'sessionTimeLimitInSeconds'])
   };
 }
-var mapDispatchToProps = {
+var mapDispatchToProps = exports.mapDispatchToProps = {
   getQuizSessions: _quizSessions.getQuizSessions,
   openTray: _moderation.openTray,
   openModal: _modal.openModal,
   addSuccess: _alerts.addSuccess
 };
-exports.mapDispatchToProps = mapDispatchToProps;
-var ModerateTable = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-exports.ModerateTable = ModerateTable;
-var _default = ModerateTable;
-exports.default = _default;
+var ModerateTable = exports.ModerateTable = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter["default"]);
+var _default = exports["default"] = ModerateTable;

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

@@ -4,13 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ModerateTable = void 0;
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+exports["default"] = exports.ModerateTable = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
@@ -22,47 +23,46 @@ var _uiButtons = require("@instructure/ui-buttons");
 var _uiIcons = require("@instructure/ui-icons");
 var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _index = _interopRequireDefault(require("../ModerateTableRow/index.js"));
-var _index2 = _interopRequireDefault(require("../../../../common/components/shared/IfFeature/index.js"));
-var _index3 = _interopRequireDefault(require("../OutstandingQuizzesModal/index.js"));
-var _index4 = _interopRequireDefault(require("../../sidebar/ModerateTray/index.js"));
-var _Spinner = _interopRequireDefault(require("../../../../common/components/shared/spinner/Spinner.js"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
-var _index5 = _interopRequireDefault(require("../../sidebar/ResetQuiz/index.js"));
+var _ModerateTableRow = _interopRequireDefault(require("../ModerateTableRow"));
+var _IfFeature = _interopRequireDefault(require("../../../../common/components/shared/IfFeature"));
+var _OutstandingQuizzesModal = _interopRequireDefault(require("../OutstandingQuizzesModal"));
+var _ModerateTray = _interopRequireDefault(require("../../sidebar/ModerateTray"));
+var _Spinner = _interopRequireDefault(require("../../../../common/components/shared/spinner/Spinner"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _ResetQuiz = _interopRequireDefault(require("../../sidebar/ResetQuiz"));
 var _quizCommon = require("@instructure/quiz-common");
 var _lodash = require("lodash");
 var _dec, _class, _ModerateTable;
 /** @jsx jsx */
-var _ref2 = (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)(_uiIcons.IconInfoLine, null));
-var _ref4 = (0, _emotion.jsx)(_uiIcons.IconConfigureLine, null);
-var _ref5 = (0, _emotion.jsx)(_Spinner.default, null);
-var _ref6 = (0, _emotion.jsx)(_index5.default, null);
-var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ModerateTable = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ModerateTable, _Component);
-  var _super = (0, _createSuper2.default)(ModerateTable);
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var ModerateTable = exports.ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ModerateTable = /*#__PURE__*/function (_Component) {
   function ModerateTable() {
     var _this;
-    (0, _classCallCheck2.default)(this, ModerateTable);
+    (0, _classCallCheck2["default"])(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 = {
+    _this = _callSuper(this, ModerateTable, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "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 () {
+    });
+    (0, _defineProperty2["default"])(_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 = (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(_this.quizSessionIds(inProgressData)), (0, _toConsumableArray2.default)(_this.quizSessionIds(tableData)))));
+      var quizSessionIds = (0, _toConsumableArray2["default"])(new Set([].concat((0, _toConsumableArray2["default"])(_this.quizSessionIds(inProgressData)), (0, _toConsumableArray2["default"])(_this.quizSessionIds(tableData)))));
 
       // NOTE: The consumer provided no quizSessionIds. Don't fetch
       if (!quizSessionIds.length) return;
@@ -71,22 +71,22 @@ var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
           ids: chunkedIds
         });
       });
-    };
-    _this.onModerateButtonClick = function (data) {
+    });
+    (0, _defineProperty2["default"])(_this, "onModerateButtonClick", function (data) {
       _this.setState({
         selectedStudent: data.id
       });
       _this.props.onOpenTray(data);
       _this.props.openTray(data);
-    };
-    _this.onCloseTray = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "onCloseTray", function () {
       _this.props.onCloseTray();
       _this.setState({
         moderatePanelIterations: _this.state.moderatePanelIterations + 1
       });
-    };
-    _this.sessionsStillAutograding = function (quizzesToSubmit) {
-      var _iterator = (0, _createForOfIteratorHelper2.default)(_this.props.quizSessionsData),
+    });
+    (0, _defineProperty2["default"])(_this, "sessionsStillAutograding", function (quizzesToSubmit) {
+      var _iterator = _createForOfIteratorHelper(_this.props.quizSessionsData),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -101,45 +101,46 @@ var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         _iterator.f();
       }
       return false;
-    };
-    _this.checkAutogradingStatus = function (submittedQuizSessions) {
+    });
+    (0, _defineProperty2["default"])(_this, "checkAutogradingStatus", function (submittedQuizSessions) {
       if (_this.sessionsStillAutograding(submittedQuizSessions)) {
         _this.pollAutogradingStatus(submittedQuizSessions);
       } else {
         _this.setState({
           isWaiting: false
         });
-        _this.props.addSuccess((0, _formatMessage.default)('Manual submission was successful.'));
+        _this.props.addSuccess((0, _formatMessage["default"])('Manual submission was successful.'));
       }
-    };
-    _this.pollAutogradingStatus = function (submittedQuizSessions) {
+    });
+    (0, _defineProperty2["default"])(_this, "pollAutogradingStatus", function (submittedQuizSessions) {
       _this.fetchData();
       setTimeout(function () {
         _this.checkAutogradingStatus(submittedQuizSessions);
       }, 1000);
-    };
-    _this.handleSubmissionAndPoll = function (submittedQuizSessions) {
+    });
+    (0, _defineProperty2["default"])(_this, "handleSubmissionAndPoll", function (submittedQuizSessions) {
       _this.setState({
         isWaiting: true
       });
       _this.pollAutogradingStatus(submittedQuizSessions);
-    };
-    _this.handleScoreToggle = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "handleScoreToggle", function () {
       _this.setState(function (prevState) {
         return {
           displayScoreAsPercentage: !prevState.displayScoreAsPercentage
         };
       });
-    };
-    _this.scoreToggleScreenreaderMessage = function () {
-      return _this.state.displayScoreAsPercentage ? (0, _formatMessage.default)('Toggle scores to raw points') : (0, _formatMessage.default)('Toggle scores to percentages');
-    };
-    _this.openModalOnClick = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "scoreToggleScreenreaderMessage", function () {
+      return _this.state.displayScoreAsPercentage ? (0, _formatMessage["default"])('Toggle scores to raw points') : (0, _formatMessage["default"])('Toggle scores to percentages');
+    });
+    (0, _defineProperty2["default"])(_this, "openModalOnClick", function () {
       _this.props.openModal(_quizCommon.OUTSTANDING_QUIZZES_MODAL);
-    };
+    });
     return _this;
   }
-  (0, _createClass2.default)(ModerateTable, [{
+  (0, _inherits2["default"])(ModerateTable, _Component);
+  return (0, _createClass2["default"])(ModerateTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles({
@@ -174,8 +175,8 @@ var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
           selectedStudent: null
         });
       }
-      var quizSessionIds = (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(this.quizSessionIds(this.props.inProgressData)), (0, _toConsumableArray2.default)(this.quizSessionIds(this.props.tableData)))));
-      var prevQuizSessionIds = (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(this.quizSessionIds(prevProps.inProgressData)), (0, _toConsumableArray2.default)(this.quizSessionIds(prevProps.tableData)))));
+      var quizSessionIds = (0, _toConsumableArray2["default"])(new Set([].concat((0, _toConsumableArray2["default"])(this.quizSessionIds(this.props.inProgressData)), (0, _toConsumableArray2["default"])(this.quizSessionIds(this.props.tableData)))));
+      var prevQuizSessionIds = (0, _toConsumableArray2["default"])(new Set([].concat((0, _toConsumableArray2["default"])(this.quizSessionIds(prevProps.inProgressData)), (0, _toConsumableArray2["default"])(this.quizSessionIds(prevProps.tableData)))));
       var skipFetchData = quizSessionIds.every(function (id, index) {
         return id === prevQuizSessionIds[index];
       });
@@ -192,10 +193,12 @@ var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
     }
   }, {
     key: "renderTableRows",
+    value:
     // =============
     //   RENDERING
     // =============
-    value: function renderTableRows() {
+
+    function renderTableRows() {
       var _this2 = this;
       var _this$props4 = this.props,
         onModerateLogClick = _this$props4.onModerateLogClick,
@@ -203,7 +206,7 @@ var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         shouldRenderModerateButton = _this$props4.shouldRenderModerateButton;
       return this.props.tableData.map(function (rowData) {
         var id = rowData.id;
-        return (0, _emotion.jsx)(_index.default, {
+        return (0, _emotion.jsx)(_ModerateTableRow["default"], {
           anonymousGrading: _this2.props.anonymousGrading,
           onResultsLinkClick: onResultsLinkClick,
           onAccommodationsClick: _this2.props.onAccommodationsClick,
@@ -224,7 +227,7 @@ var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       if (!this.props.quizSessionsData) {
         return 0;
       }
-      var _iterator2 = (0, _createForOfIteratorHelper2.default)(this.props.quizSessionsData),
+      var _iterator2 = _createForOfIteratorHelper(this.props.quizSessionsData),
         _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -244,23 +247,23 @@ var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
     key: "renderAlertContent",
     value: function renderAlertContent(outstandingAttemptsCount) {
       var _this3 = this;
-      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_index2.default, {
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_IfFeature["default"], {
         name: "manual_submission"
-      }, (0, _emotion.jsx)(_quizCommon.Flex, null, _ref2, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex, null, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)(_uiIcons.IconInfoLine, null)), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         padding: "xx-small"
-      }, _formatMessage.default.rich('This assessment has <0>{count, plural, one {# attempt} other {# attempts}}</0> in progress.', {
+      }, _formatMessage["default"].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 (0, _emotion.jsx)(_uiLink.Link, {
             key: "0",
             onClick: _this3.openModalOnClick,
             "data-automation": "sdk-outstanding-quizzes-modal-open"
           }, children);
         }
-      })))), (0, _emotion.jsx)(_index2.default, {
+      })))), (0, _emotion.jsx)(_IfFeature["default"], {
         name: "manual_submission"
-      }, (0, _emotion.jsx)(_index3.default, {
+      }, (0, _emotion.jsx)(_OutstandingQuizzesModal["default"], {
         quizSessionsData: this.props.quizSessionsData,
         quizSessionIdsAndUsers: this.props.quizSessionIdsAndUsers,
         handleSubmissionAndPoll: this.handleSubmissionAndPoll,
@@ -280,7 +283,7 @@ var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         screenReaderLabel: this.scoreToggleScreenreaderMessage(),
         onClick: this.handleScoreToggle,
         "data-automation": "moderation-table-score-toggle"
-      }, _ref4));
+      }, (0, _emotion.jsx)(_uiIcons.IconConfigureLine, null)));
     }
   }, {
     key: "renderTable",
@@ -289,25 +292,25 @@ var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       return (0, _emotion.jsx)("div", {
         className: "fs-mask"
       }, outstandingAttemptsCount ? this.renderAlertContent(outstandingAttemptsCount) : null, (0, _emotion.jsx)(_uiTable.Table, {
-        caption: (0, _formatMessage.default)('Moderation Table')
+        caption: (0, _formatMessage["default"])('Moderation Table')
       }, (0, _emotion.jsx)(_uiTable.Table.Head, null, (0, _emotion.jsx)(_uiTable.Table.Row, null, (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-student"
-      }, (0, _formatMessage.default)('Student')), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage["default"])('Student')), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-attempts"
-      }, (0, _formatMessage.default)('Attempts')), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage["default"])('Attempts')), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-score"
-      }, (0, _formatMessage.default)('Score'), this.renderScoreToggle()), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage["default"])('Score'), this.renderScoreToggle()), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-time"
-      }, (0, _formatMessage.default)('Time')), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage["default"])('Time')), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-log"
-      }, (0, _formatMessage.default)('Log')), this.props.onAccommodationsClick && !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage["default"])('Log')), this.props.onAccommodationsClick && !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-accommodations"
-      }, (0, _formatMessage.default)({
-        default: 'Accommodations',
+      }, (0, _formatMessage["default"])({
+        "default": 'Accommodations',
         description: 'Support for students with who need extra time or attempts.'
       })), this.props.shouldRenderModerateButton && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "moderation-table-moderate"
-      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Moderate'))))), (0, _emotion.jsx)(_uiTable.Table.Body, null, this.renderTableRows())));
+      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Moderate'))))), (0, _emotion.jsx)(_uiTable.Table.Body, null, this.renderTableRows())));
     }
   }, {
     key: "renderContent",
@@ -316,7 +319,7 @@ var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         isFetching = _this$props5.isFetching,
         tableData = _this$props5.tableData,
         emptyMessage = _this$props5.emptyMessage;
-      if (isFetching || this.state.isWaiting) return _ref5;
+      if (isFetching || this.state.isWaiting) return (0, _emotion.jsx)(_Spinner["default"], null);
       if (tableData.length) return this.renderTable();
       return (0, _emotion.jsx)("span", {
         css: this.props.styles.emptyText
@@ -329,70 +332,68 @@ var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
     value: function render() {
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.page
-      }, (0, _emotion.jsx)(_index4.default, {
+      }, (0, _emotion.jsx)(_ModerateTray["default"], {
         onClose: this.onCloseTray,
         onSave: this.props.onSaveTray,
         atteqApplyChangesToCurrentQuizAttemptsEnabled: this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled
-      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, !this.props.anonymousGrading && _ref6), this.props.children), this.renderContent());
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, !this.props.anonymousGrading && (0, _emotion.jsx)(_ResetQuiz["default"], null)), this.props.children), this.renderContent());
     }
   }]);
-  ModerateTable.displayName = "ModerateTable";
-  return ModerateTable;
-}(_react.Component), _ModerateTable.displayName = 'ModerateTable', _ModerateTable.componentId = "Quizzes".concat(_ModerateTable.displayName), _ModerateTable.propTypes = {
-  anonymousGrading: _propTypes.default.bool,
-  children: _propTypes.default.node,
-  emptyMessage: _propTypes.default.string,
-  isFetching: _propTypes.default.bool.isRequired,
-  onCloseTray: _propTypes.default.func,
-  onModerateLogClick: _propTypes.default.func.isRequired,
-  onAccommodationsClick: _propTypes.default.func,
-  onOpenTray: _propTypes.default.func,
-  onResultsLinkClick: _propTypes.default.func,
-  openTray: _propTypes.default.func.isRequired,
-  onSaveTray: _propTypes.default.func.isRequired,
-  sessionTimeLimitInSeconds: _propTypes.default.number,
-  hasSessionTimeLimit: _propTypes.default.bool,
-  sendSessionTimeLimit: _propTypes.default.func,
-  shouldRenderModerateButton: _propTypes.default.bool,
-  openModal: _propTypes.default.func.isRequired,
-  quizSessionIdsAndUsers: _propTypes.default.arrayOf(_propTypes.default.shape({
-    id: _propTypes.default.string,
-    name: _propTypes.default.string
+}(_react.Component), (0, _defineProperty2["default"])(_ModerateTable, "displayName", 'ModerateTable'), (0, _defineProperty2["default"])(_ModerateTable, "componentId", "Quizzes".concat(_ModerateTable.displayName)), (0, _defineProperty2["default"])(_ModerateTable, "propTypes", {
+  anonymousGrading: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  emptyMessage: _propTypes["default"].string,
+  isFetching: _propTypes["default"].bool.isRequired,
+  onCloseTray: _propTypes["default"].func,
+  onModerateLogClick: _propTypes["default"].func.isRequired,
+  onAccommodationsClick: _propTypes["default"].func,
+  onOpenTray: _propTypes["default"].func,
+  onResultsLinkClick: _propTypes["default"].func,
+  openTray: _propTypes["default"].func.isRequired,
+  onSaveTray: _propTypes["default"].func.isRequired,
+  sessionTimeLimitInSeconds: _propTypes["default"].number,
+  hasSessionTimeLimit: _propTypes["default"].bool,
+  sendSessionTimeLimit: _propTypes["default"].func,
+  shouldRenderModerateButton: _propTypes["default"].bool,
+  openModal: _propTypes["default"].func.isRequired,
+  quizSessionIdsAndUsers: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    id: _propTypes["default"].string,
+    name: _propTypes["default"].string
   })),
-  quizSessionsData: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
-  afterManualSubmit: _propTypes.default.func,
-  inProgressData: _propTypes.default.arrayOf(_propTypes.default.shape({
-    avatar: _propTypes.default.string,
-    id: _propTypes.default.string.isRequired,
-    name: _propTypes.default.string.isRequired,
-    quizSessionIds: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-    maxAttempts: _propTypes.default.number,
-    accommodations: _propTypes.default.arrayOf(_propTypes.default.shape({
-      name: _propTypes.default.string.isRequired,
-      value: _propTypes.default.string.isRequired
+  quizSessionsData: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].record).isRequired,
+  afterManualSubmit: _propTypes["default"].func,
+  inProgressData: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    avatar: _propTypes["default"].string,
+    id: _propTypes["default"].string.isRequired,
+    name: _propTypes["default"].string.isRequired,
+    quizSessionIds: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
+    maxAttempts: _propTypes["default"].number,
+    accommodations: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+      name: _propTypes["default"].string.isRequired,
+      value: _propTypes["default"].string.isRequired
     }))
   })).isRequired,
-  tableData: _propTypes.default.arrayOf(_propTypes.default.shape({
-    avatar: _propTypes.default.string,
-    id: _propTypes.default.string.isRequired,
-    name: _propTypes.default.string.isRequired,
-    quizSessionIds: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-    maxAttempts: _propTypes.default.number,
-    accommodations: _propTypes.default.arrayOf(_propTypes.default.shape({
-      name: _propTypes.default.string.isRequired,
-      value: _propTypes.default.string.isRequired
+  tableData: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    avatar: _propTypes["default"].string,
+    id: _propTypes["default"].string.isRequired,
+    name: _propTypes["default"].string.isRequired,
+    quizSessionIds: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
+    maxAttempts: _propTypes["default"].number,
+    accommodations: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+      name: _propTypes["default"].string.isRequired,
+      value: _propTypes["default"].string.isRequired
     }))
   })).isRequired,
-  quizId: _propTypes.default.string.isRequired,
-  getQuizSessions: _propTypes.default.func.isRequired,
-  addSuccess: _propTypes.default.func.isRequired,
-  styles: _propTypes.default.object,
-  makeStyles: _propTypes.default.func,
-  atteqApplyChangesToCurrentQuizAttemptsEnabled: _propTypes.default.bool.isRequired
-}, _ModerateTable.defaultProps = {
+  quizId: _propTypes["default"].string.isRequired,
+  getQuizSessions: _propTypes["default"].func.isRequired,
+  addSuccess: _propTypes["default"].func.isRequired,
+  styles: _propTypes["default"].object,
+  makeStyles: _propTypes["default"].func,
+  atteqApplyChangesToCurrentQuizAttemptsEnabled: _propTypes["default"].bool.isRequired
+}), (0, _defineProperty2["default"])(_ModerateTable, "defaultProps", {
   anonymousGrading: false,
   children: void 0,
-  emptyMessage: (0, _formatMessage.default)('There is no moderation information to display yet.'),
+  emptyMessage: (0, _formatMessage["default"])('There is no moderation information to display yet.'),
   onCloseTray: Function.prototype,
   onOpenTray: Function.prototype,
   sendSessionTimeLimit: Function.prototype,
@@ -404,7 +405,5 @@ var ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   onResultsLinkClick: void 0,
   quizSessionIdsAndUsers: [],
   afterManualSubmit: Function.prototype
-}, _ModerateTable)) || _class);
-exports.ModerateTable = ModerateTable;
-var _default = ModerateTable;
-exports.default = _default;
+}), _ModerateTable)) || _class);
+var _default = exports["default"] = ModerateTable;

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

@@ -4,8 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var generateStyle = function generateStyle(componentTheme, props, state) {
   return {
     emptyText: {
@@ -17,7 +19,7 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
       flex: '1',
       backgroundColor: componentTheme.pageBackgroundColor
     },
-    scoreToggleWrapper: (0, _objectSpread2.default)({
+    scoreToggleWrapper: _objectSpread({
       display: 'inline-block',
       transition: 'transform 0.3s'
     }, !state.displayScoreAsPercentage && {
@@ -25,5 +27,4 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
     })
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     colors = _ref.colors;
   return {
     emptyTextMargin: spacing.small,
-    pageBackgroundColor: colors.contrasts.white1010
+    pageBackgroundColor: colors.white
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;