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

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

@@ -1,14 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
 exports.mapStateToProps = mapStateToProps;
-var _reactRedux = require("../../../../common/react-redux");
-var _presenter = _interopRequireDefault(require("./presenter"));
-var _quizSessions = require("../../../../common/selectors/quizSessions");
+exports.default = void 0;
+
+var _reactRedux = require("../../../../common/react-redux.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var _quizSessions = require("../../../../common/selectors/quizSessions.js");
+
 function mapStateToProps(state, ownProps) {
   var quizSessionIds = ownProps.rowData.quizSessionIds;
   var quizSessions = (0, _quizSessions.getQuizSessionsByIds)(state, quizSessionIds).filter(function (qs) {
@@ -18,7 +23,9 @@ 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 = exports.default = connectedModerateTableRow;
+var _default = connectedModerateTableRow;
+exports.default = _default;

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

@@ -1,57 +1,92 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+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 _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 _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 _FormattedDuration = _interopRequireDefault(require("../../../../common/components/shared/FormattedDuration"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _ModerateTableRow, _IconEditLine;
-/** @jsx jsx */
-/* eslint "array-callback-return": "warn" */
+
+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 DASHES = '---';
-var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ModerateTableRow = /*#__PURE__*/function (_withI18nSupport) {
+
+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) {
+  (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 = (0, _callSuper2.default)(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 = (0, _formatMessage.default)('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
@@ -71,6 +106,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
         "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
@@ -86,10 +122,11 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
         margin: "0 x-small 0 0"
       }, message), icon);
     };
+
     return _this;
   }
-  (0, _inherits2.default)(ModerateTableRow, _withI18nSupport);
-  return (0, _createClass2.default)(ModerateTableRow, [{
+
+  (0, _createClass2.default)(ModerateTableRow, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.rowData.id === this.props.focusTarget && this.moderateButton) {
@@ -100,18 +137,19 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
     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, {
@@ -120,10 +158,13 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
       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');
@@ -132,15 +173,18 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
             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
@@ -152,6 +196,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
     key: "attemptMessage",
     value: function attemptMessage(idx, maxAttempts) {
       var message;
+
       if (maxAttempts === Infinity) {
         message = (0, _formatMessage.default)('Attempt { attemptNumber }', {
           attemptNumber: idx + 1
@@ -162,13 +207,16 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
           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
@@ -176,10 +224,13 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
           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 {
@@ -191,6 +242,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
     key: "renderTimes",
     value: function renderTimes(quizSessions) {
       var _this5 = this;
+
       if (!quizSessions.length) {
         return (0, _emotion.jsx)("div", {
           css: this.props.styles.tableDataItem
@@ -198,16 +250,19 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
           alt: (0, _formatMessage.default)('No Time')
         }, DASHES));
       }
+
       return quizSessions.map(function (quizSession, idx) {
-        var message = (0, _emotion.jsx)(_FormattedDuration.default, {
+        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
@@ -218,6 +273,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
     key: "renderLogLinks",
     value: function renderLogLinks(quizSessions) {
       var _this6 = this;
+
       if (!quizSessions.length) {
         return (0, _emotion.jsx)("div", {
           css: this.props.styles.tableDataItem
@@ -225,12 +281,14 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
           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,
@@ -238,6 +296,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
             quizSessionId: quizSessionId
           });
         }
+
         return (0, _emotion.jsx)("div", {
           key: quizSessionId,
           css: _this6.props.styles.tableDataItem
@@ -253,6 +312,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
       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"
@@ -267,10 +327,10 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
               color: "primary"
             }, (0, _formatMessage.default)('{ 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 (0, _emotion.jsx)(_uiTable.Table.Cell, {
           "data-automation": "sdk-moderate-accommodations-text"
         }, displayContent);
@@ -287,7 +347,7 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
           ref: this.handleModerateRef,
           "data-automation": "sdk-moderation-moderate-button",
           screenReaderLabel: (0, _formatMessage.default)('Moderate')
-        }, _IconEditLine || (_IconEditLine = (0, _emotion.jsx)(_uiIcons.IconEditLine, null)))));
+        }, _ref)));
       }
     }
   }, {
@@ -306,13 +366,13 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
     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, {
@@ -322,7 +382,9 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
       })), this.renderName(name, avatarName))), !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());
     }
   }]);
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _ModerateTableRow.propTypes = {
+  ModerateTableRow.displayName = "ModerateTableRow";
+  return ModerateTableRow;
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _class2.propTypes = {
   anonymousGrading: _propTypes.default.bool.isRequired,
   displayScoreAsPercentage: _propTypes.default.bool,
   onModerateButtonClick: _propTypes.default.func.isRequired,
@@ -345,10 +407,12 @@ var ModerateTableRow = exports.ModerateTableRow = (_dec = (0, _emotion.withStyle
   shouldRenderModerateButton: _propTypes.default.bool,
   focusTarget: _propTypes.default.string,
   styles: _propTypes.default.object
-}, _ModerateTableRow.defaultProps = {
+}, _class2.defaultProps = {
   displayScoreAsPercentage: true,
   shouldRenderModerateButton: true,
   focusTarget: null,
   onAccommodationsClick: null
-}, _ModerateTableRow)) || _class);
-var _default = exports.default = ModerateTableRow;
+}, _temp)) || _class);
+exports.ModerateTableRow = ModerateTableRow;
+var _default = ModerateTableRow;
+exports.default = _default;

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

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

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

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

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

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

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 = exports.default = {
+var _default = {
   propValues: {
     quizSessionIdsAndUsers: [[{
       id: "12",
@@ -82,4 +82,5 @@ var _default = exports.default = {
       onDismiss: Function.prototype
     };
   }
-};
+};
+exports.default = _default;

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

@@ -1,23 +1,35 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapDispatchToProps = exports.default = void 0;
 exports.mapStateToProps = mapStateToProps;
-var _reactRedux = require("../../../../common/react-redux");
-var _presenter = _interopRequireDefault(require("./presenter"));
+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");
-var _quizSessions = require("../../../api/quizSessions");
+
+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 = exports.mapDispatchToProps = {
+
+var mapDispatchToProps = {
   submitOutstandingQuizSession: _quizSessions.submitOutstandingQuizSession,
   closeModal: _modal.closeModal
 };
-var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
+exports.mapDispatchToProps = mapDispatchToProps;
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
+
+exports.default = _default;