@instructure/quiz-core 20.17.2-rc.0 → 20.17.2-rc.10

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

@@ -1,19 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapStateToProps = mapStateToProps;
 exports.default = void 0;
-
-var _reactRedux = require("../../../../common/react-redux.js");
-
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-
-var _quizSessions = require("../../../../common/selectors/quizSessions.js");
-
+exports.mapStateToProps = mapStateToProps;
+var _reactRedux = require("../../../../common/react-redux");
+var _presenter = _interopRequireDefault(require("./presenter"));
+var _quizSessions = require("../../../../common/selectors/quizSessions");
 function mapStateToProps(state, ownProps) {
   var quizSessionIds = ownProps.rowData.quizSessionIds;
   var quizSessions = (0, _quizSessions.getQuizSessionsByIds)(state, quizSessionIds).filter(function (qs) {
@@ -23,9 +18,7 @@ function mapStateToProps(state, ownProps) {
     quizSessions: quizSessions
   };
 }
-
-var connectedModerateTableRow = (0, _reactRedux.connect)(mapStateToProps)(_presenter.default); // This ugly hack is necessary because the InstUI v7 Table.Body only renders components with name 'Row'.
-
+var connectedModerateTableRow = (0, _reactRedux.connect)(mapStateToProps)(_presenter.default);
+// This ugly hack is necessary because the InstUI v7 Table.Body only renders components with name 'Row'.
 connectedModerateTableRow.displayName = 'Row';
-var _default = connectedModerateTableRow;
-exports.default = _default;
+var _default = exports.default = connectedModerateTableRow;

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

@@ -1,89 +1,57 @@
 "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.ModerateTableRow = 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 = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _uiList = require("@instructure/ui-list");
-
 var _uiText = require("@instructure/ui-text");
-
 var _uiLink = require("@instructure/ui-link");
-
 var _uiAvatar = require("@instructure/ui-avatar");
-
 var _uiView = require("@instructure/ui-view");
-
 var _uiFlex = require("@instructure/ui-flex");
-
 var _uiTable = require("@instructure/ui-table");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _emotion = require("@instructure/emotion");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
-var _index = _interopRequireDefault(require("../../../../common/components/shared/FormattedDuration/index.js"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
+var _FormattedDuration = _interopRequireDefault(require("../../../../common/components/shared/FormattedDuration"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _ModerateTableRow;
+/** @jsx jsx */
+/* eslint "array-callback-return": "warn" */
 var DASHES = '---';
-var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
-  (0, _inherits2.default)(ModerateTableRow, _withI18nSupport);
-
-  var _super = (0, _createSuper2.default)(ModerateTableRow);
-
+var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ModerateTableRow = /*#__PURE__*/function (_withI18nSupport) {
   function ModerateTableRow() {
     var _this;
-
     (0, _classCallCheck2.default)(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 = (0, _callSuper2.default)(this, ModerateTableRow, [].concat(args));
     _this.handleModerateRef = function (node) {
       _this.moderateButton = node;
     };
-
+    // =============
+    //   Callbacks
+    // =============
     _this.onModerateButtonClick = function () {
       _this.props.onModerateButtonClick(_this.props.rowData);
     };
-
     _this.onAccommodationsClick = function () {
       _this.props.onAccommodationsClick(_this.props.rowData);
     };
-
     _this.generateAttemptLink = function (autogradefailed, message, quizSessionId, attemptNumber) {
       var iconTitle = (0, _formatMessage.default)('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
@@ -103,7 +71,6 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         css: _this.props.styles.tableDataItem
       }, link);
     };
-
     _this.generateAttemptText = function (autogradefailed, message, quizSessionId, attemptNumber) {
       var iconTitle = (0, _formatMessage.default)('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
@@ -119,11 +86,10 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         margin: "0 x-small 0 0"
       }, message), icon);
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(ModerateTableRow, [{
+  (0, _inherits2.default)(ModerateTableRow, _withI18nSupport);
+  return (0, _createClass2.default)(ModerateTableRow, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.rowData.id === this.props.focusTarget && this.moderateButton) {
@@ -134,19 +100,18 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
     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 = (0, _emotion.jsx)("div", {
         css: this.props.styles.tableDataItem
       }, (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
@@ -155,13 +120,10 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
       if (!quizSessions.length) return noScore;
       return quizSessions.reduce(function (renderedScores, quizSession) {
         var result = quizSession.findAuthoritativeResult();
-
         if (!result) {
           return renderedScores;
         }
-
         var message = (0, _formatMessage.default)('No Score');
-
         if (result.get('score') != null) {
           if (_this3.props.displayScoreAsPercentage) {
             var percentage = result.get('score') / result.get('pointsPossible');
@@ -170,18 +132,15 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
             message = "".concat(_formatMessage.default.number(result.get('score')), "/").concat(_formatMessage.default.number(result.get('pointsPossible')));
           }
         }
-
         if (result.get('pointsPossible') === 0) {
           message = (0, _formatMessage.default)('N/A');
         }
-
         if (quizSession.inProgress() || quizSession.reopeningGraded()) {
           var alt = (0, _formatMessage.default)('In progress, score not available');
           message = (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
             alt: alt
           }, DASHES);
         }
-
         renderedScores.push((0, _emotion.jsx)("div", {
           key: result.get('id'),
           css: _this3.props.styles.tableDataItem
@@ -193,7 +152,6 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
     key: "attemptMessage",
     value: function attemptMessage(idx, maxAttempts) {
       var message;
-
       if (maxAttempts === Infinity) {
         message = (0, _formatMessage.default)('Attempt { attemptNumber }', {
           attemptNumber: idx + 1
@@ -204,16 +162,13 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
           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 (0, _emotion.jsx)("div", {
           css: this.props.styles.tableDataItem
@@ -221,13 +176,10 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
           alt: (0, _formatMessage.default)('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 {
@@ -239,7 +191,6 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
     key: "renderTimes",
     value: function renderTimes(quizSessions) {
       var _this5 = this;
-
       if (!quizSessions.length) {
         return (0, _emotion.jsx)("div", {
           css: this.props.styles.tableDataItem
@@ -247,19 +198,16 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
           alt: (0, _formatMessage.default)('No Time')
         }, DASHES));
       }
-
       return quizSessions.map(function (quizSession, idx) {
-        var message = (0, _emotion.jsx)(_index.default, {
+        var message = (0, _emotion.jsx)(_FormattedDuration.default, {
           seconds: quizSession.elapsedTime
         });
-
         if (quizSession.inProgress() || quizSession.reopeningGraded()) {
           var alt = (0, _formatMessage.default)('In progress, time not available');
           message = (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
             alt: alt
           }, DASHES);
         }
-
         return (0, _emotion.jsx)("div", {
           key: quizSession.get('id'),
           css: _this5.props.styles.tableDataItem
@@ -270,7 +218,6 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
     key: "renderLogLinks",
     value: function renderLogLinks(quizSessions) {
       var _this6 = this;
-
       if (!quizSessions.length) {
         return (0, _emotion.jsx)("div", {
           css: this.props.styles.tableDataItem
@@ -278,14 +225,12 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
           alt: (0, _formatMessage.default)('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() ? (0, _formatMessage.default)('In Progress') : (0, _formatMessage.default)('View Log');
-
         function onClick(event) {
           onModerateLogClick({
             id: id,
@@ -293,7 +238,6 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
             quizSessionId: quizSessionId
           });
         }
-
         return (0, _emotion.jsx)("div", {
           key: quizSessionId,
           css: _this6.props.styles.tableDataItem
@@ -308,7 +252,6 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
       if (this.props.onAccommodationsClick) {
         // Establish what to display about the accommodations
         var displayContent;
-
         if (!accommodations || accommodations.length === 0) {
           displayContent = (0, _emotion.jsx)(_uiText.Text, {
             color: "secondary"
@@ -323,10 +266,10 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
               color: "primary"
             }, (0, _formatMessage.default)('{ 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 (0, _emotion.jsx)(_uiTable.Table.Cell, null, (0, _emotion.jsx)(_uiFlex.Flex, {
           direction: "row-reverse",
           justifyItems: "end"
@@ -363,13 +306,13 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
     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 (0, _emotion.jsx)(_uiTable.Table.Row, null, (0, _emotion.jsx)(_uiTable.Table.RowHeader, null, (0, _emotion.jsx)("span", {
         css: avatarRow
       }, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)(_uiAvatar.Avatar, {
@@ -381,9 +324,7 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
       }, name))), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.Cell, null, this.renderAttempts(quizSessions, maxAttempts)), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.Cell, null, this.renderScores(quizSessions)), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.Cell, null, this.renderTimes(quizSessions)), !this.props.anonymousGrading && (0, _emotion.jsx)(_uiTable.Table.Cell, null, this.renderLogLinks(quizSessions)), !this.props.anonymousGrading && this.renderAccommodations(accommodations), this.renderModerate());
     }
   }]);
-  ModerateTableRow.displayName = "ModerateTableRow";
-  return ModerateTableRow;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _class2.propTypes = {
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _ModerateTableRow.propTypes = {
   anonymousGrading: _propTypes.default.bool.isRequired,
   displayScoreAsPercentage: _propTypes.default.bool,
   onModerateButtonClick: _propTypes.default.func.isRequired,
@@ -406,12 +347,10 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   shouldRenderModerateButton: _propTypes.default.bool,
   focusTarget: _propTypes.default.string,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _ModerateTableRow.defaultProps = {
   displayScoreAsPercentage: true,
   shouldRenderModerateButton: true,
   focusTarget: null,
   onAccommodationsClick: null
-}, _temp)) || _class);
-exports.ModerateTableRow = ModerateTableRow;
-var _default = ModerateTableRow;
-exports.default = _default;
+}, _ModerateTableRow)) || _class);
+var _default = exports.default = ModerateTableRow;

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

@@ -1,27 +1,21 @@
 "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 _react = _interopRequireDefault(require("react"));
-
 var _uiTable = require("@instructure/ui-table");
-
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-
+var _presenter = _interopRequireDefault(require("./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.default.createElement(_uiTable.Table, {
     caption: ""
   }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, /*#__PURE__*/_react.default.createElement(_presenter.default, props)));
 };
-
 render.displayName = _presenter.default.displayName;
-var _default = render;
-exports.default = _default;
+var _default = exports.default = render;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     moderateButton: {
@@ -28,6 +27,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
@@ -12,6 +11,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     tableDataItemPadding: spacing.xxSmall
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   propValues: {
     quizSessionIdsAndUsers: [[{
       id: "12",
@@ -82,5 +82,4 @@ var _default = {
       onDismiss: Function.prototype
     };
   }
-};
-exports.default = _default;
+};

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

@@ -1,35 +1,23 @@
 "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 = void 0;
 exports.mapStateToProps = mapStateToProps;
-exports.default = exports.mapDispatchToProps = void 0;
-
-var _reactRedux = require("../../../../common/react-redux.js");
-
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-
+var _reactRedux = require("../../../../common/react-redux");
+var _presenter = _interopRequireDefault(require("./presenter"));
 var _quizCommon = require("@instructure/quiz-common");
-
-var _modal = require("../../../../common/actions/modal.js");
-
-var _quizSessions = require("../../../api/quizSessions.js");
-
+var _modal = require("../../../../common/actions/modal");
+var _quizSessions = require("../../../api/quizSessions");
 function mapStateToProps(state, ownProps) {
   return {
     open: state.getIn(['modal', 'isOpen']) === _quizCommon.OUTSTANDING_QUIZZES_MODAL
   };
 }
-
-var mapDispatchToProps = {
+var mapDispatchToProps = exports.mapDispatchToProps = {
   submitOutstandingQuizSession: _quizSessions.submitOutstandingQuizSession,
   closeModal: _modal.closeModal
 };
-exports.mapDispatchToProps = mapDispatchToProps;
-
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);

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

@@ -1,61 +1,36 @@
 "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.OutstandingQuizzesModal = void 0;
-
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-
 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 _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _uiModal = require("@instructure/ui-modal");
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _uiCheckbox = require("@instructure/ui-checkbox");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(OutstandingQuizzesModal, _Component);
-
-  var _super = (0, _createSuper2.default)(OutstandingQuizzesModal);
-
+var OutstandingQuizzesModal = exports.OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
   function OutstandingQuizzesModal(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, OutstandingQuizzesModal);
-    _this = _super.call(this, props);
-
+    _this = (0, _callSuper2.default)(this, OutstandingQuizzesModal, [props]);
     _this.saveAction = function () {
       var _iterator = (0, _createForOfIteratorHelper2.default)(_this.state.quizzesSelectedAndReadyToSubmit),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var quiz = _step.value;
-
           _this.props.submitOutstandingQuizSession(quiz);
         }
       } catch (err) {
@@ -63,32 +38,23 @@ 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) {
@@ -103,40 +69,34 @@ var OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
           });
         });
       }
-
       return {
         checkboxes: checkboxes,
         quizValues: quizValues
       };
     };
-
     _this.updateListOfQuizzesToSubmit = function (value) {
       _this.setState({
         quizzesSelectedAndReadyToSubmit: value
       });
     };
-
     _this.closeModalOnClick = function () {
       _this.props.closeModal(_quizCommon.OUTSTANDING_QUIZZES_MODAL);
     };
-
     _this.populateCheckboxesOnOpen = function () {
       var checkboxData = _this.generateCheckboxesForOutstandingQuizzes();
-
       _this.setState({
         quizzesSelectedAndReadyToSubmit: checkboxData.quizValues,
         checkboxes: checkboxData.checkboxes
       });
     };
-
     _this.state = {
       quizzesSelectedAndReadyToSubmit: [],
       checkboxes: []
     };
     return _this;
   }
-
-  (0, _createClass2.default)(OutstandingQuizzesModal, [{
+  (0, _inherits2.default)(OutstandingQuizzesModal, _Component);
+  return (0, _createClass2.default)(OutstandingQuizzesModal, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react.default.createElement(_uiModal.Modal, {
@@ -170,11 +130,7 @@ var OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
       }, (0, _formatMessage.default)('Submit Manually'))));
     }
   }]);
-  OutstandingQuizzesModal.displayName = "OutstandingQuizzesModal";
-  return OutstandingQuizzesModal;
 }(_react.Component);
-
-exports.OutstandingQuizzesModal = OutstandingQuizzesModal;
 OutstandingQuizzesModal.propTypes = {
   closeModal: _propTypes.default.func.isRequired,
   submitOutstandingQuizSession: _propTypes.default.func,
@@ -197,5 +153,4 @@ OutstandingQuizzesModal.defaultProps = {
   closeModal: null,
   afterSubmit: Function.prototype
 };
-var _default = OutstandingQuizzesModal;
-exports.default = _default;
+var _default = exports.default = OutstandingQuizzesModal;