@instructure/quiz-core 21.1.1 → 21.2.1

package/es/building/components/resources/ActionButtons/styles.js

@@ -1,5 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var mq = '@media print';
   return {

package/es/building/components/resources/AddToBankOptions/index.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, _AddToBankOptions;
+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';
@@ -12,58 +16,55 @@ import { View } from '@instructure/ui-view';
 import { CondensedButton } from '@instructure/ui-buttons';
 import { jsx } from '@instructure/emotion';
 import { ADD_TO_BANK_MODAL, withStyleOverrides } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var AddToBankOptions = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
-  _inherits(AddToBankOptions, _Component);
-  var _super = _createSuper(AddToBankOptions);
   function AddToBankOptions() {
     var _this;
     _classCallCheck(this, AddToBankOptions);
     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.openAddToBankModal = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    _this = _callSuper(this, AddToBankOptions, [].concat(args));
+    _defineProperty(_this, "openAddToBankModal", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var displayPosition, msg;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              displayPosition = _this.props.displayPosition;
-              if (!_this.props.isValid) {
-                _context.next = 5;
-                break;
-              }
-              _this.props.openModal([ADD_TO_BANK_MODAL, _this.props.entryType, _this.props.guid].join(':'), {
-                modalTrigger: _this.addToBankLink
-              });
-              _context.next = 10;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            displayPosition = _this.props.displayPosition;
+            if (!_this.props.isValid) {
+              _context.next = 5;
               break;
-            case 5:
-              msg = t('{entryType} {displayPosition, number} cannot be saved due to invalid input data.', {
-                entryType: _this.props.entryType,
-                displayPosition: displayPosition
-              });
-              _this.props.screenreaderNotification(msg);
-              _context.next = 9;
-              return _this.props.showError(_this.props.guid);
-            case 9:
-              _this.props.focusFirstErrorField();
-            case 10:
-            case "end":
-              return _context.stop();
-          }
+            }
+            _this.props.openModal([ADD_TO_BANK_MODAL, _this.props.entryType, _this.props.guid].join(':'), {
+              modalTrigger: _this.addToBankLink
+            });
+            _context.next = 10;
+            break;
+          case 5:
+            msg = t('{entryType} {displayPosition, number} cannot be saved due to invalid input data.', {
+              entryType: _this.props.entryType,
+              displayPosition: displayPosition
+            });
+            _this.props.screenreaderNotification(msg);
+            _context.next = 9;
+            return _this.props.showError(_this.props.guid);
+          case 9:
+            _this.props.focusFirstErrorField();
+          case 10:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
-    }));
-    _this.storeAddToBankLinkRef = function (c) {
+    })));
+    _defineProperty(_this, "storeAddToBankLinkRef", function (c) {
       _this.addToBankLink = c;
-    };
+    });
     return _this;
   }
-  _createClass(AddToBankOptions, [{
+  _inherits(AddToBankOptions, _Component);
+  return _createClass(AddToBankOptions, [{
     key: "render",
     value: function render() {
       return jsx("div", null, jsx(View, {
@@ -78,9 +79,7 @@ export var AddToBankOptions = (_dec = withStyleOverrides(generateStyle, generate
       }, t('Add to Bank'))));
     }
   }]);
-  AddToBankOptions.displayName = "AddToBankOptions";
-  return AddToBankOptions;
-}(Component), _AddToBankOptions.displayName = 'AddToBankOptions', _AddToBankOptions.componentId = "Quizzes".concat(_AddToBankOptions.displayName), _AddToBankOptions.propTypes = {
+}(Component), _defineProperty(_AddToBankOptions, "displayName", 'AddToBankOptions'), _defineProperty(_AddToBankOptions, "componentId", "Quizzes".concat(_AddToBankOptions.displayName)), _defineProperty(_AddToBankOptions, "propTypes", {
   displayPosition: PropTypes.number.isRequired,
   entryType: PropTypes.string.isRequired,
   focusFirstErrorField: PropTypes.func,
@@ -90,7 +89,7 @@ export var AddToBankOptions = (_dec = withStyleOverrides(generateStyle, generate
   screenreaderNotification: PropTypes.func.isRequired,
   showError: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _AddToBankOptions.defaultProps = {
+}), _defineProperty(_AddToBankOptions, "defaultProps", {
   focusFirstErrorField: function focusFirstErrorField() {}
-}, _AddToBankOptions)) || _class);
+}), _AddToBankOptions)) || _class);
 export default AddToBankOptions;

package/es/building/components/resources/BanksTray/index.js

@@ -1,7 +1,7 @@
 import { BUILD_TRAY_OPEN, TRAY_ALERT_OPEN, BUILD_TRAY_BUTTON_REF } from '@instructure/quiz-common';
-import { connect } from "../../../../common/react-redux.js";
-import { set as setUI, clear, newActiveBank, newActiveBankEntry } from "../../../../common/actions/ui.js";
-import { BanksTray as BanksTrayPresenter } from "./presenter.js";
+import { connect } from '../../../../common/react-redux';
+import { set as setUI, clear, newActiveBank, newActiveBankEntry } from '../../../../common/actions/ui';
+import { BanksTray as BanksTrayPresenter } from './presenter';
 function mapStateToProps(state) {
   return {
     activeBankId: state.getIn(['ui', 'activeBankId']),

package/es/building/components/resources/BanksTray/presenter.js

@@ -1,7 +1,11 @@
 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";
+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; })(); }
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Mask } from '@instructure/ui-overlays';
@@ -12,46 +16,43 @@ import { Button } from '@instructure/ui-buttons';
 import { Alert } from '@instructure/ui-alerts';
 import { Text } from '@instructure/ui-text';
 import t from '@instructure/quiz-i18n/es/format-message';
-import Banks from "../../../../banks/components/Banks/index.js";
-import BankEntry from "../../../../banks/components/BankEntry/index.js";
-import Bank from "../../../../banks/components/Bank/index.js";
+import Banks from '../../../../banks/components/Banks';
+import BankEntry from '../../../../banks/components/BankEntry';
+import Bank from '../../../../banks/components/Bank';
 import { liveRegion, BUILD_TRAY_OPEN, BUILD_TRAY_POSITION, BUILD_TRAY_STIMULUS_ID, TRAY_ALERT_OPEN, BANKS_BANK_PAGINATION } from '@instructure/quiz-common';
-var _ref = /*#__PURE__*/React.createElement("br", null);
-var _ref2 = /*#__PURE__*/React.createElement("br", null);
 export var BanksTray = /*#__PURE__*/function (_Component) {
-  _inherits(BanksTray, _Component);
-  var _super = _createSuper(BanksTray);
   function BanksTray() {
     var _this;
     _classCallCheck(this, BanksTray);
     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.closeTray = function () {
+    _this = _callSuper(this, BanksTray, [].concat(args));
+    _defineProperty(_this, "closeTray", function () {
       if (_this.props.trayTrigger) {
         _this.props.trayTrigger.focus();
       }
       _this.props.setUI(BUILD_TRAY_OPEN, false);
       _this.props.setUI(BUILD_TRAY_POSITION, null);
       _this.props.setUI(BUILD_TRAY_STIMULUS_ID, null);
-    };
-    _this.clearActiveBank = function () {
+    });
+    _defineProperty(_this, "clearActiveBank", function () {
       _this.props.newActiveBank(void 0);
       _this.props.newActiveBankEntry(void 0);
-    };
-    _this.navigateToBank = function (bankId) {
+    });
+    _defineProperty(_this, "navigateToBank", function (bankId) {
       _this.props.newActiveBankEntry(void 0);
       _this.props.newActiveBank(bankId);
-    };
-    _this.handleCloseAlert = function () {
+    });
+    _defineProperty(_this, "handleCloseAlert", function () {
       _this.props.setUI(TRAY_ALERT_OPEN, false);
       _this.clearActiveBank();
       _this.props.clear(BANKS_BANK_PAGINATION);
-    };
+    });
     return _this;
   }
-  _createClass(BanksTray, [{
+  _inherits(BanksTray, _Component);
+  return _createClass(BanksTray, [{
     key: "renderTrayContent",
     value: function renderTrayContent() {
       var _this$props = this.props,
@@ -118,9 +119,9 @@ export var BanksTray = /*#__PURE__*/function (_Component) {
         margin: "small 0"
       }, /*#__PURE__*/React.createElement(Text, {
         weight: "bold"
-      }, alertTitle), _ref, /*#__PURE__*/React.createElement(Text, {
+      }, alertTitle), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Text, {
         color: "primary"
-      }, alertBody), _ref2, /*#__PURE__*/React.createElement(Button, {
+      }, alertBody), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
         margin: "small 0 0 0",
         color: "primary",
         size: "small",
@@ -141,10 +142,8 @@ export var BanksTray = /*#__PURE__*/function (_Component) {
       }, this.renderTrayContent()), this.renderTrayAlert());
     }
   }]);
-  BanksTray.displayName = "BanksTray";
-  return BanksTray;
 }(Component);
-BanksTray.propTypes = {
+_defineProperty(BanksTray, "propTypes", {
   activeBankId: PropTypes.string,
   activeBankEntryId: PropTypes.string,
   clear: PropTypes.func.isRequired,
@@ -181,8 +180,8 @@ BanksTray.propTypes = {
     launch_context_uuid: PropTypes.string,
     root_account_name: PropTypes.string
   })
-};
-BanksTray.defaultProps = {
+});
+_defineProperty(BanksTray, "defaultProps", {
   activeBankId: null,
   activeBankEntryId: null,
   currentUser: null,
@@ -197,5 +196,5 @@ BanksTray.defaultProps = {
   onShare: function onShare() {},
   trayTrigger: null,
   itemBanksScope: {}
-};
+});
 export default BanksTray;

package/es/building/components/resources/DeleteStimulusModal/index.js

@@ -1,10 +1,10 @@
 import { bindActionCreators } from 'redux';
 import { Map, List } from 'immutable';
-import { connect } from "../../../../common/react-redux.js";
-import { closeModal, withConfirm } from "../../../../common/actions/modal.js";
-import { set } from "../../../../common/actions/ui.js";
-import { removeStimulusQuizEntry } from "../../../api/quizEntries.js";
-import { DeleteStimulusModal as DeleteStimulusModalPresenter } from "./presenter.js";
+import { connect } from '../../../../common/react-redux';
+import { closeModal, withConfirm } from '../../../../common/actions/modal';
+import { set } from '../../../../common/actions/ui';
+import { removeStimulusQuizEntry } from '../../../api/quizEntries';
+import { DeleteStimulusModal as DeleteStimulusModalPresenter } from './presenter';
 import { DELETE_STIMULUS_MODAL, DELETE_STIMULUS_DATA, DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, DELETE_STIMULUS_MODAL_DELETION_MODE } from '@instructure/quiz-common';
 function mapStateToProps(state, props) {
   var _state$getIn$toObject = state.getIn(['ui', DELETE_STIMULUS_DATA], Map()).toObject(),

package/es/building/components/resources/DeleteStimulusModal/presenter.js

@@ -1,10 +1,15 @@
+import _readOnlyError from "@babel/runtime/helpers/esm/readOnlyError";
 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, _DeleteStimulusModal;
+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 React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
@@ -18,26 +23,34 @@ import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import { Modal, ModalHeader, ModalBody, ModalFooter, DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, DELETE_STIMULUS_MODAL_DELETION_MODE, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-var _ref = jsx(PresentationContent, null, jsx("hr", null));
-var _ref2 = jsx(PresentationContent, null, jsx("hr", null));
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_DeleteStimulusModal = /*#__PURE__*/function (_Component) {
-  _inherits(DeleteStimulusModal, _Component);
-  var _super = _createSuper(DeleteStimulusModal);
-  function DeleteStimulusModal() {
+  function DeleteStimulusModal(props) {
     var _this;
     _classCallCheck(this, DeleteStimulusModal);
-    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.handleSubmit = function (e) {
-      _this.closeAction();
+    _this = _callSuper(this, DeleteStimulusModal, [props]);
+    /**
+     * @type {React.RefObject<RadioInput> | null}
+     */
+    _defineProperty(_this, "radioInputRef", null);
+    _defineProperty(_this, "handleSubmit", function (e) {
       var _this$props = _this.props,
         quizId = _this$props.quizId,
         stimulusEntry = _this$props.stimulusEntry,
         childEntries = _this$props.childEntries;
+      if (!_this.props.deletionMode && childEntries.size > 0) {
+        var _this$radioInputRef;
+        (_this$radioInputRef = _this.radioInputRef) === null || _this$radioInputRef === void 0 || (_this$radioInputRef = _this$radioInputRef.current) === null || _this$radioInputRef === void 0 || _this$radioInputRef.focus();
+        _this.setState({
+          validationError: [{
+            text: t('Please choose a deletion mode.'),
+            type: 'newError'
+          }]
+        });
+        return;
+      }
+      _this.closeAction();
       if (_this.props.deletionMode === 'chooseWhich') {
         _this.removeStimulus(_this.props.selectedChildren.toArray());
       } else if (_this.props.deletionMode === 'deleteAll') {
@@ -45,23 +58,32 @@ export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, gener
       } else if (_this.props.deletionMode === 'deleteNone' || childEntries.size === 0) {
         _this.removeStimulus();
       }
-    };
-    _this.closeAction = function () {
+    });
+    _defineProperty(_this, "closeAction", function () {
       _this.props.closeModal();
       _this.props.setUi(DELETE_STIMULUS_MODAL_DELETION_MODE, null);
       _this.props.setUi(DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, Set.of());
-    };
-    _this.setDeletionMode = function (event, value) {
+      _this.clearValidationError();
+    });
+    _defineProperty(_this, "clearValidationError", function () {
+      if (_this.state.validationError) {
+        _this.setState({
+          validationError: null
+        });
+      }
+    });
+    _defineProperty(_this, "setDeletionMode", function (event, value) {
+      _this.clearValidationError();
       _this.props.setUi(DELETE_STIMULUS_MODAL_DELETION_MODE, value);
-    };
-    _this.toggleChildSelected = function (childEntry) {
+    });
+    _defineProperty(_this, "toggleChildSelected", function (childEntry) {
       return function (e) {
         var selectedChildren = _this.props.selectedChildren;
-        var newSelectedChildren = e.target.checked ? selectedChildren.add(childEntry) : selectedChildren.delete(childEntry);
+        var newSelectedChildren = e.target.checked ? selectedChildren.add(childEntry) : selectedChildren["delete"](childEntry);
         _this.props.setUi(DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, newSelectedChildren);
       };
-    };
-    _this.renderCheckboxes = function () {
+    });
+    _defineProperty(_this, "renderCheckboxes", function () {
       if (_this.props.childEntries.size <= 1) {
         return;
       }
@@ -93,11 +115,16 @@ export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, gener
       return jsx("div", {
         key: "checkboxes",
         css: _this.props.styles.checkboxesWrapper
-      }, _ref, checkboxes, _ref2);
+      }, jsx(PresentationContent, null, jsx("hr", null)), checkboxes, jsx(PresentationContent, null, jsx("hr", null)));
+    });
+    _this.state = {
+      validationError: null
     };
+    _this.radioInputRef = React.createRef();
     return _this;
   }
-  _createClass(DeleteStimulusModal, [{
+  _inherits(DeleteStimulusModal, _Component);
+  return _createClass(DeleteStimulusModal, [{
     key: "confirmRemoveData",
     value: function confirmRemoveData() {
       var numKeepers = this.props.childEntries.size - this.props.selectedChildren.size;
@@ -131,7 +158,7 @@ export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "removeStimulus",
     value: function removeStimulus() {
-      var childEntriesToDelete = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+      var childEntriesToDelete = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var _this$props2 = this.props,
         removeStimulus = _this$props2.removeStimulus,
         quizId = _this$props2.quizId,
@@ -154,12 +181,7 @@ export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "doneButton",
     value: function doneButton() {
-      var _this$props3 = this.props,
-        deletionMode = _this$props3.deletionMode,
-        childEntries = _this$props3.childEntries;
-      var disabled = !deletionMode && childEntries.size > 0;
       return jsx(Button, {
-        disabled: disabled,
         color: "primary",
         onClick: this.handleSubmit,
         margin: XSMALL_SIDE_MARGIN,
@@ -187,8 +209,10 @@ export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, gener
         name: "deletionMode",
         defaultValue: this.props.deletionMode,
         onChange: this.setDeletionMode,
-        description: jsx(ScreenReaderContent, null, t('Stimulus Removal Mode'))
+        description: jsx(ScreenReaderContent, null, t('Stimulus Removal Mode')),
+        messages: this.state.validationError
       }, jsx(RadioInput, {
+        ref: this.radioInputRef,
         key: "deleteAll",
         value: "deleteAll",
         label: jsx("div", {
@@ -234,9 +258,7 @@ export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, gener
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.cancelButton(), this.doneButton()));
     }
   }]);
-  DeleteStimulusModal.displayName = "DeleteStimulusModal";
-  return DeleteStimulusModal;
-}(Component), _DeleteStimulusModal.displayName = 'DeleteStimulusModal', _DeleteStimulusModal.componentId = "Quizzes".concat(_DeleteStimulusModal.displayName), _DeleteStimulusModal.propTypes = {
+}(Component), _defineProperty(_DeleteStimulusModal, "displayName", 'DeleteStimulusModal'), _defineProperty(_DeleteStimulusModal, "componentId", "Quizzes".concat(_DeleteStimulusModal.displayName)), _defineProperty(_DeleteStimulusModal, "propTypes", {
   childEntries: ImmutablePropTypes.list.isRequired,
   closeModal: PropTypes.func.isRequired,
   deletionMode: PropTypes.string,
@@ -248,10 +270,10 @@ export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, gener
   stimulusEntry: ImmutablePropTypes.record,
   quizId: PropTypes.string,
   styles: PropTypes.object
-}, _DeleteStimulusModal.defaultProps = {
+}), _defineProperty(_DeleteStimulusModal, "defaultProps", {
   selectedChildren: Set.of(),
   deletionMode: '',
   stimulusEntry: void 0,
   quizId: void 0
-}, _DeleteStimulusModal)) || _class);
+}), _DeleteStimulusModal)) || _class);
 export default DeleteStimulusModal;

package/es/building/components/resources/ItemFeedbackModal/index.js

@@ -1,12 +1,12 @@
 import { Map } from 'immutable';
-import { connect } from "../../../../common/react-redux.js";
-import { ItemFeedbackModal as ItemFeedbackModalPresenter } from "./presenter.js";
-import { closeModal } from "../../../../common/actions/modal.js";
-import { changeItemFeedback } from "../../../../common/actions/modifications.js";
-import Item from "../../../../common/records/Item.js";
-import { set } from "../../../../common/actions/ui.js";
-import { getModalTrigger } from "../../../../common/util/modalHelpers.js";
-import { generateImportModalId } from "../../../../common/components/ImportModal/index.js";
+import { connect } from '../../../../common/react-redux';
+import { ItemFeedbackModal as ItemFeedbackModalPresenter } from './presenter';
+import { closeModal } from '../../../../common/actions/modal';
+import { changeItemFeedback } from '../../../../common/actions/modifications';
+import Item from '../../../../common/records/Item';
+import { set } from '../../../../common/actions/ui';
+import { getModalTrigger } from '../../../../common/util/modalHelpers';
+import { generateImportModalId } from '../../../../common/components/ImportModal';
 import { ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK } from '@instructure/quiz-common';
 function mapStateToProps(state, props) {
   var nestedModals = ['correct', 'incorrect', 'neutral'].map(generateImportModalId);

package/es/building/components/resources/ItemFeedbackModal/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, _ItemFeedbackModal;
+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';
@@ -13,39 +17,37 @@ import { jsx } from '@instructure/emotion';
 import { RichContentRenderer, RichContentInput, RCE_THREE_LINES_HEIGHT } from '@instructure/quiz-rce';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Modal, ModalHeader, ModalBody, ModalFooter, ITEM_FEEDBACK_MODAL_FEEDBACK, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-var _ref = jsx("br", null);
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 export var ItemFeedbackModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ItemFeedbackModal = /*#__PURE__*/function (_Component) {
-  _inherits(ItemFeedbackModal, _Component);
-  var _super = _createSuper(ItemFeedbackModal);
   function ItemFeedbackModal() {
     var _this;
     _classCallCheck(this, ItemFeedbackModal);
     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.onFeedbackChange = function (key, content) {
+    _this = _callSuper(this, ItemFeedbackModal, [].concat(args));
+    _defineProperty(_this, "onFeedbackChange", function (key, content) {
       var newFeedback = _this.props.feedback.set(key, content);
       _this.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, newFeedback);
-    };
-    _this.onFeedbackWrapper = function (key) {
+    });
+    _defineProperty(_this, "onFeedbackWrapper", function (key) {
       return function (_, map) {
         return _this.onFeedbackChange(key, map.editorContent);
       };
-    };
-    _this.continueAction = function () {
+    });
+    _defineProperty(_this, "continueAction", function () {
       _this.props.changeItemFeedback(_this.props.item.id, _this.props.feedback);
       _this.closeAction();
-    };
-    _this.closeAction = function () {
+    });
+    _defineProperty(_this, "closeAction", function () {
       _this.props.modalTrigger && _this.props.modalTrigger.focus();
       _this.props.closeModal();
-    };
+    });
     return _this;
   }
-  _createClass(ItemFeedbackModal, [{
+  _inherits(ItemFeedbackModal, _Component);
+  return _createClass(ItemFeedbackModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return jsx(Button, {
@@ -67,7 +69,7 @@ export var ItemFeedbackModal = (_dec = withStyleOverrides(generateStyle, generat
   }, {
     key: "renderRichContentInput",
     value: function renderRichContentInput(key, label) {
-      return jsx("div", null, _ref, jsx("label", {
+      return jsx("div", null, jsx("br", null), jsx("label", {
         css: this.props.styles.feedbackLabel,
         htmlFor: key
       }, label), jsx(RichContentInput, {
@@ -108,9 +110,7 @@ export var ItemFeedbackModal = (_dec = withStyleOverrides(generateStyle, generat
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.cancelButton(), this.doneButton())));
     }
   }]);
-  ItemFeedbackModal.displayName = "ItemFeedbackModal";
-  return ItemFeedbackModal;
-}(Component), _ItemFeedbackModal.displayName = 'ItemFeedbackModal', _ItemFeedbackModal.componentId = "Quizzes".concat(_ItemFeedbackModal.displayName), _ItemFeedbackModal.propTypes = {
+}(Component), _defineProperty(_ItemFeedbackModal, "displayName", 'ItemFeedbackModal'), _defineProperty(_ItemFeedbackModal, "componentId", "Quizzes".concat(_ItemFeedbackModal.displayName)), _defineProperty(_ItemFeedbackModal, "propTypes", {
   changeItemFeedback: PropTypes.func.isRequired,
   closeModal: PropTypes.func.isRequired,
   feedback: ImmutablePropTypes.map.isRequired,
@@ -120,7 +120,7 @@ export var ItemFeedbackModal = (_dec = withStyleOverrides(generateStyle, generat
   setUi: PropTypes.func.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   styles: PropTypes.object
-}, _ItemFeedbackModal.defaultProps = {
+}), _defineProperty(_ItemFeedbackModal, "defaultProps", {
   modalTrigger: null
-}, _ItemFeedbackModal)) || _class);
+}), _ItemFeedbackModal)) || _class);
 export default ItemFeedbackModal;

package/es/building/components/resources/MoveImmutableModal/index.js

@@ -1,10 +1,10 @@
 import { Map } from 'immutable';
-import { connect } from "../../../../common/react-redux.js";
-import { closeModal } from "../../../../common/actions/modal.js";
-import { set as setUI } from "../../../../common/actions/ui.js";
-import QuizEntry from "../../../../common/records/QuizEntry.js";
-import { moveImmutableQuizEntry } from "../../../api/quizEntries.js";
-import { MoveImmutableModal as MoveImmutableModalPresenter } from "./presenter.js";
+import { connect } from '../../../../common/react-redux';
+import { closeModal } from '../../../../common/actions/modal';
+import { set as setUI } from '../../../../common/actions/ui';
+import QuizEntry from '../../../../common/records/QuizEntry';
+import { moveImmutableQuizEntry } from '../../../api/quizEntries';
+import { MoveImmutableModal as MoveImmutableModalPresenter } from './presenter';
 import { MOVE_IMMUTABLE_MODAL, MOVE_IMMUTABLE_DATA } from '@instructure/quiz-common';
 function mapStateToProps(state, props) {
   var _state$getIn$toObject = state.getIn(['ui', MOVE_IMMUTABLE_DATA], Map()).toObject(),