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

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

@@ -1,92 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _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 _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 _dec, _class, _ModerateTableRow;
+/** @jsx jsx */
+/* eslint "array-callback-return": "warn" */
 var DASHES = '---';
-
 var _ref = (0, _emotion.jsx)(_uiIcons.IconEditLine, null);
-
-var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
+var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ModerateTableRow = /*#__PURE__*/function (_withI18nSupport) {
   (0, _inherits2.default)(ModerateTableRow, _withI18nSupport);
-
   var _super = (0, _createSuper2.default)(ModerateTableRow);
-
   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.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 = (0, _formatMessage.default)('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
@@ -106,7 +74,6 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         "data-automation": "sdk-moderation-attempts-results-link"
       }, autogradefailed && autoGradeFailedProps), message));
     };
-
     _this.generateAttemptText = function (autogradefailed, message, quizSessionId, attemptNumber) {
       var iconTitle = (0, _formatMessage.default)('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
@@ -122,10 +89,8 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         margin: "0 x-small 0 0"
       }, message), icon);
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(ModerateTableRow, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -137,19 +102,16 @@ 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, {
@@ -158,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');
@@ -173,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
@@ -196,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
@@ -207,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
@@ -224,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 {
@@ -242,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
@@ -250,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, {
           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
@@ -273,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
@@ -281,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,
@@ -296,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
@@ -312,7 +253,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"
@@ -327,10 +267,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, {
           "data-automation": "sdk-moderate-accommodations-text"
         }, displayContent);
@@ -366,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, {
@@ -384,7 +324,7 @@ var ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   }]);
   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,
@@ -407,12 +347,12 @@ 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);
+}, _ModerateTableRow)) || _class);
 exports.ModerateTableRow = ModerateTableRow;
 var _default = ModerateTableRow;
 exports.default = _default;

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

@@ -1,27 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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"));
-
 // 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;

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,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

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,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     tableDataItemPadding: spacing.xxSmall
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

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

@@ -1,35 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mapStateToProps = mapStateToProps;
 exports.default = exports.mapDispatchToProps = void 0;
-
 var _reactRedux = require("../../../../common/react-redux.js");
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _modal = require("../../../../common/actions/modal.js");
-
 var _quizSessions = require("../../../api/quizSessions.js");
-
 function mapStateToProps(state, ownProps) {
   return {
     open: state.getIn(['modal', 'isOpen']) === _quizCommon.OUTSTANDING_QUIZZES_MODAL
   };
 }
-
 var mapDispatchToProps = {
   submitOutstandingQuizSession: _quizSessions.submitOutstandingQuizSession,
   closeModal: _modal.closeModal
 };
 exports.mapDispatchToProps = mapDispatchToProps;
-
 var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-
 exports.default = _default;

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

@@ -1,61 +1,38 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _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);
-
   function OutstandingQuizzesModal(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, OutstandingQuizzesModal);
     _this = _super.call(this, 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,39 +40,30 @@ 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) {
             return quizSession.id === sortedQuizSession.id && quizSession.status === 'in_progress';
           }).forEach(function (quizSession) {
             quizValues.push(quizSession.id);
-            checkboxes.push( /*#__PURE__*/_react.default.createElement(_uiCheckbox.Checkbox, {
+            checkboxes.push(/*#__PURE__*/_react.default.createElement(_uiCheckbox.Checkbox, {
               label: sortedQuizSession.name,
               value: quizSession.id,
               key: quizSession.id
@@ -103,39 +71,32 @@ 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, [{
     key: "render",
     value: function render() {
@@ -173,7 +134,6 @@ var OutstandingQuizzesModal = /*#__PURE__*/function (_Component) {
   OutstandingQuizzesModal.displayName = "OutstandingQuizzesModal";
   return OutstandingQuizzesModal;
 }(_react.Component);
-
 exports.OutstandingQuizzesModal = OutstandingQuizzesModal;
 OutstandingQuizzesModal.propTypes = {
   closeModal: _propTypes.default.func.isRequired,

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

@@ -1,28 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mapStateToProps = mapStateToProps;
 exports.default = void 0;
-
 var _reactRedux = require("../../../../common/react-redux.js");
-
 var _moderation = require("../../../../common/actions/moderation.js");
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
 function mapStateToProps(state) {
   return {
     isOpen: state.getIn(['moderation', 'trayOpen']) || false,
     participantName: state.getIn(['moderation', 'selectedParticipantName'])
   };
 }
-
 var _default = (0, _reactRedux.connect)(mapStateToProps, {
   closeTray: _moderation.closeTray
 })(_presenter.default);
-
 exports.default = _default;