@instructure/quiz-core 21.0.1-rc.2 → 21.0.1-rc.22

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

@@ -1,10 +1,28 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ModerateTable;
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -17,45 +35,39 @@ import { IconButton } from '@instructure/ui-buttons';
 import { IconInfoLine, IconConfigureLine } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import ModerateTableRow from "../ModerateTableRow/index.js";
-import IfFeature from "../../../../common/components/shared/IfFeature/index.js";
-import OutstandingQuizzesModal from "../OutstandingQuizzesModal/index.js";
-import ModerateTray from "../../sidebar/ModerateTray/index.js";
-import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import ResetQuiz from "../../sidebar/ResetQuiz/index.js";
+import ModerateTableRow from '../ModerateTableRow';
+import IfFeature from '../../../../common/components/shared/IfFeature';
+import OutstandingQuizzesModal from '../OutstandingQuizzesModal';
+import ModerateTray from '../../sidebar/ModerateTray';
+import Spinner from '../../../../common/components/shared/spinner/Spinner';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import ResetQuiz from '../../sidebar/ResetQuiz';
 import { Flex, OUTSTANDING_QUIZZES_MODAL, withStyleOverrides } from '@instructure/quiz-common';
 import { chunk } from 'lodash';
-var _ref2 = jsx(Flex.Item, null, jsx(IconInfoLine, null));
-var _ref4 = jsx(IconConfigureLine, null);
-var _ref5 = jsx(Spinner, null);
-var _ref6 = jsx(ResetQuiz, null);
 export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ModerateTable = /*#__PURE__*/function (_Component) {
-  _inherits(ModerateTable, _Component);
-  var _super = _createSuper(ModerateTable);
   function ModerateTable() {
-    var _this;
+    var _this2;
     _classCallCheck(this, ModerateTable);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
+    _this2 = _callSuper(this, ModerateTable, [].concat(args));
+    _defineProperty(_this2, "state", {
       displayScoreAsPercentage: true,
       // To support voiceover when the table changes
       moderatePanelIterations: 0,
       selectedStudent: null,
       // To display the spinner while manually submitted quiz sessions are being graded
       isWaiting: false
-    };
-    _this.fetchData = function () {
-      var _this$props = _this.props,
-        getQuizSessions = _this$props.getQuizSessions,
-        quizId = _this$props.quizId,
-        inProgressData = _this$props.inProgressData,
-        tableData = _this$props.tableData;
-      var quizSessionIds = _toConsumableArray(new Set([].concat(_toConsumableArray(_this.quizSessionIds(inProgressData)), _toConsumableArray(_this.quizSessionIds(tableData)))));
+    });
+    _defineProperty(_this2, "fetchData", function () {
+      var _this2$props = _this2.props,
+        getQuizSessions = _this2$props.getQuizSessions,
+        quizId = _this2$props.quizId,
+        inProgressData = _this2$props.inProgressData,
+        tableData = _this2$props.tableData;
+      var quizSessionIds = _toConsumableArray(new Set([].concat(_toConsumableArray(_this2.quizSessionIds(inProgressData)), _toConsumableArray(_this2.quizSessionIds(tableData)))));
 
       // NOTE: The consumer provided no quizSessionIds. Don't fetch
       if (!quizSessionIds.length) return;
@@ -64,22 +76,22 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
           ids: chunkedIds
         });
       });
-    };
-    _this.onModerateButtonClick = function (data) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "onModerateButtonClick", function (data) {
+      _this2.setState({
         selectedStudent: data.id
       });
-      _this.props.onOpenTray(data);
-      _this.props.openTray(data);
-    };
-    _this.onCloseTray = function () {
-      _this.props.onCloseTray();
-      _this.setState({
-        moderatePanelIterations: _this.state.moderatePanelIterations + 1
+      _this2.props.onOpenTray(data);
+      _this2.props.openTray(data);
+    });
+    _defineProperty(_this2, "onCloseTray", function () {
+      _this2.props.onCloseTray();
+      _this2.setState({
+        moderatePanelIterations: _this2.state.moderatePanelIterations + 1
       });
-    };
-    _this.sessionsStillAutograding = function (quizzesToSubmit) {
-      var _iterator = _createForOfIteratorHelper(_this.props.quizSessionsData),
+    });
+    _defineProperty(_this2, "sessionsStillAutograding", function (quizzesToSubmit) {
+      var _iterator = _createForOfIteratorHelper(_this2.props.quizSessionsData),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -94,54 +106,55 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         _iterator.f();
       }
       return false;
-    };
-    _this.checkAutogradingStatus = function (submittedQuizSessions) {
-      if (_this.sessionsStillAutograding(submittedQuizSessions)) {
-        _this.pollAutogradingStatus(submittedQuizSessions);
+    });
+    _defineProperty(_this2, "checkAutogradingStatus", function (submittedQuizSessions) {
+      if (_this2.sessionsStillAutograding(submittedQuizSessions)) {
+        _this2.pollAutogradingStatus(submittedQuizSessions);
       } else {
-        _this.setState({
+        _this2.setState({
           isWaiting: false
         });
-        _this.props.addSuccess(t('Manual submission was successful.'));
+        _this2.props.addSuccess(t('Manual submission was successful.'));
       }
-    };
-    _this.pollAutogradingStatus = function (submittedQuizSessions) {
-      _this.fetchData();
+    });
+    _defineProperty(_this2, "pollAutogradingStatus", function (submittedQuizSessions) {
+      _this2.fetchData();
       setTimeout(function () {
-        _this.checkAutogradingStatus(submittedQuizSessions);
+        _this2.checkAutogradingStatus(submittedQuizSessions);
       }, 1000);
-    };
-    _this.handleSubmissionAndPoll = function (submittedQuizSessions) {
-      _this.setState({
+    });
+    _defineProperty(_this2, "handleSubmissionAndPoll", function (submittedQuizSessions) {
+      _this2.setState({
         isWaiting: true
       });
-      _this.pollAutogradingStatus(submittedQuizSessions);
-    };
-    _this.handleScoreToggle = function () {
-      _this.setState(function (prevState) {
+      _this2.pollAutogradingStatus(submittedQuizSessions);
+    });
+    _defineProperty(_this2, "handleScoreToggle", function () {
+      _this2.setState(function (prevState) {
         return {
           displayScoreAsPercentage: !prevState.displayScoreAsPercentage
         };
       });
-    };
-    _this.scoreToggleScreenreaderMessage = function () {
-      return _this.state.displayScoreAsPercentage ? t('Toggle scores to raw points') : t('Toggle scores to percentages');
-    };
-    _this.openModalOnClick = function () {
-      _this.props.openModal(OUTSTANDING_QUIZZES_MODAL);
-    };
-    return _this;
+    });
+    _defineProperty(_this2, "scoreToggleScreenreaderMessage", function () {
+      return _this2.state.displayScoreAsPercentage ? t('Toggle scores to raw points') : t('Toggle scores to percentages');
+    });
+    _defineProperty(_this2, "openModalOnClick", function () {
+      _this2.props.openModal(OUTSTANDING_QUIZZES_MODAL);
+    });
+    return _this2;
   }
-  _createClass(ModerateTable, [{
+  _inherits(ModerateTable, _Component);
+  return _createClass(ModerateTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles({
         displayScoreAsPercentage: this.state.displayScoreAsPercentage
       });
       this.fetchData();
-      var _this$props2 = this.props,
-        hasSessionTimeLimit = _this$props2.hasSessionTimeLimit,
-        sessionTimeLimitInSeconds = _this$props2.sessionTimeLimitInSeconds;
+      var _this$props = this.props,
+        hasSessionTimeLimit = _this$props.hasSessionTimeLimit,
+        sessionTimeLimitInSeconds = _this$props.sessionTimeLimitInSeconds;
       this.props.sendSessionTimeLimit({
         hasSessionTimeLimit: hasSessionTimeLimit,
         sessionTimeLimitInSeconds: sessionTimeLimitInSeconds
@@ -153,9 +166,9 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
       this.props.makeStyles({
         displayScoreAsPercentage: this.state.displayScoreAsPercentage
       });
-      var _this$props3 = this.props,
-        hasSessionTimeLimit = _this$props3.hasSessionTimeLimit,
-        sessionTimeLimitInSeconds = _this$props3.sessionTimeLimitInSeconds;
+      var _this$props2 = this.props,
+        hasSessionTimeLimit = _this$props2.hasSessionTimeLimit,
+        sessionTimeLimitInSeconds = _this$props2.sessionTimeLimitInSeconds;
       if (prevProps.hasSessionTimeLimit !== hasSessionTimeLimit || prevProps.sessionTimeLimitInSeconds !== sessionTimeLimitInSeconds) {
         this.props.sendSessionTimeLimit({
           hasSessionTimeLimit: hasSessionTimeLimit,
@@ -185,28 +198,30 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
     }
   }, {
     key: "renderTableRows",
+    value:
     // =============
     //   RENDERING
     // =============
-    value: function renderTableRows() {
-      var _this2 = this;
-      var _this$props4 = this.props,
-        onModerateLogClick = _this$props4.onModerateLogClick,
-        onResultsLinkClick = _this$props4.onResultsLinkClick,
-        shouldRenderModerateButton = _this$props4.shouldRenderModerateButton;
+
+    function renderTableRows() {
+      var _this3 = this;
+      var _this$props3 = this.props,
+        onModerateLogClick = _this$props3.onModerateLogClick,
+        onResultsLinkClick = _this$props3.onResultsLinkClick,
+        shouldRenderModerateButton = _this$props3.shouldRenderModerateButton;
       return this.props.tableData.map(function (rowData) {
         var id = rowData.id;
         return jsx(ModerateTableRow, {
-          anonymousGrading: _this2.props.anonymousGrading,
+          anonymousGrading: _this3.props.anonymousGrading,
           onResultsLinkClick: onResultsLinkClick,
-          onAccommodationsClick: _this2.props.onAccommodationsClick,
-          key: "".concat(id, "-").concat(_this2.state.moderatePanelIterations),
-          onModerateButtonClick: _this2.onModerateButtonClick,
+          onAccommodationsClick: _this3.props.onAccommodationsClick,
+          key: "".concat(id, "-").concat(_this3.state.moderatePanelIterations),
+          onModerateButtonClick: _this3.onModerateButtonClick,
           onModerateLogClick: onModerateLogClick,
           rowData: rowData,
           shouldRenderModerateButton: shouldRenderModerateButton,
-          focusTarget: _this2.state.selectedStudent,
-          displayScoreAsPercentage: _this2.state.displayScoreAsPercentage
+          focusTarget: _this3.state.selectedStudent,
+          displayScoreAsPercentage: _this3.state.displayScoreAsPercentage
         });
       });
     }
@@ -236,18 +251,18 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
   }, {
     key: "renderAlertContent",
     value: function renderAlertContent(outstandingAttemptsCount) {
-      var _this3 = this;
+      var _this4 = this;
       return jsx("div", null, jsx(IfFeature, {
         name: "manual_submission"
-      }, jsx(Flex, null, _ref2, jsx(Flex.Item, {
+      }, jsx(Flex, null, jsx(Flex.Item, null, jsx(IconInfoLine, null)), jsx(Flex.Item, {
         padding: "xx-small"
       }, t.rich('This assessment has <0>{count, plural, one {# attempt} other {# attempts}}</0> in progress.', {
         count: outstandingAttemptsCount,
-        0: function _(_ref3) {
-          var children = _ref3.children;
+        0: function _(_ref2) {
+          var children = _ref2.children;
           return jsx(Link, {
             key: "0",
-            onClick: _this3.openModalOnClick,
+            onClick: _this4.openModalOnClick,
             "data-automation": "sdk-outstanding-quizzes-modal-open"
           }, children);
         }
@@ -273,7 +288,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         screenReaderLabel: this.scoreToggleScreenreaderMessage(),
         onClick: this.handleScoreToggle,
         "data-automation": "moderation-table-score-toggle"
-      }, _ref4));
+      }, jsx(IconConfigureLine, null)));
     }
   }, {
     key: "renderTable",
@@ -296,7 +311,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
       }, t('Log')), this.props.onAccommodationsClick && !this.props.anonymousGrading && jsx(Table.ColHeader, {
         id: "moderation-table-accommodations"
       }, t({
-        default: 'Accommodations',
+        "default": 'Accommodations',
         description: 'Support for students with who need extra time or attempts.'
       })), this.props.shouldRenderModerateButton && jsx(Table.ColHeader, {
         id: "moderation-table-moderate"
@@ -305,11 +320,11 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
   }, {
     key: "renderContent",
     value: function renderContent() {
-      var _this$props5 = this.props,
-        isFetching = _this$props5.isFetching,
-        tableData = _this$props5.tableData,
-        emptyMessage = _this$props5.emptyMessage;
-      if (isFetching || this.state.isWaiting) return _ref5;
+      var _this$props4 = this.props,
+        isFetching = _this$props4.isFetching,
+        tableData = _this$props4.tableData,
+        emptyMessage = _this$props4.emptyMessage;
+      if (isFetching || this.state.isWaiting) return jsx(Spinner, null);
       if (tableData.length) return this.renderTable();
       return jsx("span", {
         css: this.props.styles.emptyText
@@ -326,12 +341,10 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         onClose: this.onCloseTray,
         onSave: this.props.onSaveTray,
         atteqApplyChangesToCurrentQuizAttemptsEnabled: this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled
-      }, jsx(Flex.Item, null, !this.props.anonymousGrading && _ref6), this.props.children), this.renderContent());
+      }, jsx(Flex.Item, null, !this.props.anonymousGrading && jsx(ResetQuiz, null)), this.props.children), this.renderContent());
     }
   }]);
-  ModerateTable.displayName = "ModerateTable";
-  return ModerateTable;
-}(Component), _ModerateTable.displayName = 'ModerateTable', _ModerateTable.componentId = "Quizzes".concat(_ModerateTable.displayName), _ModerateTable.propTypes = {
+}(Component), _defineProperty(_ModerateTable, "displayName", 'ModerateTable'), _defineProperty(_ModerateTable, "componentId", "Quizzes".concat(_ModerateTable.displayName)), _defineProperty(_ModerateTable, "propTypes", {
   anonymousGrading: PropTypes.bool,
   children: PropTypes.node,
   emptyMessage: PropTypes.string,
@@ -382,7 +395,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
   styles: PropTypes.object,
   makeStyles: PropTypes.func,
   atteqApplyChangesToCurrentQuizAttemptsEnabled: PropTypes.bool.isRequired
-}, _ModerateTable.defaultProps = {
+}), _defineProperty(_ModerateTable, "defaultProps", {
   anonymousGrading: false,
   children: void 0,
   emptyMessage: t('There is no moderation information to display yet.'),
@@ -397,5 +410,5 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
   onResultsLinkClick: void 0,
   quizSessionIdsAndUsers: [],
   afterManualSubmit: Function.prototype
-}, _ModerateTable)) || _class);
+}), _ModerateTable)) || _class);
 export default ModerateTable;

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

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme, props, state) {
   return {
     emptyText: {

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

@@ -3,7 +3,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors;
   return {
     emptyTextMargin: spacing.small,
-    pageBackgroundColor: colors.white
+    pageBackgroundColor: colors.contrasts.white1010
   };
 };
 export default generateComponentTheme;

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

@@ -1,6 +1,6 @@
 import { List, fromJS } from 'immutable';
-import QuizSession from "../../../../common/records/QuizSession.js";
-import QuizSessionResult from "../../../../common/records/QuizSessionResult.js";
+import QuizSession from '../../../../common/records/QuizSession';
+import QuizSessionResult from '../../../../common/records/QuizSessionResult';
 var failedResult = new QuizSessionResult(fromJS({
   status: 'autograding_failed',
   score: 42,

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

@@ -1,6 +1,6 @@
-import { connect } from "../../../../common/react-redux.js";
-import ModerateTableRow from "./presenter.js";
-import { getQuizSessionsByIds } from "../../../../common/selectors/quizSessions.js";
+import { connect } from '../../../../common/react-redux';
+import ModerateTableRow from './presenter';
+import { getQuizSessionsByIds } from '../../../../common/selectors/quizSessions';
 export function mapStateToProps(state, ownProps) {
   var quizSessionIds = ownProps.rowData.quizSessionIds;
   var quizSessions = getQuizSessionsByIds(state, quizSessionIds).filter(function (qs) {