@instructure/quiz-core 21.1.1 → 21.2.0

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

@@ -1,8 +1,12 @@
 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, _QuizSessionResultHeader;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -11,20 +15,18 @@ import { Heading } from '@instructure/ui-heading';
 import { Alert } from '@instructure/ui-alerts';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var QuizSessionResultHeader = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizSessionResultHeader = /*#__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 = _super.call.apply(_super, [this].concat(args));
-    _this.renderRegradeAlert = function () {
+    _this = _callSuper(this, QuizSessionResultHeader, [].concat(args));
+    _defineProperty(_this, "renderRegradeAlert", function () {
       if (_this.props.regradedSessionItemResults && _this.props.regradedSessionItemResults.size > 0) {
         var questions = _this.props.regradedSessionItemResults.map(function (rsi) {
           return rsi.position;
@@ -36,10 +38,11 @@ export var QuizSessionResultHeader = (_dec = withStyleOverrides(generateStyle, g
           numRegradedSI: _this.props.regradedSessionItemResults.count()
         }));
       }
-    };
+    });
     return _this;
   }
-  _createClass(QuizSessionResultHeader, [{
+  _inherits(QuizSessionResultHeader, _Component);
+  return _createClass(QuizSessionResultHeader, [{
     key: "studentName",
     value: function studentName() {
       return this.props.quizSession.userDisplayName();
@@ -64,15 +67,13 @@ export var QuizSessionResultHeader = (_dec = withStyleOverrides(generateStyle, g
       }, this.renderRegradeAlert()));
     }
   }]);
-  QuizSessionResultHeader.displayName = "QuizSessionResultHeader";
-  return QuizSessionResultHeader;
-}(Component), _QuizSessionResultHeader.displayName = 'QuizSessionResultHeader', _QuizSessionResultHeader.componentId = "Quizzes".concat(_QuizSessionResultHeader.displayName), _QuizSessionResultHeader.propTypes = {
+}(Component), _defineProperty(_QuizSessionResultHeader, "displayName", 'QuizSessionResultHeader'), _defineProperty(_QuizSessionResultHeader, "componentId", "Quizzes".concat(_QuizSessionResultHeader.displayName)), _defineProperty(_QuizSessionResultHeader, "propTypes", {
   quizSession: ImmutablePropTypes.record.isRequired,
   regradedSessionItemResults: ImmutablePropTypes.list,
   studentDescription: PropTypes.node,
   styles: PropTypes.object
-}, _QuizSessionResultHeader.defaultProps = {
+}), _defineProperty(_QuizSessionResultHeader, "defaultProps", {
   regradedSessionItemResults: null,
   studentDescription: null
-}, _QuizSessionResultHeader)) || _class);
+}), _QuizSessionResultHeader)) || _class);
 export default QuizSessionResultHeader;

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,9 +1,12 @@
 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 _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, _Info;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -18,39 +21,128 @@ import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { scoreToLetterGrade } from '@instructure/grading-utils';
 import { withI18nSupport, withStyleOverrides } 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 = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
-  _inherits(Info, _withI18nSupport);
-  var _super = _createSuper(Info);
   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;
   }
-  _createClass(Info, [{
-    key: "progressTextFormatter",
+  _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
+  }, {
+    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) {
       var valueNow = _ref2.valueNow;
       var valueToShow = valueNow === unknownPercentageValue ? t({
         id: 'progress_display',
-        default: '?',
+        "default": '?',
         description: 'placeholder for an unknown percentage value'
       }) : this.formatPercentMax2FractionDigits(valueNow);
       return jsx("div", {
@@ -189,97 +281,8 @@ export var Info = (_dec = withStyleOverrides(generateStyle, generateComponentThe
         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)), _Info.displayName = 'QuizSessionResultInfo', _Info.componentId = "Quizzes".concat(_Info.displayName), _Info.propTypes = {
+}(withI18nSupport(Component)), _defineProperty(_Info, "displayName", 'QuizSessionResultInfo'), _defineProperty(_Info, "componentId", "Quizzes".concat(_Info.displayName)), _defineProperty(_Info, "propTypes", {
   gradingScheme: PropTypes.arrayOf(PropTypes.shape({
     name: PropTypes.string,
     value: PropTypes.number
@@ -289,8 +292,8 @@ export var Info = (_dec = withStyleOverrides(generateStyle, generateComponentThe
   restrictQuantitativeData: PropTypes.bool,
   sessionItemResults: ImmutablePropTypes.list.isRequired,
   styles: PropTypes.object
-}, _Info.defaultProps = {
+}), _defineProperty(_Info, "defaultProps", {
   gradingScheme: [],
   restrictQuantitativeData: false
-}, _Info)) || _class);
+}), _Info)) || _class);
 export default Info;

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

@@ -1,8 +1,12 @@
 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, _ResultStimulus;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,17 +14,16 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { 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";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var ResultStimulus = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ResultStimulus = /*#__PURE__*/function (_Component) {
-  _inherits(ResultStimulus, _Component);
-  var _super = _createSuper(ResultStimulus);
   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;
@@ -73,17 +76,15 @@ export var ResultStimulus = (_dec = withStyleOverrides(generateStyle, generateCo
         css: this.props.styles.stimulusGroup
       }, jsx("div", {
         css: this.props.styles.stimulusInfo
-      }, this.renderStimulusInfo()), jsx("div", {
+      }, this.renderStimulusInfo()), this.props.stimulus.isPassage === false && jsx("div", {
         css: this.props.styles.items
       }, this.renderStimulusItems()))));
     }
   }]);
-  ResultStimulus.displayName = "ResultStimulus";
-  return ResultStimulus;
-}(Component), _ResultStimulus.displayName = 'ResultStimulus', _ResultStimulus.componentId = "Quizzes".concat(_ResultStimulus.displayName), _ResultStimulus.propTypes = {
+}(Component), _defineProperty(_ResultStimulus, "displayName", 'ResultStimulus'), _defineProperty(_ResultStimulus, "componentId", "Quizzes".concat(_ResultStimulus.displayName)), _defineProperty(_ResultStimulus, "propTypes", {
   stimulus: ImmutablePropTypes.record.isRequired,
   sessionItem: ImmutablePropTypes.record.isRequired,
   renderItem: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _ResultStimulus)) || _class);
+}), _ResultStimulus)) || _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";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var mq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
   var orientVertically = props.stimulus.orientation === 'top';
@@ -15,7 +16,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
   };
   return {
     root: {
-      borderBottom: "".concat(componentTheme.rootBorderWidth, " solid ").concat(componentTheme.rootBorderColor),
+      borderTop: "".concat(componentTheme.rootBorderWidth, " solid ").concat(componentTheme.rootBorderColor),
       overflow: 'hidden'
     },
     instructions: _defineProperty({
@@ -30,9 +31,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
     },
     info: _defineProperty({
       padding: "".concat(componentTheme.infoPaddingTopBottom, " ").concat(componentTheme.infoPaddingLeftRight),
-      backgroundColor: componentTheme.infoBackgroundColor,
-      height: '100%',
-      overflow: 'scroll'
+      height: '100%'
     }, mq, {
       padding: componentTheme.phoneInfoPadding
     }),

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

@@ -6,7 +6,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     breakpoints = _ref.breakpoints;
   return {
     rootBorderWidth: borders.widthSmall,
-    rootBorderColor: colors.porcelain,
+    rootBorderColor: colors.tiara,
     instructionsPaddingTopBottom: spacing.medium,
     instructionsPaddingLeftRight: spacing.large,
     instructionsBorderWidth: borders.widthSmall,

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

@@ -1,8 +1,8 @@
 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']),

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

@@ -1,8 +1,12 @@
 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, _SessionItemResult;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
 import { Component } from 'react';
@@ -16,34 +20,33 @@ import { PresentationContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import t from '@instructure/quiz-i18n/es/format-message';
-import PositionBox from "../../positionBox/PositionBox.js";
+import PositionBox from '../../positionBox/PositionBox';
 import { COMPONENT_RESULT, withStyleOverrides } from '@instructure/quiz-common';
-import componentForItem from "../../../../util/componentForItem.js";
-import CustomPropTypes from "../../../../util/CustomPropTypes.js";
-import keyboardClickable from "../../../../util/keyboardClickable.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import componentForItem from '../../../../util/componentForItem';
+import CustomPropTypes from '../../../../util/CustomPropTypes';
+import keyboardClickable from '../../../../util/keyboardClickable';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 export var SessionItemResult = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SessionItemResult = /*#__PURE__*/function (_Component) {
-  _inherits(SessionItemResult, _Component);
-  var _super = _createSuper(SessionItemResult);
   function SessionItemResult() {
     var _this;
     _classCallCheck(this, SessionItemResult);
     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.getWorkingInstance = function (sessionItemResult) {
+    _this = _callSuper(this, SessionItemResult, [].concat(args));
+    _defineProperty(_this, "getWorkingInstance", function (sessionItemResult) {
       // Check for getWorkingInstance because it does not exist on results page object
       // and is only needed on the grading page
       if (sessionItemResult.getWorkingInstance) {
         return sessionItemResult.getWorkingInstance().toJS();
       }
       return sessionItemResult.toJS();
-    };
+    });
     return _this;
   }
-  _createClass(SessionItemResult, [{
+  _inherits(SessionItemResult, _Component);
+  return _createClass(SessionItemResult, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -53,6 +56,28 @@ export var SessionItemResult = (_dec = withStyleOverrides(generateStyle, generat
     value: function componentDidUpdate() {
       this.props.makeStyles();
     }
+  }, {
+    key: "points",
+    get: function get() {
+      var sessionItemResult = this.props.sessionItemResult;
+      var normalizedSessionItemResult = sessionItemResult && sessionItemResult.toJS() || {};
+      return normalizedSessionItemResult.score;
+    }
+  }, {
+    key: "pointsPresent",
+    get: function get() {
+      return typeof this.points === 'number';
+    }
+  }, {
+    key: "pointsPossible",
+    get: function get() {
+      return this.props.sessionItemResult.pointsPossible;
+    }
+  }, {
+    key: "pointsPossiblePresent",
+    get: function get() {
+      return typeof this.pointsPossible === 'number';
+    }
   }, {
     key: "position",
     value: function position() {
@@ -73,6 +98,29 @@ export var SessionItemResult = (_dec = withStyleOverrides(generateStyle, generat
     value: function hasRegradeInfo() {
       return this.props.sessionItemResult.regradeInfo && this.props.sessionItemResult.regradeInfo.size > 1;
     }
+  }, {
+    key: "pointsDisplayText",
+    get: function get() {
+      var points = this.points;
+      var possible = this.pointsPossible;
+      if (this.pointsPresent && this.pointsPossiblePresent) {
+        return t("{ possible, plural,\n          one   {{points, number} / # point}\n          other {{points, number} / # points}\n        }", {
+          points: points,
+          possible: possible
+        });
+      }
+      if (this.pointsPossiblePresent) {
+        return t("{ possible, plural,\n          one   {# point}\n          other {# points}\n        } possible", {
+          possible: possible
+        });
+      }
+      if (this.pointsPresent) {
+        return t("{ points, plural,\n          one   {# point}\n          other {# points}\n        } earned", {
+          points: points
+        });
+      }
+      return '';
+    }
   }, {
     key: "renderRegradeAlert",
     value: function renderRegradeAlert() {
@@ -262,55 +310,8 @@ export var SessionItemResult = (_dec = withStyleOverrides(generateStyle, generat
         css: this.props.styles.sessionItemResult
       }, this.regraded() ? this.renderRegradeAlert() : null, this.unscorable() ? this.renderUnscorableAlert() : null, this.renderHeader(), this.renderSessionItemResult());
     }
-  }, {
-    key: "points",
-    get: function get() {
-      var sessionItemResult = this.props.sessionItemResult;
-      var normalizedSessionItemResult = sessionItemResult && sessionItemResult.toJS() || {};
-      return normalizedSessionItemResult.score;
-    }
-  }, {
-    key: "pointsPresent",
-    get: function get() {
-      return typeof this.points === 'number';
-    }
-  }, {
-    key: "pointsPossible",
-    get: function get() {
-      return this.props.sessionItemResult.pointsPossible;
-    }
-  }, {
-    key: "pointsPossiblePresent",
-    get: function get() {
-      return typeof this.pointsPossible === 'number';
-    }
-  }, {
-    key: "pointsDisplayText",
-    get: function get() {
-      var points = this.points;
-      var possible = this.pointsPossible;
-      if (this.pointsPresent && this.pointsPossiblePresent) {
-        return t("{ possible, plural,\n          one   {{points, number} / # point}\n          other {{points, number} / # points}\n        }", {
-          points: points,
-          possible: possible
-        });
-      }
-      if (this.pointsPossiblePresent) {
-        return t("{ possible, plural,\n          one   {# point}\n          other {# points}\n        } possible", {
-          possible: possible
-        });
-      }
-      if (this.pointsPresent) {
-        return t("{ points, plural,\n          one   {# point}\n          other {# points}\n        } earned", {
-          points: points
-        });
-      }
-      return '';
-    }
   }]);
-  SessionItemResult.displayName = "SessionItemResult";
-  return SessionItemResult;
-}(Component), _SessionItemResult.displayName = 'SessionItemResult', _SessionItemResult.componentId = "Quizzes".concat(_SessionItemResult.displayName), _SessionItemResult.propTypes = {
+}(Component), _defineProperty(_SessionItemResult, "displayName", 'SessionItemResult'), _defineProperty(_SessionItemResult, "componentId", "Quizzes".concat(_SessionItemResult.displayName)), _defineProperty(_SessionItemResult, "propTypes", {
   appContainer: CustomPropTypes.selectors.isRequired,
   editGraderFeedback: PropTypes.func,
   hideGraderFeedback: PropTypes.bool,
@@ -323,12 +324,12 @@ export var SessionItemResult = (_dec = withStyleOverrides(generateStyle, generat
   // used in styles.js
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _SessionItemResult.defaultProps = {
+}), _defineProperty(_SessionItemResult, "defaultProps", {
   editGraderFeedback: null,
   hideGraderFeedback: false,
   itemResultsModifications: null,
   restrictQuantitativeData: false,
   shouldRenderAnswerFeedback: false,
   shouldRenderTopBorder: true
-}, _SessionItemResult)) || _class);
+}), _SessionItemResult)) || _class);
 export default SessionItemResult;

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

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     sessionItemResult: _objectSpread({