@instructure/quiz-core 22.8.0 → 22.10.0

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

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 _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';
@@ -18,67 +30,67 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 export var AccommodationModal = /*#__PURE__*/function (_Component) {
   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 = _callSuper(this, AccommodationModal, [].concat(args));
-    _defineProperty(_this, "state", {
+    _this2 = _callSuper(this, AccommodationModal, [].concat(args));
+    _defineProperty(_this2, "state", {
       isTruncated: false
     });
-    _defineProperty(_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
         });
       }
     });
-    _defineProperty(_this, "handleAccommodationsModalExited", function () {
-      _this.setState({
+    _defineProperty(_this2, "handleAccommodationsModalExited", function () {
+      _this2.setState({
         isTruncated: false
       });
     });
-    _defineProperty(_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));
+        onUpdate: _this2.handleUpdate
+      }, _this2.props.studentName));
     });
-    _defineProperty(_this, "renderHeading", function () {
-      if (_this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled) {
+    _defineProperty(_this2, "renderHeading", function () {
+      if (_this2.props.atteqApplyChangesToCurrentQuizAttemptsEnabled) {
         return /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Course Accommodation')), t('Course 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());
+      }, _this2.renderName) : _this2.renderName());
     });
-    _defineProperty(_this, "saveAction", function () {
-      _this.props.onSubmit && _this.props.onSubmit();
-      _this.props.closeModal();
+    _defineProperty(_this2, "saveAction", function () {
+      _this2.props.onSubmit && _this2.props.onSubmit();
+      _this2.props.closeModal();
     });
-    _defineProperty(_this, "cancelAction", function () {
-      _this.props.onDismiss && _this.props.onDismiss();
-      _this.props.closeModal();
+    _defineProperty(_this2, "cancelAction", function () {
+      _this2.props.onDismiss && _this2.props.onDismiss();
+      _this2.props.closeModal();
     });
-    return _this;
+    return _this2;
   }
   _inherits(AccommodationModal, _Component);
   return _createClass(AccommodationModal, [{
@@ -92,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(),

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

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 _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';

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

@@ -1,42 +1,18 @@
 import { Table } from '@instructure/ui-table';
 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';
-import { IconInfoLine } from '@instructure/ui-icons';
-import { Tooltip } from '@instructure/ui-tooltip';
 export var 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(t('Event time'), ": ").concat(currentEventData.eventDate);
-  var renderTooltip = function renderTooltip(message) {
-    return /*#__PURE__*/React.createElement(Tooltip, {
-      renderTip: message,
-      placement: "end",
-      on: ['click', 'hover', 'focus']
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      screenReaderLabel: message,
-      renderIcon: IconInfoLine,
-      withBackground: false,
-      withBorder: false
-    }));
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, validationErrors.isBreach && /*#__PURE__*/React.createElement(SessionBreachAlert, null), /*#__PURE__*/React.createElement("h4", null, eventTimeString), /*#__PURE__*/React.createElement(Table, {
+  var multipleSessionAttempt = currentEventData.multipleSessionAttempt;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, multipleSessionAttempt && /*#__PURE__*/React.createElement(Text, null, t('Submission attempt started from a different device')), /*#__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"
   }, t('Attribute')), /*#__PURE__*/React.createElement(Table.ColHeader, {
     id: "system-details-value"
-  }, t('Value')))), /*#__PURE__*/React.createElement(Table.Body, null, currentEventData.ipAddress && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Client IP address')), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
-    color: validationErrors.ipAddress ? 'danger' : 'primary'
-  }, currentEventData.ipAddress), validationErrors.ipAddress && renderTooltip(validationErrors.ipAddress))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Browser session ID')), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
-    color: validationErrors.browserSessionID ? 'danger' : 'primary'
-  }, currentEventData.browserSessionID), validationErrors.browserSessionID && renderTooltip(validationErrors.browserSessionID))), currentEventData.browserString && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Browser')), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
-    color: validationErrors.browserString ? 'danger' : 'primary'
-  }, currentEventData.browserString), validationErrors.browserString && renderTooltip(validationErrors.browserString))), currentEventData.userPlatform && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Operating System')), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(Text, {
-    color: validationErrors.userPlatform ? 'danger' : 'primary'
-  }, currentEventData.userPlatform), validationErrors.userPlatform && renderTooltip(validationErrors.userPlatform))), answerValue && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Answer value')), /*#__PURE__*/React.createElement(Table.Cell, null, answerValue)))));
+  }, t('Value')))), /*#__PURE__*/React.createElement(Table.Body, null, currentEventData.ipAddress && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Client IP address')), /*#__PURE__*/React.createElement(Table.Cell, null, currentEventData.ipAddress)), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Browser session ID')), /*#__PURE__*/React.createElement(Table.Cell, null, currentEventData.browserSessionID)), currentEventData.browserString && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Browser')), /*#__PURE__*/React.createElement(Table.Cell, null, currentEventData.browserString)), currentEventData.userPlatform && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Operating System')), /*#__PURE__*/React.createElement(Table.Cell, null, currentEventData.userPlatform)), answerValue && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, t('Answer value')), /*#__PURE__*/React.createElement(Table.Cell, null, answerValue)))));
 };

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

@@ -6,11 +6,23 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _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 = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _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';
@@ -35,13 +47,13 @@ import { Flex, OUTSTANDING_QUIZZES_MODAL, withStyleOverrides } from '@instructur
 import { chunk } from 'lodash';
 export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ModerateTable = /*#__PURE__*/function (_Component) {
   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 = _callSuper(this, ModerateTable, [].concat(args));
-    _defineProperty(_this, "state", {
+    _this2 = _callSuper(this, ModerateTable, [].concat(args));
+    _defineProperty(_this2, "state", {
       displayScoreAsPercentage: true,
       // To support voiceover when the table changes
       moderatePanelIterations: 0,
@@ -49,13 +61,13 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
       // To display the spinner while manually submitted quiz sessions are being graded
       isWaiting: false
     });
-    _defineProperty(_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;
@@ -65,21 +77,21 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         });
       });
     });
-    _defineProperty(_this, "onModerateButtonClick", function (data) {
-      _this.setState({
+    _defineProperty(_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);
     });
-    _defineProperty(_this, "onCloseTray", function () {
-      _this.props.onCloseTray();
-      _this.setState({
-        moderatePanelIterations: _this.state.moderatePanelIterations + 1
+    _defineProperty(_this2, "onCloseTray", function () {
+      _this2.props.onCloseTray();
+      _this2.setState({
+        moderatePanelIterations: _this2.state.moderatePanelIterations + 1
       });
     });
-    _defineProperty(_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;) {
@@ -95,42 +107,42 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
       }
       return false;
     });
-    _defineProperty(_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.'));
       }
     });
-    _defineProperty(_this, "pollAutogradingStatus", function (submittedQuizSessions) {
-      _this.fetchData();
+    _defineProperty(_this2, "pollAutogradingStatus", function (submittedQuizSessions) {
+      _this2.fetchData();
       setTimeout(function () {
-        _this.checkAutogradingStatus(submittedQuizSessions);
+        _this2.checkAutogradingStatus(submittedQuizSessions);
       }, 1000);
     });
-    _defineProperty(_this, "handleSubmissionAndPoll", function (submittedQuizSessions) {
-      _this.setState({
+    _defineProperty(_this2, "handleSubmissionAndPoll", function (submittedQuizSessions) {
+      _this2.setState({
         isWaiting: true
       });
-      _this.pollAutogradingStatus(submittedQuizSessions);
+      _this2.pollAutogradingStatus(submittedQuizSessions);
     });
-    _defineProperty(_this, "handleScoreToggle", function () {
-      _this.setState(function (prevState) {
+    _defineProperty(_this2, "handleScoreToggle", function () {
+      _this2.setState(function (prevState) {
         return {
           displayScoreAsPercentage: !prevState.displayScoreAsPercentage
         };
       });
     });
-    _defineProperty(_this, "scoreToggleScreenreaderMessage", function () {
-      return _this.state.displayScoreAsPercentage ? t('Toggle scores to raw points') : t('Toggle scores to percentages');
+    _defineProperty(_this2, "scoreToggleScreenreaderMessage", function () {
+      return _this2.state.displayScoreAsPercentage ? t('Toggle scores to raw points') : t('Toggle scores to percentages');
     });
-    _defineProperty(_this, "openModalOnClick", function () {
-      _this.props.openModal(OUTSTANDING_QUIZZES_MODAL);
+    _defineProperty(_this2, "openModalOnClick", function () {
+      _this2.props.openModal(OUTSTANDING_QUIZZES_MODAL);
     });
-    return _this;
+    return _this2;
   }
   _inherits(ModerateTable, _Component);
   return _createClass(ModerateTable, [{
@@ -140,9 +152,9 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         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
@@ -154,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,
@@ -192,24 +204,24 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
     // =============
 
     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 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
         });
       });
     }
@@ -239,7 +251,7 @@ 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, jsx(Flex.Item, null, jsx(IconInfoLine, null)), jsx(Flex.Item, {
@@ -250,7 +262,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
           var children = _ref2.children;
           return jsx(Link, {
             key: "0",
-            onClick: _this3.openModalOnClick,
+            onClick: _this4.openModalOnClick,
             "data-automation": "sdk-outstanding-quizzes-modal-open"
           }, children);
         }
@@ -308,10 +320,10 @@ 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;
+      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", {

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/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) { _defineProperty(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) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme, props, state) {
   return {
     emptyText: {