@instructure/quiz-core 20.17.2-rc.9 → 20.17.2

package/es/common/components/resources/quizSessionResult/Header/index.js

@@ -1,10 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _QuizSessionResultHeader;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -13,30 +11,21 @@ import { Heading } from '@instructure/ui-heading';
 import { Alert } from '@instructure/ui-alerts';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-export var QuizSessionResultHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(QuizSessionResultHeader, _Component);
-
-  var _super = _createSuper(QuizSessionResultHeader);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var QuizSessionResultHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizSessionResultHeader = /*#__PURE__*/function (_Component) {
   function QuizSessionResultHeader() {
     var _this;
-
     _classCallCheck(this, QuizSessionResultHeader);
-
     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 = _callSuper(this, QuizSessionResultHeader, [].concat(args));
     _this.renderRegradeAlert = function () {
       if (_this.props.regradedSessionItemResults && _this.props.regradedSessionItemResults.size > 0) {
         var questions = _this.props.regradedSessionItemResults.map(function (rsi) {
           return rsi.position;
         }).toJS().join(', ');
-
         return jsx(Alert, {
           variant: "warning"
         }, t("This assessment has been regraded. {\n              numRegradedSI, plural,\n                   =1 {Question {questions} has been affected.}\n                other {Questions {questions} have been affected.}\n              }", {
@@ -45,11 +34,10 @@ export var QuizSessionResultHeader = (_dec = withStyle(generateStyle, generateCo
         }));
       }
     };
-
     return _this;
   }
-
-  _createClass(QuizSessionResultHeader, [{
+  _inherits(QuizSessionResultHeader, _Component);
+  return _createClass(QuizSessionResultHeader, [{
     key: "studentName",
     value: function studentName() {
       return this.props.quizSession.userDisplayName();
@@ -74,17 +62,14 @@ export var QuizSessionResultHeader = (_dec = withStyle(generateStyle, generateCo
       }, this.renderRegradeAlert()));
     }
   }]);
-
-  QuizSessionResultHeader.displayName = "QuizSessionResultHeader";
-  return QuizSessionResultHeader;
-}(Component), _class2.propTypes = {
+}(Component), _QuizSessionResultHeader.propTypes = {
   quizSession: ImmutablePropTypes.record.isRequired,
   regradedSessionItemResults: ImmutablePropTypes.list,
   studentDescription: PropTypes.node,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _QuizSessionResultHeader.defaultProps = {
   regradedSessionItemResults: null,
   studentDescription: null
-}, _temp)) || _class);
+}, _QuizSessionResultHeader)) || _class);
 export default QuizSessionResultHeader;

package/es/common/components/resources/quizSessionResult/Header/styles.js

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

package/es/common/components/resources/quizSessionResult/Header/theme.js

@@ -1,6 +1,6 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography;
+    typography = _ref.typography;
   return {
     resultListInfoMargin: spacing.large,
     resultListTitleFontSize: typography.fontSizeXXLarge,
@@ -8,5 +8,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     regradeAlertPadding: spacing.xLarge
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/resources/quizSessionResult/Info/Info.examples.js

@@ -1,6 +1,6 @@
 import { fromJS } from 'immutable';
-import QuizSession from "../../../../records/QuizSession.js";
-import QuizSessionResult from "../../../../records/QuizSessionResult.js";
+import QuizSession from '../../../../records/QuizSession';
+import QuizSessionResult from '../../../../records/QuizSessionResult';
 export default {
   propValues: {
     quizSession: [new QuizSession({

package/es/common/components/resources/quizSessionResult/Info/index.js

@@ -1,11 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _Info;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -20,38 +17,121 @@ import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { scoreToLetterGrade } from '@instructure/grading-utils';
 import { withI18nSupport } from '@instructure/quiz-common';
-import FormattedDuration from "../../../shared/FormattedDuration/index.js";
-import { formatTime } from "../../../../util/formatTimespan.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import FormattedDuration from '../../../shared/FormattedDuration';
+import { formatTime } from '../../../../util/formatTimespan';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 var unknownPercentageValue = 'UNKNOWN_PERCENTAGE';
-export var Info = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
-  _inherits(Info, _withI18nSupport);
-
-  var _super = _createSuper(Info);
-
+export var Info = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
   function Info(props) {
     var _this;
-
     _classCallCheck(this, Info);
-
-    _this = _super.call(this, props);
-    _this.progressTextFormatter = _this.progressTextFormatter.bind(_assertThisInitialized(_this));
-    _this.progressDisplayFormatter = _this.progressDisplayFormatter.bind(_assertThisInitialized(_this));
+    _this = _callSuper(this, Info, [props]);
+    _this.progressTextFormatter = _this.progressTextFormatter.bind(_this);
+    _this.progressDisplayFormatter = _this.progressDisplayFormatter.bind(_this);
     return _this;
   }
+  _inherits(Info, _withI18nSupport);
+  return _createClass(Info, [{
+    key: "points",
+    get: function get() {
+      return this.props.quizSessionResult.score;
+    }
+  }, {
+    key: "pointsPresent",
+    get: function get() {
+      return typeof this.points === 'number';
+    }
+  }, {
+    key: "pointsMissing",
+    get: function get() {
+      return !this.pointsPresent;
+    }
+  }, {
+    key: "pointsPossible",
+    get: function get() {
+      return this.props.quizSessionResult.pointsPossible;
+    }
+  }, {
+    key: "pointsPossiblePresent",
+    get: function get() {
+      return typeof this.pointsPossible === 'number';
+    }
+  }, {
+    key: "pointsPossibleMissing",
+    get: function get() {
+      return !this.pointsPossiblePresent;
+    }
+  }, {
+    key: "percentageVal",
+    get: function get() {
+      var ratio = this.props.quizSessionResult.percentage;
+      return isNaN(ratio) ? unknownPercentageValue : ratio;
+    }
+  }, {
+    key: "mainPointsText",
+    get: function get() {
+      if (this.pointsMissing && this.pointsPossibleMissing) {
+        return '--';
+      }
+      var valueToUse = this.pointsPresent ? this.points : this.pointsPossible;
+      return t.number(valueToUse);
+    }
+  }, {
+    key: "subPointsText",
+    get: function get() {
+      if (this.pointsPresent && this.pointsPossiblePresent) {
+        return t("Out of {\n        points, plural,\n        one {# point}\n        other {# points}\n      }", {
+          points: this.pointsPossible
+        });
+      }
+      if (this.pointsPresent) {
+        return t("Earned {points, plural,\n        one {point}\n        other {points}\n      }", {
+          points: this.points
+        });
+      }
+
+      // We use "Points Possible" when only points is present or when nothing is present
+      return t("{points, plural,\n      one {Point}\n      other {Points}\n    } possible", {
+        points: this.pointsPossible
+      });
+    }
+  }, {
+    key: "pointsText",
+    get: function get() {
+      if (this.pointsPresent && this.pointsPossiblePresent) {
+        return t("{points, number} out of {\n        total, plural,\n        one {# point}\n        other {# points}\n      }", {
+          points: this.points,
+          total: this.pointsPossible
+        });
+      }
+      if (this.pointsPresent) {
+        return t("Earned {points, plural,\n        one {# point}\n        other {# points}\n      }", {
+          points: this.points
+        });
+      }
+
+      // We use "Points Possible" when only points is present or when nothing is present
+      if (this.pointsPossiblePresent) {
+        return t("{points, plural,\n        one {# point}\n        other {# points}\n      } possible", {
+          points: this.pointsPossible
+        });
+      }
+      return t('Unknown Score');
+    }
 
-  _createClass(Info, [{
-    key: "progressTextFormatter",
     // needed for inst-ui Progress
+  }, {
+    key: "progressTextFormatter",
     value: function progressTextFormatter(_ref) {
       var valueNow = _ref.valueNow;
       var percentageUnknown = valueNow === unknownPercentageValue;
       return percentageUnknown ? t('Unknown Score') : t('Your score was {percentage}.', {
         percentage: this.formatPercentMax2FractionDigits(valueNow)
       });
-    } // needed for inst-ui Progress
+    }
 
+    // needed for inst-ui Progress
   }, {
     key: "progressDisplayFormatter",
     value: function progressDisplayFormatter(_ref2) {
@@ -70,14 +150,13 @@ export var Info = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     key: "renderAlert",
     value: function renderAlert() {
       var _this$props = this.props,
-          quizSessionResult = _this$props.quizSessionResult,
-          sessionItemResults = _this$props.sessionItemResults;
+        quizSessionResult = _this$props.quizSessionResult,
+        sessionItemResults = _this$props.sessionItemResults;
       var ungradedCount = sessionItemResults.reduce(function (count, sessionItemResult) {
         return sessionItemResult.getIn(['scoredData', 'gradeStatus']) === 'waiting' ? count + 1 : count;
       }, 0);
       var hasUngradedQuesitons = ungradedCount > 0;
       var alerts = [];
-
       if (quizSessionResult.isLoaded() && quizSessionResult.autogradingFailed()) {
         var msg = t('There was a grading problem. Please inform your instructor.');
         alerts.push(jsx(Alert, {
@@ -85,7 +164,6 @@ export var Info = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
           variant: "warning"
         }, msg));
       }
-
       if (hasUngradedQuesitons && quizSessionResult.isLoaded()) {
         var ungradedText = t("{\n        count, plural,\n        one {# question requires grading}\n        other {# questions require grading}\n      }", {
           count: ungradedCount
@@ -95,7 +173,6 @@ export var Info = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
           variant: "info"
         }, ungradedText));
       }
-
       if (alerts.length) {
         return jsx("div", {
           css: this.props.styles.alertWrapper
@@ -138,7 +215,6 @@ export var Info = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
       if (this.pointsMissing || this.pointsPossibleMissing) {
         return null;
       }
-
       return jsx("div", {
         css: this.props.styles.score,
         "data-automation": "sdk-info-score"
@@ -201,102 +277,8 @@ export var Info = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
         css: this.props.styles.infoWrapper
       }, this.renderTime()))));
     }
-  }, {
-    key: "points",
-    get: function get() {
-      return this.props.quizSessionResult.score;
-    }
-  }, {
-    key: "pointsPresent",
-    get: function get() {
-      return typeof this.points === 'number';
-    }
-  }, {
-    key: "pointsMissing",
-    get: function get() {
-      return !this.pointsPresent;
-    }
-  }, {
-    key: "pointsPossible",
-    get: function get() {
-      return this.props.quizSessionResult.pointsPossible;
-    }
-  }, {
-    key: "pointsPossiblePresent",
-    get: function get() {
-      return typeof this.pointsPossible === 'number';
-    }
-  }, {
-    key: "pointsPossibleMissing",
-    get: function get() {
-      return !this.pointsPossiblePresent;
-    }
-  }, {
-    key: "percentageVal",
-    get: function get() {
-      var ratio = this.props.quizSessionResult.percentage;
-      return isNaN(ratio) ? unknownPercentageValue : ratio;
-    }
-  }, {
-    key: "mainPointsText",
-    get: function get() {
-      if (this.pointsMissing && this.pointsPossibleMissing) {
-        return '--';
-      }
-
-      var valueToUse = this.pointsPresent ? this.points : this.pointsPossible;
-      return t.number(valueToUse);
-    }
-  }, {
-    key: "subPointsText",
-    get: function get() {
-      if (this.pointsPresent && this.pointsPossiblePresent) {
-        return t("Out of {\n        points, plural,\n        one {# point}\n        other {# points}\n      }", {
-          points: this.pointsPossible
-        });
-      }
-
-      if (this.pointsPresent) {
-        return t("Earned {points, plural,\n        one {point}\n        other {points}\n      }", {
-          points: this.points
-        });
-      } // We use "Points Possible" when only points is present or when nothing is present
-
-
-      return t("{points, plural,\n      one {Point}\n      other {Points}\n    } possible", {
-        points: this.pointsPossible
-      });
-    }
-  }, {
-    key: "pointsText",
-    get: function get() {
-      if (this.pointsPresent && this.pointsPossiblePresent) {
-        return t("{points, number} out of {\n        total, plural,\n        one {# point}\n        other {# points}\n      }", {
-          points: this.points,
-          total: this.pointsPossible
-        });
-      }
-
-      if (this.pointsPresent) {
-        return t("Earned {points, plural,\n        one {# point}\n        other {# points}\n      }", {
-          points: this.points
-        });
-      } // We use "Points Possible" when only points is present or when nothing is present
-
-
-      if (this.pointsPossiblePresent) {
-        return t("{points, plural,\n        one {# point}\n        other {# points}\n      } possible", {
-          points: this.pointsPossible
-        });
-      }
-
-      return t('Unknown Score');
-    }
   }]);
-
-  Info.displayName = "Info";
-  return Info;
-}(withI18nSupport(Component)), _class2.propTypes = {
+}(withI18nSupport(Component)), _Info.propTypes = {
   gradingScheme: PropTypes.arrayOf(PropTypes.shape({
     name: PropTypes.string,
     value: PropTypes.number
@@ -307,8 +289,8 @@ export var Info = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   sessionItemResults: ImmutablePropTypes.list.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _Info.defaultProps = {
   gradingScheme: [],
   restrictQuantitativeData: false
-}, _temp)) || _class);
+}, _Info)) || _class);
 export default Info;

package/es/common/components/resources/quizSessionResult/Info/styles.js

@@ -39,7 +39,6 @@ var generateStyle = function generateStyle(componentTheme) {
       margin: componentTheme.scoreMargin,
       height: '150px',
       width: '150px',
-
       /*
         progress modal sets a -1 z-index on its content
         and this raises it above the app background
@@ -57,5 +56,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/common/components/resources/quizSessionResult/Info/theme.js

@@ -1,6 +1,6 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography;
+    typography = _ref.typography;
   return {
     alertWrapperMargin: spacing.xSmall,
     scoreMargin: spacing.small,
@@ -11,5 +11,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     inforWrapperPadding: spacing.small
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/resources/sessionItemResult/ResultStimulus/index.js

@@ -1,10 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _ResultStimulus;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,24 +10,18 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { withStyle, jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-export var ResultStimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(ResultStimulus, _Component);
-
-  var _super = _createSuper(ResultStimulus);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var ResultStimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ResultStimulus = /*#__PURE__*/function (_Component) {
   function ResultStimulus() {
     _classCallCheck(this, ResultStimulus);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, ResultStimulus, arguments);
   }
-
-  _createClass(ResultStimulus, [{
+  _inherits(ResultStimulus, _Component);
+  return _createClass(ResultStimulus, [{
     key: "renderStimulusInstructions",
     value: function renderStimulusInstructions() {
       var instructions = this.props.stimulus.instructions;
-
       if (instructions) {
         return jsx("div", {
           "data-testId": "instructions",
@@ -58,7 +50,6 @@ export var ResultStimulus = (_dec = withStyle(generateStyle, generateComponentTh
     key: "renderStimulusItems",
     value: function renderStimulusItems() {
       var _this = this;
-
       return this.props.sessionItem.getNestedEntries().toArray().map(function (sessionItem, i) {
         return jsx("div", {
           key: sessionItem.position,
@@ -85,14 +76,11 @@ export var ResultStimulus = (_dec = withStyle(generateStyle, generateComponentTh
       }, this.renderStimulusItems()))));
     }
   }]);
-
-  ResultStimulus.displayName = "ResultStimulus";
-  return ResultStimulus;
-}(Component), _class2.propTypes = {
+}(Component), _ResultStimulus.propTypes = {
   stimulus: ImmutablePropTypes.record.isRequired,
   sessionItem: ImmutablePropTypes.record.isRequired,
   renderItem: PropTypes.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _temp)) || _class);
+}, _ResultStimulus)) || _class);
 export default ResultStimulus;

package/es/common/components/resources/sessionItemResult/ResultStimulus/styles.js

@@ -1,6 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var mq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
   var orientVertically = props.stimulus.orientation === 'top';
@@ -78,5 +77,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     connectingLines: _objectSpread(_objectSpread({}, orientVertically && connectingLines), {}, _defineProperty({}, mq, connectingLines))
   };
 };
-
 export default generateStyle;

package/es/common/components/resources/sessionItemResult/ResultStimulus/theme.js

@@ -1,9 +1,9 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography,
-      borders = _ref.borders,
-      colors = _ref.colors,
-      breakpoints = _ref.breakpoints;
+    typography = _ref.typography,
+    borders = _ref.borders,
+    colors = _ref.colors,
+    breakpoints = _ref.breakpoints;
   return {
     rootBorderWidth: borders.widthSmall,
     rootBorderColor: colors.porcelain,
@@ -30,5 +30,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneConnectingLinesMargin: spacing.small
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/resources/sessionItemResult/SessionItemResult/index.js

@@ -1,15 +1,13 @@
 import { compose } from 'redux';
-import { connect } from "../../../../react-redux.js";
-import makeScrollable from "../../../shared/functionality/makeScrollable.js";
-import { SessionItemResult as SessionItemResultPresenter } from "./presenter.js";
-import { featureOn } from "../../../../util/featureCheck.js";
-
+import { connect } from '../../../../react-redux';
+import makeScrollable from '../../../shared/functionality/makeScrollable';
+import { SessionItemResult as SessionItemResultPresenter } from './presenter';
+import { featureOn } from '../../../../util/featureCheck';
 function mapStateToProps(state) {
   return {
     itemResultsModifications: state.getIn(['modifications', 'sessionItemResults']),
     shouldRenderAnswerFeedback: featureOn('answer_level_feedback')
   };
 }
-
 export var SessionItemResult = compose(connect(mapStateToProps), makeScrollable)(SessionItemResultPresenter);
 export default SessionItemResult;