@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.9

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

@@ -1,8 +1,10 @@
 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";
-var _dec, _class, _QuizSessionResultHeader;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -11,21 +13,30 @@ 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';
-import generateComponentTheme from './theme';
-export var QuizSessionResultHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizSessionResultHeader = /*#__PURE__*/function (_Component) {
+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);
+
   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 = _callSuper(this, QuizSessionResultHeader, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].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              }", {
@@ -34,10 +45,11 @@ export var QuizSessionResultHeader = (_dec = withStyle(generateStyle, generateCo
         }));
       }
     };
+
     return _this;
   }
-  _inherits(QuizSessionResultHeader, _Component);
-  return _createClass(QuizSessionResultHeader, [{
+
+  _createClass(QuizSessionResultHeader, [{
     key: "studentName",
     value: function studentName() {
       return this.props.quizSession.userDisplayName();
@@ -62,14 +74,17 @@ export var QuizSessionResultHeader = (_dec = withStyle(generateStyle, generateCo
       }, this.renderRegradeAlert()));
     }
   }]);
-}(Component), _QuizSessionResultHeader.propTypes = {
+
+  QuizSessionResultHeader.displayName = "QuizSessionResultHeader";
+  return QuizSessionResultHeader;
+}(Component), _class2.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
-}, _QuizSessionResultHeader.defaultProps = {
+}, _class2.defaultProps = {
   regradedSessionItemResults: null,
   studentDescription: null
-}, _QuizSessionResultHeader)) || _class);
+}, _temp)) || _class);
 export default QuizSessionResultHeader;

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

@@ -25,4 +25,5 @@ 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,4 +8,5 @@ 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';
-import QuizSessionResult from '../../../../records/QuizSessionResult';
+import QuizSession from "../../../../records/QuizSession.js";
+import QuizSessionResult from "../../../../records/QuizSessionResult.js";
 export default {
   propValues: {
     quizSession: [new QuizSession({

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

@@ -1,8 +1,11 @@
 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 _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _Info;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -17,121 +20,38 @@ 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';
-import { formatTime } from '../../../../util/formatTimespan';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import FormattedDuration from "../../../shared/FormattedDuration/index.js";
+import { formatTime } from "../../../../util/formatTimespan.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 var unknownPercentageValue = 'UNKNOWN_PERCENTAGE';
-export var Info = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
+export var Info = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
+  _inherits(Info, _withI18nSupport);
+
+  var _super = _createSuper(Info);
+
   function Info(props) {
     var _this;
+
     _classCallCheck(this, Info);
-    _this = _callSuper(this, Info, [props]);
-    _this.progressTextFormatter = _this.progressTextFormatter.bind(_this);
-    _this.progressDisplayFormatter = _this.progressDisplayFormatter.bind(_this);
+
+    _this = _super.call(this, props);
+    _this.progressTextFormatter = _this.progressTextFormatter.bind(_assertThisInitialized(_this));
+    _this.progressDisplayFormatter = _this.progressDisplayFormatter.bind(_assertThisInitialized(_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');
-    }
-
-    // needed for inst-ui Progress
-  }, {
+  _createClass(Info, [{
     key: "progressTextFormatter",
+    // needed for inst-ui Progress
     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) {
@@ -150,13 +70,14 @@ 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, {
@@ -164,6 +85,7 @@ 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
@@ -173,6 +95,7 @@ export var Info = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
           variant: "info"
         }, ungradedText));
       }
+
       if (alerts.length) {
         return jsx("div", {
           css: this.props.styles.alertWrapper
@@ -215,6 +138,7 @@ 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"
@@ -277,8 +201,102 @@ 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');
+    }
   }]);
-}(withI18nSupport(Component)), _Info.propTypes = {
+
+  Info.displayName = "Info";
+  return Info;
+}(withI18nSupport(Component)), _class2.propTypes = {
   gradingScheme: PropTypes.arrayOf(PropTypes.shape({
     name: PropTypes.string,
     value: PropTypes.number
@@ -289,8 +307,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
-}, _Info.defaultProps = {
+}, _class2.defaultProps = {
   gradingScheme: [],
   restrictQuantitativeData: false
-}, _Info)) || _class);
+}, _temp)) || _class);
 export default Info;

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

@@ -39,6 +39,7 @@ 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
@@ -56,4 +57,5 @@ 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,4 +11,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     inforWrapperPadding: spacing.small
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,8 +1,10 @@
 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";
-var _dec, _class, _ResultStimulus;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,18 +12,24 @@ 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';
-import generateComponentTheme from './theme';
-export var ResultStimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ResultStimulus = /*#__PURE__*/function (_Component) {
+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);
+
   function ResultStimulus() {
     _classCallCheck(this, ResultStimulus);
-    return _callSuper(this, ResultStimulus, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(ResultStimulus, _Component);
-  return _createClass(ResultStimulus, [{
+
+  _createClass(ResultStimulus, [{
     key: "renderStimulusInstructions",
     value: function renderStimulusInstructions() {
       var instructions = this.props.stimulus.instructions;
+
       if (instructions) {
         return jsx("div", {
           "data-testId": "instructions",
@@ -50,6 +58,7 @@ 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,
@@ -76,11 +85,14 @@ export var ResultStimulus = (_dec = withStyle(generateStyle, generateComponentTh
       }, this.renderStimulusItems()))));
     }
   }]);
-}(Component), _ResultStimulus.propTypes = {
+
+  ResultStimulus.displayName = "ResultStimulus";
+  return ResultStimulus;
+}(Component), _class2.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
-}, _ResultStimulus)) || _class);
+}, _temp)) || _class);
 export default ResultStimulus;

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

@@ -1,5 +1,6 @@
 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';
@@ -77,4 +78,5 @@ 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,4 +30,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneConnectingLinesMargin: spacing.small
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,13 +1,15 @@
 import { compose } from 'redux';
-import { connect } from '../../../../react-redux';
-import makeScrollable from '../../../shared/functionality/makeScrollable';
-import { SessionItemResult as SessionItemResultPresenter } from './presenter';
-import { featureOn } from '../../../../util/featureCheck';
+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";
+
 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;