@instructure/quiz-core 22.7.1-rc.9 → 22.9.0

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/EventDetails.js

@@ -7,43 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 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, {
+  var multipleSessionAttempt = currentEventData.multipleSessionAttempt;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, multipleSessionAttempt && /*#__PURE__*/_react["default"].createElement(_uiText.Text, null, (0, _formatMessage["default"])('Submission attempt started from a different device')), /*#__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, currentEventData.ipAddress && /*#__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))), currentEventData.browserString && /*#__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))), currentEventData.userPlatform && /*#__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)))));
+  }, (0, _formatMessage["default"])('Value')))), /*#__PURE__*/_react["default"].createElement(_uiTable.Table.Body, null, currentEventData.ipAddress && /*#__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, currentEventData.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, currentEventData.browserSessionID)), currentEventData.browserString && /*#__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, currentEventData.browserString)), currentEventData.userPlatform && /*#__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, currentEventData.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/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/ModerateTableRow/presenter.js

@@ -33,33 +33,45 @@ var _uiTooltip = require("@instructure/ui-tooltip");
 var _dec, _class, _ModerateTableRow;
 /** @jsx jsx */
 /* eslint "array-callback-return": "warn" */
-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 DASHES = '---';
 var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ModerateTableRow = /*#__PURE__*/function (_withI18nSupport) {
   function ModerateTableRow() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, ModerateTableRow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ModerateTableRow, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "handleModerateRef", function (node) {
-      _this.moderateButton = node;
+    _this2 = _callSuper(this, ModerateTableRow, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "handleModerateRef", function (node) {
+      _this2.moderateButton = node;
     });
     // =============
     //   Callbacks
     // =============
-    (0, _defineProperty2["default"])(_this, "onModerateButtonClick", function () {
-      _this.props.onModerateButtonClick(_this.props.rowData);
+    (0, _defineProperty2["default"])(_this2, "onModerateButtonClick", function () {
+      _this2.props.onModerateButtonClick(_this2.props.rowData);
     });
-    (0, _defineProperty2["default"])(_this, "onAccommodationsClick", function () {
-      if (!_this.props.onAccommodationsClick) return;
-      _this.props.onAccommodationsClick(_this.props.rowData);
+    (0, _defineProperty2["default"])(_this2, "onAccommodationsClick", function () {
+      if (!_this2.props.onAccommodationsClick) return;
+      _this2.props.onAccommodationsClick(_this2.props.rowData);
     });
-    (0, _defineProperty2["default"])(_this, "generateAttemptLink", function (autogradefailed, message, quizSessionId, attemptNumber) {
+    (0, _defineProperty2["default"])(_this2, "generateAttemptLink", function (autogradefailed, message, quizSessionId, attemptNumber) {
       var iconTitle = (0, _formatMessage["default"])('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
       });
@@ -72,13 +84,13 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withSt
       };
       return (0, _emotion.jsx)("div", {
         key: quizSessionId,
-        css: _this.props.styles.tableDataItem
+        css: _this2.props.styles.tableDataItem
       }, (0, _emotion.jsx)(_uiLink.Link, Object.assign({
-        onClick: _this.onResultsLinkClick(quizSessionId),
+        onClick: _this2.onResultsLinkClick(quizSessionId),
         "data-automation": "sdk-moderation-attempts-results-link"
       }, autogradefailed && autoGradeFailedProps), message));
     });
-    (0, _defineProperty2["default"])(_this, "generateAttemptText", function (autogradefailed, message, quizSessionId, attemptNumber) {
+    (0, _defineProperty2["default"])(_this2, "generateAttemptText", function (autogradefailed, message, quizSessionId, attemptNumber) {
       var iconTitle = (0, _formatMessage["default"])('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
       });
@@ -88,12 +100,12 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withSt
       }) : null;
       return (0, _emotion.jsx)("div", {
         key: quizSessionId,
-        css: _this.props.styles.tableDataItem
+        css: _this2.props.styles.tableDataItem
       }, (0, _emotion.jsx)(_uiView.View, {
         margin: "0 x-small 0 0"
       }, message), icon);
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(ModerateTableRow, _withI18nSupport);
   return (0, _createClass2["default"])(ModerateTableRow, [{
@@ -106,9 +118,9 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withSt
   }, {
     key: "onResultsLinkClick",
     value: function onResultsLinkClick(quizSessionId) {
-      var _this2 = this;
+      var _this3 = this;
       return function () {
-        _this2.props.onResultsLinkClick(quizSessionId);
+        _this3.props.onResultsLinkClick(quizSessionId);
       };
     }
 
@@ -118,7 +130,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withSt
   }, {
     key: "renderScores",
     value: function renderScores(quizSessions) {
-      var _this3 = this;
+      var _this4 = this;
       var noScore = (0, _emotion.jsx)("div", {
         css: this.props.styles.tableDataItem
       }, (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
@@ -132,9 +144,9 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withSt
         }
         var message = (0, _formatMessage["default"])('No Score');
         if (result.get('score') != null) {
-          if (_this3.props.displayScoreAsPercentage) {
+          if (_this4.props.displayScoreAsPercentage) {
             var percentage = result.get('score') / result.get('pointsPossible');
-            message = _this3.formatPercentMax2FractionDigits(percentage);
+            message = _this4.formatPercentMax2FractionDigits(percentage);
           } else {
             message = "".concat(_formatMessage["default"].number(result.get('score')), "/").concat(_formatMessage["default"].number(result.get('pointsPossible')));
           }
@@ -150,7 +162,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withSt
         }
         renderedScores.push((0, _emotion.jsx)("div", {
           key: result.get('id'),
-          css: _this3.props.styles.tableDataItem
+          css: _this4.props.styles.tableDataItem
         }, message));
         return renderedScores;
       }, []);
@@ -174,7 +186,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withSt
   }, {
     key: "renderAttempts",
     value: function renderAttempts(quizSessions) {
-      var _this4 = this;
+      var _this5 = this;
       var maxAttempts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : quizSessions.length;
       if (!quizSessions.length) {
         return (0, _emotion.jsx)("div", {
@@ -186,18 +198,18 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withSt
       return quizSessions.map(function (quizSession, idx) {
         var quizSessionId = quizSession.get('id');
         var hasAutogradeFailure = quizSession.findAuthoritativeResult().status === 'autograding_failed';
-        var message = _this4.attemptMessage(idx, maxAttempts, hasAutogradeFailure);
-        if (_this4.props.onResultsLinkClick && quizSession.graded()) {
-          return _this4.generateAttemptLink(hasAutogradeFailure, message, quizSessionId, idx + 1);
+        var message = _this5.attemptMessage(idx, maxAttempts, hasAutogradeFailure);
+        if (_this5.props.onResultsLinkClick && quizSession.graded()) {
+          return _this5.generateAttemptLink(hasAutogradeFailure, message, quizSessionId, idx + 1);
         } else {
-          return _this4.generateAttemptText(hasAutogradeFailure, message, quizSessionId, idx + 1);
+          return _this5.generateAttemptText(hasAutogradeFailure, message, quizSessionId, idx + 1);
         }
       });
     }
   }, {
     key: "renderTimes",
     value: function renderTimes(quizSessions) {
-      var _this5 = this;
+      var _this6 = this;
       if (!quizSessions.length) {
         return (0, _emotion.jsx)("div", {
           css: this.props.styles.tableDataItem
@@ -217,7 +229,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withSt
         }
         return (0, _emotion.jsx)("div", {
           key: quizSession.get('id'),
-          css: _this5.props.styles.tableDataItem
+          css: _this6.props.styles.tableDataItem
         }, message);
       });
     }
@@ -244,7 +256,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withSt
   }, {
     key: "renderLogLinks",
     value: function renderLogLinks(quizSessions) {
-      var _this6 = this;
+      var _this7 = this;
       if (!quizSessions.length) {
         return (0, _emotion.jsx)("div", {
           css: this.props.styles.tableDataItem
@@ -258,7 +270,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withSt
       return quizSessions.map(function (quizSession) {
         var quizSessionId = quizSession.get('id');
         var message = quizSession.inProgress() || quizSession.reopeningGraded() ? (0, _formatMessage["default"])('In Progress') : (0, _formatMessage["default"])('View Log');
-        var logMessage = _this6.renderLogMessage(quizSession.get('multipleSessionAttempt'), message);
+        var logMessage = _this7.renderLogMessage(quizSession.get('multipleSessionAttempt'), message);
         function onClick(event) {
           onModerateLogClick({
             id: id,
@@ -268,7 +280,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _quizCommon.withSt
         }
         return (0, _emotion.jsx)("div", {
           key: quizSessionId,
-          css: _this6.props.styles.tableDataItem
+          css: _this7.props.styles.tableDataItem
         }, (0, _emotion.jsx)(_uiLink.Link, {
           onClick: onClick,
           "data-automation": "sdk-moderation-moderate-session-log-link"