@instructure/quiz-core 20.17.2-rc.9 → 20.17.3-rc.0

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

@@ -1,55 +1,41 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ElapsedTime = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 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");
-
-var ElapsedTime = /*#__PURE__*/function (_withI18nSupport) {
-  (0, _inherits2.default)(ElapsedTime, _withI18nSupport);
-
-  var _super = (0, _createSuper2.default)(ElapsedTime);
-
+var ElapsedTime = exports.ElapsedTime = /*#__PURE__*/function (_withI18nSupport) {
   function ElapsedTime() {
     (0, _classCallCheck2.default)(this, ElapsedTime);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, ElapsedTime, arguments);
   }
-
-  (0, _createClass2.default)(ElapsedTime, [{
+  (0, _inherits2.default)(ElapsedTime, _withI18nSupport);
+  return (0, _createClass2.default)(ElapsedTime, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          eventTime = _this$props.eventTime,
-          startTime = _this$props.startTime;
+        eventTime = _this$props.eventTime,
+        startTime = _this$props.startTime;
       var difference = eventTime - startTime;
       var totalSeconds = difference / 1000;
       var hours = Math.floor(totalSeconds / 3600);
       var remainder = totalSeconds - hours * 3600;
       var minutes = Math.floor(remainder / 60);
-      var seconds = remainder - minutes * 60; // Intl.DurationFormat doesn't exist yet.
+      var seconds = remainder - minutes * 60;
+
+      // Intl.DurationFormat doesn't exist yet.
       // https://github.com/tc39/ecma402/issues/47
       // Let translators provide patterns for durations
-
       var displayTime = hours ? (0, _formatMessage.default)('{hours}:{minutes}:{seconds}', {
         hours: this.formatDecimal2MinIntegerNoFraction(hours),
         minutes: this.formatDecimal2MinIntegerNoFraction(minutes),
@@ -61,11 +47,7 @@ var ElapsedTime = /*#__PURE__*/function (_withI18nSupport) {
       return /*#__PURE__*/_react.default.createElement("span", null, displayTime);
     }
   }]);
-  ElapsedTime.displayName = "ElapsedTime";
-  return ElapsedTime;
 }((0, _quizCommon.withI18nSupport)(_react.Component));
-
-exports.ElapsedTime = ElapsedTime;
 ElapsedTime.propTypes = {
   eventTime: _propTypes.default.instanceOf(Date).isRequired,
   startTime: _propTypes.default.instanceOf(Date).isRequired,
@@ -77,5 +59,4 @@ ElapsedTime.defaultProps = {
 ElapsedTime.contextTypes = {
   locale: _propTypes.default.string
 };
-var _default = ElapsedTime;
-exports.default = _default;
+var _default = exports.default = ElapsedTime;

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

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

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

@@ -1,93 +1,48 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ModerateTable = void 0;
-
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _uiText = require("@instructure/ui-text");
-
 var _uiLink = require("@instructure/ui-link");
-
 var _uiFlex = require("@instructure/ui-flex");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _uiTable = require("@instructure/ui-table");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _emotion = require("@instructure/emotion");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _index = _interopRequireDefault(require("../ModerateTableRow/index.js"));
-
-var _index2 = _interopRequireDefault(require("../../../../common/components/shared/IfFeature/index.js"));
-
-var _index3 = _interopRequireDefault(require("../OutstandingQuizzesModal/index.js"));
-
-var _index4 = _interopRequireDefault(require("../../sidebar/ModerateTray/index.js"));
-
-var _Spinner = _interopRequireDefault(require("../../../../common/components/shared/spinner/Spinner.js"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _index5 = _interopRequireDefault(require("../../sidebar/ResetQuiz/index.js"));
-
+var _ModerateTableRow = _interopRequireDefault(require("../ModerateTableRow"));
+var _IfFeature = _interopRequireDefault(require("../../../../common/components/shared/IfFeature"));
+var _OutstandingQuizzesModal = _interopRequireDefault(require("../OutstandingQuizzesModal"));
+var _ModerateTray = _interopRequireDefault(require("../../sidebar/ModerateTray"));
+var _Spinner2 = _interopRequireDefault(require("../../../../common/components/shared/spinner/Spinner"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _ResetQuiz2 = _interopRequireDefault(require("../../sidebar/ResetQuiz"));
 var _quizCommon = require("@instructure/quiz-common");
-
 var _lodash = require("lodash");
-
-var _dec, _class, _class2, _temp;
-
-var _ref2 = (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)(_uiIcons.IconInfoLine, null));
-
-var _ref4 = (0, _emotion.jsx)(_uiIcons.IconConfigureLine, null);
-
-var _ref5 = (0, _emotion.jsx)(_Spinner.default, null);
-
-var _ref6 = (0, _emotion.jsx)(_index5.default, null);
-
-var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ModerateTable, _Component);
-
-  var _super = (0, _createSuper2.default)(ModerateTable);
-
+var _dec, _class, _ModerateTable, _Flex$Item, _IconConfigureLine, _Spinner, _ResetQuiz;
+/** @jsx jsx */
+var ModerateTable = exports.ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ModerateTable = /*#__PURE__*/function (_Component) {
   function ModerateTable() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ModerateTable);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = (0, _callSuper2.default)(this, ModerateTable, [].concat(args));
     _this.state = {
       displayScoreAsPercentage: true,
       // To support voiceover when the table changes
@@ -96,15 +51,15 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
       // To display the spinner while manually submitted quiz sessions are being graded
       isWaiting: false
     };
-
     _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))))); // NOTE: The consumer provided no quizSessionIds. Don't fetch
+        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)))));
 
+      // NOTE: The consumer provided no quizSessionIds. Don't fetch
       if (!quizSessionIds.length) return;
       (0, _lodash.chunk)(quizSessionIds, 25).forEach(function (chunkedIds) {
         getQuizSessions(quizId, {
@@ -112,33 +67,25 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
         });
       });
     };
-
     _this.onModerateButtonClick = function (data) {
       _this.setState({
         selectedStudent: data.id
       });
-
       _this.props.onOpenTray(data);
-
       _this.props.openTray(data);
     };
-
     _this.onCloseTray = function () {
       _this.props.onCloseTray();
-
       _this.setState({
         moderatePanelIterations: _this.state.moderatePanelIterations + 1
       });
     };
-
     _this.sessionsStillAutograding = function (quizzesToSubmit) {
       var _iterator = (0, _createForOfIteratorHelper2.default)(_this.props.quizSessionsData),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var quizSession = _step.value;
-
           if (quizzesToSubmit.indexOf(quizSession.id) > -1 && (quizSession.status === 'autograding' || quizSession.status === 'in_progress')) {
             return true;
           }
@@ -148,10 +95,8 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
       } finally {
         _iterator.f();
       }
-
       return false;
     };
-
     _this.checkAutogradingStatus = function (submittedQuizSessions) {
       if (_this.sessionsStillAutograding(submittedQuizSessions)) {
         _this.pollAutogradingStatus(submittedQuizSessions);
@@ -159,27 +104,21 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
         _this.setState({
           isWaiting: false
         });
-
         _this.props.addSuccess((0, _formatMessage.default)('Manual submission was successful.'));
       }
     };
-
     _this.pollAutogradingStatus = function (submittedQuizSessions) {
       _this.fetchData();
-
       setTimeout(function () {
         _this.checkAutogradingStatus(submittedQuizSessions);
       }, 1000);
     };
-
     _this.handleSubmissionAndPoll = function (submittedQuizSessions) {
       _this.setState({
         isWaiting: true
       });
-
       _this.pollAutogradingStatus(submittedQuizSessions);
     };
-
     _this.handleScoreToggle = function () {
       _this.setState(function (prevState) {
         return {
@@ -187,19 +126,16 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
         };
       });
     };
-
     _this.scoreToggleScreenreaderMessage = function () {
       return _this.state.displayScoreAsPercentage ? (0, _formatMessage.default)('Toggle scores to raw points') : (0, _formatMessage.default)('Toggle scores to percentages');
     };
-
     _this.openModalOnClick = function () {
       _this.props.openModal(_quizCommon.OUTSTANDING_QUIZZES_MODAL);
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(ModerateTable, [{
+  (0, _inherits2.default)(ModerateTable, _Component);
+  return (0, _createClass2.default)(ModerateTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles({
@@ -207,8 +143,8 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
       });
       this.fetchData();
       var _this$props2 = this.props,
-          hasSessionTimeLimit = _this$props2.hasSessionTimeLimit,
-          sessionTimeLimitInSeconds = _this$props2.sessionTimeLimitInSeconds;
+        hasSessionTimeLimit = _this$props2.hasSessionTimeLimit,
+        sessionTimeLimitInSeconds = _this$props2.sessionTimeLimitInSeconds;
       this.props.sendSessionTimeLimit({
         hasSessionTimeLimit: hasSessionTimeLimit,
         sessionTimeLimitInSeconds: sessionTimeLimitInSeconds
@@ -221,22 +157,19 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
         displayScoreAsPercentage: this.state.displayScoreAsPercentage
       });
       var _this$props3 = this.props,
-          hasSessionTimeLimit = _this$props3.hasSessionTimeLimit,
-          sessionTimeLimitInSeconds = _this$props3.sessionTimeLimitInSeconds;
-
+        hasSessionTimeLimit = _this$props3.hasSessionTimeLimit,
+        sessionTimeLimitInSeconds = _this$props3.sessionTimeLimitInSeconds;
       if (prevProps.hasSessionTimeLimit !== hasSessionTimeLimit || prevProps.sessionTimeLimitInSeconds !== sessionTimeLimitInSeconds) {
         this.props.sendSessionTimeLimit({
           hasSessionTimeLimit: hasSessionTimeLimit,
           sessionTimeLimitInSeconds: sessionTimeLimitInSeconds
         });
       }
-
       if (prevProps.tableData != this.props.tableData) {
         this.setState({
           selectedStudent: null
         });
       }
-
       var quizSessionIds = (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(this.quizSessionIds(this.props.inProgressData)), (0, _toConsumableArray2.default)(this.quizSessionIds(this.props.tableData)))));
       var prevQuizSessionIds = (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(this.quizSessionIds(prevProps.inProgressData)), (0, _toConsumableArray2.default)(this.quizSessionIds(prevProps.tableData)))));
       var skipFetchData = quizSessionIds.every(function (id, index) {
@@ -255,19 +188,20 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
     }
   }, {
     key: "renderTableRows",
+    value:
     // =============
     //   RENDERING
     // =============
-    value: function renderTableRows() {
-      var _this2 = this;
 
+    function renderTableRows() {
+      var _this2 = this;
       var _this$props4 = this.props,
-          onModerateLogClick = _this$props4.onModerateLogClick,
-          onResultsLinkClick = _this$props4.onResultsLinkClick,
-          shouldRenderModerateButton = _this$props4.shouldRenderModerateButton;
+        onModerateLogClick = _this$props4.onModerateLogClick,
+        onResultsLinkClick = _this$props4.onResultsLinkClick,
+        shouldRenderModerateButton = _this$props4.shouldRenderModerateButton;
       return this.props.tableData.map(function (rowData) {
         var id = rowData.id;
-        return (0, _emotion.jsx)(_index.default, {
+        return (0, _emotion.jsx)(_ModerateTableRow.default, {
           anonymousGrading: _this2.props.anonymousGrading,
           onResultsLinkClick: onResultsLinkClick,
           onAccommodationsClick: _this2.props.onAccommodationsClick,
@@ -286,18 +220,14 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
     key: "countOutstandingAttempts",
     value: function countOutstandingAttempts() {
       var i = 0;
-
       if (!this.props.quizSessionsData) {
         return 0;
       }
-
       var _iterator2 = (0, _createForOfIteratorHelper2.default)(this.props.quizSessionsData),
-          _step2;
-
+        _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var quiz = _step2.value;
-
           if (quiz.status === 'in_progress') {
             i += 1;
           }
@@ -307,31 +237,29 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
       } finally {
         _iterator2.f();
       }
-
       return i;
     }
   }, {
     key: "renderAlertContent",
     value: function renderAlertContent(outstandingAttemptsCount) {
       var _this3 = this;
-
-      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_index2.default, {
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_IfFeature.default, {
         name: "manual_submission"
-      }, (0, _emotion.jsx)(_uiFlex.Flex, null, _ref2, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_uiFlex.Flex, null, _Flex$Item || (_Flex$Item = (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)(_uiIcons.IconInfoLine, null))), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         padding: "xx-small"
       }, _formatMessage.default.rich('This assessment has <0>{count, plural, one {# attempt} other {# attempts}}</0> in progress.', {
         count: outstandingAttemptsCount,
-        0: function _(_ref3) {
-          var children = _ref3.children;
+        0: function _(_ref2) {
+          var children = _ref2.children;
           return (0, _emotion.jsx)(_uiLink.Link, {
             key: "0",
             onClick: _this3.openModalOnClick,
             "data-automation": "sdk-outstanding-quizzes-modal-open"
           }, children);
         }
-      })))), (0, _emotion.jsx)(_index2.default, {
+      })))), (0, _emotion.jsx)(_IfFeature.default, {
         name: "manual_submission"
-      }, (0, _emotion.jsx)(_index3.default, {
+      }, (0, _emotion.jsx)(_OutstandingQuizzesModal.default, {
         quizSessionsData: this.props.quizSessionsData,
         quizSessionIdsAndUsers: this.props.quizSessionIdsAndUsers,
         handleSubmissionAndPoll: this.handleSubmissionAndPoll,
@@ -350,7 +278,7 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
         withBorder: false,
         screenReaderLabel: this.scoreToggleScreenreaderMessage(),
         onClick: this.handleScoreToggle
-      }, _ref4));
+      }, _IconConfigureLine || (_IconConfigureLine = (0, _emotion.jsx)(_uiIcons.IconConfigureLine, null))));
     }
   }, {
     key: "renderTable",
@@ -383,10 +311,10 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
     key: "renderContent",
     value: function renderContent() {
       var _this$props5 = this.props,
-          isFetching = _this$props5.isFetching,
-          tableData = _this$props5.tableData,
-          emptyMessage = _this$props5.emptyMessage;
-      if (isFetching || this.state.isWaiting) return _ref5;
+        isFetching = _this$props5.isFetching,
+        tableData = _this$props5.tableData,
+        emptyMessage = _this$props5.emptyMessage;
+      if (isFetching || this.state.isWaiting) return _Spinner || (_Spinner = (0, _emotion.jsx)(_Spinner2.default, null));
       if (tableData.length) return this.renderTable();
       return (0, _emotion.jsx)("span", {
         css: this.props.styles.emptyText
@@ -399,14 +327,12 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
     value: function render() {
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.page
-      }, (0, _emotion.jsx)(_index4.default, {
+      }, (0, _emotion.jsx)(_ModerateTray.default, {
         onClose: this.onCloseTray
-      }, !this.props.anonymousGrading && _ref6, this.props.children), this.renderContent());
+      }, !this.props.anonymousGrading && (_ResetQuiz || (_ResetQuiz = (0, _emotion.jsx)(_ResetQuiz2.default, null))), this.props.children), this.renderContent());
     }
   }]);
-  ModerateTable.displayName = "ModerateTable";
-  return ModerateTable;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _ModerateTable.propTypes = {
   anonymousGrading: _propTypes.default.bool,
   children: _propTypes.default.node,
   emptyMessage: _propTypes.default.string,
@@ -455,7 +381,7 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   addSuccess: _propTypes.default.func.isRequired,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _class2.defaultProps = {
+}, _ModerateTable.defaultProps = {
   anonymousGrading: false,
   children: void 0,
   emptyMessage: (0, _formatMessage.default)('There is no moderation information to display yet.'),
@@ -470,7 +396,5 @@ var ModerateTable = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   onResultsLinkClick: void 0,
   quizSessionIdsAndUsers: [],
   afterManualSubmit: Function.prototype
-}, _temp)) || _class);
-exports.ModerateTable = ModerateTable;
-var _default = ModerateTable;
-exports.default = _default;
+}, _ModerateTable)) || _class);
+var _default = exports.default = ModerateTable;

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

@@ -1,14 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var generateStyle = function generateStyle(componentTheme, props, state) {
   return {
     emptyText: {
@@ -28,6 +25,4 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
     })
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

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

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors;
+    colors = _ref.colors;
   return {
     emptyTextMargin: spacing.small,
     pageBackgroundColor: colors.white
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -1,18 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _immutable = require("immutable");
-
-var _QuizSession = _interopRequireDefault(require("../../../../common/records/QuizSession.js"));
-
-var _QuizSessionResult = _interopRequireDefault(require("../../../../common/records/QuizSessionResult.js"));
-
+var _QuizSession = _interopRequireDefault(require("../../../../common/records/QuizSession"));
+var _QuizSessionResult = _interopRequireDefault(require("../../../../common/records/QuizSessionResult"));
 var failedResult = new _QuizSessionResult.default((0, _immutable.fromJS)({
   status: 'autograding_failed',
   score: 42,
@@ -22,18 +17,16 @@ var errorSession = new _QuizSession.default((0, _immutable.fromJS)({
   id: '1',
   status: 'graded'
 }));
-
 errorSession.findAuthoritativeResult = function () {
   return failedResult;
 };
-
 var quizSessions = (0, _immutable.List)([errorSession, new _QuizSession.default((0, _immutable.fromJS)({
   id: '2',
   status: 'graded'
 })), new _QuizSession.default((0, _immutable.fromJS)({
   id: '3'
 }))]);
-var _default = {
+var _default = exports.default = {
   propValues: {
     onAccommodationsClick: [null, Function.prototype],
     shouldRenderModerateButton: [true, false],
@@ -82,5 +75,4 @@ var _default = {
       quizSessions: quizSessions
     };
   }
-};
-exports.default = _default;
+};