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

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

@@ -1,10 +1,12 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 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, _StimulusEdit;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -16,46 +18,62 @@ import { Button } from '@instructure/ui-buttons';
 import { ToggleDetails } from '@instructure/ui-toggle-details';
 import { withStyle, jsx } from '@instructure/emotion';
 import { FILE_UPLOAD_SUCCESS, SHOULD_CLONE_ITEM, DELETED_QUIZ_ENTRY } from '@instructure/quiz-common';
-import { propsForStimulusVersioningWrapper, propsForBankEntryVersioningWrapper } from '../../../../util/warningHelpers';
-import AddToBankModal from '../../../../../banks/components/AddToBankModal';
-import AddToBankOptions from '../../../../../building/components/resources/AddToBankOptions';
-import WarningWrapper from '../../WarningWrapper';
-import CustomPropTypes from '../../../../../common/util/CustomPropTypes';
-import elementsForSelectors from '../../../../../common/util/ElementsForSelectors';
-import StimulusShowInfo from '../StimulusShowInfo';
-import StimulusEditInfo from '../StimulusEditInfo';
-import wrapWithOutsideClickEmotion from '../../../shared/functionality/componentWithOutsideClickEmotion';
-import ActionButtons from '../../../../../building/components/resources/ActionButtons';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import { propsForStimulusVersioningWrapper, propsForBankEntryVersioningWrapper } from "../../../../util/warningHelpers.js";
+import AddToBankModal from "../../../../../banks/components/AddToBankModal/index.js";
+import AddToBankOptions from "../../../../../building/components/resources/AddToBankOptions/index.js";
+import WarningWrapper from "../../WarningWrapper/index.js";
+import CustomPropTypes from "../../../../../common/util/CustomPropTypes.js";
+import elementsForSelectors from "../../../../../common/util/ElementsForSelectors.js";
+import StimulusShowInfo from "../StimulusShowInfo/index.js";
+import StimulusEditInfo from "../StimulusEditInfo/index.js";
+import wrapWithOutsideClickEmotion from "../../../shared/functionality/componentWithOutsideClickEmotion.js";
+import ActionButtons from "../../../../../building/components/resources/ActionButtons/index.js";
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_StimulusEdit = /*#__PURE__*/function (_Component) {
+export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(StimulusEdit, _Component);
+
+  var _super = _createSuper(StimulusEdit);
+
   function StimulusEdit() {
     var _this;
+
     _classCallCheck(this, StimulusEdit);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, StimulusEdit, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       canSubmit: true
     };
+
     _this.clearModifications = function () {
       _this.props.clearModifications('stimuli', _this.props.stimulus.id);
+
       _this.props.clearModifications('quizEntries', _this.props.quizEntry.id);
+
       if (_this.props.stimulus.isTemporary()) {
         _this.props.clearTemporaryStimulus(_this.props.quizId);
       }
     };
+
     _this.onCancel = function (e) {
       _this.props.hideError(_this.props.guid);
+
       _this.props.switchOffEditing();
+
       _this.clearModifications();
+
       _this.props.setUi(SHOULD_CLONE_ITEM, false);
     };
+
     _this.handleDeleteTemporary = function () {
       _this.props.withConfirm(function () {
         _this.onCancel();
+
         _this.props.setUi(DELETED_QUIZ_ENTRY, {
           position: Math.ceil(_this.props.quizEntry.position),
           inStimulus: false
@@ -67,6 +85,7 @@ export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentThem
         cancelText: t('Keep Stimulus')
       });
     };
+
     _this.handleDeleteStimulus = function () {
       if (_this.props.stimulus.isTemporary()) {
         _this.handleDeleteTemporary();
@@ -74,43 +93,53 @@ export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentThem
         _this.props.openDeleteStimulusModal();
       }
     };
+
     _this.handleStimulusCreated = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(stimulusData) {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(stimulusData) {
         var _this$props, quizId, quizEntry, mods;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _this$props = _this.props, quizId = _this$props.quizId, quizEntry = _this$props.quizEntry;
-              mods = Object.assign({}, quizEntry.toJS(), {
-                entryId: stimulusData.id,
-                entryType: 'Stimulus'
-              });
-              _context.next = 4;
-              return _this.props.updateQuizEntry(quizId, quizEntry.id, mods);
-            case 4:
-              _this.props.getQuizEntries(quizId);
-            case 5:
-            case "end":
-              return _context.stop();
+
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _this$props = _this.props, quizId = _this$props.quizId, quizEntry = _this$props.quizEntry;
+                mods = Object.assign({}, quizEntry.toJS(), {
+                  entryId: stimulusData.id,
+                  entryType: 'Stimulus'
+                });
+                _context.next = 4;
+                return _this.props.updateQuizEntry(quizId, quizEntry.id, mods);
+
+              case 4:
+                _this.props.getQuizEntries(quizId);
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee);
       }));
+
       return function (_x) {
         return _ref.apply(this, arguments);
       };
     }();
+
     _this.createNextQuizEntry = function () {
       var _this$props$nextQuizE = _this.props.nextQuizEntry,
-        interactionTypeData = _this$props$nextQuizE.interactionTypeData,
-        quizId = _this$props$nextQuizE.quizId,
-        position = _this$props$nextQuizE.position,
-        stimulusId = _this$props$nextQuizE.stimulusId,
-        parentEntryId = _this$props$nextQuizE.parentEntryId;
+          interactionTypeData = _this$props$nextQuizE.interactionTypeData,
+          quizId = _this$props$nextQuizE.quizId,
+          position = _this$props$nextQuizE.position,
+          stimulusId = _this$props$nextQuizE.stimulusId,
+          parentEntryId = _this$props$nextQuizE.parentEntryId;
+
       if (!interactionTypeData) {
         _this.props.createTempStimulus(quizId, position);
       } else {
         var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
         var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
+
         _this.props.createTempItem(quizId, position, {
           id: interactionTypeData.id,
           interactionData: defaultInteractionData,
@@ -121,82 +150,114 @@ export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentThem
           userResponseType: first(interactionTypeData.userResponseTypeOptions)
         }, parentEntryId, stimulusId);
       }
+
       _this.props.clearNextQuizEntry();
     };
+
     _this.onSubmit = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
         var _this$props2, stimulus, workingStimulus, quizId, quizEntry, stimulusData;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _this$props2 = _this.props, stimulus = _this$props2.stimulus, workingStimulus = _this$props2.workingStimulus, quizId = _this$props2.quizId, quizEntry = _this$props2.quizEntry;
-              if (workingStimulus.isValid()) {
-                _context2.next = 8;
+
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _this$props2 = _this.props, stimulus = _this$props2.stimulus, workingStimulus = _this$props2.workingStimulus, quizId = _this$props2.quizId, quizEntry = _this$props2.quizEntry;
+
+                if (workingStimulus.isValid()) {
+                  _context2.next = 8;
+                  break;
+                }
+
+                _context2.next = 4;
+                return _this.props.showError(_this.props.guid);
+
+              case 4:
+                _this.props.screenreaderNotification(t('Simulus not saved due to validation errors with the data.'));
+
+                _this.props.clearNextQuizEntry();
+
+                _this.focusFirstErrorField();
+
+                return _context2.abrupt("return");
+
+              case 8:
+                _this.setState({
+                  canSubmit: false
+                });
+
+                _this.props.hideError(_this.props.guid);
+
+                _context2.prev = 10;
+
+                if (!stimulus.isTemporary()) {
+                  _context2.next = 17;
+                  break;
+                }
+
+                _context2.next = 14;
+                return _this.props.createStimulusAndQuizEntry(quizId, workingStimulus.toJS(), quizEntry);
+
+              case 14:
+                _this.props.clearTemporaryStimulus(quizId);
+
+                _context2.next = 28;
                 break;
-              }
-              _context2.next = 4;
-              return _this.props.showError(_this.props.guid);
-            case 4:
-              _this.props.screenreaderNotification(t('Simulus not saved due to validation errors with the data.'));
-              _this.props.clearNextQuizEntry();
-              _this.focusFirstErrorField();
-              return _context2.abrupt("return");
-            case 8:
-              _this.setState({
-                canSubmit: false
-              });
-              _this.props.hideError(_this.props.guid);
-              _context2.prev = 10;
-              if (!stimulus.isTemporary()) {
-                _context2.next = 17;
+
+              case 17:
+                if (!_this.props.shouldClone) {
+                  _context2.next = 26;
+                  break;
+                }
+
+                _context2.next = 20;
+                return _this.props.createStimulus(workingStimulus, _this.props.quizId, 'quiz', workingStimulus.id);
+
+              case 20:
+                stimulusData = _context2.sent;
+                _context2.next = 23;
+                return _this.handleStimulusCreated(stimulusData);
+
+              case 23:
+                _this.props.clearTemporaryStimulus(quizId);
+
+                _context2.next = 28;
                 break;
-              }
-              _context2.next = 14;
-              return _this.props.createStimulusAndQuizEntry(quizId, workingStimulus.toJS(), quizEntry);
-            case 14:
-              _this.props.clearTemporaryStimulus(quizId);
-              _context2.next = 28;
-              break;
-            case 17:
-              if (!_this.props.shouldClone) {
-                _context2.next = 26;
+
+              case 26:
+                _context2.next = 28;
+                return _this.props.updateStimulus(workingStimulus.toJS(), quizId);
+
+              case 28:
+                _context2.next = 34;
                 break;
-              }
-              _context2.next = 20;
-              return _this.props.createStimulus(workingStimulus, _this.props.quizId, 'quiz', workingStimulus.id);
-            case 20:
-              stimulusData = _context2.sent;
-              _context2.next = 23;
-              return _this.handleStimulusCreated(stimulusData);
-            case 23:
-              _this.props.clearTemporaryStimulus(quizId);
-              _context2.next = 28;
-              break;
-            case 26:
-              _context2.next = 28;
-              return _this.props.updateStimulus(workingStimulus.toJS(), quizId);
-            case 28:
-              _context2.next = 34;
-              break;
-            case 30:
-              _context2.prev = 30;
-              _context2.t0 = _context2["catch"](10);
-              _this.setState({
-                canSubmit: true
-              });
-              throw _context2.t0;
-            case 34:
-              _this.afterSubmit();
-            case 35:
-            case "end":
-              return _context2.stop();
+
+              case 30:
+                _context2.prev = 30;
+                _context2.t0 = _context2["catch"](10);
+
+                _this.setState({
+                  canSubmit: true
+                });
+
+                throw _context2.t0;
+
+              case 34:
+                _this.afterSubmit();
+
+              case 35:
+              case "end":
+                return _context2.stop();
+            }
           }
         }, _callee2, null, [[10, 30]]);
       }));
+
       return function (_x2) {
         return _ref2.apply(this, arguments);
       };
     }();
+
     _this.focusFirstErrorField = function () {
       if (_this.stimulusEditArea) {
         var editArea = ReactDOM.findDOMNode(_this.stimulusEditArea);
@@ -204,22 +265,29 @@ export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentThem
         firstErrorField && firstErrorField.focus();
       }
     };
+
     _this.handleRef = function (node) {
       _this.stimulusEditArea = node;
     };
+
     _this.onSuccess = function (url) {
       _this.props.setUploadStatus(FILE_UPLOAD_SUCCESS);
     };
+
     _this.handleAddToBankContinue = function () {
       _this.setState({
         canSubmit: false
       });
     };
+
     _this.handleAddToBank = function (bankEntry) {
       if (_this.props.workingQuizEntry.isTemporary) {
         _this.props.createQuizEntry(_this.props.quizId, bankEntry.id, 'BankEntry', _this.props.workingQuizEntry.getProperties());
+
         _this.props.clearTemporaryStimulus(_this.props.quizId);
+
         _this.clearModifications();
+
         _this.props.switchOffEditing();
       } else {
         _this.props.updateQuizEntry(_this.props.quizId, _this.props.workingQuizEntry.id, {
@@ -228,12 +296,14 @@ export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentThem
         });
       }
     };
+
     _this.getEntryForBank = function () {
       var _this$props3 = _this.props,
-        stimulus = _this$props3.stimulus,
-        workingStimulus = _this$props3.workingStimulus,
-        quizId = _this$props3.quizId,
-        shouldClone = _this$props3.shouldClone;
+          stimulus = _this$props3.stimulus,
+          workingStimulus = _this$props3.workingStimulus,
+          quizId = _this$props3.quizId,
+          shouldClone = _this$props3.shouldClone;
+
       if (stimulus.isTemporary()) {
         return _this.props.createStimulus(workingStimulus, quizId);
       } else if (stimulus.hasModifications()) {
@@ -246,13 +316,15 @@ export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentThem
         return Promise.resolve(stimulus);
       }
     };
+
     _this.setTitleRef = function (elem) {
       _this.stimulusEditTitleRef = elem;
     };
+
     return _this;
   }
-  _inherits(StimulusEdit, _Component);
-  return _createClass(StimulusEdit, [{
+
+  _createClass(StimulusEdit, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (!this.props.nextQuizEntry) {
@@ -260,6 +332,7 @@ export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentThem
         // fire before the mods are cleared
         setTimeout(this.clearModifications);
       }
+
       this.props.switchOffEditing();
     }
   }, {
@@ -295,6 +368,7 @@ export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentThem
       this.clearModifications();
       this.props.setUi(SHOULD_CLONE_ITEM, false);
       this.props.screenreaderNotification(t('Changes to stimulus saved.'));
+
       if (this.props.nextQuizEntry) {
         this.createNextQuizEntry();
       }
@@ -382,12 +456,14 @@ export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentThem
     key: "render",
     value: function render() {
       this.stimulusEditInfoRef = null;
+
       if (this.props.isBankedContent) {
         return jsx(WarningWrapper, this.props.bankEntryWarningWrapperProps(), jsx(StimulusShowInfo, this.props));
       }
+
       var _this$props4 = this.props,
-        stimulus = _this$props4.stimulus,
-        quizEntry = _this$props4.quizEntry;
+          stimulus = _this$props4.stimulus,
+          quizEntry = _this$props4.quizEntry;
       var needsWarning = stimulus.isImmutable() || quizEntry.isArchivedBankEntry;
       var propForWrapperFunc = quizEntry.isArchivedBankEntry ? propsForBankEntryVersioningWrapper : propsForStimulusVersioningWrapper;
       var propsForStimulusVersioning = propForWrapperFunc(needsWarning, this.props.shouldClone, partial(this.props.setUi, SHOULD_CLONE_ITEM), this.props.switchOffEditing, true, quizEntry.isArchivedBankEntry ? 'info' : 'warning');
@@ -395,7 +471,10 @@ export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentThem
       return jsx(WarningWrapper, propsForStimulusVersioning, hasWarningWrapper ? jsx(StimulusShowInfo, this.props) : this.renderStimulusEdit());
     }
   }]);
-}(Component), _StimulusEdit.propTypes = {
+
+  StimulusEdit.displayName = "StimulusEdit";
+  return StimulusEdit;
+}(Component), _class2.propTypes = {
   addContentPopoverOpen: PropTypes.bool.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired,
   bankEntryWarningWrapperProps: PropTypes.func,
@@ -436,10 +515,10 @@ export var StimulusEdit = (_dec = withStyle(generateStyle, generateComponentThem
   onEditToggle: PropTypes.func.isRequired,
   shouldFocusOnMount: PropTypes.bool.isRequired,
   styles: PropTypes.object
-}, _StimulusEdit.defaultProps = {
+}, _class2.defaultProps = {
   bankEntryWarningWrapperProps: function bankEntryWarningWrapperProps() {},
   errorsShowing: false,
   isBankedContent: false,
   nextQuizEntry: null
-}, _StimulusEdit)) || _class);
+}, _temp)) || _class);
 export default wrapWithOutsideClickEmotion(StimulusEdit);

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

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

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

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    typography = _ref.typography,
-    colors = _ref.colors;
+      typography = _ref.typography,
+      colors = _ref.colors;
   return {
     stimulusPadding: spacing.large,
     buttonWrapperPadding: spacing.small,
@@ -15,4 +15,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     stimulusButtonsZIndex: '3333'
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,8 +1,9 @@
 import { bindActionCreators } from 'redux';
-import { connect } from '../../../../react-redux';
-import * as modificationActions from '../../../../actions/modifications';
-import { featureOn } from '../../../../../common/util/featureCheck';
-import StimulusEditInfo from './presenter';
+import { connect } from "../../../../react-redux.js";
+import * as modificationActions from "../../../../actions/modifications.js";
+import { featureOn } from "../../../../../common/util/featureCheck.js";
+import StimulusEditInfo from "./presenter.js";
+
 function mapStateToProps(state, props) {
   return {
     workingStimulus: props.stimulus.getWorkingInstance(),
@@ -10,10 +11,12 @@ function mapStateToProps(state, props) {
     stimulusOrientationEnabled: featureOn('customizable_stimulus_orientation')
   };
 }
+
 function mapDispatchToProps(dispatch) {
   var modActions = bindActionCreators(modificationActions, dispatch);
   return {
     modifyStimulus: modActions.modifyStimulus
   };
 }
+
 export default connect(mapStateToProps, mapDispatchToProps)(StimulusEditInfo);

package/es/common/components/resources/stimulus/StimulusEditInfo/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, _StimulusEditInfo, _IconUpdownLine, _IconUpdownLine2;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -13,48 +15,72 @@ import { FormField, FormFieldGroup } from '@instructure/ui-form-field';
 import { withStyle, jsx } from '@instructure/emotion';
 import { Heading } from '@instructure/ui-heading';
 import { RichContentInput, RCE_SINGLE_LINE_HEIGHT } from '@instructure/quiz-rce';
-import { toErrors } from '../../../../util/instUIMessages';
+import { toErrors } from "../../../../util/instUIMessages.js";
 import { SimpleSelect } from '@instructure/ui-simple-select';
 import { IconUpdownLine } from '@instructure/ui-icons';
 import { ToggleDetails } from '@instructure/ui-toggle-details';
 import { TOP } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var StimulusEditInfo = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_StimulusEditInfo = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+
+var _ref3 = jsx(IconUpdownLine, {
+  rotate: "90"
+});
+
+var _ref4 = jsx(IconUpdownLine, null);
+
+export var StimulusEditInfo = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(StimulusEditInfo, _Component);
+
+  var _super = _createSuper(StimulusEditInfo);
+
   function StimulusEditInfo() {
     var _this;
+
     _classCallCheck(this, StimulusEditInfo);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, StimulusEditInfo, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.inputErrors = function (field) {
       if (_this.props.errorsShowing) {
         var errorMap = _this.props.workingStimulus.getErrors().toJS() || {};
         return toErrors(errorMap[field] || []);
       }
     };
+
     _this.onOrientationChange = function (e, _ref) {
       var value = _ref.value;
+
       var newData = _this.props.workingStimulus.set('orientation', value);
+
       _this.props.modifyStimulus(newData);
     };
+
     _this.onTextInputChange = function (field) {
       return function (e) {
         var newData = _this.props.workingStimulus.set(field, e.target.value);
+
         _this.props.modifyStimulus(newData);
       };
     };
+
     _this.onBodyChange = function (e, _ref2) {
       var editorContent = _ref2.editorContent;
+
       var newData = _this.props.workingStimulus.set('body', editorContent);
+
       _this.props.modifyStimulus(newData);
     };
+
     return _this;
   }
-  _inherits(StimulusEditInfo, _Component);
-  return _createClass(StimulusEditInfo, [{
+
+  _createClass(StimulusEditInfo, [{
     key: "headerText",
     value: function headerText() {
       return this.props.stimulus.isTemporary() ? t('Add Stimulus') : t('Edit Stimulus');
@@ -81,13 +107,11 @@ export var StimulusEditInfo = (_dec = withStyle(generateStyle, generateComponent
           rotate: stimulusOrientation === TOP ? '0' : '90'
         })
       }, jsx(SimpleSelect.Option, {
-        renderBeforeLabel: _IconUpdownLine || (_IconUpdownLine = jsx(IconUpdownLine, {
-          rotate: "90"
-        })),
+        renderBeforeLabel: _ref3,
         id: "stimulus-orientation-select-option-left",
         value: "left"
       }, t('Questions to the right')), jsx(SimpleSelect.Option, {
-        renderBeforeLabel: _IconUpdownLine2 || (_IconUpdownLine2 = jsx(IconUpdownLine, null)),
+        renderBeforeLabel: _ref4,
         id: "stimulus-orientation-select-option-top",
         value: "top"
       }, t('Questions below'))));
@@ -153,7 +177,10 @@ export var StimulusEditInfo = (_dec = withStyle(generateStyle, generateComponent
       })))));
     }
   }]);
-}(Component), _StimulusEditInfo.propTypes = {
+
+  StimulusEditInfo.displayName = "StimulusEditInfo";
+  return StimulusEditInfo;
+}(Component), _class2.propTypes = {
   isBankedContent: PropTypes.bool,
   stimulus: ImmutablePropTypes.record.isRequired,
   workingStimulus: ImmutablePropTypes.record.isRequired,
@@ -162,8 +189,8 @@ export var StimulusEditInfo = (_dec = withStyle(generateStyle, generateComponent
   setTitleRef: PropTypes.func,
   stimulusOrientationEnabled: PropTypes.bool.isRequired,
   styles: PropTypes.object
-}, _StimulusEditInfo.defaultProps = {
+}, _class2.defaultProps = {
   isBankedContent: false,
   setTitleRef: function setTitleRef() {}
-}, _StimulusEditInfo)) || _class);
+}, _temp)) || _class);
 export default StimulusEditInfo;

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

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