npm - @instructure/quiz-core - Versions diffs - 20.20.1-rc.2 → 20.20.1-snapshot.4 - Mend

@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1394) hide show

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

@@ -4,9 +4,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-var _dec, _class, _class2, _temp;
+var _dec, _class, _ModerateTable;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -30,29 +28,19 @@ import generateComponentTheme from "./theme.js";
 import ResetQuiz from "../../sidebar/ResetQuiz/index.js";
 import { OUTSTANDING_QUIZZES_MODAL } 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 = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var ModerateTable = (_dec = withStyle(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 = {
       displayScoreAsPercentage: true,
@@ -62,17 +50,15 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
       // 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 = _toConsumableArray(new Set([].concat(_toConsumableArray(_this.quizSessionIds(inProgressData)), _toConsumableArray(_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 = _toConsumableArray(new Set([].concat(_toConsumableArray(_this.quizSessionIds(inProgressData)), _toConsumableArray(_this.quizSessionIds(tableData)))));
+      // NOTE: The consumer provided no quizSessionIds. Don't fetch
       if (!quizSessionIds.length) return;
       chunk(quizSessionIds, 25).forEach(function (chunkedIds) {
         getQuizSessions(quizId, {
@@ -80,33 +66,25 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
         });
       });
     };
     _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 = _createForOfIteratorHelper(_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;
           }
@@ -116,10 +94,8 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
       } finally {
         _iterator.f();
       }
       return false;
     };
     _this.checkAutogradingStatus = function (submittedQuizSessions) {
       if (_this.sessionsStillAutograding(submittedQuizSessions)) {
         _this.pollAutogradingStatus(submittedQuizSessions);
@@ -127,27 +103,21 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
         _this.setState({
           isWaiting: false
         });
         _this.props.addSuccess(t('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 {
@@ -155,18 +125,14 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
         };
       });
     };
     _this.scoreToggleScreenreaderMessage = function () {
       return _this.state.displayScoreAsPercentage ? t('Toggle scores to raw points') : t('Toggle scores to percentages');
     };
     _this.openModalOnClick = function () {
       _this.props.openModal(OUTSTANDING_QUIZZES_MODAL);
     };
     return _this;
   }
   _createClass(ModerateTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -175,8 +141,8 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
       });
       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
@@ -189,26 +155,21 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
         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 = _toConsumableArray(new Set([].concat(_toConsumableArray(this.quizSessionIds(this.props.inProgressData)), _toConsumableArray(this.quizSessionIds(this.props.tableData)))));
       var prevQuizSessionIds = _toConsumableArray(new Set([].concat(_toConsumableArray(this.quizSessionIds(prevProps.inProgressData)), _toConsumableArray(this.quizSessionIds(prevProps.tableData)))));
       var skipFetchData = quizSessionIds.every(function (id, index) {
         return id === prevQuizSessionIds[index];
       });
@@ -230,11 +191,10 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
     // =============
     value: 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 jsx(ModerateTableRow, {
@@ -256,18 +216,14 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
     key: "countOutstandingAttempts",
     value: function countOutstandingAttempts() {
       var i = 0;
       if (!this.props.quizSessionsData) {
         return 0;
       }
       var _iterator2 = _createForOfIteratorHelper(this.props.quizSessionsData),
-          _step2;
+        _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var quiz = _step2.value;
           if (quiz.status === 'in_progress') {
             i += 1;
           }
@@ -277,14 +233,12 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
       } finally {
         _iterator2.f();
       }
       return i;
     }
   }, {
     key: "renderAlertContent",
     value: function renderAlertContent(outstandingAttemptsCount) {
       var _this3 = this;
       return jsx("div", null, jsx(IfFeature, {
         name: "manual_submission"
       }, jsx(Flex, null, _ref2, jsx(Flex.Item, {
@@ -354,9 +308,9 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
     key: "renderContent",
     value: function renderContent() {
       var _this$props5 = this.props,
-          isFetching = _this$props5.isFetching,
-          tableData = _this$props5.tableData,
-          emptyMessage = _this$props5.emptyMessage;
+        isFetching = _this$props5.isFetching,
+        tableData = _this$props5.tableData,
+        emptyMessage = _this$props5.emptyMessage;
       if (isFetching || this.state.isWaiting) return _ref5;
       if (tableData.length) return this.renderTable();
       return jsx("span", {
@@ -376,10 +330,9 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
       }, jsx(Flex.Item, null, !this.props.anonymousGrading && _ref6), this.props.children), this.renderContent());
     }
   }]);
   ModerateTable.displayName = "ModerateTable";
   return ModerateTable;
-}(Component), _class2.propTypes = {
+}(Component), _ModerateTable.propTypes = {
   anonymousGrading: PropTypes.bool,
   children: PropTypes.node,
   emptyMessage: PropTypes.string,
@@ -429,7 +382,7 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
   addSuccess: PropTypes.func.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _class2.defaultProps = {
+}, _ModerateTable.defaultProps = {
   anonymousGrading: false,
   children: void 0,
   emptyMessage: t('There is no moderation information to display yet.'),
@@ -444,5 +397,5 @@ export var ModerateTable = (_dec = withStyle(generateStyle, generateComponentThe
   onResultsLinkClick: void 0,
   quizSessionIdsAndUsers: [],
   afterManualSubmit: Function.prototype
-}, _temp)) || _class);
+}, _ModerateTable)) || _class);
 export default ModerateTable;

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

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var generateStyle = function generateStyle(componentTheme, props, state) {
   return {
     emptyText: {
@@ -19,5 +18,4 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
     })
   };
 };
 export default generateStyle;

package/es/moderating/components/resources/ModerateTable/theme.js CHANGED Viewed

@@ -1,10 +1,9 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors;
+    colors = _ref.colors;
   return {
     emptyTextMargin: spacing.small,
     pageBackgroundColor: colors.white
   };
 };
 export default generateComponentTheme;

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

@@ -10,11 +10,9 @@ var errorSession = new QuizSession(fromJS({
   id: '1',
   status: 'graded'
 }));
 errorSession.findAuthoritativeResult = function () {
   return failedResult;
 };
 var quizSessions = List([errorSession, new QuizSession(fromJS({
   id: '2',
   status: 'graded'

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

@@ -10,7 +10,7 @@ export function mapStateToProps(state, ownProps) {
     quizSessions: quizSessions
   };
 }
-var connectedModerateTableRow = connect(mapStateToProps)(ModerateTableRow); // This ugly hack is necessary because the InstUI v7 Table.Body only renders components with name 'Row'.
+var connectedModerateTableRow = connect(mapStateToProps)(ModerateTableRow);
+// This ugly hack is necessary because the InstUI v7 Table.Body only renders components with name 'Row'.
 connectedModerateTableRow.displayName = 'Row';
 export default connectedModerateTableRow;

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

@@ -2,11 +2,8 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-var _dec, _class, _class2, _temp;
+var _dec, _class, _ModerateTableRow;
 /** @jsx jsx */
 /* eslint "array-callback-return": "warn" */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -27,39 +24,30 @@ import FormattedDuration from "../../../../common/components/shared/FormattedDur
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var DASHES = '---';
 var _ref = jsx(IconEditLine, null);
-export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
+export var ModerateTableRow = (_dec = withStyle(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.moderateButton = node;
     };
+    // =============
+    //   Callbacks
+    // =============
     _this.onModerateButtonClick = function () {
       _this.props.onModerateButtonClick(_this.props.rowData);
     };
     _this.onAccommodationsClick = function () {
       if (!_this.props.onAccommodationsClick) return;
       _this.props.onAccommodationsClick(_this.props.rowData);
     };
     _this.generateAttemptLink = function (autogradefailed, message, quizSessionId, attemptNumber) {
       var iconTitle = t('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
@@ -79,7 +67,6 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
         "data-automation": "sdk-moderation-attempts-results-link"
       }, autogradefailed && autoGradeFailedProps), message));
     };
     _this.generateAttemptText = function (autogradefailed, message, quizSessionId, attemptNumber) {
       var iconTitle = t('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
@@ -95,10 +82,8 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
         margin: "0 x-small 0 0"
       }, message), icon);
     };
     return _this;
   }
   _createClass(ModerateTableRow, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -110,19 +95,16 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
     key: "onResultsLinkClick",
     value: function onResultsLinkClick(quizSessionId) {
       var _this2 = this;
       return function () {
         _this2.props.onResultsLinkClick(quizSessionId);
       };
     } // =============
     //   RENDERING
     // =============
   }, {
     key: "renderScores",
     value: function renderScores(quizSessions) {
       var _this3 = this;
       var noScore = jsx("div", {
         css: this.props.styles.tableDataItem
       }, jsx(AccessibleContent, {
@@ -131,13 +113,10 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
       if (!quizSessions.length) return noScore;
       return quizSessions.reduce(function (renderedScores, quizSession) {
         var result = quizSession.findAuthoritativeResult();
         if (!result) {
           return renderedScores;
         }
         var message = t('No Score');
         if (result.get('score') != null) {
           if (_this3.props.displayScoreAsPercentage) {
             var percentage = result.get('score') / result.get('pointsPossible');
@@ -146,18 +125,15 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
             message = "".concat(t.number(result.get('score')), "/").concat(t.number(result.get('pointsPossible')));
           }
         }
         if (result.get('pointsPossible') === 0) {
           message = t('N/A');
         }
         if (quizSession.inProgress() || quizSession.reopeningGraded()) {
           var alt = t('In progress, score not available');
           message = jsx(AccessibleContent, {
             alt: alt
           }, DASHES);
         }
         renderedScores.push(jsx("div", {
           key: result.get('id'),
           css: _this3.props.styles.tableDataItem
@@ -169,7 +145,6 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
     key: "attemptMessage",
     value: function attemptMessage(idx, maxAttempts) {
       var message;
       if (maxAttempts === Infinity) {
         message = t('Attempt { attemptNumber }', {
           attemptNumber: idx + 1
@@ -180,16 +155,13 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
           maxAttempts: maxAttempts
         });
       }
       return message;
     }
   }, {
     key: "renderAttempts",
     value: function renderAttempts(quizSessions) {
       var _this4 = this;
       var maxAttempts = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : quizSessions.length;
       if (!quizSessions.length) {
         return jsx("div", {
           css: this.props.styles.tableDataItem
@@ -197,13 +169,10 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
           alt: t('No Attempt')
         }, DASHES));
       }
       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);
         } else {
@@ -215,7 +184,6 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
     key: "renderTimes",
     value: function renderTimes(quizSessions) {
       var _this5 = this;
       if (!quizSessions.length) {
         return jsx("div", {
           css: this.props.styles.tableDataItem
@@ -223,19 +191,16 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
           alt: t('No Time')
         }, DASHES));
       }
       return quizSessions.map(function (quizSession, idx) {
         var message = jsx(FormattedDuration, {
           seconds: quizSession.elapsedTime
         });
         if (quizSession.inProgress() || quizSession.reopeningGraded()) {
           var alt = t('In progress, time not available');
           message = jsx(AccessibleContent, {
             alt: alt
           }, DASHES);
         }
         return jsx("div", {
           key: quizSession.get('id'),
           css: _this5.props.styles.tableDataItem
@@ -246,7 +211,6 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
     key: "renderLogLinks",
     value: function renderLogLinks(quizSessions) {
       var _this6 = this;
       if (!quizSessions.length) {
         return jsx("div", {
           css: this.props.styles.tableDataItem
@@ -254,14 +218,12 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
           alt: t('No Log')
         }, DASHES));
       }
       var _this$props = this.props,
-          onModerateLogClick = _this$props.onModerateLogClick,
-          id = _this$props.rowData.id;
+        onModerateLogClick = _this$props.onModerateLogClick,
+        id = _this$props.rowData.id;
       return quizSessions.map(function (quizSession) {
         var quizSessionId = quizSession.get('id');
         var message = quizSession.inProgress() || quizSession.reopeningGraded() ? t('In Progress') : t('View Log');
         function onClick(event) {
           onModerateLogClick({
             id: id,
@@ -269,7 +231,6 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
             quizSessionId: quizSessionId
           });
         }
         return jsx("div", {
           key: quizSessionId,
           css: _this6.props.styles.tableDataItem
@@ -285,7 +246,6 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
       if (this.props.onAccommodationsClick) {
         // Establish what to display about the accommodations
         var displayContent;
         if (!accommodations || accommodations.length === 0) {
           displayContent = jsx(Text, {
             color: "secondary"
@@ -300,10 +260,10 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
               color: "primary"
             }, t('{ name }: { value }', elem)));
           }));
-        } // Display the Accommodations and the button in a flex container with reverse order
-        // so that the screen reader will read the accommodations first, and then the button
+        }
+        // Display the Accommodations and the button in a flex container with reverse order
+        // so that the screen reader will read the accommodations first, and then the button
         return jsx(Table.Cell, {
           "data-automation": "sdk-moderate-accommodations-text"
         }, displayContent);
@@ -339,13 +299,13 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
     value: function render() {
       var quizSessions = this.props.quizSessions.toArray();
       var _this$props$rowData = this.props.rowData,
-          name = _this$props$rowData.name,
-          avatarUrl = _this$props$rowData.avatar,
-          maxAttempts = _this$props$rowData.maxAttempts,
-          accommodations = _this$props$rowData.accommodations;
+        name = _this$props$rowData.name,
+        avatarUrl = _this$props$rowData.avatar,
+        maxAttempts = _this$props$rowData.maxAttempts,
+        accommodations = _this$props$rowData.accommodations;
       var _this$props$styles = this.props.styles,
-          avatarRow = _this$props$styles.avatarRow,
-          avatarName = _this$props$styles.avatarName;
+        avatarRow = _this$props$styles.avatarRow,
+        avatarName = _this$props$styles.avatarName;
       return jsx(Table.Row, null, jsx(Table.RowHeader, null, jsx("span", {
         css: avatarRow
       }, jsx(PresentationContent, null, jsx(Avatar, {
@@ -355,10 +315,9 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
       })), 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)), _class2.propTypes = {
+}(withI18nSupport(Component)), _ModerateTableRow.propTypes = {
   anonymousGrading: PropTypes.bool.isRequired,
   displayScoreAsPercentage: PropTypes.bool,
   onModerateButtonClick: PropTypes.func.isRequired,
@@ -381,10 +340,10 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
   shouldRenderModerateButton: PropTypes.bool,
   focusTarget: PropTypes.string,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _ModerateTableRow.defaultProps = {
   displayScoreAsPercentage: true,
   shouldRenderModerateButton: true,
   focusTarget: null,
   onAccommodationsClick: null
-}, _temp)) || _class);
+}, _ModerateTableRow)) || _class);
 export default ModerateTableRow;

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

@@ -3,12 +3,10 @@ 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
 // 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: ""
   }, /*#__PURE__*/React.createElement(Table.Body, null, /*#__PURE__*/React.createElement(ModerateTableRow, props)));
 };
 render.displayName = ModerateTableRow.displayName;
 export default render;

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

@@ -21,5 +21,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
 export default generateStyle;

package/es/moderating/components/resources/ModerateTableRow/theme.js CHANGED Viewed

@@ -5,5 +5,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     tableDataItemPadding: spacing.xxSmall
   };
 };
 export default generateComponentTheme;