@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.8

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

@@ -1,9 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _ModerateTableRow, _IconEditLine;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
+
 /* eslint "array-callback-return": "warn" */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -20,31 +23,43 @@ import { IconButton } from '@instructure/ui-buttons';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withI18nSupport } from '@instructure/quiz-common';
-import FormattedDuration from '../../../../common/components/shared/FormattedDuration';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import FormattedDuration from "../../../../common/components/shared/FormattedDuration/index.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 var DASHES = '---';
-export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ModerateTableRow = /*#__PURE__*/function (_withI18nSupport) {
+
+var _ref = jsx(IconEditLine, null);
+
+export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__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 = _callSuper(this, ModerateTableRow, [].concat(args));
+
+    _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
@@ -64,6 +79,7 @@ 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
@@ -79,10 +95,11 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
         margin: "0 x-small 0 0"
       }, message), icon);
     };
+
     return _this;
   }
-  _inherits(ModerateTableRow, _withI18nSupport);
-  return _createClass(ModerateTableRow, [{
+
+  _createClass(ModerateTableRow, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.rowData.id === this.props.focusTarget && this.moderateButton) {
@@ -93,18 +110,19 @@ 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, {
@@ -113,10 +131,13 @@ 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');
@@ -125,15 +146,18 @@ 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
@@ -145,6 +169,7 @@ 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
@@ -155,13 +180,16 @@ 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
@@ -169,10 +197,13 @@ 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 {
@@ -184,6 +215,7 @@ 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
@@ -191,16 +223,19 @@ 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
@@ -211,6 +246,7 @@ 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
@@ -218,12 +254,14 @@ 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,
@@ -231,6 +269,7 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
             quizSessionId: quizSessionId
           });
         }
+
         return jsx("div", {
           key: quizSessionId,
           css: _this6.props.styles.tableDataItem
@@ -246,6 +285,7 @@ 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"
@@ -260,10 +300,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
+        } // 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);
@@ -280,7 +320,7 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
           ref: this.handleModerateRef,
           "data-automation": "sdk-moderation-moderate-button",
           screenReaderLabel: t('Moderate')
-        }, _IconEditLine || (_IconEditLine = jsx(IconEditLine, null)))));
+        }, _ref)));
       }
     }
   }, {
@@ -299,13 +339,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, {
@@ -315,7 +355,10 @@ 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());
     }
   }]);
-}(withI18nSupport(Component)), _ModerateTableRow.propTypes = {
+
+  ModerateTableRow.displayName = "ModerateTableRow";
+  return ModerateTableRow;
+}(withI18nSupport(Component)), _class2.propTypes = {
   anonymousGrading: PropTypes.bool.isRequired,
   displayScoreAsPercentage: PropTypes.bool,
   onModerateButtonClick: PropTypes.func.isRequired,
@@ -338,10 +381,10 @@ export var ModerateTableRow = (_dec = withStyle(generateStyle, generateComponent
   shouldRenderModerateButton: PropTypes.bool,
   focusTarget: PropTypes.string,
   styles: PropTypes.object
-}, _ModerateTableRow.defaultProps = {
+}, _class2.defaultProps = {
   displayScoreAsPercentage: true,
   shouldRenderModerateButton: true,
   focusTarget: null,
   onAccommodationsClick: null
-}, _ModerateTableRow)) || _class);
+}, _temp)) || _class);
 export default ModerateTableRow;

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

@@ -1,8 +1,6 @@
 import React from 'react';
 import { Table } from '@instructure/ui-table';
-import ModerateTableRow from './presenter';
-
-// You're supposed to be able to wrap a component in stuff using renderExample
+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.
 
@@ -11,5 +9,6 @@ var render = function render(props) {
     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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -13,16 +13,25 @@ import { Button, CloseButton } from '@instructure/ui-buttons';
 import { OUTSTANDING_QUIZZES_MODAL } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
+  _inherits(OutstandingQuizzesModal, _Component);
+
+  var _super = _createSuper(OutstandingQuizzesModal);
+
   function OutstandingQuizzesModal(props) {
     var _this;
+
     _classCallCheck(this, OutstandingQuizzesModal);
-    _this = _callSuper(this, OutstandingQuizzesModal, [props]);
+
+    _this = _super.call(this, props);
+
     _this.saveAction = function () {
       var _iterator = _createForOfIteratorHelper(_this.state.quizzesSelectedAndReadyToSubmit),
-        _step;
+          _step;
+
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var quiz = _step.value;
+
           _this.props.submitOutstandingQuizSession(quiz);
         }
       } catch (err) {
@@ -30,23 +39,32 @@ export var OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
       } finally {
         _iterator.f();
       }
+
       _this.props.closeModal();
+
       _this.props.handleSubmissionAndPoll(_this.state.quizzesSelectedAndReadyToSubmit);
+
       _this.props.afterSubmit();
     };
+
     _this.cancelAction = function () {
       _this.props.onDismiss && _this.props.onDismiss();
+
       _this.props.closeModal();
     };
+
     _this.sortByName = function (arr) {
       return arr.sort(function (a, b) {
         return a.name.localeCompare(b.name);
       });
     };
+
     _this.generateCheckboxesForOutstandingQuizzes = function () {
       var checkboxes = [];
       var quizValues = [];
+
       var sortedQuizSessionIdsAndUsers = _this.sortByName(_this.props.quizSessionIdsAndUsers);
+
       if (sortedQuizSessionIdsAndUsers && _this.props.quizSessionsData) {
         sortedQuizSessionIdsAndUsers.forEach(function (sortedQuizSession) {
           return _this.props.quizSessionsData.filter(function (quizSession) {
@@ -61,34 +79,40 @@ export var OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
           });
         });
       }
+
       return {
         checkboxes: checkboxes,
         quizValues: quizValues
       };
     };
+
     _this.updateListOfQuizzesToSubmit = function (value) {
       _this.setState({
         quizzesSelectedAndReadyToSubmit: value
       });
     };
+
     _this.closeModalOnClick = function () {
       _this.props.closeModal(OUTSTANDING_QUIZZES_MODAL);
     };
+
     _this.populateCheckboxesOnOpen = function () {
       var checkboxData = _this.generateCheckboxesForOutstandingQuizzes();
+
       _this.setState({
         quizzesSelectedAndReadyToSubmit: checkboxData.quizValues,
         checkboxes: checkboxData.checkboxes
       });
     };
+
     _this.state = {
       quizzesSelectedAndReadyToSubmit: [],
       checkboxes: []
     };
     return _this;
   }
-  _inherits(OutstandingQuizzesModal, _Component);
-  return _createClass(OutstandingQuizzesModal, [{
+
+  _createClass(OutstandingQuizzesModal, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(Modal, {
@@ -122,6 +146,9 @@ export var OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
       }, t('Submit Manually'))));
     }
   }]);
+
+  OutstandingQuizzesModal.displayName = "OutstandingQuizzesModal";
+  return OutstandingQuizzesModal;
 }(Component);
 OutstandingQuizzesModal.propTypes = {
   closeModal: PropTypes.func.isRequired,

package/es/moderating/components/sidebar/ModerateTray/index.js

@@ -1,6 +1,6 @@
-import { connect } from '../../../../common/react-redux';
-import { closeTray } from '../../../../common/actions/moderation';
-import ModerateTrayPresenter from './presenter';
+import { connect } from "../../../../common/react-redux.js";
+import { closeTray } from "../../../../common/actions/moderation.js";
+import ModerateTrayPresenter from "./presenter.js";
 export function mapStateToProps(state) {
   return {
     isOpen: state.getIn(['moderation', 'trayOpen']) || false,

package/es/moderating/components/sidebar/ModerateTray/presenter.js

@@ -1,7 +1,7 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -15,16 +15,24 @@ import { Modal } from '@instructure/ui-modal';
 import { liveRegion } from '@instructure/quiz-common';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 export var ModerateTray = /*#__PURE__*/function (_Component) {
+  _inherits(ModerateTray, _Component);
+
+  var _super = _createSuper(ModerateTray);
+
   function ModerateTray() {
     var _this;
+
     _classCallCheck(this, ModerateTray);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ModerateTray, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       isTruncated: false
     };
+
     _this.handleUpdate = function (isTruncated) {
       if (_this.state.isTruncated !== isTruncated) {
         _this.setState({
@@ -32,27 +40,35 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
         });
       }
     };
+
     _this.onClose = function () {
       _this.props.onClose();
     };
+
     _this.handleTrayExited = function () {
       _this.setState({
         isTruncated: false
       });
     };
+
     _this.setCloseRef = function (el) {
       return _this.closeRef = el;
     };
+
     _this.setTrayRef = function (el) {
       return _this.trayRef = el;
     };
+
     _this.getTrayRef = function () {
       return _this.trayRef;
     };
+
     _this.handleSave = function () {
       _this.props.onSave();
+
       _this.props.closeTray();
     };
+
     _this.renderTitleAndCloseButton = function () {
       return /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Flex.Item, {
         shouldGrow: true,
@@ -72,6 +88,7 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
         screenReaderLabel: t('Close')
       })));
     };
+
     _this.renderChildren = function () {
       return React.Children.map(_this.props.children, function (child) {
         if (!child) return null;
@@ -82,6 +99,7 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
         });
       });
     };
+
     _this.renderFooter = function () {
       return /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Button, {
         onClick: _this.props.closeTray,
@@ -92,10 +110,11 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
         onClick: _this.handleSave
       }, t('Apply')));
     };
+
     return _this;
   }
-  _inherits(ModerateTray, _Component);
-  return _createClass(ModerateTray, [{
+
+  _createClass(ModerateTray, [{
     key: "renderName",
     value: function renderName(renderProps) {
       var focused = renderProps && renderProps.focused;
@@ -125,6 +144,7 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
       if (this.props.participantName) {
         return this.props.participantName;
       }
+
       return t('Moderate');
     }
   }, {
@@ -152,6 +172,9 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
       }, this.renderChildren()), /*#__PURE__*/React.createElement(Flex.Item, null, this.renderFooter())));
     }
   }]);
+
+  ModerateTray.displayName = "ModerateTray";
+  return ModerateTray;
 }(Component);
 ModerateTray.propTypes = {
   children: PropTypes.node.isRequired,

package/es/moderating/components/sidebar/ResetQuiz/index.js

@@ -1,10 +1,10 @@
-import { connect } from '../../../../common/react-redux';
-import ResetQuizPresenter from './presenter';
-import { withConfirm } from '../../../../common/actions/modal';
-import { screenreaderNotification } from '../../../../common/actions/alerts';
-import { featureOn } from '../../../../common/util/featureCheck';
-import { reopenQuizSession } from '../../../api/quizSessions';
-import { getQuizSessionsByIds } from '../../../../common/selectors/quizSessions';
+import { connect } from "../../../../common/react-redux.js";
+import ResetQuizPresenter from "./presenter.js";
+import { withConfirm } from "../../../../common/actions/modal.js";
+import { screenreaderNotification } from "../../../../common/actions/alerts.js";
+import { featureOn } from "../../../../common/util/featureCheck.js";
+import { reopenQuizSession } from "../../../api/quizSessions.js";
+import { getQuizSessionsByIds } from "../../../../common/selectors/quizSessions.js";
 export function mapStateToProps(state) {
   var quizSessionIds = state.getIn(['moderation', 'selectedSessions']);
   var sessions = getQuizSessionsByIds(state, quizSessionIds).filter(function (qs) {
@@ -13,10 +13,12 @@ export function mapStateToProps(state) {
     return qs2.id - qs1.id;
   });
   var sessionId, session;
+
   if (sessions.size > 0) {
     session = sessions.get(0);
     sessionId = session.id;
   }
+
   return {
     sessionId: sessionId || null,
     isComplete: session ? !(session.inProgress() || session.reopeningGraded()) : false,