@instructure/quiz-core 17.19.2-rc.3 → 17.19.3-rc.0

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

@@ -0,0 +1,321 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Info = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _uiAlerts = require("@instructure/ui-alerts");
+
+var _uiText = require("@instructure/ui-text");
+
+var _uiProgress = require("@instructure/ui-progress");
+
+var _uiHeading = require("@instructure/ui-heading");
+
+var _uiView = require("@instructure/ui-view");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _index = _interopRequireDefault(require("../../../shared/FormattedDuration/index.js"));
+
+var _formatTimespan = require("../../../../util/formatTimespan.js");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'fhrSa',
+  template: function template(theme) {
+    return "\n\n.fhrSa_ekHz{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:".concat(theme.alertWrapperMargin || 'inherit', "}\n\n.fhrSa_bANW{flex-grow:1;max-width:33rem}\n\n.fhrSa_gasz{margin:none;padding:none}\n\n.fhrSa_pypk,.fhrSa_gasz{align-items:center;display:flex;justify-content:center}\n\n.fhrSa_pypk{align-self:center;flex-wrap:wrap}\n\n.fhrSa_bCqi{flex-wrap:wrap;justify-content:flex-start}\n\n.fhrSa_frHB,.fhrSa_bCqi{align-items:center;display:flex;flex:1 1 auto}\n\n.fhrSa_frHB{height:150px;margin:").concat(theme.scoreMargin || 'inherit', ";width:150px;z-index:").concat(theme.scoreZIndex || 'inherit', "}\n\n.fhrSa_fkZg{font-size:").concat(theme.scorePercentageFontSize || 'inherit', ";font-weight:").concat(theme.scorePercentageFontWeight || 'inherit', "}\n\n.fhrSa_vsBM{flex:1 1 auto;margin:").concat(theme.infoWrapperMargin || 'inherit', ";padding-left:").concat(theme.inforWrapperPadding || 'inherit', "}");
+  },
+  'alertWrapper': 'fhrSa_ekHz',
+  'alertWidth': 'fhrSa_bANW',
+  'wrapper': 'fhrSa_gasz',
+  'info': 'fhrSa_pypk',
+  'scoreStats': 'fhrSa_bCqi',
+  'score': 'fhrSa_frHB',
+  'scorePercentage': 'fhrSa_fkZg',
+  'infoWrapper': 'fhrSa_vsBM'
+};
+var unknownPercentageValue = 'UNKNOWN_PERCENTAGE';
+var Info = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
+  (0, _inherits2.default)(Info, _withI18nSupport);
+
+  var _super = (0, _createSuper2.default)(Info);
+
+  function Info(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Info);
+    _this = _super.call(this, props);
+    _this.progressTextFormatter = _this.progressTextFormatter.bind((0, _assertThisInitialized2.default)(_this));
+    _this.progressDisplayFormatter = _this.progressDisplayFormatter.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+
+  (0, _createClass2.default)(Info, [{
+    key: "progressTextFormatter",
+    // needed for inst-ui Progress
+    value: function progressTextFormatter(valueNow, valueMax) {
+      var percentageUnknown = valueNow === unknownPercentageValue;
+      return percentageUnknown ? (0, _formatMessage.default)('Unknown Score') : (0, _formatMessage.default)('Your score was {percentage}.', {
+        percentage: this.formatPercentMax2FractionDigits(valueNow)
+      });
+    } // needed for inst-ui Progress
+
+  }, {
+    key: "progressDisplayFormatter",
+    value: function progressDisplayFormatter(valueNow, valueMax) {
+      var valueToShow = valueNow === unknownPercentageValue ? (0, _formatMessage.default)({
+        id: 'progress_display',
+        default: '?',
+        description: 'placeholder for an unknown percentage value'
+      }) : this.formatPercentMax2FractionDigits(valueNow);
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.scorePercentage,
+        "data-automation": "sdk-quiz-score-percentage"
+      }, valueToShow);
+    }
+  }, {
+    key: "renderAlert",
+    value: function renderAlert() {
+      var _this$props = this.props,
+          quizSessionResult = _this$props.quizSessionResult,
+          sessionItemResults = _this$props.sessionItemResults;
+      var ungradedCount = sessionItemResults.reduce(function (count, sessionItemResult) {
+        return sessionItemResult.getIn(['scoredData', 'gradeStatus']) === 'waiting' ? count + 1 : count;
+      }, 0);
+      var hasUngradedQuesitons = ungradedCount > 0;
+      var alerts = [];
+
+      if (quizSessionResult.isLoaded() && quizSessionResult.autogradingFailed()) {
+        var msg = (0, _formatMessage.default)('There was a grading problem. Please inform your instructor.');
+        alerts.push( /*#__PURE__*/_react.default.createElement(_uiAlerts.Alert, {
+          key: "autograding_failed",
+          variant: "warning"
+        }, msg));
+      }
+
+      if (hasUngradedQuesitons && quizSessionResult.isLoaded()) {
+        var ungradedText = (0, _formatMessage.default)("{\n        count, plural,\n        one {# question requires grading}\n        other {# questions require grading}\n      }", {
+          count: ungradedCount
+        });
+        alerts.push( /*#__PURE__*/_react.default.createElement(_uiAlerts.Alert, {
+          key: "manual_grading",
+          variant: "info"
+        }, ungradedText));
+      }
+
+      if (alerts.length) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.alertWrapper
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.alertWidth,
+          "data-automation": "sdk-results-requires-grading"
+        }, alerts));
+      }
+    }
+  }, {
+    key: "renderScoreStats",
+    value: function renderScoreStats() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.scoreStats
+      }, this.renderProgress(), this.renderPointsDisplay());
+    }
+  }, {
+    key: "renderProgress",
+    value: function renderProgress() {
+      if (this.pointsMissing || this.pointsPossibleMissing) {
+        return null;
+      }
+
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.score,
+        "data-automation": "sdk-info-score"
+      }, /*#__PURE__*/_react.default.createElement(_uiProgress.Progress, {
+        animateOnMount: true,
+        size: "large",
+        variant: "circle",
+        label: (0, _formatMessage.default)('Your Score'),
+        formatValueText: this.progressTextFormatter,
+        formatDisplayedValue: this.progressDisplayFormatter,
+        valueNow: this.percentageVal,
+        valueMax: 1
+      }));
+    }
+  }, {
+    key: "renderPointsDisplay",
+    value: function renderPointsDisplay() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.infoWrapper
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
+        alt: this.pointsText
+      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        as: "div",
+        color: "primary",
+        size: "xx-large",
+        weight: "bold"
+      }, this.mainPointsText), /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        color: "secondary"
+      }, this.subPointsText)));
+    }
+  }, {
+    key: "renderTime",
+    value: function renderTime() {
+      var attemptText = (0, _formatMessage.default)('Time for this attempt');
+      var alt = (0, _formatMessage.default)('Time for this attempt: { time }', {
+        time: (0, _formatTimespan.formatTime)(this.props.quizSession.elapsedTime)
+      });
+      return /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
+        alt: alt
+      }, /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        as: "div"
+      }, /*#__PURE__*/_react.default.createElement(_index.default, {
+        fontSize: "xx-large",
+        fontWeight: "bold",
+        seconds: this.props.quizSession.elapsedTime
+      })), /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        color: "secondary"
+      }, attemptText));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement("div", null, this.renderAlert(), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.wrapper
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.info
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        level: "h2"
+      }, (0, _formatMessage.default)('Assessment Statistics'))), this.renderScoreStats(), /*#__PURE__*/_react.default.createElement("div", {
+        className: 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 _formatMessage.default.number(valueToUse);
+    }
+  }, {
+    key: "subPointsText",
+    get: function get() {
+      if (this.pointsPresent && this.pointsPossiblePresent) {
+        return (0, _formatMessage.default)("Out of {\n        points, plural,\n        one {# point}\n        other {# points}\n      }", {
+          points: this.pointsPossible
+        });
+      }
+
+      if (this.pointsPresent) {
+        return (0, _formatMessage.default)("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 (0, _formatMessage.default)("{points, plural,\n      one {Point}\n      other {Points}\n    } possible", {
+        points: this.pointsPossible
+      });
+    }
+  }, {
+    key: "pointsText",
+    get: function get() {
+      if (this.pointsPresent && this.pointsPossiblePresent) {
+        return (0, _formatMessage.default)("{points, number} out of {\n        total, plural,\n        one {# point}\n        other {# points}\n      }", {
+          points: this.points,
+          total: this.pointsPossible
+        });
+      }
+
+      if (this.pointsPresent) {
+        return (0, _formatMessage.default)("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 (0, _formatMessage.default)("{points, plural,\n        one {# point}\n        other {# points}\n      } possible", {
+          points: this.pointsPossible
+        });
+      }
+
+      return (0, _formatMessage.default)('Unknown Score');
+    }
+  }]);
+  Info.displayName = "Info";
+  return Info;
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _class2.propTypes = {
+  quizSession: _reactImmutableProptypes.default.record.isRequired,
+  quizSessionResult: _reactImmutableProptypes.default.record.isRequired,
+  sessionItemResults: _reactImmutableProptypes.default.list.isRequired
+}, _temp)) || _class);
+exports.Info = Info;
+var _default = Info;
+exports.default = _default;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing,
+      typography = _ref.typography;
+  return {
+    alertWrapperMargin: spacing.xSmall,
+    scoreMargin: spacing.small,
+    scoreZIndex: '2222',
+    scorePercentageFontSize: typography.fontSizeLarge,
+    scorePercentageFontWeight: typography.fontWeightBold,
+    infoWrapperMargin: spacing.small,
+    inforWrapperPadding: spacing.small
+  };
+}

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

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ResultStimulus = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _quizRce = require("@instructure/quiz-rce");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'fcFqb',
+  template: function template(theme) {
+    return "\n\n.fcFqb_bGBk{border-bottom:".concat(theme.rootBorderWidth || 'inherit', " solid ").concat(theme.rootBorderColor || 'inherit', ";overflow:hidden}\n\n.fcFqb_pJNU{border:").concat(theme.instructionsBorderWidth || 'inherit', " solid ").concat(theme.instructionsBorderColor || 'inherit', ";padding:").concat(theme.instructionsPaddingTopBottom || 'inherit', " ").concat(theme.instructionsPaddingLeftRight || 'inherit', "}\n\n.fcFqb_dEpm{font-weight:").concat(theme.instructionsHeaderFontWeight || 'inherit', ";padding-bottom:").concat(theme.instructionsHeaderPadding || 'inherit', "}\n\n.fcFqb_pypk{background-color:").concat(theme.infoBackgroundColor || 'inherit', ";height:100%;overflow:scroll;padding:").concat(theme.infoPaddingTopBottom || 'inherit', " ").concat(theme.infoPaddingLeftRight || 'inherit', "}\n\n.fcFqb_fsuY{padding-bottom:").concat(theme.headerPaddingBottom || 'inherit', ";padding-top:").concat(theme.headerPaddingTop || 'inherit', "}\n\n.fcFqb_nvdO{font-size:").concat(theme.titleFontSize || 'inherit', ";font-weight:").concat(theme.titleFontWeight || 'inherit', "}\n\n.fcFqb_JelF{padding:").concat(theme.itemsPadding || 'inherit', ";width:50%}\n\n.fcFqb_boAJ{flex:1 1 auto}\n\n.fcFqb_bbyJ{display:flex;flex-direction:row}\n\n.fcFqb_eNQJ{width:50%}\n\n@media screen and (--phoneBreakPoint){.fcFqb_bbyJ{flex-direction:column}.fcFqb_JelF,.fcFqb_eNQJ{width:100%}.fcFqb_pJNU{padding:").concat(theme.phoneInstructionsPaddingTopBottom || 'inherit', " ").concat(theme.phoneInstructionsPaddingLeftRight || 'inherit', "}.fcFqb_pypk{padding:").concat(theme.phoneInfoPadding || 'inherit', "}.fcFqb_eGWt{border-bottom:").concat(theme.phoneConnectingLinesBorderWidth || 'inherit', " dotted;border-color:").concat(theme.phoneConnectingLinesBorderColor || 'inherit', ";border-left:").concat(theme.phoneConnectingLinesBorderWidth || 'inherit', " dotted;flex:0 0 1rem;height:2rem;margin-right:").concat(theme.phoneConnectingLinesMargin || 'inherit', ";margin-top:").concat(theme.phoneConnectingLinesMargin || 'inherit', ";width:1.5rem}}");
+  },
+  'root': 'fcFqb_bGBk',
+  'instructions': 'fcFqb_pJNU',
+  'instructionsHeader': 'fcFqb_dEpm',
+  'info': 'fcFqb_pypk',
+  'header': 'fcFqb_fsuY',
+  'title': 'fcFqb_nvdO',
+  'items': 'fcFqb_JelF',
+  'stimulusItem': 'fcFqb_boAJ',
+  'stimulusGroup': 'fcFqb_bbyJ',
+  'stimulusInfo': 'fcFqb_eNQJ',
+  'connectingLines': 'fcFqb_eGWt'
+};
+var ResultStimulus = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ResultStimulus, _Component);
+
+  var _super = (0, _createSuper2.default)(ResultStimulus);
+
+  function ResultStimulus() {
+    (0, _classCallCheck2.default)(this, ResultStimulus);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(ResultStimulus, [{
+    key: "renderStimulusInstructions",
+    value: function renderStimulusInstructions() {
+      var instructions = this.props.stimulus.instructions;
+
+      if (instructions) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.instructions
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.instructionsHeader
+        }, (0, _formatMessage.default)('Instructions')), /*#__PURE__*/_react.default.createElement("div", null, instructions));
+      }
+    }
+  }, {
+    key: "renderStimulusInfo",
+    value: function renderStimulusInfo() {
+      var title = this.props.stimulus.title;
+      var body = this.props.stimulus.body;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.info
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.header
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.title
+      }, title)), /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
+        content: body
+      }));
+    }
+  }, {
+    key: "renderStimulusItems",
+    value: function renderStimulusItems() {
+      var _this = this;
+
+      return this.props.sessionItem.getNestedEntries().toArray().map(function (sessionItem, i) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          key: sessionItem.position
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.connectingLines
+        }), /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.stimulusItem
+        }, _this.props.renderItem(sessionItem, i !== 0)));
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.root
+      }, this.renderStimulusInstructions(), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.stimulusGroup
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.stimulusInfo
+      }, this.renderStimulusInfo()), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.items
+      }, this.renderStimulusItems()))));
+    }
+  }]);
+  ResultStimulus.displayName = "ResultStimulus";
+  return ResultStimulus;
+}(_react.Component), _class2.propTypes = {
+  stimulus: _reactImmutableProptypes.default.record.isRequired,
+  sessionItem: _reactImmutableProptypes.default.record.isRequired,
+  renderItem: _propTypes.default.func.isRequired
+}, _temp)) || _class);
+exports.ResultStimulus = ResultStimulus;
+var _default = ResultStimulus;
+exports.default = _default;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing,
+      typography = _ref.typography,
+      borders = _ref.borders,
+      colors = _ref.colors,
+      breakpoints = _ref.breakpoints;
+  return {
+    rootBorderWidth: borders.widthSmall,
+    rootBorderColor: colors.porcelain,
+    instructionsPaddingTopBottom: spacing.medium,
+    instructionsPaddingLeftRight: spacing.large,
+    instructionsBorderWidth: borders.widthSmall,
+    instructionsBorderColor: colors.porcelain,
+    instructionsHeaderPadding: spacing.xSmall,
+    instructionsHeaderFontWeight: typography.fontWeightBold,
+    infoPaddingTopBottom: spacing.small,
+    infoPaddingLeftRight: spacing.medium,
+    infoBackgroundColor: colors.porcelain,
+    headerPaddingTop: spacing.xSmall,
+    headerPaddingBottom: spacing.small,
+    titleFontSize: typography.fontSizeMedium,
+    titleFontWeight: typography.fontWeightBold,
+    itemsPadding: spacing.small,
+    phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
+    phoneInstructionsPaddingTopBottom: spacing.medium,
+    phoneInstructionsPaddingLeftRight: spacing.small,
+    phoneInfoPadding: spacing.small,
+    phoneConnectingLinesBorderWidth: borders.widthSmall,
+    phoneConnectingLinesBorderColor: colors.tiara,
+    phoneConnectingLinesMargin: spacing.small
+  };
+}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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");
+
+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;