@instructure/quiz-core 22.15.0 → 22.15.1

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

@@ -1,27 +1,230 @@
-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 _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _dec, _class, _StimulusEdit;
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _callSuper(_this, derived, args) {
-  function isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
+/** @jsx jsx */ function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct() {
     try {
-      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    } catch (e) {
-      return false;
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+function _ts_decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
     }
-  }
-  derived = _getPrototypeOf(derived);
-  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
 }
-/** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -47,435 +250,452 @@ import ActionButtons from '../../../../../building/components/resources/ActionBu
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/format-message';
-export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_StimulusEdit = /*#__PURE__*/function (_Component) {
-  function StimulusEdit() {
-    var _this2;
-    _classCallCheck(this, StimulusEdit);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this2 = _callSuper(this, StimulusEdit, [].concat(args));
-    _defineProperty(_this2, "state", {
-      canSubmit: true
-    });
-    _defineProperty(_this2, "clearModifications", function () {
-      _this2.props.clearModifications('stimuli', _this2.props.stimulus.id);
-      _this2.props.clearModifications('quizEntries', _this2.props.quizEntry.id);
-      if (_this2.props.stimulus.isTemporary()) {
-        _this2.props.clearTemporaryStimulus(_this2.props.quizId);
-      }
-    });
-    _defineProperty(_this2, "onCancel", function (e) {
-      _this2.props.hideError(_this2.props.guid);
-      _this2.props.switchOffEditing();
-      _this2.clearModifications();
-      _this2.props.setUi(SHOULD_CLONE_ITEM, false);
-    });
-    _defineProperty(_this2, "handleDeleteTemporary", function () {
-      var isPassage = _this2.isPassage();
-      _this2.props.withConfirm(function () {
-        _this2.onCancel();
-        _this2.props.setUi(DELETED_QUIZ_ENTRY, {
-          position: Math.ceil(_this2.props.quizEntry.position),
-          inStimulus: false
-        });
-      }, {
-        title: isPassage ? t('Confirm Text Block Removal') : t('Confirm Stimulus Removal'),
-        text: isPassage ? t('Are you sure you want to remove this text block?') : t('Are you sure you want to remove this stimulus?'),
-        continueText: isPassage ? t('Remove Text Block') : t('Remove Stimulus'),
-        cancelText: isPassage ? t('Keep Text Block ') : t('Keep Stimulus'),
-        automationPrefix: isPassage ? 'text-block' : 'stimulus'
-      });
-    });
-    _defineProperty(_this2, "handleDeleteStimulus", function () {
-      if (_this2.props.stimulus.isTemporary()) {
-        _this2.handleDeleteTemporary();
-      } else {
-        _this2.props.openDeleteStimulusModal();
-      }
-    });
-    _defineProperty(_this2, "handleStimulusCreated", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(stimulusData) {
-        var _this2$props, quizId, quizEntry, mods;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _this2$props = _this2.props, quizId = _this2$props.quizId, quizEntry = _this2$props.quizEntry;
-              mods = Object.assign({}, quizEntry.toJS(), {
-                entryId: stimulusData.id,
-                entryType: 'Stimulus'
-              });
-              _context.next = 4;
-              return _this2.props.updateQuizEntry(quizId, quizEntry.id, mods);
-            case 4:
-              _this2.props.getQuizEntries(quizId);
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-    _defineProperty(_this2, "createNextQuizEntry", function () {
-      var _this2$props$nextQuiz = _this2.props.nextQuizEntry,
-        interactionTypeData = _this2$props$nextQuiz.interactionTypeData,
-        quizId = _this2$props$nextQuiz.quizId,
-        position = _this2$props$nextQuiz.position,
-        stimulusId = _this2$props$nextQuiz.stimulusId,
-        parentEntryId = _this2$props$nextQuiz.parentEntryId;
-      if (!interactionTypeData) {
-        _this2.props.createTempStimulus(quizId, position);
-      } else {
-        var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
-        var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
-        _this2.props.createTempItem(quizId, position, {
-          id: interactionTypeData.id,
-          interactionData: defaultInteractionData,
-          itemBody: interactionTypeData.itemBody,
-          properties: interactionTypeData.defaultProperties,
-          scoringAlgorithm: interactionTypeData.scoringAlgorithmDefault,
-          scoringData: scoringData,
-          userResponseType: first(interactionTypeData.userResponseTypeOptions)
-        }, parentEntryId, stimulusId);
-      }
-      _this2.props.clearNextQuizEntry();
-    });
-    _defineProperty(_this2, "onSubmit", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
-        var _this2$props2, stimulus, workingStimulus, quizId, quizEntry, message, stimulusData;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _this2$props2 = _this2.props, stimulus = _this2$props2.stimulus, workingStimulus = _this2$props2.workingStimulus, quizId = _this2$props2.quizId, quizEntry = _this2$props2.quizEntry;
-              if (workingStimulus.isValid()) {
-                _context2.next = 9;
-                break;
-              }
-              message = _this2.isPassage() ? t('Text Block not saved due to validation errors with the data.') : t('Stimulus not saved due to validation errors with the data.');
-              _context2.next = 5;
-              return _this2.props.showError(_this2.props.guid);
-            case 5:
-              _this2.props.screenreaderNotification(message);
-              _this2.props.clearNextQuizEntry();
-              _this2.focusFirstErrorField();
-              return _context2.abrupt("return");
-            case 9:
-              _this2.setState({
+export var StimulusEdit = /*#__PURE__*/ function(Component) {
+    "use strict";
+    _inherits(StimulusEdit, Component);
+    function StimulusEdit() {
+        _class_call_check(this, StimulusEdit);
+        var _this;
+        var _this1;
+        _this = _call_super(this, StimulusEdit, arguments), _this1 = _this, _define_property(_this1, "state", {
+            canSubmit: true
+        }), _define_property(_this1, "clearModifications", function() {
+            _this1.props.clearModifications('stimuli', _this1.props.stimulus.id);
+            _this1.props.clearModifications('quizEntries', _this1.props.quizEntry.id);
+            if (_this1.props.stimulus.isTemporary()) {
+                _this1.props.clearTemporaryStimulus(_this1.props.quizId);
+            }
+        }), _define_property(_this1, "onCancel", function(e) {
+            _this1.props.hideError(_this1.props.guid);
+            _this1.props.switchOffEditing();
+            _this1.clearModifications();
+            _this1.props.setUi(SHOULD_CLONE_ITEM, false);
+        }), _define_property(_this1, "handleDeleteTemporary", function() {
+            var isPassage = _this1.isPassage();
+            _this1.props.withConfirm(function() {
+                _this1.onCancel();
+                _this1.props.setUi(DELETED_QUIZ_ENTRY, {
+                    position: Math.ceil(_this1.props.quizEntry.position),
+                    inStimulus: false
+                });
+            }, {
+                title: isPassage ? t('Confirm Text Block Removal') : t('Confirm Stimulus Removal'),
+                text: isPassage ? t('Are you sure you want to remove this text block?') : t('Are you sure you want to remove this stimulus?'),
+                continueText: isPassage ? t('Remove Text Block') : t('Remove Stimulus'),
+                cancelText: isPassage ? t('Keep Text Block ') : t('Keep Stimulus'),
+                automationPrefix: isPassage ? 'text-block' : 'stimulus'
+            });
+        }), _define_property(_this1, "handleDeleteStimulus", function() {
+            if (_this1.props.stimulus.isTemporary()) {
+                _this1.handleDeleteTemporary();
+            } else {
+                _this1.props.openDeleteStimulusModal();
+            }
+        }), _define_property(_this1, "handleStimulusCreated", function(stimulusData) {
+            return _async_to_generator(function() {
+                var _this_props, quizId, quizEntry, mods;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _this_props = _this1.props, quizId = _this_props.quizId, quizEntry = _this_props.quizEntry;
+                            mods = Object.assign({}, quizEntry.toJS(), {
+                                entryId: stimulusData.id,
+                                entryType: 'Stimulus'
+                            });
+                            return [
+                                4,
+                                _this1.props.updateQuizEntry(quizId, quizEntry.id, mods)
+                            ];
+                        case 1:
+                            _state.sent();
+                            _this1.props.getQuizEntries(quizId);
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        }), _define_property(_this1, "createNextQuizEntry", function() {
+            var _this_props_nextQuizEntry = _this1.props.nextQuizEntry, interactionTypeData = _this_props_nextQuizEntry.interactionTypeData, quizId = _this_props_nextQuizEntry.quizId, position = _this_props_nextQuizEntry.position, stimulusId = _this_props_nextQuizEntry.stimulusId, parentEntryId = _this_props_nextQuizEntry.parentEntryId;
+            if (!interactionTypeData) {
+                _this1.props.createTempStimulus(quizId, position);
+            } else {
+                var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
+                var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
+                _this1.props.createTempItem(quizId, position, {
+                    id: interactionTypeData.id,
+                    interactionData: defaultInteractionData,
+                    itemBody: interactionTypeData.itemBody,
+                    properties: interactionTypeData.defaultProperties,
+                    scoringAlgorithm: interactionTypeData.scoringAlgorithmDefault,
+                    scoringData: scoringData,
+                    userResponseType: first(interactionTypeData.userResponseTypeOptions)
+                }, parentEntryId, stimulusId);
+            }
+            _this1.props.clearNextQuizEntry();
+        }), _define_property(_this1, "onSubmit", function(e) {
+            return _async_to_generator(function() {
+                var _this_props, stimulus, workingStimulus, quizId, quizEntry, message, stimulusData, error;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _this_props = _this1.props, stimulus = _this_props.stimulus, workingStimulus = _this_props.workingStimulus, quizId = _this_props.quizId, quizEntry = _this_props.quizEntry;
+                            if (!!workingStimulus.isValid()) return [
+                                3,
+                                2
+                            ];
+                            message = _this1.isPassage() ? t('Text Block not saved due to validation errors with the data.') : t('Stimulus not saved due to validation errors with the data.');
+                            return [
+                                4,
+                                _this1.props.showError(_this1.props.guid)
+                            ];
+                        case 1:
+                            _state.sent();
+                            _this1.props.screenreaderNotification(message);
+                            _this1.props.clearNextQuizEntry();
+                            _this1.focusFirstErrorField();
+                            return [
+                                2
+                            ];
+                        case 2:
+                            _this1.setState({
+                                canSubmit: false
+                            });
+                            _this1.props.hideError(_this1.props.guid);
+                            _state.label = 3;
+                        case 3:
+                            _state.trys.push([
+                                3,
+                                11,
+                                ,
+                                12
+                            ]);
+                            if (!stimulus.isTemporary()) return [
+                                3,
+                                5
+                            ];
+                            return [
+                                4,
+                                _this1.props.createStimulusAndQuizEntry(quizId, workingStimulus.toJS(), quizEntry)
+                            ];
+                        case 4:
+                            _state.sent();
+                            _this1.props.clearTemporaryStimulus(quizId);
+                            return [
+                                3,
+                                10
+                            ];
+                        case 5:
+                            if (!_this1.props.shouldClone) return [
+                                3,
+                                8
+                            ];
+                            return [
+                                4,
+                                _this1.props.createStimulus(workingStimulus, _this1.props.quizId, 'quiz', workingStimulus.id)
+                            ];
+                        case 6:
+                            stimulusData = _state.sent();
+                            return [
+                                4,
+                                _this1.handleStimulusCreated(stimulusData)
+                            ];
+                        case 7:
+                            _state.sent();
+                            _this1.props.clearTemporaryStimulus(quizId);
+                            return [
+                                3,
+                                10
+                            ];
+                        case 8:
+                            return [
+                                4,
+                                _this1.props.updateStimulus(workingStimulus.toJS(), quizId)
+                            ];
+                        case 9:
+                            _state.sent();
+                            _state.label = 10;
+                        case 10:
+                            return [
+                                3,
+                                12
+                            ];
+                        case 11:
+                            error = _state.sent();
+                            _this1.setState({
+                                canSubmit: true
+                            });
+                            throw error;
+                        case 12:
+                            _this1.afterSubmit();
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        }), _define_property(_this1, "focusFirstErrorField", function() {
+            if (_this1.stimulusEditArea) {
+                var editArea = ReactDOM.findDOMNode(_this1.stimulusEditArea);
+                var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
+                firstErrorField && firstErrorField.focus();
+            }
+        }), _define_property(_this1, "handleRef", function(node) {
+            _this1.stimulusEditArea = node;
+        }), _define_property(_this1, "onSuccess", function(url) {
+            _this1.props.setUploadStatus(FILE_UPLOAD_SUCCESS);
+        }), _define_property(_this1, "handleAddToBankContinue", function() {
+            _this1.setState({
                 canSubmit: false
-              });
-              _this2.props.hideError(_this2.props.guid);
-              _context2.prev = 11;
-              if (!stimulus.isTemporary()) {
-                _context2.next = 18;
-                break;
-              }
-              _context2.next = 15;
-              return _this2.props.createStimulusAndQuizEntry(quizId, workingStimulus.toJS(), quizEntry);
-            case 15:
-              _this2.props.clearTemporaryStimulus(quizId);
-              _context2.next = 29;
-              break;
-            case 18:
-              if (!_this2.props.shouldClone) {
-                _context2.next = 27;
-                break;
-              }
-              _context2.next = 21;
-              return _this2.props.createStimulus(workingStimulus, _this2.props.quizId, 'quiz', workingStimulus.id);
-            case 21:
-              stimulusData = _context2.sent;
-              _context2.next = 24;
-              return _this2.handleStimulusCreated(stimulusData);
-            case 24:
-              _this2.props.clearTemporaryStimulus(quizId);
-              _context2.next = 29;
-              break;
-            case 27:
-              _context2.next = 29;
-              return _this2.props.updateStimulus(workingStimulus.toJS(), quizId);
-            case 29:
-              _context2.next = 35;
-              break;
-            case 31:
-              _context2.prev = 31;
-              _context2.t0 = _context2["catch"](11);
-              _this2.setState({
-                canSubmit: true
-              });
-              throw _context2.t0;
-            case 35:
-              _this2.afterSubmit();
-            case 36:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, null, [[11, 31]]);
-      }));
-      return function (_x2) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
-    _defineProperty(_this2, "focusFirstErrorField", function () {
-      if (_this2.stimulusEditArea) {
-        var editArea = ReactDOM.findDOMNode(_this2.stimulusEditArea);
-        var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
-        firstErrorField && firstErrorField.focus();
-      }
-    });
-    _defineProperty(_this2, "handleRef", function (node) {
-      _this2.stimulusEditArea = node;
-    });
-    _defineProperty(_this2, "onSuccess", function (url) {
-      _this2.props.setUploadStatus(FILE_UPLOAD_SUCCESS);
-    });
-    _defineProperty(_this2, "handleAddToBankContinue", function () {
-      _this2.setState({
-        canSubmit: false
-      });
-    });
-    _defineProperty(_this2, "handleAddToBank", function (bankEntry) {
-      if (_this2.props.workingQuizEntry.isTemporary) {
-        _this2.props.createQuizEntry(_this2.props.quizId, bankEntry.id, 'BankEntry', _this2.props.workingQuizEntry.getProperties());
-        _this2.props.clearTemporaryStimulus(_this2.props.quizId);
-        _this2.clearModifications();
-        _this2.props.switchOffEditing();
-      } else {
-        _this2.props.updateQuizEntry(_this2.props.quizId, _this2.props.workingQuizEntry.id, {
-          entryId: bankEntry.id,
-          entryType: 'BankEntry'
+            });
+        }), _define_property(_this1, "handleAddToBank", function(bankEntry) {
+            if (_this1.props.workingQuizEntry.isTemporary) {
+                _this1.props.createQuizEntry(_this1.props.quizId, bankEntry.id, 'BankEntry', _this1.props.workingQuizEntry.getProperties());
+                _this1.props.clearTemporaryStimulus(_this1.props.quizId);
+                _this1.clearModifications();
+                _this1.props.switchOffEditing();
+            } else {
+                _this1.props.updateQuizEntry(_this1.props.quizId, _this1.props.workingQuizEntry.id, {
+                    entryId: bankEntry.id,
+                    entryType: 'BankEntry'
+                });
+            }
+        }), _define_property(_this1, "getEntryForBank", function() {
+            var _this_props = _this1.props, stimulus = _this_props.stimulus, workingStimulus = _this_props.workingStimulus, quizId = _this_props.quizId, shouldClone = _this_props.shouldClone;
+            if (stimulus.isTemporary()) {
+                return _this1.props.createStimulus(workingStimulus, quizId);
+            } else if (stimulus.hasModifications()) {
+                if (shouldClone) {
+                    return _this1.props.createStimulus(workingStimulus, quizId);
+                } else {
+                    return _this1.props.updateStimulus(workingStimulus, quizId);
+                }
+            } else {
+                return Promise.resolve(stimulus);
+            }
+        }), _define_property(_this1, "setTitleRef", function(elem) {
+            _this1.stimulusEditTitleRef = elem;
         });
-      }
-    });
-    _defineProperty(_this2, "getEntryForBank", function () {
-      var _this2$props3 = _this2.props,
-        stimulus = _this2$props3.stimulus,
-        workingStimulus = _this2$props3.workingStimulus,
-        quizId = _this2$props3.quizId,
-        shouldClone = _this2$props3.shouldClone;
-      if (stimulus.isTemporary()) {
-        return _this2.props.createStimulus(workingStimulus, quizId);
-      } else if (stimulus.hasModifications()) {
-        if (shouldClone) {
-          return _this2.props.createStimulus(workingStimulus, quizId);
-        } else {
-          return _this2.props.updateStimulus(workingStimulus, quizId);
-        }
-      } else {
-        return Promise.resolve(stimulus);
-      }
-    });
-    _defineProperty(_this2, "setTitleRef", function (elem) {
-      _this2.stimulusEditTitleRef = elem;
-    });
-    return _this2;
-  }
-  _inherits(StimulusEdit, _Component);
-  return _createClass(StimulusEdit, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (!this.props.nextQuizEntry) {
-        // adding timeout so any content rce events
-        // fire before the mods are cleared
-        setTimeout(this.clearModifications);
-      }
-      this.props.switchOffEditing();
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.stimulusEditTitleRef && this.stimulusEditTitleRef.focus();
-      this.props.switchOnEditing();
-      this.props.onEditToggle(this.props.quizEntry.id);
-    }
-  }, {
-    key: "clickedOutside",
-    value: function clickedOutside() {
-      if (this.props.stimulus.isImmutable() || this.props.isBankedContent) {
-        this.props.switchOffEditing();
-      } else {
-        this.onSubmit();
-      }
-    }
-  }, {
-    key: "ignoreClickOutsideIf",
-    value: function ignoreClickOutsideIf(e) {
-      var _checkClickedNode = checkClickedNode(e, this.props.appContainer),
-        isEndEditingTrigger = _checkClickedNode.isEndEditingTrigger,
-        outsideApp = _checkClickedNode.outsideApp;
-      return outsideApp || !isEndEditingTrigger;
+        return _this;
     }
-  }, {
-    key: "isPassage",
-    value: function isPassage() {
-      var _this$props$stimulus;
-      return (_this$props$stimulus = this.props.stimulus) === null || _this$props$stimulus === void 0 ? void 0 : _this$props$stimulus.passage;
-    }
-  }, {
-    key: "afterSubmit",
-    value: function afterSubmit() {
-      var message = this.isPassage() ? t('Changes to text block saved.') : t('Changes to stimulus saved.');
-      this.props.switchOffEditing();
-      this.clearModifications();
-      this.props.setUi(SHOULD_CLONE_ITEM, false);
-      this.props.screenreaderNotification(message);
-      if (this.props.nextQuizEntry) {
-        this.createNextQuizEntry();
-      }
-    }
-  }, {
-    key: "renderAddToBankModal",
-    value: function renderAddToBankModal() {
-      return jsx(AddToBankModal, {
-        label: t('Add to an Item Bank'),
-        onAdd: this.handleAddToBank,
-        onContinue: this.handleAddToBankContinue,
-        getEntry: this.getEntryForBank,
-        quizId: this.props.quizId,
-        entryId: this.props.guid,
-        entryType: this.props.quizEntry.entryType
-      });
-    }
-  }, {
-    key: "renderAddToBankOptions",
-    value: function renderAddToBankOptions() {
-      var paddingTopStyle = this.isPassage() ? {
-        padding: 'small 0 0'
-      } : {};
-      return jsx(View, Object.assign({
-        as: "div"
-      }, paddingTopStyle), jsx(ToggleDetails, {
-        variant: "filled",
-        key: "itemBanking",
-        summary: t('Item Banking')
-      }, jsx("div", {
-        css: this.props.styles.optionWrapper
-      }, jsx(AddToBankOptions, {
-        displayPosition: this.props.displayPosition,
-        entryType: this.props.quizEntry.entryType,
-        focusFirstErrorField: this.focusFirstErrorField,
-        guid: this.props.guid,
-        isValid: this.props.workingStimulus.isValid(),
-        openModal: this.props.openModal,
-        screenreaderNotification: this.props.screenreaderNotification,
-        showError: this.props.showError
-      }))), this.renderAddToBankModal());
-    }
-  }, {
-    key: "renderStimulusEdit",
-    value: function renderStimulusEdit() {
-      var stimulusLabel = this.isPassage() ? t('Text Block') : t('Stimulus');
-      var automationPrefix = this.isPassage() ? 'text-block' : 'stimulus';
-      return jsx("div", null, jsx("div", {
-        css: this.props.styles.stimulus,
-        ref: this.handleRef
-      }, jsx("div", {
-        css: this.props.styles.header
-      }, jsx(Text, {
-        size: "small",
-        color: "secondary"
-      }, stimulusLabel), jsx(ActionButtons, {
-        connectDragSource: this.props.connectDragSource,
-        displayPosition: this.props.displayPosition,
-        onDelete: this.handleDeleteStimulus,
-        quizEntries: this.props.quizEntries,
-        quizEntry: this.props.quizEntry,
-        shouldDisableDragHandle: true,
-        shouldRenderEdit: false,
-        shouldFocusOnMount: this.props.shouldFocusOnMount
-      })), jsx("div", {
-        css: this.props.styles.stimulusContent
-      }, jsx(StimulusEditInfo, {
-        errorsShowing: this.props.errorsShowing,
-        guid: this.props.guid,
-        stimulus: this.props.stimulus,
-        isBankedContent: this.props.isBankedContent,
-        setTitleRef: this.setTitleRef
-      }), this.renderAddToBankOptions())), jsx("div", {
-        className: "footer",
-        css: this.props.styles.footer
-      }, jsx("div", {
-        css: this.props.styles.buttonWrapper
-      }, jsx(Button, {
-        type: "button",
-        onClick: this.onCancel,
-        "data-automation": "sdk-".concat(automationPrefix, "-discardButton")
-      }, t('Cancel'))), jsx("div", {
-        className: "submitButtonWrapper",
-        css: this.props.styles.buttonWrapper
-      }, jsx(Button, {
-        type: "button",
-        color: "primary",
-        disabled: !this.state.canSubmit,
-        onClick: this.onSubmit,
-        "data-automation": "sdk-".concat(automationPrefix, "-done-button")
-      }, t('Done')))));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      this.stimulusEditInfoRef = null;
-      if (this.props.isBankedContent) {
-        return jsx(WarningWrapper, this.props.bankEntryWarningWrapperProps(), jsx(StimulusShowInfo, this.props));
-      }
-      var _this$props = this.props,
-        stimulus = _this$props.stimulus,
-        quizEntry = _this$props.quizEntry;
-      var isPassage = stimulus.isPassage;
-      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', isPassage);
-      var hasWarningWrapper = needsWarning && !this.props.shouldClone;
-      return jsx(WarningWrapper, propsForStimulusVersioning, hasWarningWrapper ? jsx(StimulusShowInfo, this.props) : this.renderStimulusEdit());
-    }
-  }]);
-}(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,
-  clearModifications: PropTypes.func.isRequired,
-  clearNextQuizEntry: PropTypes.func.isRequired,
-  createTempItem: PropTypes.func.isRequired,
-  createTempStimulus: PropTypes.func.isRequired,
-  clearTemporaryStimulus: PropTypes.func.isRequired,
-  createQuizEntry: PropTypes.func.isRequired,
-  connectDragSource: PropTypes.func.isRequired,
-  createStimulus: PropTypes.func.isRequired,
-  createStimulusAndQuizEntry: PropTypes.func.isRequired,
-  displayPosition: PropTypes.number.isRequired,
-  errorsShowing: PropTypes.bool,
-  getQuizEntries: PropTypes.func.isRequired,
-  guid: PropTypes.string.isRequired,
-  hideError: PropTypes.func.isRequired,
-  isBankedContent: PropTypes.bool,
-  openModal: PropTypes.func.isRequired,
-  openDeleteStimulusModal: PropTypes.func.isRequired,
-  nextQuizEntry: ImmutablePropTypes.map,
-  quizEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
-  quizEntry: ImmutablePropTypes.record.isRequired,
-  quizId: PropTypes.string.isRequired,
-  screenreaderNotification: PropTypes.func.isRequired,
-  setUi: PropTypes.func.isRequired,
-  setUploadStatus: PropTypes.func.isRequired,
-  shouldClone: PropTypes.bool.isRequired,
-  showError: PropTypes.func.isRequired,
-  stimulus: ImmutablePropTypes.record.isRequired,
-  switchOnEditing: PropTypes.func.isRequired,
-  switchOffEditing: PropTypes.func.isRequired,
-  updateQuizEntry: PropTypes.func.isRequired,
-  updateStimulus: PropTypes.func.isRequired,
-  withConfirm: PropTypes.func.isRequired,
-  workingQuizEntry: ImmutablePropTypes.record.isRequired,
-  workingStimulus: ImmutablePropTypes.record.isRequired,
-  onEditToggle: PropTypes.func.isRequired,
-  shouldFocusOnMount: PropTypes.bool.isRequired,
-  styles: PropTypes.object
-}), _defineProperty(_StimulusEdit, "defaultProps", {
-  bankEntryWarningWrapperProps: function bankEntryWarningWrapperProps() {},
-  errorsShowing: false,
-  isBankedContent: false,
-  nextQuizEntry: null
-}), _StimulusEdit)) || _class);
-export default wrapWithOutsideClickEmotion(StimulusEdit);
+    _create_class(StimulusEdit, [
+        {
+            key: "componentWillUnmount",
+            value: function componentWillUnmount() {
+                if (!this.props.nextQuizEntry) {
+                    // adding timeout so any content rce events
+                    // fire before the mods are cleared
+                    setTimeout(this.clearModifications);
+                }
+                this.props.switchOffEditing();
+            }
+        },
+        {
+            key: "componentDidMount",
+            value: function componentDidMount() {
+                this.stimulusEditTitleRef && this.stimulusEditTitleRef.focus();
+                this.props.switchOnEditing();
+                this.props.onEditToggle(this.props.quizEntry.id);
+            }
+        },
+        {
+            key: "clickedOutside",
+            value: function clickedOutside() {
+                if (this.props.stimulus.isImmutable() || this.props.isBankedContent) {
+                    this.props.switchOffEditing();
+                } else {
+                    this.onSubmit();
+                }
+            }
+        },
+        {
+            key: "ignoreClickOutsideIf",
+            value: function ignoreClickOutsideIf(e) {
+                var _checkClickedNode = checkClickedNode(e, this.props.appContainer), isEndEditingTrigger = _checkClickedNode.isEndEditingTrigger, outsideApp = _checkClickedNode.outsideApp;
+                return outsideApp || !isEndEditingTrigger;
+            }
+        },
+        {
+            key: "isPassage",
+            value: function isPassage() {
+                var _this_props_stimulus;
+                return (_this_props_stimulus = this.props.stimulus) === null || _this_props_stimulus === void 0 ? void 0 : _this_props_stimulus.passage;
+            }
+        },
+        {
+            key: "afterSubmit",
+            value: function afterSubmit() {
+                var message = this.isPassage() ? t('Changes to text block saved.') : t('Changes to stimulus saved.');
+                this.props.switchOffEditing();
+                this.clearModifications();
+                this.props.setUi(SHOULD_CLONE_ITEM, false);
+                this.props.screenreaderNotification(message);
+                if (this.props.nextQuizEntry) {
+                    this.createNextQuizEntry();
+                }
+            }
+        },
+        {
+            key: "renderAddToBankModal",
+            value: function renderAddToBankModal() {
+                return /*#__PURE__*/ jsx(AddToBankModal, {
+                    label: t('Add to an Item Bank'),
+                    onAdd: this.handleAddToBank,
+                    onContinue: this.handleAddToBankContinue,
+                    getEntry: this.getEntryForBank,
+                    quizId: this.props.quizId,
+                    entryId: this.props.guid,
+                    entryType: this.props.quizEntry.entryType
+                });
+            }
+        },
+        {
+            key: "renderAddToBankOptions",
+            value: function renderAddToBankOptions() {
+                var paddingTopStyle = this.isPassage() ? {
+                    padding: 'small 0 0'
+                } : {};
+                return /*#__PURE__*/ jsx(View, _object_spread({
+                    as: "div"
+                }, paddingTopStyle), /*#__PURE__*/ jsx(ToggleDetails, {
+                    variant: "filled",
+                    key: "itemBanking",
+                    summary: t('Item Banking')
+                }, /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.optionWrapper
+                }, /*#__PURE__*/ jsx(AddToBankOptions, {
+                    displayPosition: this.props.displayPosition,
+                    entryType: this.props.quizEntry.entryType,
+                    focusFirstErrorField: this.focusFirstErrorField,
+                    guid: this.props.guid,
+                    isValid: this.props.workingStimulus.isValid(),
+                    openModal: this.props.openModal,
+                    screenreaderNotification: this.props.screenreaderNotification,
+                    showError: this.props.showError
+                }))), this.renderAddToBankModal());
+            }
+        },
+        {
+            key: "renderStimulusEdit",
+            value: function renderStimulusEdit() {
+                var stimulusLabel = this.isPassage() ? t('Text Block') : t('Stimulus');
+                var automationPrefix = this.isPassage() ? 'text-block' : 'stimulus';
+                return /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.stimulus,
+                    ref: this.handleRef
+                }, /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.header
+                }, /*#__PURE__*/ jsx(Text, {
+                    size: "small",
+                    color: "secondary"
+                }, stimulusLabel), /*#__PURE__*/ jsx(ActionButtons, {
+                    connectDragSource: this.props.connectDragSource,
+                    displayPosition: this.props.displayPosition,
+                    onDelete: this.handleDeleteStimulus,
+                    quizEntries: this.props.quizEntries,
+                    quizEntry: this.props.quizEntry,
+                    shouldDisableDragHandle: true,
+                    shouldRenderEdit: false,
+                    shouldFocusOnMount: this.props.shouldFocusOnMount
+                })), /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.stimulusContent
+                }, /*#__PURE__*/ jsx(StimulusEditInfo, {
+                    errorsShowing: this.props.errorsShowing,
+                    guid: this.props.guid,
+                    stimulus: this.props.stimulus,
+                    isBankedContent: this.props.isBankedContent,
+                    setTitleRef: this.setTitleRef
+                }), this.renderAddToBankOptions())), /*#__PURE__*/ jsx("div", {
+                    className: "footer",
+                    css: this.props.styles.footer
+                }, /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.buttonWrapper
+                }, /*#__PURE__*/ jsx(Button, {
+                    type: "button",
+                    onClick: this.onCancel,
+                    "data-automation": "sdk-".concat(automationPrefix, "-discardButton")
+                }, t('Cancel'))), /*#__PURE__*/ jsx("div", {
+                    className: "submitButtonWrapper",
+                    css: this.props.styles.buttonWrapper
+                }, /*#__PURE__*/ jsx(Button, {
+                    type: "button",
+                    color: "primary",
+                    disabled: !this.state.canSubmit,
+                    onClick: this.onSubmit,
+                    "data-automation": "sdk-".concat(automationPrefix, "-done-button")
+                }, t('Done')))));
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                this.stimulusEditInfoRef = null;
+                if (this.props.isBankedContent) {
+                    return /*#__PURE__*/ jsx(WarningWrapper, this.props.bankEntryWarningWrapperProps(), /*#__PURE__*/ jsx(StimulusShowInfo, this.props));
+                }
+                var _this_props = this.props, stimulus = _this_props.stimulus, quizEntry = _this_props.quizEntry;
+                var isPassage = stimulus.isPassage;
+                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', isPassage);
+                var hasWarningWrapper = needsWarning && !this.props.shouldClone;
+                return /*#__PURE__*/ jsx(WarningWrapper, propsForStimulusVersioning, hasWarningWrapper ? /*#__PURE__*/ jsx(StimulusShowInfo, this.props) : this.renderStimulusEdit());
+            }
+        }
+    ]);
+    return StimulusEdit;
+}(Component);
+_define_property(StimulusEdit, "displayName", 'StimulusEdit');
+_define_property(StimulusEdit, "componentId", "Quizzes".concat(StimulusEdit.displayName));
+_define_property(StimulusEdit, "propTypes", {
+    addContentPopoverOpen: PropTypes.bool.isRequired,
+    appContainer: CustomPropTypes.selectors.isRequired,
+    bankEntryWarningWrapperProps: PropTypes.func,
+    clearModifications: PropTypes.func.isRequired,
+    clearNextQuizEntry: PropTypes.func.isRequired,
+    createTempItem: PropTypes.func.isRequired,
+    createTempStimulus: PropTypes.func.isRequired,
+    clearTemporaryStimulus: PropTypes.func.isRequired,
+    createQuizEntry: PropTypes.func.isRequired,
+    connectDragSource: PropTypes.func.isRequired,
+    createStimulus: PropTypes.func.isRequired,
+    createStimulusAndQuizEntry: PropTypes.func.isRequired,
+    displayPosition: PropTypes.number.isRequired,
+    errorsShowing: PropTypes.bool,
+    getQuizEntries: PropTypes.func.isRequired,
+    guid: PropTypes.string.isRequired,
+    hideError: PropTypes.func.isRequired,
+    isBankedContent: PropTypes.bool,
+    openModal: PropTypes.func.isRequired,
+    openDeleteStimulusModal: PropTypes.func.isRequired,
+    nextQuizEntry: ImmutablePropTypes.map,
+    quizEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
+    quizEntry: ImmutablePropTypes.record.isRequired,
+    quizId: PropTypes.string.isRequired,
+    screenreaderNotification: PropTypes.func.isRequired,
+    setUi: PropTypes.func.isRequired,
+    setUploadStatus: PropTypes.func.isRequired,
+    shouldClone: PropTypes.bool.isRequired,
+    showError: PropTypes.func.isRequired,
+    stimulus: ImmutablePropTypes.record.isRequired,
+    switchOnEditing: PropTypes.func.isRequired,
+    switchOffEditing: PropTypes.func.isRequired,
+    updateQuizEntry: PropTypes.func.isRequired,
+    updateStimulus: PropTypes.func.isRequired,
+    withConfirm: PropTypes.func.isRequired,
+    workingQuizEntry: ImmutablePropTypes.record.isRequired,
+    workingStimulus: ImmutablePropTypes.record.isRequired,
+    onEditToggle: PropTypes.func.isRequired,
+    shouldFocusOnMount: PropTypes.bool.isRequired,
+    styles: PropTypes.object
+});
+_define_property(StimulusEdit, "defaultProps", {
+    bankEntryWarningWrapperProps: function() {},
+    errorsShowing: false,
+    isBankedContent: false,
+    nextQuizEntry: null
+});
+StimulusEdit = _ts_decorate([
+    withStyleOverrides(generateStyle, generateComponentTheme)
+], StimulusEdit);
+export default wrapWithOutsideClickEmotion(StimulusEdit);