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

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

@@ -1,9 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _SessionItemResult;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
+
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -16,33 +19,43 @@ import { PresentationContent } from '@instructure/ui-a11y-content';
 import { withStyle, jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import t from '@instructure/quiz-i18n/es/format-message';
-import PositionBox from '../../positionBox/PositionBox';
+import PositionBox from "../../positionBox/PositionBox.js";
 import { COMPONENT_RESULT } from '@instructure/quiz-common';
-import componentForItem from '../../../../util/componentForItem';
-import CustomPropTypes from '../../../../util/CustomPropTypes';
-import keyboardClickable from '../../../../util/keyboardClickable';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SessionItemResult = /*#__PURE__*/function (_Component) {
+import componentForItem from "../../../../util/componentForItem.js";
+import CustomPropTypes from "../../../../util/CustomPropTypes.js";
+import keyboardClickable from "../../../../util/keyboardClickable.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(SessionItemResult, _Component);
+
+  var _super = _createSuper(SessionItemResult);
+
   function SessionItemResult() {
     var _this;
+
     _classCallCheck(this, SessionItemResult);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, SessionItemResult, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _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;
   }
-  _inherits(SessionItemResult, _Component);
-  return _createClass(SessionItemResult, [{
+
+  _createClass(SessionItemResult, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -52,28 +65,6 @@ export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponen
     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() {
@@ -94,29 +85,6 @@ export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponen
     value: function hasRegradeInfo() {
       return this.props.sessionItemResult.regradeInfo && this.props.sessionItemResult.regradeInfo.size > 1;
     }
-  }, {
-    key: "pointsDisplayText",
-    get: function get() {
-      var points = this.points;
-      var possible = this.pointsPossible;
-      if (this.pointsPresent && this.pointsPossiblePresent) {
-        return t("{ possible, plural,\n          one   {{points, number} / # point}\n          other {{points, number} / # points}\n        }", {
-          points: points,
-          possible: possible
-        });
-      }
-      if (this.pointsPossiblePresent) {
-        return t("{ possible, plural,\n          one   {# point}\n          other {# points}\n        } possible", {
-          possible: possible
-        });
-      }
-      if (this.pointsPresent) {
-        return t("{ points, plural,\n          one   {# point}\n          other {# points}\n        } earned", {
-          points: points
-        });
-      }
-      return '';
-    }
   }, {
     key: "renderRegradeAlert",
     value: function renderRegradeAlert() {
@@ -170,6 +138,7 @@ export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponen
     value: function renderResultPosition() {
       var position = this.position();
       var positionText;
+
       if (this.regraded() && this.unscorable()) {
         positionText = t('Results for question {position, number}. There was a problem grading this question. This question has been regraded.', {
           position: position
@@ -191,6 +160,7 @@ export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponen
           position: position
         });
       }
+
       return jsx(PositionBox, {
         position: position,
         headingLevel: "h3",
@@ -231,6 +201,7 @@ export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponen
       var answerFeedback = this.renderFeedbackBox(simpleSessionItemResult.answerFeedback, t('Based on your answer'));
       var showAnswerFeedback = this.props.shouldRenderAnswerFeedback && answerFeedback;
       var showFeedback = correctFeedback || incorrectFeedback || neutralFeedback || graderFeedback;
+
       if (showAnswerFeedback || showFeedback) {
         return jsx("div", {
           css: this.props.styles.itemFeedbackWrapper
@@ -246,6 +217,7 @@ export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponen
     key: "renderGraderFeedback",
     value: function renderGraderFeedback(simpleSessionItemResult) {
       var graderFeedback = simpleSessionItemResult.feedback && simpleSessionItemResult.feedback.graderFeedback || {};
+
       if (!this.props.hideGraderFeedback && graderFeedback.content) {
         if (this.props.editGraderFeedback) {
           return jsx("div", {
@@ -269,13 +241,15 @@ export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponen
     key: "renderSessionItemResult",
     value: function renderSessionItemResult() {
       var _this$props = this.props,
-        appContainer = _this$props.appContainer,
-        sessionItem = _this$props.sessionItem,
-        sessionItemResult = _this$props.sessionItemResult,
-        itemResultsModifications = _this$props.itemResultsModifications;
+          appContainer = _this$props.appContainer,
+          sessionItem = _this$props.sessionItem,
+          sessionItemResult = _this$props.sessionItemResult,
+          itemResultsModifications = _this$props.itemResultsModifications;
+
       if (!sessionItemResult.isLoaded()) {
         return null;
       }
+
       var item = sessionItem.getItem();
       var slug = item.getInteractionType && item.getInteractionType().slug;
       var ResultInteraction = componentForItem(slug, COMPONENT_RESULT);
@@ -306,8 +280,60 @@ export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponen
         css: this.props.styles.sessionItemResult
       }, this.regraded() ? this.renderRegradeAlert() : null, this.unscorable() ? this.renderUnscorableAlert() : null, this.renderHeader(), this.renderSessionItemResult());
     }
+  }, {
+    key: "points",
+    get: function get() {
+      var sessionItemResult = this.props.sessionItemResult;
+      var normalizedSessionItemResult = sessionItemResult && sessionItemResult.toJS() || {};
+      return normalizedSessionItemResult.score;
+    }
+  }, {
+    key: "pointsPresent",
+    get: function get() {
+      return typeof this.points === 'number';
+    }
+  }, {
+    key: "pointsPossible",
+    get: function get() {
+      return this.props.sessionItemResult.pointsPossible;
+    }
+  }, {
+    key: "pointsPossiblePresent",
+    get: function get() {
+      return typeof this.pointsPossible === 'number';
+    }
+  }, {
+    key: "pointsDisplayText",
+    get: function get() {
+      var points = this.points;
+      var possible = this.pointsPossible;
+
+      if (this.pointsPresent && this.pointsPossiblePresent) {
+        return t("{ possible, plural,\n          one   {{points, number} / # point}\n          other {{points, number} / # points}\n        }", {
+          points: points,
+          possible: possible
+        });
+      }
+
+      if (this.pointsPossiblePresent) {
+        return t("{ possible, plural,\n          one   {# point}\n          other {# points}\n        } possible", {
+          possible: possible
+        });
+      }
+
+      if (this.pointsPresent) {
+        return t("{ points, plural,\n          one   {# point}\n          other {# points}\n        } earned", {
+          points: points
+        });
+      }
+
+      return '';
+    }
   }]);
-}(Component), _SessionItemResult.propTypes = {
+
+  SessionItemResult.displayName = "SessionItemResult";
+  return SessionItemResult;
+}(Component), _class2.propTypes = {
   appContainer: CustomPropTypes.selectors.isRequired,
   editGraderFeedback: PropTypes.func,
   hideGraderFeedback: PropTypes.bool,
@@ -322,12 +348,12 @@ export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponen
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _SessionItemResult.defaultProps = {
+}, _class2.defaultProps = {
   editGraderFeedback: null,
   hideGraderFeedback: false,
   itemResultsModifications: null,
   restrictQuantitativeData: false,
   shouldRenderAnswerFeedback: false,
   shouldRenderTopBorder: true
-}, _SessionItemResult)) || _class);
+}, _temp)) || _class);
 export default SessionItemResult;

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

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     sessionItemResult: _objectSpread({
@@ -45,4 +46,5 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
+
 export default generateStyle;

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

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    typography = _ref.typography,
-    colors = _ref.colors,
-    borders = _ref.borders;
+      typography = _ref.typography,
+      colors = _ref.colors,
+      borders = _ref.borders;
   return {
     sessionItemResultPadding: spacing.small,
     topBorderWidth: borders.widthSmall,
@@ -28,4 +28,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     textPaddingBottom: spacing.small
   };
 };
+
 export default generateComponentTheme;

package/es/common/components/resources/sessionItemResult/SessionItemResultsList/index.js

@@ -1,8 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _SessionItemResultsList;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,20 +12,28 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import CustomPropTypes from '../../../../util/CustomPropTypes';
-import SessionItemResult from '../SessionItemResult';
-import ResultStimulus from '../ResultStimulus';
-import generateDisplayPositions from '../../../../util/generateDisplayPositions';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var SessionItemResultsList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SessionItemResultsList = /*#__PURE__*/function (_Component) {
+import CustomPropTypes from "../../../../util/CustomPropTypes.js";
+import SessionItemResult from "../SessionItemResult/index.js";
+import ResultStimulus from "../ResultStimulus/index.js";
+import generateDisplayPositions from "../../../../util/generateDisplayPositions.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var SessionItemResultsList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(SessionItemResultsList, _Component);
+
+  var _super = _createSuper(SessionItemResultsList);
+
   function SessionItemResultsList() {
     var _this;
+
     _classCallCheck(this, SessionItemResultsList);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, SessionItemResultsList, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.renderSessionItem = function (sessionItem, shouldRenderTopBorder) {
       return jsx(SessionItemResult, {
         appContainer: _this.props.appContainer,
@@ -34,15 +44,17 @@ export var SessionItemResultsList = (_dec = withStyle(generateStyle, generateCom
         shouldRenderTopBorder: shouldRenderTopBorder
       });
     };
+
     _this.renderItems = function () {
       return generateDisplayPositions(_this.props.sessionItems).map(function (si) {
         return _this.renderItem(si.record);
       });
     };
+
     return _this;
   }
-  _inherits(SessionItemResultsList, _Component);
-  return _createClass(SessionItemResultsList, [{
+
+  _createClass(SessionItemResultsList, [{
     key: "renderItem",
     value: function renderItem(sessionItem) {
       if (sessionItem.isStimulus) {
@@ -53,6 +65,7 @@ export var SessionItemResultsList = (_dec = withStyle(generateStyle, generateCom
           sessionItem: sessionItem
         });
       }
+
       return this.renderSessionItem(sessionItem, true);
     }
   }, {
@@ -70,13 +83,16 @@ export var SessionItemResultsList = (_dec = withStyle(generateStyle, generateCom
       }, this.renderItems()));
     }
   }]);
-}(Component), _SessionItemResultsList.propTypes = {
+
+  SessionItemResultsList.displayName = "SessionItemResultsList";
+  return SessionItemResultsList;
+}(Component), _class2.propTypes = {
   appContainer: CustomPropTypes.selectors.isRequired,
   restrictQuantitativeData: PropTypes.bool,
   sessionItems: ImmutablePropTypes.list.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _SessionItemResultsList.defaultProps = {
+}, _class2.defaultProps = {
   restrictQuantitativeData: false
-}, _SessionItemResultsList)) || _class);
+}, _temp)) || _class);
 export default SessionItemResultsList;

package/es/common/components/resources/sessionItemResult/SessionItemResultsList/styles.js

@@ -13,4 +13,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
+
 export default generateStyle;

package/es/common/components/resources/sessionItemResult/SessionItemResultsList/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    typography = _ref.typography,
-    colors = _ref.colors,
-    borders = _ref.borders;
+      typography = _ref.typography,
+      colors = _ref.colors,
+      borders = _ref.borders;
   return {
     sessionItemResultsListHeaderWrapperMarginTopBottom: spacing.small,
     sessionItemResultsListHeaderWrapperMarginLeftRight: spacing.large,
@@ -12,4 +12,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sessionItemResultsListBorderWidth: borders.widthSmall
   };
 };
+
 export default generateComponentTheme;

package/es/common/components/resources/stimulus/Stimulus/index.js

@@ -1,9 +1,10 @@
 import { bindActionCreators } from 'redux';
-import { connect } from '../../../../react-redux';
-import { openDeleteStimulusModal } from '../../../../actions/modal';
-import { set } from '../../../../actions/ui';
-import { featureOn } from '../../../../../common/util/featureCheck';
-import WrappedStimulus from './presenter';
+import { connect } from "../../../../react-redux.js";
+import { openDeleteStimulusModal } from "../../../../actions/modal.js";
+import { set } from "../../../../actions/ui.js";
+import { featureOn } from "../../../../../common/util/featureCheck.js";
+import WrappedStimulus from "./presenter.js";
+
 var mapStateToProps = function mapStateToProps(state, props) {
   var dndPosition = state.getIn(['dragAndDrop', 'position']);
   var draggingAboveHalf = state.getIn(['dragAndDrop', 'aboveHalf'], false);
@@ -18,10 +19,12 @@ var mapStateToProps = function mapStateToProps(state, props) {
     stimulusOrientationEnabled: featureOn('customizable_stimulus_orientation')
   };
 };
+
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     openDeleteStimulusModal: bindActionCreators(openDeleteStimulusModal, dispatch),
     setUi: bindActionCreators(set, dispatch)
   };
 };
+
 export default connect(mapStateToProps, mapDispatchToProps)(WrappedStimulus);

package/es/common/components/resources/stimulus/Stimulus/presenter.js

@@ -1,8 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _Stimulus;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,37 +12,48 @@ import { DragSource } from 'react-dnd';
 import { List, Map } from 'immutable';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { withStyle, jsx } from '@instructure/emotion';
-import AddContentPopover from '../../quiz/AddContent/Popover';
-import StimulusEdit from '../StimulusEdit';
-import StimulusShow from '../StimulusShow';
-import DragAndDropZone from '../../../shared/drag_and_drop/DragAndDropZone';
-import { ItemTypes, dragSource, collectDrag } from '../../../../../common/components/shared/drag_and_drop/dragAndDropUtils';
-import wrapWithOutsideClickEmotion from '../../../shared/functionality/componentWithOutsideClickEmotion';
+import AddContentPopover from "../../quiz/AddContent/Popover/index.js";
+import StimulusEdit from "../StimulusEdit/index.js";
+import StimulusShow from "../StimulusShow/index.js";
+import DragAndDropZone from "../../../shared/drag_and_drop/DragAndDropZone/index.js";
+import { ItemTypes, dragSource, collectDrag } from "../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js";
+import wrapWithOutsideClickEmotion from "../../../shared/functionality/componentWithOutsideClickEmotion.js";
 import { DELETE_STIMULUS_DATA } from '@instructure/quiz-common';
-import ConnectedQuizEntry from '../../../../../building/components/resources/quizEntry/QuizEntry';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var Stimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Stimulus = /*#__PURE__*/function (_Component) {
+import ConnectedQuizEntry from "../../../../../building/components/resources/quizEntry/QuizEntry/index.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var Stimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(Stimulus, _Component);
+
+  var _super = _createSuper(Stimulus);
+
   function Stimulus() {
     var _this;
+
     _classCallCheck(this, Stimulus);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Stimulus, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.openDeleteStimulusModal = function () {
       var uiData = Map({
         quizId: _this.props.quizId,
         stimulusEntry: _this.props.quizEntry,
         childEntries: _this.props.childEntries
       });
+
       _this.props.setUi(DELETE_STIMULUS_DATA, uiData);
+
       _this.props.openDeleteStimulusModal();
     };
+
     return _this;
   }
-  _inherits(Stimulus, _Component);
-  return _createClass(Stimulus, [{
+
+  _createClass(Stimulus, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -54,22 +67,23 @@ export var Stimulus = (_dec = withStyle(generateStyle, generateComponentTheme),
     key: "shouldDisableDragHandle",
     value: function shouldDisableDragHandle() {
       var _this$props = this.props,
-        quizEntries = _this$props.quizEntries,
-        quizEntry = _this$props.quizEntry;
+          quizEntries = _this$props.quizEntries,
+          quizEntry = _this$props.quizEntry;
       return quizEntries.size === quizEntry.positionSlots + 1;
     }
   }, {
     key: "isQuizContentLocked",
     value: function isQuizContentLocked() {
       var _this$props2 = this.props,
-        isContentLockedByBlueprint = _this$props2.isContentLockedByBlueprint,
-        lockBlueprintContentEnabled = _this$props2.lockBlueprintContentEnabled;
+          isContentLockedByBlueprint = _this$props2.isContentLockedByBlueprint,
+          lockBlueprintContentEnabled = _this$props2.lockBlueprintContentEnabled;
       return lockBlueprintContentEnabled && isContentLockedByBlueprint;
     }
   }, {
     key: "renderChildQuizEntries",
     value: function renderChildQuizEntries() {
       var _this2 = this;
+
       var nextDisplayPosition = this.props.displayPosition;
       return this.props.childEntries.toArray().map(function (childEntry, idx) {
         var displayPosition = nextDisplayPosition;
@@ -157,7 +171,10 @@ export var Stimulus = (_dec = withStyle(generateStyle, generateComponentTheme),
       }))));
     }
   }]);
-}(Component), _Stimulus.propTypes = {
+
+  Stimulus.displayName = "Stimulus";
+  return Stimulus;
+}(Component), _class2.propTypes = {
   bankEntryWarningWrapperProps: PropTypes.func,
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   connectDragPreview: PropTypes.func.isRequired,
@@ -189,7 +206,7 @@ export var Stimulus = (_dec = withStyle(generateStyle, generateComponentTheme),
   stimulusOrientationEnabled: PropTypes.bool.isRequired,
   makeStyles: PropTypes.func,
   styles: PropTypes.object
-}, _Stimulus.defaultProps = {
+}, _class2.defaultProps = {
   bankEntryWarningWrapperProps: function bankEntryWarningWrapperProps() {},
   childEntries: List([]),
   dndRef: function dndRef() {},
@@ -203,5 +220,5 @@ export var Stimulus = (_dec = withStyle(generateStyle, generateComponentTheme),
   onEditStimulusToggle: function onEditStimulusToggle() {},
   scrollKey: '',
   isContentLockedByBlueprint: false
-}, _Stimulus)) || _class);
+}, _temp)) || _class);
 export default DragSource(ItemTypes.QUIZ_ENTRY, dragSource, collectDrag)(wrapWithOutsideClickEmotion(Stimulus));

package/es/common/components/resources/stimulus/Stimulus/styles.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { LEFT } from '@instructure/quiz-common';
+
 var generateStyle = function generateStyle(componentTheme, props) {
   var mp = '@media print';
   var shouldSetHorizontalOrientation = props.stimulus.orientation === LEFT || !props.stimulusOrientationEnabled;
@@ -32,7 +33,9 @@ var generateStyle = function generateStyle(componentTheme, props) {
       maxHeight: 'none'
     })),
     stimulusWrapper: {
-      transform: 'translate3d(0, 0, 0)' /* for drag and drop preview to work */
+      transform: 'translate3d(0, 0, 0)'
+      /* for drag and drop preview to work */
+
     },
     dragAndDropHandle: {
       cursor: 'move',
@@ -51,4 +54,5 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
+
 export default generateStyle;

package/es/common/components/resources/stimulus/Stimulus/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    typography = _ref.typography,
-    colors = _ref.colors,
-    borders = _ref.borders;
+      typography = _ref.typography,
+      colors = _ref.colors,
+      borders = _ref.borders;
   return {
     leftPanelPadding: spacing.xxSmall,
     leftPanelBorderWidth: borders.widthSmall,
@@ -13,4 +13,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     dragAndDropHandleMargin: spacing.xSmall
   };
 };
+
 export default generateComponentTheme;

package/es/common/components/resources/stimulus/StimulusEdit/index.js

@@ -1,16 +1,17 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from '../../../../react-redux';
-import * as modificationActions from '../../../../actions/modifications';
-import * as quizEntriesApiActions from '../../../../../building/api/quizEntries';
-import * as stimuliApiActions from '../../../../../building/api/stimuli';
-import * as uiActions from '../../../../actions/ui';
-import * as alertActions from '../../../../actions/alerts';
-import * as errorsShowingActions from '../../../../actions/errorsShowing';
-import * as modalActions from '../../../../../common/actions/modal';
-import { uploadStatus } from '../../../../actions/upload';
+import { connect } from "../../../../react-redux.js";
+import * as modificationActions from "../../../../actions/modifications.js";
+import * as quizEntriesApiActions from "../../../../../building/api/quizEntries.js";
+import * as stimuliApiActions from "../../../../../building/api/stimuli.js";
+import * as uiActions from "../../../../actions/ui.js";
+import * as alertActions from "../../../../actions/alerts.js";
+import * as errorsShowingActions from "../../../../actions/errorsShowing.js";
+import * as modalActions from "../../../../../common/actions/modal.js";
+import { uploadStatus } from "../../../../actions/upload.js";
 import { ADD_CONTENT_POPOVER_KEY } from '@instructure/quiz-common';
-import WrappedStimulusEdit from './presenter';
+import WrappedStimulusEdit from "./presenter.js";
+
 function mapStateToProps(state, props) {
   var addContentPopoverOpen = state.get('editing', Map()).find(function (isEditing, key) {
     return isEditing && key.includes(ADD_CONTENT_POPOVER_KEY);
@@ -23,6 +24,7 @@ function mapStateToProps(state, props) {
     workingQuizEntry: props.quizEntry.getWorkingInstance()
   };
 }
+
 function mapDispatchToProps(dispatch) {
   var modActions = bindActionCreators(modificationActions, dispatch);
   var quizEntryApiActions = bindActionCreators(quizEntriesApiActions, dispatch);
@@ -50,4 +52,5 @@ function mapDispatchToProps(dispatch) {
     withConfirm: boundModalActions.withConfirm
   };
 }
+
 export default connect(mapStateToProps, mapDispatchToProps)(WrappedStimulusEdit);