@instructure/quiz-core 21.1.0 → 21.2.0

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

@@ -1,8 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _SessionItemResultsList;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,24 +14,22 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-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";
+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';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var SessionItemResultsList = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SessionItemResultsList = /*#__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 = _super.call.apply(_super, [this].concat(args));
-    _this.renderSessionItem = function (sessionItem, shouldRenderTopBorder) {
+    _this = _callSuper(this, SessionItemResultsList, [].concat(args));
+    _defineProperty(_this, "renderSessionItem", function (sessionItem, shouldRenderTopBorder) {
       return jsx(SessionItemResult, {
         appContainer: _this.props.appContainer,
         key: sessionItem.id,
@@ -36,15 +38,16 @@ export var SessionItemResultsList = (_dec = withStyleOverrides(generateStyle, ge
         sessionItemResult: sessionItem.sessionItemResult,
         shouldRenderTopBorder: shouldRenderTopBorder
       });
-    };
-    _this.renderItems = function () {
+    });
+    _defineProperty(_this, "renderItems", function () {
       return generateDisplayPositions(_this.props.sessionItems).map(function (si) {
         return _this.renderItem(si.record);
       });
-    };
+    });
     return _this;
   }
-  _createClass(SessionItemResultsList, [{
+  _inherits(SessionItemResultsList, _Component);
+  return _createClass(SessionItemResultsList, [{
     key: "renderItem",
     value: function renderItem(sessionItem) {
       if (sessionItem.isStimulus) {
@@ -72,14 +75,12 @@ export var SessionItemResultsList = (_dec = withStyleOverrides(generateStyle, ge
       }, this.renderItems()));
     }
   }]);
-  SessionItemResultsList.displayName = "SessionItemResultsList";
-  return SessionItemResultsList;
-}(Component), _SessionItemResultsList.displayName = 'SessionItemResultsList', _SessionItemResultsList.componentId = "Quizzes".concat(_SessionItemResultsList.displayName), _SessionItemResultsList.propTypes = {
+}(Component), _defineProperty(_SessionItemResultsList, "displayName", 'SessionItemResultsList'), _defineProperty(_SessionItemResultsList, "componentId", "Quizzes".concat(_SessionItemResultsList.displayName)), _defineProperty(_SessionItemResultsList, "propTypes", {
   appContainer: CustomPropTypes.selectors.isRequired,
   restrictQuantitativeData: PropTypes.bool,
   sessionItems: ImmutablePropTypes.list.isRequired,
   styles: PropTypes.object
-}, _SessionItemResultsList.defaultProps = {
+}), _defineProperty(_SessionItemResultsList, "defaultProps", {
   restrictQuantitativeData: false
-}, _SessionItemResultsList)) || _class);
+}), _SessionItemResultsList)) || _class);
 export default SessionItemResultsList;

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

@@ -1,9 +1,9 @@
 import { bindActionCreators } from 'redux';
-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";
+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';
 var mapStateToProps = function mapStateToProps(state, props) {
   var dndPosition = state.getIn(['dragAndDrop', 'position']);
   var draggingAboveHalf = state.getIn(['dragAndDrop', 'aboveHalf'], false);

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

@@ -1,8 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Stimulus;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,27 +14,25 @@ import { DragSource } from 'react-dnd';
 import { List, Map } from 'immutable';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { jsx } from '@instructure/emotion';
-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 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 { DELETE_STIMULUS_DATA, withStyleOverrides } from '@instructure/quiz-common';
-import ConnectedQuizEntry from "../../../../../building/components/resources/quizEntry/QuizEntry/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import ConnectedQuizEntry from '../../../../../building/components/resources/quizEntry/QuizEntry';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Stimulus = /*#__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 = _super.call.apply(_super, [this].concat(args));
-    _this.openDeleteStimulusModal = function () {
+    _this = _callSuper(this, Stimulus, [].concat(args));
+    _defineProperty(_this, "openDeleteStimulusModal", function () {
       var uiData = Map({
         quizId: _this.props.quizId,
         stimulusEntry: _this.props.quizEntry,
@@ -38,10 +40,11 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
       });
       _this.props.setUi(DELETE_STIMULUS_DATA, uiData);
       _this.props.openDeleteStimulusModal();
-    };
+    });
     return _this;
   }
-  _createClass(Stimulus, [{
+  _inherits(Stimulus, _Component);
+  return _createClass(Stimulus, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -165,9 +168,7 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
       }))));
     }
   }]);
-  Stimulus.displayName = "Stimulus";
-  return Stimulus;
-}(Component), _Stimulus.displayName = 'Stimulus', _Stimulus.componentId = "Quizzes".concat(_Stimulus.displayName), _Stimulus.propTypes = {
+}(Component), _defineProperty(_Stimulus, "displayName", 'Stimulus'), _defineProperty(_Stimulus, "componentId", "Quizzes".concat(_Stimulus.displayName)), _defineProperty(_Stimulus, "propTypes", {
   bankEntryWarningWrapperProps: PropTypes.func,
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   connectDragPreview: PropTypes.func.isRequired,
@@ -199,7 +200,7 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
   stimulusOrientationEnabled: PropTypes.bool.isRequired,
   makeStyles: PropTypes.func,
   styles: PropTypes.object
-}, _Stimulus.defaultProps = {
+}), _defineProperty(_Stimulus, "defaultProps", {
   bankEntryWarningWrapperProps: function bankEntryWarningWrapperProps() {},
   childEntries: List([]),
   dndRef: function dndRef() {},
@@ -213,5 +214,5 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
   onEditStimulusToggle: function onEditStimulusToggle() {},
   scrollKey: '',
   isContentLockedByBlueprint: false
-}, _Stimulus)) || _class);
+}), _Stimulus)) || _class);
 export default DragSource(ItemTypes.QUIZ_ENTRY, dragSource, collectDrag)(wrapWithOutsideClickEmotion(Stimulus));

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

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { LEFT } from '@instructure/quiz-common';
 var generateStyle = function generateStyle(componentTheme, props) {
   var mp = '@media print';

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

@@ -1,16 +1,16 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-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 { 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 { ADD_CONTENT_POPOVER_KEY } from '@instructure/quiz-common';
-import WrappedStimulusEdit from "./presenter.js";
+import WrappedStimulusEdit from './presenter';
 function mapStateToProps(state, props) {
   var addContentPopoverOpen = state.get('editing', Map()).find(function (isEditing, key) {
     return isEditing && key.includes(ADD_CONTENT_POPOVER_KEY);

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

@@ -1,10 +1,14 @@
-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 _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _StimulusEdit;
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -18,46 +22,44 @@ import { jsx } from '@instructure/emotion';
 import { Text } from '@instructure/ui-text';
 import { View } from '@instructure/ui-view';
 import { FILE_UPLOAD_SUCCESS, SHOULD_CLONE_ITEM, DELETED_QUIZ_ENTRY, withStyleOverrides } from '@instructure/quiz-common';
-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 { checkClickedNode } from "../../../../../common/util/clickHandlers.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 { 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 { checkClickedNode } from '../../../../../common/util/clickHandlers';
+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 t from '@instructure/quiz-i18n/es/format-message';
 export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_StimulusEdit = /*#__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 = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
+    _this = _callSuper(this, StimulusEdit, [].concat(args));
+    _defineProperty(_this, "state", {
       canSubmit: true
-    };
-    _this.clearModifications = function () {
+    });
+    _defineProperty(_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) {
+    });
+    _defineProperty(_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 () {
+    });
+    _defineProperty(_this, "handleDeleteTemporary", function () {
       var isPassage = _this.isPassage();
       _this.props.withConfirm(function () {
         _this.onCancel();
@@ -72,42 +74,40 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
         cancelText: isPassage ? t('Keep Passage ') : t('Keep Stimulus'),
         automationPrefix: isPassage ? 'passage' : 'stimulus'
       });
-    };
-    _this.handleDeleteStimulus = function () {
+    });
+    _defineProperty(_this, "handleDeleteStimulus", function () {
       if (_this.props.stimulus.isTemporary()) {
         _this.handleDeleteTemporary();
       } else {
         _this.props.openDeleteStimulusModal();
       }
-    };
-    _this.handleStimulusCreated = /*#__PURE__*/function () {
+    });
+    _defineProperty(_this, "handleStimulusCreated", /*#__PURE__*/function () {
       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();
-            }
+          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 () {
+    }());
+    _defineProperty(_this, "createNextQuizEntry", function () {
       var _this$props$nextQuizE = _this.props.nextQuizEntry,
         interactionTypeData = _this$props$nextQuizE.interactionTypeData,
         quizId = _this$props$nextQuizE.quizId,
@@ -130,102 +130,100 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
         }, parentEntryId, stimulusId);
       }
       _this.props.clearNextQuizEntry();
-    };
-    _this.onSubmit = /*#__PURE__*/function () {
+    });
+    _defineProperty(_this, "onSubmit", /*#__PURE__*/function () {
       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;
-                  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;
+          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;
-              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;
+              }
+              _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;
-              case 26:
-                _context2.next = 28;
-                return _this.props.updateStimulus(workingStimulus.toJS(), quizId);
-              case 28:
-                _context2.next = 34;
+              }
+              _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;
                 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();
-            }
+              }
+              _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();
           }
         }, _callee2, null, [[10, 30]]);
       }));
       return function (_x2) {
         return _ref2.apply(this, arguments);
       };
-    }();
-    _this.focusFirstErrorField = function () {
+    }());
+    _defineProperty(_this, "focusFirstErrorField", function () {
       if (_this.stimulusEditArea) {
         var editArea = ReactDOM.findDOMNode(_this.stimulusEditArea);
         var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
         firstErrorField && firstErrorField.focus();
       }
-    };
-    _this.handleRef = function (node) {
+    });
+    _defineProperty(_this, "handleRef", function (node) {
       _this.stimulusEditArea = node;
-    };
-    _this.onSuccess = function (url) {
+    });
+    _defineProperty(_this, "onSuccess", function (url) {
       _this.props.setUploadStatus(FILE_UPLOAD_SUCCESS);
-    };
-    _this.handleAddToBankContinue = function () {
+    });
+    _defineProperty(_this, "handleAddToBankContinue", function () {
       _this.setState({
         canSubmit: false
       });
-    };
-    _this.handleAddToBank = function (bankEntry) {
+    });
+    _defineProperty(_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);
@@ -237,8 +235,8 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
           entryType: 'BankEntry'
         });
       }
-    };
-    _this.getEntryForBank = function () {
+    });
+    _defineProperty(_this, "getEntryForBank", function () {
       var _this$props3 = _this.props,
         stimulus = _this$props3.stimulus,
         workingStimulus = _this$props3.workingStimulus,
@@ -255,13 +253,14 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
       } else {
         return Promise.resolve(stimulus);
       }
-    };
-    _this.setTitleRef = function (elem) {
+    });
+    _defineProperty(_this, "setTitleRef", function (elem) {
       _this.stimulusEditTitleRef = elem;
-    };
+    });
     return _this;
   }
-  _createClass(StimulusEdit, [{
+  _inherits(StimulusEdit, _Component);
+  return _createClass(StimulusEdit, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (!this.props.nextQuizEntry) {
@@ -417,9 +416,7 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
       return jsx(WarningWrapper, propsForStimulusVersioning, hasWarningWrapper ? jsx(StimulusShowInfo, this.props) : this.renderStimulusEdit());
     }
   }]);
-  StimulusEdit.displayName = "StimulusEdit";
-  return StimulusEdit;
-}(Component), _StimulusEdit.displayName = 'StimulusEdit', _StimulusEdit.componentId = "Quizzes".concat(_StimulusEdit.displayName), _StimulusEdit.propTypes = {
+}(Component), _defineProperty(_StimulusEdit, "displayName", 'StimulusEdit'), _defineProperty(_StimulusEdit, "componentId", "Quizzes".concat(_StimulusEdit.displayName)), _defineProperty(_StimulusEdit, "propTypes", {
   addContentPopoverOpen: PropTypes.bool.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired,
   bankEntryWarningWrapperProps: PropTypes.func,
@@ -460,10 +457,10 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
   onEditToggle: PropTypes.func.isRequired,
   shouldFocusOnMount: PropTypes.bool.isRequired,
   styles: PropTypes.object
-}, _StimulusEdit.defaultProps = {
+}), _defineProperty(_StimulusEdit, "defaultProps", {
   bankEntryWarningWrapperProps: function bankEntryWarningWrapperProps() {},
   errorsShowing: false,
   isBankedContent: false,
   nextQuizEntry: null
-}, _StimulusEdit)) || _class);
+}), _StimulusEdit)) || _class);
 export default wrapWithOutsideClickEmotion(StimulusEdit);

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

@@ -1,9 +1,9 @@
 import { bindActionCreators } from 'redux';
-import { connect } from "../../../../react-redux.js";
-import * as modificationActions from "../../../../actions/modifications.js";
-import { featureOn } from "../../../../../common/util/featureCheck.js";
-import { getActiveQuizId, getQuizById } from "../../../../../common/selectors/quizzes.js";
-import StimulusEditInfo from "./presenter.js";
+import { connect } from '../../../../react-redux';
+import * as modificationActions from '../../../../actions/modifications';
+import { featureOn } from '../../../../../common/util/featureCheck';
+import { getActiveQuizId, getQuizById } from '../../../../../common/selectors/quizzes';
+import StimulusEditInfo from './presenter';
 function mapStateToProps(state, props) {
   var quizId = getActiveQuizId(state);
   var quiz = getQuizById(state, quizId);