@instructure/quiz-core 21.1.1 → 21.2.1

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

@@ -4,30 +4,33 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ResultStimulus = void 0;
+exports["default"] = exports.ResultStimulus = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _emotion = require("@instructure/emotion");
 var _quizRce = require("@instructure/quiz-rce");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _ResultStimulus;
 /** @jsx jsx */
-var ResultStimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ResultStimulus = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ResultStimulus, _Component);
-  var _super = (0, _createSuper2.default)(ResultStimulus);
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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; })(); }
+var ResultStimulus = exports.ResultStimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ResultStimulus = /*#__PURE__*/function (_Component) {
   function ResultStimulus() {
-    (0, _classCallCheck2.default)(this, ResultStimulus);
-    return _super.apply(this, arguments);
+    (0, _classCallCheck2["default"])(this, ResultStimulus);
+    return _callSuper(this, ResultStimulus, arguments);
   }
-  (0, _createClass2.default)(ResultStimulus, [{
+  (0, _inherits2["default"])(ResultStimulus, _Component);
+  return (0, _createClass2["default"])(ResultStimulus, [{
     key: "renderStimulusInstructions",
     value: function renderStimulusInstructions() {
       var instructions = this.props.stimulus.instructions;
@@ -37,7 +40,7 @@ var ResultStimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default
           css: this.props.styles.instructions
         }, (0, _emotion.jsx)("div", {
           css: this.props.styles.instructionsHeader
-        }, (0, _formatMessage.default)('Instructions')), (0, _emotion.jsx)("div", null, instructions));
+        }, (0, _formatMessage["default"])('Instructions')), (0, _emotion.jsx)("div", null, instructions));
       }
     }
   }, {
@@ -80,19 +83,15 @@ var ResultStimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default
         css: this.props.styles.stimulusGroup
       }, (0, _emotion.jsx)("div", {
         css: this.props.styles.stimulusInfo
-      }, this.renderStimulusInfo()), (0, _emotion.jsx)("div", {
+      }, this.renderStimulusInfo()), this.props.stimulus.isPassage === false && (0, _emotion.jsx)("div", {
         css: this.props.styles.items
       }, this.renderStimulusItems()))));
     }
   }]);
-  ResultStimulus.displayName = "ResultStimulus";
-  return ResultStimulus;
-}(_react.Component), _ResultStimulus.displayName = 'ResultStimulus', _ResultStimulus.componentId = "Quizzes".concat(_ResultStimulus.displayName), _ResultStimulus.propTypes = {
-  stimulus: _reactImmutableProptypes.default.record.isRequired,
-  sessionItem: _reactImmutableProptypes.default.record.isRequired,
-  renderItem: _propTypes.default.func.isRequired,
-  styles: _propTypes.default.object
-}, _ResultStimulus)) || _class);
-exports.ResultStimulus = ResultStimulus;
-var _default = ResultStimulus;
-exports.default = _default;
+}(_react.Component), (0, _defineProperty2["default"])(_ResultStimulus, "displayName", 'ResultStimulus'), (0, _defineProperty2["default"])(_ResultStimulus, "componentId", "Quizzes".concat(_ResultStimulus.displayName)), (0, _defineProperty2["default"])(_ResultStimulus, "propTypes", {
+  stimulus: _reactImmutableProptypes["default"].record.isRequired,
+  sessionItem: _reactImmutableProptypes["default"].record.isRequired,
+  renderItem: _propTypes["default"].func.isRequired,
+  styles: _propTypes["default"].object
+}), _ResultStimulus)) || _class);
+var _default = exports["default"] = ResultStimulus;

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

@@ -4,9 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _objectSpread6 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/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) { (0, _defineProperty2["default"])(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';
@@ -22,10 +23,10 @@ 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: (0, _defineProperty2.default)({
+    instructions: (0, _defineProperty2["default"])({
       padding: "".concat(componentTheme.instructionsPaddingTopBottom, " ").concat(componentTheme.instructionsPaddingLeftRight),
       border: "".concat(componentTheme.instructionsBorderWidth, " solid ").concat(componentTheme.instructionsBorderColor)
     }, mq, {
@@ -35,11 +36,9 @@ var generateStyle = function generateStyle(componentTheme, props) {
       paddingBottom: componentTheme.instructionsHeaderPadding,
       fontWeight: componentTheme.instructionsHeaderFontWeight
     },
-    info: (0, _defineProperty2.default)({
+    info: (0, _defineProperty2["default"])({
       padding: "".concat(componentTheme.infoPaddingTopBottom, " ").concat(componentTheme.infoPaddingLeftRight),
-      backgroundColor: componentTheme.infoBackgroundColor,
-      height: '100%',
-      overflow: 'scroll'
+      height: '100%'
     }, mq, {
       padding: componentTheme.phoneInfoPadding
     }),
@@ -54,35 +53,34 @@ var generateStyle = function generateStyle(componentTheme, props) {
     item: {
       display: 'flex'
     },
-    items: (0, _objectSpread6.default)((0, _objectSpread6.default)({
+    items: _objectSpread(_objectSpread({
       padding: componentTheme.itemsPadding,
       width: '50%'
     }, orientVertically && {
       width: '100%'
-    }), {}, (0, _defineProperty2.default)({}, mq, {
+    }), {}, (0, _defineProperty2["default"])({}, mq, {
       width: '100%'
     })),
     stimulusItem: {
       flex: '1 1 auto',
       width: '100%'
     },
-    stimulusGroup: (0, _objectSpread6.default)((0, _objectSpread6.default)({
+    stimulusGroup: _objectSpread(_objectSpread({
       display: 'flex',
       flexDirection: 'row'
     }, orientVertically && {
       flexDirection: 'column'
-    }), {}, (0, _defineProperty2.default)({}, mq, {
+    }), {}, (0, _defineProperty2["default"])({}, mq, {
       flexDirection: 'column'
     })),
-    stimulusInfo: (0, _objectSpread6.default)((0, _objectSpread6.default)({
+    stimulusInfo: _objectSpread(_objectSpread({
       width: '50%'
     }, orientVertically && {
       width: '100%'
-    }), {}, (0, _defineProperty2.default)({}, mq, {
+    }), {}, (0, _defineProperty2["default"])({}, mq, {
       width: '100%'
     })),
-    connectingLines: (0, _objectSpread6.default)((0, _objectSpread6.default)({}, orientVertically && connectingLines), {}, (0, _defineProperty2.default)({}, mq, connectingLines))
+    connectingLines: _objectSpread(_objectSpread({}, orientVertically && connectingLines), {}, (0, _defineProperty2["default"])({}, mq, connectingLines))
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     typography = _ref.typography,
@@ -12,7 +12,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,
@@ -36,5 +36,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneConnectingLinesMargin: spacing.small
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -4,19 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SessionItemResult = void 0;
+exports["default"] = exports.SessionItemResult = void 0;
 var _redux = require("redux");
-var _reactRedux = require("../../../../react-redux.js");
-var _makeScrollable = _interopRequireDefault(require("../../../shared/functionality/makeScrollable.js"));
-var _presenter = require("./presenter.js");
-var _featureCheck = require("../../../../util/featureCheck.js");
+var _reactRedux = require("../../../../react-redux");
+var _makeScrollable = _interopRequireDefault(require("../../../shared/functionality/makeScrollable"));
+var _presenter = require("./presenter");
+var _featureCheck = require("../../../../util/featureCheck");
 function mapStateToProps(state) {
   return {
     itemResultsModifications: state.getIn(['modifications', 'sessionItemResults']),
     shouldRenderAnswerFeedback: (0, _featureCheck.featureOn)('answer_level_feedback')
   };
 }
-var SessionItemResult = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps), _makeScrollable.default)(_presenter.SessionItemResult);
-exports.SessionItemResult = SessionItemResult;
-var _default = SessionItemResult;
-exports.default = _default;
+var SessionItemResult = exports.SessionItemResult = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps), _makeScrollable["default"])(_presenter.SessionItemResult);
+var _default = exports["default"] = SessionItemResult;

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

@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SessionItemResult = void 0;
+exports["default"] = exports.SessionItemResult = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
@@ -20,37 +22,38 @@ var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
 var _quizRce = require("@instructure/quiz-rce");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _PositionBox = _interopRequireDefault(require("../../positionBox/PositionBox.js"));
+var _PositionBox = _interopRequireDefault(require("../../positionBox/PositionBox"));
 var _quizCommon = require("@instructure/quiz-common");
-var _componentForItem = _interopRequireDefault(require("../../../../util/componentForItem.js"));
-var _CustomPropTypes = _interopRequireDefault(require("../../../../util/CustomPropTypes.js"));
-var _keyboardClickable = _interopRequireDefault(require("../../../../util/keyboardClickable.js"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _componentForItem = _interopRequireDefault(require("../../../../util/componentForItem"));
+var _CustomPropTypes = _interopRequireDefault(require("../../../../util/CustomPropTypes"));
+var _keyboardClickable = _interopRequireDefault(require("../../../../util/keyboardClickable"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _SessionItemResult;
 /** @jsx jsx */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
-var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SessionItemResult = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(SessionItemResult, _Component);
-  var _super = (0, _createSuper2.default)(SessionItemResult);
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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; })(); }
+var SessionItemResult = exports.SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_SessionItemResult = /*#__PURE__*/function (_Component) {
   function SessionItemResult() {
     var _this;
-    (0, _classCallCheck2.default)(this, SessionItemResult);
+    (0, _classCallCheck2["default"])(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));
+    (0, _defineProperty2["default"])(_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;
   }
-  (0, _createClass2.default)(SessionItemResult, [{
+  (0, _inherits2["default"])(SessionItemResult, _Component);
+  return (0, _createClass2["default"])(SessionItemResult, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -60,6 +63,28 @@ var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
     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() {
@@ -80,19 +105,42 @@ var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
     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 (0, _formatMessage["default"])("{ possible, plural,\n          one   {{points, number} / # point}\n          other {{points, number} / # points}\n        }", {
+          points: points,
+          possible: possible
+        });
+      }
+      if (this.pointsPossiblePresent) {
+        return (0, _formatMessage["default"])("{ possible, plural,\n          one   {# point}\n          other {# points}\n        } possible", {
+          possible: possible
+        });
+      }
+      if (this.pointsPresent) {
+        return (0, _formatMessage["default"])("{ points, plural,\n          one   {# point}\n          other {# points}\n        } earned", {
+          points: points
+        });
+      }
+      return '';
+    }
   }, {
     key: "renderRegradeAlert",
     value: function renderRegradeAlert() {
       return (0, _emotion.jsx)(_uiAlerts.Alert, {
         variant: "warning",
         margin: "medium"
-      }, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _formatMessage.default)('This question has been regraded.')));
+      }, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _formatMessage["default"])('This question has been regraded.')));
     }
   }, {
     key: "renderUnscorableAlert",
     value: function renderUnscorableAlert() {
       // If they can edit grader feedback they should see the teacher message
-      var message = this.props.editGraderFeedback ? (0, _formatMessage.default)('There was a problem grading this question.') : (0, _formatMessage.default)('There was a problem grading this question. Please inform your instructor.');
+      var message = this.props.editGraderFeedback ? (0, _formatMessage["default"])('There was a problem grading this question.') : (0, _formatMessage["default"])('There was a problem grading this question. Please inform your instructor.');
       return (0, _emotion.jsx)(_uiAlerts.Alert, {
         variant: "warning",
         margin: "medium"
@@ -107,7 +155,7 @@ var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
         margin: "small"
       }, (0, _emotion.jsx)(_uiText.Text, {
         color: "secondary"
-      }, (0, _formatMessage.default)("Previous score { possible, plural,\n              one   {{points, number} / # point}\n              other {{points, number} / # points}\n            }", {
+      }, (0, _formatMessage["default"])("Previous score { possible, plural,\n              one   {{points, number} / # point}\n              other {{points, number} / # points}\n            }", {
         points: this.props.sessionItemResult.regradeInfo.get('originalScore') || 0,
         possible: this.props.sessionItemResult.regradeInfo.get('originalPointsPossible')
       }))), (0, _emotion.jsx)(_uiView.View, {
@@ -116,7 +164,7 @@ var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
         margin: "small"
       }, (0, _emotion.jsx)(_uiText.Text, {
         color: "alert"
-      }, (0, _formatMessage.default)("Regrade score { possible, plural,\n              one   {{points, number} / # point}\n              other {{points, number} / # points}\n            }", {
+      }, (0, _formatMessage["default"])("Regrade score { possible, plural,\n              one   {{points, number} / # point}\n              other {{points, number} / # points}\n            }", {
         points: this.props.sessionItemResult.regradeInfo.get('newScore') || 0,
         possible: this.props.sessionItemResult.regradeInfo.get('newPointsPossible')
       }))));
@@ -134,27 +182,27 @@ var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
       var position = this.position();
       var positionText;
       if (this.regraded() && this.unscorable()) {
-        positionText = (0, _formatMessage.default)('Results for question {position, number}. There was a problem grading this question. This question has been regraded.', {
+        positionText = (0, _formatMessage["default"])('Results for question {position, number}. There was a problem grading this question. This question has been regraded.', {
           position: position
         });
       } else if (this.regraded()) {
-        positionText = (0, _formatMessage.default)('Results for question {position, number}. This question has been regraded.', {
+        positionText = (0, _formatMessage["default"])('Results for question {position, number}. This question has been regraded.', {
           position: position
         });
       } else if (this.unscorable() && this.props.editGraderFeedback) {
-        positionText = (0, _formatMessage.default)('Results for question {position, number}. There was a problem grading this question.', {
+        positionText = (0, _formatMessage["default"])('Results for question {position, number}. There was a problem grading this question.', {
           position: position
         });
       } else if (this.unscorable()) {
-        positionText = (0, _formatMessage.default)('Results for question {position, number}. There was a problem grading this question. Please inform your instructor.', {
+        positionText = (0, _formatMessage["default"])('Results for question {position, number}. There was a problem grading this question. Please inform your instructor.', {
           position: position
         });
       } else {
-        positionText = (0, _formatMessage.default)('Results for question {position, number}.', {
+        positionText = (0, _formatMessage["default"])('Results for question {position, number}.', {
           position: position
         });
       }
-      return (0, _emotion.jsx)(_PositionBox.default, {
+      return (0, _emotion.jsx)(_PositionBox["default"], {
         position: position,
         headingLevel: "h3",
         headingText: positionText
@@ -187,11 +235,11 @@ var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
     key: "renderItemFeedback",
     value: function renderItemFeedback(simpleSessionItemResult) {
       var itemFeedback = simpleSessionItemResult.feedback && simpleSessionItemResult.feedback.itemFeedback || {};
-      var correctFeedback = this.renderFeedbackBox(itemFeedback.correct, (0, _formatMessage.default)('Based on answering correctly'));
-      var incorrectFeedback = this.renderFeedbackBox(itemFeedback.incorrect, (0, _formatMessage.default)('Based on answering incorrectly'));
-      var neutralFeedback = this.renderFeedbackBox(itemFeedback.neutral, (0, _formatMessage.default)('General Feedback'));
+      var correctFeedback = this.renderFeedbackBox(itemFeedback.correct, (0, _formatMessage["default"])('Based on answering correctly'));
+      var incorrectFeedback = this.renderFeedbackBox(itemFeedback.incorrect, (0, _formatMessage["default"])('Based on answering incorrectly'));
+      var neutralFeedback = this.renderFeedbackBox(itemFeedback.neutral, (0, _formatMessage["default"])('General Feedback'));
       var graderFeedback = this.renderGraderFeedback(simpleSessionItemResult);
-      var answerFeedback = this.renderFeedbackBox(simpleSessionItemResult.answerFeedback, (0, _formatMessage.default)('Based on your answer'));
+      var answerFeedback = this.renderFeedbackBox(simpleSessionItemResult.answerFeedback, (0, _formatMessage["default"])('Based on your answer'));
       var showAnswerFeedback = this.props.shouldRenderAnswerFeedback && answerFeedback;
       var showFeedback = correctFeedback || incorrectFeedback || neutralFeedback || graderFeedback;
       if (showAnswerFeedback || showFeedback) {
@@ -200,7 +248,7 @@ var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
         }, (0, _emotion.jsx)(_uiHeading.Heading, {
           level: "h3",
           margin: "xx-small small medium"
-        }, (0, _formatMessage.default)('Feedback')), (0, _emotion.jsx)("div", {
+        }, (0, _formatMessage["default"])('Feedback')), (0, _emotion.jsx)("div", {
           "data-automation": "sdk-answer-feedback-results-view"
         }, this.props.shouldRenderAnswerFeedback && answerFeedback), correctFeedback, incorrectFeedback, neutralFeedback, graderFeedback);
       }
@@ -214,17 +262,17 @@ var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
           return (0, _emotion.jsx)("div", {
             role: "button",
             onClick: this.props.editGraderFeedback,
-            onKeyDown: _keyboardClickable.default,
+            onKeyDown: _keyboardClickable["default"],
             css: this.props.styles.itemFeedbackWrapper,
             tabIndex: "0"
           }, (0, _emotion.jsx)("div", {
             css: this.props.styles.itemFeedbackLabel
-          }, (0, _formatMessage.default)('Feedback from grader')), (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
+          }, (0, _formatMessage["default"])('Feedback from grader')), (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
             customStyles: this.props.styles.itemFeedbackText,
             content: graderFeedback.content
           }));
         } else {
-          return this.renderFeedbackBox(graderFeedback.content, (0, _formatMessage.default)('Feedback from grader'));
+          return this.renderFeedbackBox(graderFeedback.content, (0, _formatMessage["default"])('Feedback from grader'));
         }
       }
     }
@@ -241,7 +289,7 @@ var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
       }
       var item = sessionItem.getItem();
       var slug = item.getInteractionType && item.getInteractionType().slug;
-      var ResultInteraction = (0, _componentForItem.default)(slug, _quizCommon.COMPONENT_RESULT);
+      var ResultInteraction = (0, _componentForItem["default"])(slug, _quizCommon.COMPONENT_RESULT);
       var simpleItem = item.toJS();
       var simpleResultsModifications = itemResultsModifications && itemResultsModifications.toJS() || {};
       var simpleSessionItem = sessionItem.toJS();
@@ -269,75 +317,26 @@ var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
         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 (0, _formatMessage.default)("{ possible, plural,\n          one   {{points, number} / # point}\n          other {{points, number} / # points}\n        }", {
-          points: points,
-          possible: possible
-        });
-      }
-      if (this.pointsPossiblePresent) {
-        return (0, _formatMessage.default)("{ possible, plural,\n          one   {# point}\n          other {# points}\n        } possible", {
-          possible: possible
-        });
-      }
-      if (this.pointsPresent) {
-        return (0, _formatMessage.default)("{ points, plural,\n          one   {# point}\n          other {# points}\n        } earned", {
-          points: points
-        });
-      }
-      return '';
-    }
   }]);
-  SessionItemResult.displayName = "SessionItemResult";
-  return SessionItemResult;
-}(_react.Component), _SessionItemResult.displayName = 'SessionItemResult', _SessionItemResult.componentId = "Quizzes".concat(_SessionItemResult.displayName), _SessionItemResult.propTypes = {
-  appContainer: _CustomPropTypes.default.selectors.isRequired,
-  editGraderFeedback: _propTypes.default.func,
-  hideGraderFeedback: _propTypes.default.bool,
-  itemResultsModifications: _reactImmutableProptypes.default.map,
-  restrictQuantitativeData: _propTypes.default.bool,
-  sessionItem: _reactImmutableProptypes.default.record.isRequired,
-  sessionItemResult: _reactImmutableProptypes.default.record.isRequired,
-  shouldRenderAnswerFeedback: _propTypes.default.bool,
-  shouldRenderTopBorder: _propTypes.default.bool,
+}(_react.Component), (0, _defineProperty2["default"])(_SessionItemResult, "displayName", 'SessionItemResult'), (0, _defineProperty2["default"])(_SessionItemResult, "componentId", "Quizzes".concat(_SessionItemResult.displayName)), (0, _defineProperty2["default"])(_SessionItemResult, "propTypes", {
+  appContainer: _CustomPropTypes["default"].selectors.isRequired,
+  editGraderFeedback: _propTypes["default"].func,
+  hideGraderFeedback: _propTypes["default"].bool,
+  itemResultsModifications: _reactImmutableProptypes["default"].map,
+  restrictQuantitativeData: _propTypes["default"].bool,
+  sessionItem: _reactImmutableProptypes["default"].record.isRequired,
+  sessionItemResult: _reactImmutableProptypes["default"].record.isRequired,
+  shouldRenderAnswerFeedback: _propTypes["default"].bool,
+  shouldRenderTopBorder: _propTypes["default"].bool,
   // used in styles.js
-  styles: _propTypes.default.object,
-  makeStyles: _propTypes.default.func
-}, _SessionItemResult.defaultProps = {
+  styles: _propTypes["default"].object,
+  makeStyles: _propTypes["default"].func
+}), (0, _defineProperty2["default"])(_SessionItemResult, "defaultProps", {
   editGraderFeedback: null,
   hideGraderFeedback: false,
   itemResultsModifications: null,
   restrictQuantitativeData: false,
   shouldRenderAnswerFeedback: false,
   shouldRenderTopBorder: true
-}, _SessionItemResult)) || _class);
-exports.SessionItemResult = SessionItemResult;
-var _default = SessionItemResult;
-exports.default = _default;
+}), _SessionItemResult)) || _class);
+var _default = exports["default"] = SessionItemResult;

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

@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/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) { (0, _defineProperty2["default"])(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: (0, _objectSpread2.default)({
+    sessionItemResult: _objectSpread({
       padding: componentTheme.sessionItemResultPadding
     }, props.shouldRenderTopBorder && {
       borderTop: "solid ".concat(componentTheme.topBorderWidth, " ").concat(componentTheme.topBorderColor)
@@ -52,5 +54,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

package/lib/common/components/resources/sessionItemResult/SessionItemResult/theme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     typography = _ref.typography,
@@ -34,5 +34,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     textPaddingBottom: spacing.small
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;