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

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

@@ -1,38 +1,62 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.QuizSessionResultHeader = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = require("react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
 var _uiHeading = require("@instructure/ui-heading");
+
 var _uiAlerts = require("@instructure/ui-alerts");
+
 var _emotion = require("@instructure/emotion");
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _QuizSessionResultHeader;
-/** @jsx jsx */
-var QuizSessionResultHeader = exports.QuizSessionResultHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizSessionResultHeader = /*#__PURE__*/function (_Component) {
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var QuizSessionResultHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(QuizSessionResultHeader, _Component);
+
+  var _super = (0, _createSuper2.default)(QuizSessionResultHeader);
+
   function QuizSessionResultHeader() {
     var _this;
+
     (0, _classCallCheck2.default)(this, QuizSessionResultHeader);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, QuizSessionResultHeader, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.renderRegradeAlert = function () {
       if (_this.props.regradedSessionItemResults && _this.props.regradedSessionItemResults.size > 0) {
         var questions = _this.props.regradedSessionItemResults.map(function (rsi) {
           return rsi.position;
         }).toJS().join(', ');
+
         return (0, _emotion.jsx)(_uiAlerts.Alert, {
           variant: "warning"
         }, (0, _formatMessage.default)("This assessment has been regraded. {\n              numRegradedSI, plural,\n                   =1 {Question {questions} has been affected.}\n                other {Questions {questions} have been affected.}\n              }", {
@@ -41,10 +65,11 @@ var QuizSessionResultHeader = exports.QuizSessionResultHeader = (_dec = (0, _emo
         }));
       }
     };
+
     return _this;
   }
-  (0, _inherits2.default)(QuizSessionResultHeader, _Component);
-  return (0, _createClass2.default)(QuizSessionResultHeader, [{
+
+  (0, _createClass2.default)(QuizSessionResultHeader, [{
     key: "studentName",
     value: function studentName() {
       return this.props.quizSession.userDisplayName();
@@ -69,14 +94,18 @@ var QuizSessionResultHeader = exports.QuizSessionResultHeader = (_dec = (0, _emo
       }, this.renderRegradeAlert()));
     }
   }]);
-}(_react.Component), _QuizSessionResultHeader.propTypes = {
+  QuizSessionResultHeader.displayName = "QuizSessionResultHeader";
+  return QuizSessionResultHeader;
+}(_react.Component), _class2.propTypes = {
   quizSession: _reactImmutableProptypes.default.record.isRequired,
   regradedSessionItemResults: _reactImmutableProptypes.default.list,
   studentDescription: _propTypes.default.node,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _QuizSessionResultHeader.defaultProps = {
+}, _class2.defaultProps = {
   regradedSessionItemResults: null,
   studentDescription: null
-}, _QuizSessionResultHeader)) || _class);
-var _default = exports.default = QuizSessionResultHeader;
+}, _temp)) || _class);
+exports.QuizSessionResultHeader = QuizSessionResultHeader;
+var _default = QuizSessionResultHeader;
+exports.default = _default;

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateStyle = function generateStyle(componentTheme) {
   return {
     resultListHeading: {
@@ -31,4 +32,6 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

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

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    typography = _ref.typography;
+      typography = _ref.typography;
   return {
     resultListInfoMargin: spacing.large,
     resultListTitleFontSize: typography.fontSizeXXLarge,
@@ -14,4 +15,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     regradeAlertPadding: spacing.xLarge
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

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

@@ -1,14 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _immutable = require("immutable");
-var _QuizSession = _interopRequireDefault(require("../../../../records/QuizSession"));
-var _QuizSessionResult = _interopRequireDefault(require("../../../../records/QuizSessionResult"));
-var _default = exports.default = {
+
+var _QuizSession = _interopRequireDefault(require("../../../../records/QuizSession.js"));
+
+var _QuizSessionResult = _interopRequireDefault(require("../../../../records/QuizSessionResult.js"));
+
+var _default = {
   propValues: {
     quizSession: [new _QuizSession.default({
       elapsedTime: 5400
@@ -37,4 +42,5 @@ var _default = exports.default = {
       }
     }])]
   }
-};
+};
+exports.default = _default;

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

@@ -1,144 +1,85 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
+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 = require("react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 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 _emotion = require("@instructure/emotion");
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
 var _gradingUtils = require("@instructure/grading-utils");
+
 var _quizCommon = require("@instructure/quiz-common");
-var _FormattedDuration = _interopRequireDefault(require("../../../shared/FormattedDuration"));
-var _formatTimespan = require("../../../../util/formatTimespan");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _Info;
-/** @jsx jsx */
+
+var _index = _interopRequireDefault(require("../../../shared/FormattedDuration/index.js"));
+
+var _formatTimespan = require("../../../../util/formatTimespan.js");
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
 var unknownPercentageValue = 'UNKNOWN_PERCENTAGE';
-var Info = exports.Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
+var Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _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 = (0, _callSuper2.default)(this, Info, [props]);
-    _this.progressTextFormatter = _this.progressTextFormatter.bind(_this);
-    _this.progressDisplayFormatter = _this.progressDisplayFormatter.bind(_this);
+    _this = _super.call(this, props);
+    _this.progressTextFormatter = _this.progressTextFormatter.bind((0, _assertThisInitialized2.default)(_this));
+    _this.progressDisplayFormatter = _this.progressDisplayFormatter.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
-  (0, _inherits2.default)(Info, _withI18nSupport);
-  return (0, _createClass2.default)(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 _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');
-    }
-
-    // needed for inst-ui Progress
-  }, {
+  (0, _createClass2.default)(Info, [{
     key: "progressTextFormatter",
+    // needed for inst-ui Progress
     value: function progressTextFormatter(_ref) {
       var valueNow = _ref.valueNow;
       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
 
-    // needed for inst-ui Progress
   }, {
     key: "progressDisplayFormatter",
     value: function progressDisplayFormatter(_ref2) {
@@ -157,13 +98,14 @@ var Info = exports.Info = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     key: "renderAlert",
     value: function renderAlert() {
       var _this$props = this.props,
-        quizSessionResult = _this$props.quizSessionResult,
-        sessionItemResults = _this$props.sessionItemResults;
+          quizSessionResult = _this$props.quizSessionResult,
+          sessionItemResults = _this$props.sessionItemResults;
       var ungradedCount = sessionItemResults.reduce(function (count, sessionItemResult) {
         return sessionItemResult.getIn(['scoredData', 'gradeStatus']) === 'waiting' ? count + 1 : count;
       }, 0);
       var hasUngradedQuesitons = ungradedCount > 0;
       var alerts = [];
+
       if (quizSessionResult.isLoaded() && quizSessionResult.autogradingFailed()) {
         var msg = (0, _formatMessage.default)('There was a grading problem. Please inform your instructor.');
         alerts.push((0, _emotion.jsx)(_uiAlerts.Alert, {
@@ -171,6 +113,7 @@ var Info = exports.Info = (_dec = (0, _emotion.withStyle)(_styles.default, _them
           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
@@ -180,6 +123,7 @@ var Info = exports.Info = (_dec = (0, _emotion.withStyle)(_styles.default, _them
           variant: "info"
         }, ungradedText));
       }
+
       if (alerts.length) {
         return (0, _emotion.jsx)("div", {
           css: this.props.styles.alertWrapper
@@ -222,6 +166,7 @@ var Info = exports.Info = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       if (this.pointsMissing || this.pointsPossibleMissing) {
         return null;
       }
+
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.score,
         "data-automation": "sdk-info-score"
@@ -262,7 +207,7 @@ var Info = exports.Info = (_dec = (0, _emotion.withStyle)(_styles.default, _them
         alt: alt
       }, (0, _emotion.jsx)(_uiView.View, {
         as: "div"
-      }, (0, _emotion.jsx)(_FormattedDuration.default, {
+      }, (0, _emotion.jsx)(_index.default, {
         fontSize: "xx-large",
         fontWeight: "bold",
         seconds: this.props.quizSession.elapsedTime
@@ -284,8 +229,101 @@ var Info = exports.Info = (_dec = (0, _emotion.withStyle)(_styles.default, _them
         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 _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');
+    }
   }]);
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _Info.propTypes = {
+  Info.displayName = "Info";
+  return Info;
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _class2.propTypes = {
   gradingScheme: _propTypes.default.arrayOf(_propTypes.default.shape({
     name: _propTypes.default.string,
     value: _propTypes.default.number
@@ -296,8 +334,10 @@ var Info = exports.Info = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   sessionItemResults: _reactImmutableProptypes.default.list.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _Info.defaultProps = {
+}, _class2.defaultProps = {
   gradingScheme: [],
   restrictQuantitativeData: false
-}, _Info)) || _class);
-var _default = exports.default = Info;
+}, _temp)) || _class);
+exports.Info = Info;
+var _default = Info;
+exports.default = _default;

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateStyle = function generateStyle(componentTheme) {
   return {
     alertWrapper: {
@@ -45,6 +46,7 @@ var generateStyle = function generateStyle(componentTheme) {
       margin: componentTheme.scoreMargin,
       height: '150px',
       width: '150px',
+
       /*
         progress modal sets a -1 z-index on its content
         and this raises it above the app background
@@ -62,4 +64,6 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

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

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    typography = _ref.typography;
+      typography = _ref.typography;
   return {
     alertWrapperMargin: spacing.xSmall,
     scoreMargin: spacing.small,
@@ -17,4 +18,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     inforWrapperPadding: spacing.small
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

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

@@ -1,34 +1,53 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 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"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _ResultStimulus;
-/** @jsx jsx */
-var ResultStimulus = exports.ResultStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ResultStimulus = /*#__PURE__*/function (_Component) {
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var ResultStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _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 (0, _callSuper2.default)(this, ResultStimulus, arguments);
+    return _super.apply(this, arguments);
   }
-  (0, _inherits2.default)(ResultStimulus, _Component);
-  return (0, _createClass2.default)(ResultStimulus, [{
+
+  (0, _createClass2.default)(ResultStimulus, [{
     key: "renderStimulusInstructions",
     value: function renderStimulusInstructions() {
       var instructions = this.props.stimulus.instructions;
+
       if (instructions) {
         return (0, _emotion.jsx)("div", {
           "data-testId": "instructions",
@@ -57,6 +76,7 @@ var ResultStimulus = exports.ResultStimulus = (_dec = (0, _emotion.withStyle)(_s
     key: "renderStimulusItems",
     value: function renderStimulusItems() {
       var _this = this;
+
       return this.props.sessionItem.getNestedEntries().toArray().map(function (sessionItem, i) {
         return (0, _emotion.jsx)("div", {
           key: sessionItem.position,
@@ -83,11 +103,15 @@ var ResultStimulus = exports.ResultStimulus = (_dec = (0, _emotion.withStyle)(_s
       }, this.renderStimulusItems()))));
     }
   }]);
-}(_react.Component), _ResultStimulus.propTypes = {
+  ResultStimulus.displayName = "ResultStimulus";
+  return ResultStimulus;
+}(_react.Component), _class2.propTypes = {
   stimulus: _reactImmutableProptypes.default.record.isRequired,
   sessionItem: _reactImmutableProptypes.default.record.isRequired,
   renderItem: _propTypes.default.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _ResultStimulus)) || _class);
-var _default = exports.default = ResultStimulus;
+}, _temp)) || _class);
+exports.ResultStimulus = ResultStimulus;
+var _default = ResultStimulus;
+exports.default = _default;