@instructure/quiz-core 20.17.2-rc.9 → 20.17.3-rc.0

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

@@ -1,62 +1,38 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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.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);
-
+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) {
   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 = _super.call.apply(_super, [this].concat(args));
-
+    _this = (0, _callSuper2.default)(this, QuizSessionResultHeader, [].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              }", {
@@ -65,11 +41,10 @@ var QuizSessionResultHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _
         }));
       }
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(QuizSessionResultHeader, [{
+  (0, _inherits2.default)(QuizSessionResultHeader, _Component);
+  return (0, _createClass2.default)(QuizSessionResultHeader, [{
     key: "studentName",
     value: function studentName() {
       return this.props.quizSession.userDisplayName();
@@ -94,18 +69,14 @@ var QuizSessionResultHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _
       }, this.renderRegradeAlert()));
     }
   }]);
-  QuizSessionResultHeader.displayName = "QuizSessionResultHeader";
-  return QuizSessionResultHeader;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _QuizSessionResultHeader.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
-}, _class2.defaultProps = {
+}, _QuizSessionResultHeader.defaultProps = {
   regradedSessionItemResults: null,
   studentDescription: null
-}, _temp)) || _class);
-exports.QuizSessionResultHeader = QuizSessionResultHeader;
-var _default = QuizSessionResultHeader;
-exports.default = _default;
+}, _QuizSessionResultHeader)) || _class);
+var _default = exports.default = QuizSessionResultHeader;

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

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

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

@@ -4,10 +4,9 @@ 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,
@@ -15,6 +14,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     regradeAlertPadding: spacing.xLarge
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

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

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

@@ -1,85 +1,144 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _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 _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 _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 _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 unknownPercentageValue = 'UNKNOWN_PERCENTAGE';
-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);
-
+var Info = exports.Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
   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));
+    _this = (0, _callSuper2.default)(this, Info, [props]);
+    _this.progressTextFormatter = _this.progressTextFormatter.bind(_this);
+    _this.progressDisplayFormatter = _this.progressDisplayFormatter.bind(_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');
+    }
 
-  (0, _createClass2.default)(Info, [{
-    key: "progressTextFormatter",
     // needed for inst-ui Progress
+  }, {
+    key: "progressTextFormatter",
     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) {
@@ -98,14 +157,13 @@ var Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     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, {
@@ -113,7 +171,6 @@ var Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
           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
@@ -123,7 +180,6 @@ var Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
           variant: "info"
         }, ungradedText));
       }
-
       if (alerts.length) {
         return (0, _emotion.jsx)("div", {
           css: this.props.styles.alertWrapper
@@ -166,7 +222,6 @@ var Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
       if (this.pointsMissing || this.pointsPossibleMissing) {
         return null;
       }
-
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.score,
         "data-automation": "sdk-info-score"
@@ -207,7 +262,7 @@ var Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
         alt: alt
       }, (0, _emotion.jsx)(_uiView.View, {
         as: "div"
-      }, (0, _emotion.jsx)(_index.default, {
+      }, (0, _emotion.jsx)(_FormattedDuration.default, {
         fontSize: "xx-large",
         fontWeight: "bold",
         seconds: this.props.quizSession.elapsedTime
@@ -229,101 +284,8 @@ var Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
         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');
-    }
   }]);
-  Info.displayName = "Info";
-  return Info;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _class2.propTypes = {
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _Info.propTypes = {
   gradingScheme: _propTypes.default.arrayOf(_propTypes.default.shape({
     name: _propTypes.default.string,
     value: _propTypes.default.number
@@ -334,10 +296,8 @@ var Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   sessionItemResults: _reactImmutableProptypes.default.list.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _Info.defaultProps = {
   gradingScheme: [],
   restrictQuantitativeData: false
-}, _temp)) || _class);
-exports.Info = Info;
-var _default = Info;
-exports.default = _default;
+}, _Info)) || _class);
+var _default = exports.default = Info;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     alertWrapper: {
@@ -46,7 +45,6 @@ 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
@@ -64,6 +62,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

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

@@ -4,10 +4,9 @@ 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,
@@ -18,6 +17,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     inforWrapperPadding: spacing.small
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -1,53 +1,34 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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.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);
-
+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) {
   function ResultStimulus() {
     (0, _classCallCheck2.default)(this, ResultStimulus);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(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;
-
       if (instructions) {
         return (0, _emotion.jsx)("div", {
           "data-testId": "instructions",
@@ -76,7 +57,6 @@ var ResultStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
     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,
@@ -103,15 +83,11 @@ var ResultStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       }, this.renderStimulusItems()))));
     }
   }]);
-  ResultStimulus.displayName = "ResultStimulus";
-  return ResultStimulus;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _ResultStimulus.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
-}, _temp)) || _class);
-exports.ResultStimulus = ResultStimulus;
-var _default = ResultStimulus;
-exports.default = _default;
+}, _ResultStimulus)) || _class);
+var _default = exports.default = ResultStimulus;