@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,9 +1,24 @@
 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(_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';
@@ -18,39 +33,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;
+    var _this2;
     _classCallCheck(this, Info);
-    _this = _super.call(this, props);
-    _this.progressTextFormatter = _this.progressTextFormatter.bind(_assertThisInitialized(_this));
-    _this.progressDisplayFormatter = _this.progressDisplayFormatter.bind(_assertThisInitialized(_this));
-    return _this;
+    _this2 = _callSuper(this, Info, [props]);
+    _this2.progressTextFormatter = _this2.progressTextFormatter.bind(_this2);
+    _this2.progressDisplayFormatter = _this2.progressDisplayFormatter.bind(_this2);
+    return _this2;
   }
-  _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 +293,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 +304,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,24 @@
 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(_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';
@@ -10,17 +26,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;
@@ -51,17 +66,17 @@ export var ResultStimulus = (_dec = withStyleOverrides(generateStyle, generateCo
   }, {
     key: "renderStimulusItems",
     value: function renderStimulusItems() {
-      var _this = this;
+      var _this2 = this;
       return this.props.sessionItem.getNestedEntries().toArray().map(function (sessionItem, i) {
         return jsx("div", {
           key: sessionItem.position,
-          css: _this.props.styles.item
+          css: _this2.props.styles.item
         }, jsx("div", {
-          css: _this.props.styles.connectingLines
+          css: _this2.props.styles.connectingLines
         }), jsx("div", {
           "data-testid": "stimulus-item",
-          css: _this.props.styles.stimulusItem
-        }, _this.props.renderItem(sessionItem, i !== 0)));
+          css: _this2.props.styles.stimulusItem
+        }, _this2.props.renderItem(sessionItem, i !== 0)));
       });
     }
   }, {
@@ -73,17 +88,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(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) {
   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,16 +6,16 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     breakpoints = _ref.breakpoints;
   return {
     rootBorderWidth: borders.widthSmall,
-    rootBorderColor: colors.porcelain,
+    rootBorderColor: colors.contrasts.grey1111,
     instructionsPaddingTopBottom: spacing.medium,
     instructionsPaddingLeftRight: spacing.large,
     instructionsBorderWidth: borders.widthSmall,
-    instructionsBorderColor: colors.porcelain,
+    instructionsBorderColor: colors.contrasts.grey1111,
     instructionsHeaderPadding: spacing.xSmall,
     instructionsHeaderFontWeight: typography.fontWeightBold,
     infoPaddingTopBottom: spacing.small,
     infoPaddingLeftRight: spacing.medium,
-    infoBackgroundColor: colors.porcelain,
+    infoBackgroundColor: colors.contrasts.grey1111,
     headerPaddingTop: spacing.xSmall,
     headerPaddingBottom: spacing.small,
     titleFontSize: typography.fontSizeMedium,
@@ -26,7 +26,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneInstructionsPaddingLeftRight: spacing.small,
     phoneInfoPadding: spacing.small,
     phoneConnectingLinesBorderWidth: borders.widthSmall,
-    phoneConnectingLinesBorderColor: colors.tiara,
+    phoneConnectingLinesBorderColor: colors.contrasts.grey1214,
     phoneConnectingLinesMargin: spacing.small
   };
 };

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,24 @@
 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(_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 */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
 import { Component } from 'react';
@@ -16,34 +32,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;
+    var _this2;
     _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) {
+    _this2 = _callSuper(this, SessionItemResult, [].concat(args));
+    _defineProperty(_this2, "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;
+    });
+    return _this2;
   }
-  _createClass(SessionItemResult, [{
+  _inherits(SessionItemResult, _Component);
+  return _createClass(SessionItemResult, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -53,6 +68,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 +110,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 +322,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 +336,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(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) {
   return {
     sessionItemResult: _objectSpread({