@instructure/quiz-core 21.1.1 → 21.2.0

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

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

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

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

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

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

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

@@ -1,10 +1,16 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ModerateTable;
+function _createForOfIteratorHelper(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; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -17,39 +23,33 @@ import { IconButton } from '@instructure/ui-buttons';
 import { IconInfoLine, IconConfigureLine } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import ModerateTableRow from "../ModerateTableRow/index.js";
-import IfFeature from "../../../../common/components/shared/IfFeature/index.js";
-import OutstandingQuizzesModal from "../OutstandingQuizzesModal/index.js";
-import ModerateTray from "../../sidebar/ModerateTray/index.js";
-import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import ResetQuiz from "../../sidebar/ResetQuiz/index.js";
+import ModerateTableRow from '../ModerateTableRow';
+import IfFeature from '../../../../common/components/shared/IfFeature';
+import OutstandingQuizzesModal from '../OutstandingQuizzesModal';
+import ModerateTray from '../../sidebar/ModerateTray';
+import Spinner from '../../../../common/components/shared/spinner/Spinner';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import ResetQuiz from '../../sidebar/ResetQuiz';
 import { Flex, OUTSTANDING_QUIZZES_MODAL, withStyleOverrides } from '@instructure/quiz-common';
 import { chunk } from 'lodash';
-var _ref2 = jsx(Flex.Item, null, jsx(IconInfoLine, null));
-var _ref4 = jsx(IconConfigureLine, null);
-var _ref5 = jsx(Spinner, null);
-var _ref6 = jsx(ResetQuiz, null);
 export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ModerateTable = /*#__PURE__*/function (_Component) {
-  _inherits(ModerateTable, _Component);
-  var _super = _createSuper(ModerateTable);
   function ModerateTable() {
     var _this;
     _classCallCheck(this, ModerateTable);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
+    _this = _callSuper(this, ModerateTable, [].concat(args));
+    _defineProperty(_this, "state", {
       displayScoreAsPercentage: true,
       // To support voiceover when the table changes
       moderatePanelIterations: 0,
       selectedStudent: null,
       // To display the spinner while manually submitted quiz sessions are being graded
       isWaiting: false
-    };
-    _this.fetchData = function () {
+    });
+    _defineProperty(_this, "fetchData", function () {
       var _this$props = _this.props,
         getQuizSessions = _this$props.getQuizSessions,
         quizId = _this$props.quizId,
@@ -64,21 +64,21 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
           ids: chunkedIds
         });
       });
-    };
-    _this.onModerateButtonClick = function (data) {
+    });
+    _defineProperty(_this, "onModerateButtonClick", function (data) {
       _this.setState({
         selectedStudent: data.id
       });
       _this.props.onOpenTray(data);
       _this.props.openTray(data);
-    };
-    _this.onCloseTray = function () {
+    });
+    _defineProperty(_this, "onCloseTray", function () {
       _this.props.onCloseTray();
       _this.setState({
         moderatePanelIterations: _this.state.moderatePanelIterations + 1
       });
-    };
-    _this.sessionsStillAutograding = function (quizzesToSubmit) {
+    });
+    _defineProperty(_this, "sessionsStillAutograding", function (quizzesToSubmit) {
       var _iterator = _createForOfIteratorHelper(_this.props.quizSessionsData),
         _step;
       try {
@@ -94,8 +94,8 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         _iterator.f();
       }
       return false;
-    };
-    _this.checkAutogradingStatus = function (submittedQuizSessions) {
+    });
+    _defineProperty(_this, "checkAutogradingStatus", function (submittedQuizSessions) {
       if (_this.sessionsStillAutograding(submittedQuizSessions)) {
         _this.pollAutogradingStatus(submittedQuizSessions);
       } else {
@@ -104,35 +104,36 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         });
         _this.props.addSuccess(t('Manual submission was successful.'));
       }
-    };
-    _this.pollAutogradingStatus = function (submittedQuizSessions) {
+    });
+    _defineProperty(_this, "pollAutogradingStatus", function (submittedQuizSessions) {
       _this.fetchData();
       setTimeout(function () {
         _this.checkAutogradingStatus(submittedQuizSessions);
       }, 1000);
-    };
-    _this.handleSubmissionAndPoll = function (submittedQuizSessions) {
+    });
+    _defineProperty(_this, "handleSubmissionAndPoll", function (submittedQuizSessions) {
       _this.setState({
         isWaiting: true
       });
       _this.pollAutogradingStatus(submittedQuizSessions);
-    };
-    _this.handleScoreToggle = function () {
+    });
+    _defineProperty(_this, "handleScoreToggle", function () {
       _this.setState(function (prevState) {
         return {
           displayScoreAsPercentage: !prevState.displayScoreAsPercentage
         };
       });
-    };
-    _this.scoreToggleScreenreaderMessage = function () {
+    });
+    _defineProperty(_this, "scoreToggleScreenreaderMessage", function () {
       return _this.state.displayScoreAsPercentage ? t('Toggle scores to raw points') : t('Toggle scores to percentages');
-    };
-    _this.openModalOnClick = function () {
+    });
+    _defineProperty(_this, "openModalOnClick", function () {
       _this.props.openModal(OUTSTANDING_QUIZZES_MODAL);
-    };
+    });
     return _this;
   }
-  _createClass(ModerateTable, [{
+  _inherits(ModerateTable, _Component);
+  return _createClass(ModerateTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles({
@@ -185,10 +186,12 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
     }
   }, {
     key: "renderTableRows",
+    value:
     // =============
     //   RENDERING
     // =============
-    value: function renderTableRows() {
+
+    function renderTableRows() {
       var _this2 = this;
       var _this$props4 = this.props,
         onModerateLogClick = _this$props4.onModerateLogClick,
@@ -239,12 +242,12 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
       var _this3 = this;
       return jsx("div", null, jsx(IfFeature, {
         name: "manual_submission"
-      }, jsx(Flex, null, _ref2, jsx(Flex.Item, {
+      }, jsx(Flex, null, jsx(Flex.Item, null, jsx(IconInfoLine, null)), jsx(Flex.Item, {
         padding: "xx-small"
       }, t.rich('This assessment has <0>{count, plural, one {# attempt} other {# attempts}}</0> in progress.', {
         count: outstandingAttemptsCount,
-        0: function _(_ref3) {
-          var children = _ref3.children;
+        0: function _(_ref2) {
+          var children = _ref2.children;
           return jsx(Link, {
             key: "0",
             onClick: _this3.openModalOnClick,
@@ -273,7 +276,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         screenReaderLabel: this.scoreToggleScreenreaderMessage(),
         onClick: this.handleScoreToggle,
         "data-automation": "moderation-table-score-toggle"
-      }, _ref4));
+      }, jsx(IconConfigureLine, null)));
     }
   }, {
     key: "renderTable",
@@ -296,7 +299,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
       }, t('Log')), this.props.onAccommodationsClick && !this.props.anonymousGrading && jsx(Table.ColHeader, {
         id: "moderation-table-accommodations"
       }, t({
-        default: 'Accommodations',
+        "default": 'Accommodations',
         description: 'Support for students with who need extra time or attempts.'
       })), this.props.shouldRenderModerateButton && jsx(Table.ColHeader, {
         id: "moderation-table-moderate"
@@ -309,7 +312,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         isFetching = _this$props5.isFetching,
         tableData = _this$props5.tableData,
         emptyMessage = _this$props5.emptyMessage;
-      if (isFetching || this.state.isWaiting) return _ref5;
+      if (isFetching || this.state.isWaiting) return jsx(Spinner, null);
       if (tableData.length) return this.renderTable();
       return jsx("span", {
         css: this.props.styles.emptyText
@@ -326,12 +329,10 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         onClose: this.onCloseTray,
         onSave: this.props.onSaveTray,
         atteqApplyChangesToCurrentQuizAttemptsEnabled: this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled
-      }, jsx(Flex.Item, null, !this.props.anonymousGrading && _ref6), this.props.children), this.renderContent());
+      }, jsx(Flex.Item, null, !this.props.anonymousGrading && jsx(ResetQuiz, null)), this.props.children), this.renderContent());
     }
   }]);
-  ModerateTable.displayName = "ModerateTable";
-  return ModerateTable;
-}(Component), _ModerateTable.displayName = 'ModerateTable', _ModerateTable.componentId = "Quizzes".concat(_ModerateTable.displayName), _ModerateTable.propTypes = {
+}(Component), _defineProperty(_ModerateTable, "displayName", 'ModerateTable'), _defineProperty(_ModerateTable, "componentId", "Quizzes".concat(_ModerateTable.displayName)), _defineProperty(_ModerateTable, "propTypes", {
   anonymousGrading: PropTypes.bool,
   children: PropTypes.node,
   emptyMessage: PropTypes.string,
@@ -382,7 +383,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
   styles: PropTypes.object,
   makeStyles: PropTypes.func,
   atteqApplyChangesToCurrentQuizAttemptsEnabled: PropTypes.bool.isRequired
-}, _ModerateTable.defaultProps = {
+}), _defineProperty(_ModerateTable, "defaultProps", {
   anonymousGrading: false,
   children: void 0,
   emptyMessage: t('There is no moderation information to display yet.'),
@@ -397,5 +398,5 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
   onResultsLinkClick: void 0,
   quizSessionIdsAndUsers: [],
   afterManualSubmit: Function.prototype
-}, _ModerateTable)) || _class);
+}), _ModerateTable)) || _class);
 export default ModerateTable;

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

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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; }
 var generateStyle = function generateStyle(componentTheme, props, state) {
   return {
     emptyText: {

package/es/moderating/components/resources/ModerateTableRow/ModerateTableRow.examples.js

@@ -1,6 +1,6 @@
 import { List, fromJS } from 'immutable';
-import QuizSession from "../../../../common/records/QuizSession.js";
-import QuizSessionResult from "../../../../common/records/QuizSessionResult.js";
+import QuizSession from '../../../../common/records/QuizSession';
+import QuizSessionResult from '../../../../common/records/QuizSessionResult';
 var failedResult = new QuizSessionResult(fromJS({
   status: 'autograding_failed',
   score: 42,

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

@@ -1,6 +1,6 @@
-import { connect } from "../../../../common/react-redux.js";
-import ModerateTableRow from "./presenter.js";
-import { getQuizSessionsByIds } from "../../../../common/selectors/quizSessions.js";
+import { connect } from '../../../../common/react-redux';
+import ModerateTableRow from './presenter';
+import { getQuizSessionsByIds } from '../../../../common/selectors/quizSessions';
 export function mapStateToProps(state, ownProps) {
   var quizSessionIds = ownProps.rowData.quizSessionIds;
   var quizSessions = getQuizSessionsByIds(state, quizSessionIds).filter(function (qs) {

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

@@ -1,8 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ModerateTableRow;
+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; })(); }
 /** @jsx jsx */
 /* eslint "array-callback-return": "warn" */
 import { Component } from 'react';
@@ -20,35 +24,32 @@ import { IconButton } from '@instructure/ui-buttons';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
-import FormattedDuration from "../../../../common/components/shared/FormattedDuration/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import FormattedDuration from '../../../../common/components/shared/FormattedDuration';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 var DASHES = '---';
-var _ref = jsx(IconEditLine, null);
 export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ModerateTableRow = /*#__PURE__*/function (_withI18nSupport) {
-  _inherits(ModerateTableRow, _withI18nSupport);
-  var _super = _createSuper(ModerateTableRow);
   function ModerateTableRow() {
     var _this;
     _classCallCheck(this, ModerateTableRow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.handleModerateRef = function (node) {
+    _this = _callSuper(this, ModerateTableRow, [].concat(args));
+    _defineProperty(_this, "handleModerateRef", function (node) {
       _this.moderateButton = node;
-    };
+    });
     // =============
     //   Callbacks
     // =============
-    _this.onModerateButtonClick = function () {
+    _defineProperty(_this, "onModerateButtonClick", function () {
       _this.props.onModerateButtonClick(_this.props.rowData);
-    };
-    _this.onAccommodationsClick = function () {
+    });
+    _defineProperty(_this, "onAccommodationsClick", function () {
       if (!_this.props.onAccommodationsClick) return;
       _this.props.onAccommodationsClick(_this.props.rowData);
-    };
-    _this.generateAttemptLink = function (autogradefailed, message, quizSessionId, attemptNumber) {
+    });
+    _defineProperty(_this, "generateAttemptLink", function (autogradefailed, message, quizSessionId, attemptNumber) {
       var iconTitle = t('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
       });
@@ -66,8 +67,8 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
         onClick: _this.onResultsLinkClick(quizSessionId),
         "data-automation": "sdk-moderation-attempts-results-link"
       }, autogradefailed && autoGradeFailedProps), message));
-    };
-    _this.generateAttemptText = function (autogradefailed, message, quizSessionId, attemptNumber) {
+    });
+    _defineProperty(_this, "generateAttemptText", function (autogradefailed, message, quizSessionId, attemptNumber) {
       var iconTitle = t('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
       });
@@ -81,10 +82,11 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
       }, jsx(View, {
         margin: "0 x-small 0 0"
       }, message), icon);
-    };
+    });
     return _this;
   }
-  _createClass(ModerateTableRow, [{
+  _inherits(ModerateTableRow, _withI18nSupport);
+  return _createClass(ModerateTableRow, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.rowData.id === this.props.focusTarget && this.moderateButton) {
@@ -98,7 +100,9 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
       return function () {
         _this2.props.onResultsLinkClick(quizSessionId);
       };
-    } // =============
+    }
+
+    // =============
     //   RENDERING
     // =============
   }, {
@@ -161,7 +165,7 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
     key: "renderAttempts",
     value: function renderAttempts(quizSessions) {
       var _this4 = this;
-      var maxAttempts = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : quizSessions.length;
+      var maxAttempts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : quizSessions.length;
       if (!quizSessions.length) {
         return jsx("div", {
           css: this.props.styles.tableDataItem
@@ -277,7 +281,7 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
           ref: this.handleModerateRef,
           "data-automation": "sdk-moderation-moderate-button",
           screenReaderLabel: t('Moderate')
-        }, _ref)));
+        }, jsx(IconEditLine, null))));
       }
     }
   }, {
@@ -312,9 +316,7 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
       })), this.renderName(name, avatarName))), !this.props.anonymousGrading && jsx(Table.Cell, null, this.renderAttempts(quizSessions, maxAttempts)), !this.props.anonymousGrading && jsx(Table.Cell, null, this.renderScores(quizSessions)), !this.props.anonymousGrading && jsx(Table.Cell, null, this.renderTimes(quizSessions)), !this.props.anonymousGrading && jsx(Table.Cell, null, this.renderLogLinks(quizSessions)), !this.props.anonymousGrading && this.renderAccommodations(accommodations), this.renderModerate());
     }
   }]);
-  ModerateTableRow.displayName = "ModerateTableRow";
-  return ModerateTableRow;
-}(withI18nSupport(Component)), _ModerateTableRow.displayName = 'ModerateTableRow', _ModerateTableRow.componentId = "Quizzes".concat(_ModerateTableRow.displayName), _ModerateTableRow.propTypes = {
+}(withI18nSupport(Component)), _defineProperty(_ModerateTableRow, "displayName", 'ModerateTableRow'), _defineProperty(_ModerateTableRow, "componentId", "Quizzes".concat(_ModerateTableRow.displayName)), _defineProperty(_ModerateTableRow, "propTypes", {
   anonymousGrading: PropTypes.bool.isRequired,
   displayScoreAsPercentage: PropTypes.bool,
   onModerateButtonClick: PropTypes.func.isRequired,
@@ -337,10 +339,10 @@ export var ModerateTableRow = (_dec = withStyleOverrides(generateStyle, generate
   shouldRenderModerateButton: PropTypes.bool,
   focusTarget: PropTypes.string,
   styles: PropTypes.object
-}, _ModerateTableRow.defaultProps = {
+}), _defineProperty(_ModerateTableRow, "defaultProps", {
   displayScoreAsPercentage: true,
   shouldRenderModerateButton: true,
   focusTarget: null,
   onAccommodationsClick: null
-}, _ModerateTableRow)) || _class);
+}), _ModerateTableRow)) || _class);
 export default ModerateTableRow;

package/es/moderating/components/resources/ModerateTableRow/story.js

@@ -1,8 +1,11 @@
 import React from 'react';
 import { Table } from '@instructure/ui-table';
-import ModerateTableRow from "./presenter.js"; // You're supposed to be able to wrap a component in stuff using renderExample
+import ModerateTableRow from './presenter';
+
+// You're supposed to be able to wrap a component in stuff using renderExample
 // but everything goes wrong fast when I do that, so this component exists just
 // to make a storybook story look pretty. Also, Omar told me to do this.
+
 var render = function render(props) {
   return /*#__PURE__*/React.createElement(Table, {
     caption: ""

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

@@ -1,7 +1,7 @@
 var generateStyle = function generateStyle(componentTheme) {
   return {
     moderateButton: {
-      float: 'right'
+      "float": 'right'
     },
     avatarRow: {
       display: 'flex',

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

@@ -1,8 +1,8 @@
-import { connect } from "../../../../common/react-redux.js";
-import OutstandingQuizzesModal from "./presenter.js";
+import { connect } from '../../../../common/react-redux';
+import OutstandingQuizzesModal from './presenter';
 import { OUTSTANDING_QUIZZES_MODAL } from '@instructure/quiz-common';
-import { closeModal } from "../../../../common/actions/modal.js";
-import { submitOutstandingQuizSession } from "../../../api/quizSessions.js";
+import { closeModal } from '../../../../common/actions/modal';
+import { submitOutstandingQuizSession } from '../../../api/quizSessions';
 export function mapStateToProps(state, ownProps) {
   return {
     open: state.getIn(['modal', 'isOpen']) === OUTSTANDING_QUIZZES_MODAL