@instructure/quiz-core 21.2.0 → 22.1.0

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

@@ -21,73 +21,85 @@ var _uiView = require("@instructure/ui-view");
 var _uiButtons = require("@instructure/ui-buttons");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), 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; })(); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var AccommodationModal = exports.AccommodationModal = /*#__PURE__*/function (_Component) {
   function AccommodationModal() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, AccommodationModal);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AccommodationModal, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this2 = _callSuper(this, AccommodationModal, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       isTruncated: false
     });
-    (0, _defineProperty2["default"])(_this, "handleUpdate", function (isTruncated) {
-      if (_this.state.isTruncated !== isTruncated) {
-        _this.setState({
+    (0, _defineProperty2["default"])(_this2, "handleUpdate", function (isTruncated) {
+      if (_this2.state.isTruncated !== isTruncated) {
+        _this2.setState({
           isTruncated: isTruncated
         });
       }
     });
-    (0, _defineProperty2["default"])(_this, "handleAccommodationsModalExited", function () {
-      _this.setState({
+    (0, _defineProperty2["default"])(_this2, "handleAccommodationsModalExited", function () {
+      _this2.setState({
         isTruncated: false
       });
     });
-    (0, _defineProperty2["default"])(_this, "renderName", function (renderProps) {
+    (0, _defineProperty2["default"])(_this2, "renderName", function (renderProps) {
       var focused = renderProps && renderProps.focused;
       return /*#__PURE__*/_react["default"].createElement(_uiView.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["default"].createElement(_uiTruncateText.TruncateText, {
         maxLines: 2,
         truncate: "character",
-        onUpdate: _this.handleUpdate
-      }, _this.props.studentName));
+        onUpdate: _this2.handleUpdate
+      }, _this2.props.studentName));
     });
-    (0, _defineProperty2["default"])(_this, "renderHeading", function () {
-      if (_this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled) {
+    (0, _defineProperty2["default"])(_this2, "renderHeading", function () {
+      if (_this2.props.atteqApplyChangesToCurrentQuizAttemptsEnabled) {
         return /*#__PURE__*/_react["default"].createElement(_uiHeading.Heading, null, /*#__PURE__*/_react["default"].createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Student Accommodation')), (0, _formatMessage["default"])('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["default"].createElement(_uiHeading.Heading, null, /*#__PURE__*/_react["default"].createElement(_uiA11yContent.ScreenReaderContent, null, studentName), _this.state.isTruncated ? /*#__PURE__*/_react["default"].createElement(_uiTooltip.Tooltip, {
+      return /*#__PURE__*/_react["default"].createElement(_uiHeading.Heading, null, /*#__PURE__*/_react["default"].createElement(_uiA11yContent.ScreenReaderContent, null, studentName), _this2.state.isTruncated ? /*#__PURE__*/_react["default"].createElement(_uiTooltip.Tooltip, {
         renderTip: studentName,
         mountNode: mountNode
-      }, _this.renderName) : _this.renderName());
+      }, _this2.renderName) : _this2.renderName());
     });
-    (0, _defineProperty2["default"])(_this, "saveAction", function () {
-      _this.props.onSubmit && _this.props.onSubmit();
-      _this.props.closeModal();
+    (0, _defineProperty2["default"])(_this2, "saveAction", function () {
+      _this2.props.onSubmit && _this2.props.onSubmit();
+      _this2.props.closeModal();
     });
-    (0, _defineProperty2["default"])(_this, "cancelAction", function () {
-      _this.props.onDismiss && _this.props.onDismiss();
-      _this.props.closeModal();
+    (0, _defineProperty2["default"])(_this2, "cancelAction", function () {
+      _this2.props.onDismiss && _this2.props.onDismiss();
+      _this2.props.closeModal();
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(AccommodationModal, _Component);
   return (0, _createClass2["default"])(AccommodationModal, [{
@@ -101,11 +113,11 @@ var AccommodationModal = exports.AccommodationModal = /*#__PURE__*/function (_Co
   }, {
     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["default"].createElement(_uiModal.Modal, {
         open: open,
         label: this.labelText(),

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

@@ -15,10 +15,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), 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; })(); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var ElapsedTime = exports.ElapsedTime = /*#__PURE__*/function (_withI18nSupport) {
   function ElapsedTime() {
     (0, _classCallCheck2["default"])(this, ElapsedTime);

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

@@ -35,20 +35,32 @@ var _quizCommon = require("@instructure/quiz-common");
 var _lodash = require("lodash");
 var _dec, _class, _ModerateTable;
 /** @jsx jsx */
-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; })(); }
+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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var ModerateTable = exports.ModerateTable = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ModerateTable = /*#__PURE__*/function (_Component) {
   function ModerateTable() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, ModerateTable);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ModerateTable, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this2 = _callSuper(this, ModerateTable, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       displayScoreAsPercentage: true,
       // To support voiceover when the table changes
       moderatePanelIterations: 0,
@@ -56,13 +68,13 @@ var ModerateTable = exports.ModerateTable = (_dec = (0, _quizCommon.withStyleOve
       // To display the spinner while manually submitted quiz sessions are being graded
       isWaiting: false
     });
-    (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)))));
+    (0, _defineProperty2["default"])(_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 = (0, _toConsumableArray2["default"])(new Set([].concat((0, _toConsumableArray2["default"])(_this2.quizSessionIds(inProgressData)), (0, _toConsumableArray2["default"])(_this2.quizSessionIds(tableData)))));
 
       // NOTE: The consumer provided no quizSessionIds. Don't fetch
       if (!quizSessionIds.length) return;
@@ -72,21 +84,21 @@ var ModerateTable = exports.ModerateTable = (_dec = (0, _quizCommon.withStyleOve
         });
       });
     });
-    (0, _defineProperty2["default"])(_this, "onModerateButtonClick", function (data) {
-      _this.setState({
+    (0, _defineProperty2["default"])(_this2, "onModerateButtonClick", function (data) {
+      _this2.setState({
         selectedStudent: data.id
       });
-      _this.props.onOpenTray(data);
-      _this.props.openTray(data);
+      _this2.props.onOpenTray(data);
+      _this2.props.openTray(data);
     });
-    (0, _defineProperty2["default"])(_this, "onCloseTray", function () {
-      _this.props.onCloseTray();
-      _this.setState({
-        moderatePanelIterations: _this.state.moderatePanelIterations + 1
+    (0, _defineProperty2["default"])(_this2, "onCloseTray", function () {
+      _this2.props.onCloseTray();
+      _this2.setState({
+        moderatePanelIterations: _this2.state.moderatePanelIterations + 1
       });
     });
-    (0, _defineProperty2["default"])(_this, "sessionsStillAutograding", function (quizzesToSubmit) {
-      var _iterator = _createForOfIteratorHelper(_this.props.quizSessionsData),
+    (0, _defineProperty2["default"])(_this2, "sessionsStillAutograding", function (quizzesToSubmit) {
+      var _iterator = _createForOfIteratorHelper(_this2.props.quizSessionsData),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -102,42 +114,42 @@ var ModerateTable = exports.ModerateTable = (_dec = (0, _quizCommon.withStyleOve
       }
       return false;
     });
-    (0, _defineProperty2["default"])(_this, "checkAutogradingStatus", function (submittedQuizSessions) {
-      if (_this.sessionsStillAutograding(submittedQuizSessions)) {
-        _this.pollAutogradingStatus(submittedQuizSessions);
+    (0, _defineProperty2["default"])(_this2, "checkAutogradingStatus", function (submittedQuizSessions) {
+      if (_this2.sessionsStillAutograding(submittedQuizSessions)) {
+        _this2.pollAutogradingStatus(submittedQuizSessions);
       } else {
-        _this.setState({
+        _this2.setState({
           isWaiting: false
         });
-        _this.props.addSuccess((0, _formatMessage["default"])('Manual submission was successful.'));
+        _this2.props.addSuccess((0, _formatMessage["default"])('Manual submission was successful.'));
       }
     });
-    (0, _defineProperty2["default"])(_this, "pollAutogradingStatus", function (submittedQuizSessions) {
-      _this.fetchData();
+    (0, _defineProperty2["default"])(_this2, "pollAutogradingStatus", function (submittedQuizSessions) {
+      _this2.fetchData();
       setTimeout(function () {
-        _this.checkAutogradingStatus(submittedQuizSessions);
+        _this2.checkAutogradingStatus(submittedQuizSessions);
       }, 1000);
     });
-    (0, _defineProperty2["default"])(_this, "handleSubmissionAndPoll", function (submittedQuizSessions) {
-      _this.setState({
+    (0, _defineProperty2["default"])(_this2, "handleSubmissionAndPoll", function (submittedQuizSessions) {
+      _this2.setState({
         isWaiting: true
       });
-      _this.pollAutogradingStatus(submittedQuizSessions);
+      _this2.pollAutogradingStatus(submittedQuizSessions);
     });
-    (0, _defineProperty2["default"])(_this, "handleScoreToggle", function () {
-      _this.setState(function (prevState) {
+    (0, _defineProperty2["default"])(_this2, "handleScoreToggle", function () {
+      _this2.setState(function (prevState) {
         return {
           displayScoreAsPercentage: !prevState.displayScoreAsPercentage
         };
       });
     });
-    (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"])(_this2, "scoreToggleScreenreaderMessage", function () {
+      return _this2.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);
+    (0, _defineProperty2["default"])(_this2, "openModalOnClick", function () {
+      _this2.props.openModal(_quizCommon.OUTSTANDING_QUIZZES_MODAL);
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(ModerateTable, _Component);
   return (0, _createClass2["default"])(ModerateTable, [{
@@ -147,9 +159,9 @@ var ModerateTable = exports.ModerateTable = (_dec = (0, _quizCommon.withStyleOve
         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
@@ -161,9 +173,9 @@ var ModerateTable = exports.ModerateTable = (_dec = (0, _quizCommon.withStyleOve
       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,
@@ -199,24 +211,24 @@ var ModerateTable = exports.ModerateTable = (_dec = (0, _quizCommon.withStyleOve
     // =============
 
     function renderTableRows() {
-      var _this2 = this;
-      var _this$props4 = this.props,
-        onModerateLogClick = _this$props4.onModerateLogClick,
-        onResultsLinkClick = _this$props4.onResultsLinkClick,
-        shouldRenderModerateButton = _this$props4.shouldRenderModerateButton;
+      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 (0, _emotion.jsx)(_ModerateTableRow["default"], {
-          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
         });
       });
     }
@@ -246,7 +258,7 @@ var ModerateTable = exports.ModerateTable = (_dec = (0, _quizCommon.withStyleOve
   }, {
     key: "renderAlertContent",
     value: function renderAlertContent(outstandingAttemptsCount) {
-      var _this3 = this;
+      var _this4 = this;
       return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_IfFeature["default"], {
         name: "manual_submission"
       }, (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, {
@@ -257,7 +269,7 @@ var ModerateTable = exports.ModerateTable = (_dec = (0, _quizCommon.withStyleOve
           var children = _ref2.children;
           return (0, _emotion.jsx)(_uiLink.Link, {
             key: "0",
-            onClick: _this3.openModalOnClick,
+            onClick: _this4.openModalOnClick,
             "data-automation": "sdk-outstanding-quizzes-modal-open"
           }, children);
         }
@@ -315,10 +327,10 @@ var ModerateTable = exports.ModerateTable = (_dec = (0, _quizCommon.withStyleOve
   }, {
     key: "renderContent",
     value: function renderContent() {
-      var _this$props5 = this.props,
-        isFetching = _this$props5.isFetching,
-        tableData = _this$props5.tableData,
-        emptyMessage = _this$props5.emptyMessage;
+      var _this$props4 = this.props,
+        isFetching = _this$props4.isFetching,
+        tableData = _this$props4.tableData,
+        emptyMessage = _this$props4.emptyMessage;
       if (isFetching || this.state.isWaiting) return (0, _emotion.jsx)(_Spinner["default"], null);
       if (tableData.length) return this.renderTable();
       return (0, _emotion.jsx)("span", {

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 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; }
+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) { (0, _defineProperty2["default"])(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/lib/moderating/components/resources/ModerateTable/theme.js

@@ -9,7 +9,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors;
   return {
     emptyTextMargin: spacing.small,
-    pageBackgroundColor: colors.white
+    pageBackgroundColor: colors.contrasts.white1010
   };
 };
 var _default = exports["default"] = generateComponentTheme;