@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,7 +1,23 @@
 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(_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;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Mask } from '@instructure/ui-overlays';
@@ -12,46 +28,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;
+    var _this2;
     _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 () {
-      if (_this.props.trayTrigger) {
-        _this.props.trayTrigger.focus();
+    _this2 = _callSuper(this, BanksTray, [].concat(args));
+    _defineProperty(_this2, "closeTray", function () {
+      if (_this2.props.trayTrigger) {
+        _this2.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 () {
-      _this.props.newActiveBank(void 0);
-      _this.props.newActiveBankEntry(void 0);
-    };
-    _this.navigateToBank = function (bankId) {
-      _this.props.newActiveBankEntry(void 0);
-      _this.props.newActiveBank(bankId);
-    };
-    _this.handleCloseAlert = function () {
-      _this.props.setUI(TRAY_ALERT_OPEN, false);
-      _this.clearActiveBank();
-      _this.props.clear(BANKS_BANK_PAGINATION);
-    };
-    return _this;
+      _this2.props.setUI(BUILD_TRAY_OPEN, false);
+      _this2.props.setUI(BUILD_TRAY_POSITION, null);
+      _this2.props.setUI(BUILD_TRAY_STIMULUS_ID, null);
+    });
+    _defineProperty(_this2, "clearActiveBank", function () {
+      _this2.props.newActiveBank(void 0);
+      _this2.props.newActiveBankEntry(void 0);
+    });
+    _defineProperty(_this2, "navigateToBank", function (bankId) {
+      _this2.props.newActiveBankEntry(void 0);
+      _this2.props.newActiveBank(bankId);
+    });
+    _defineProperty(_this2, "handleCloseAlert", function () {
+      _this2.props.setUI(TRAY_ALERT_OPEN, false);
+      _this2.clearActiveBank();
+      _this2.props.clear(BANKS_BANK_PAGINATION);
+    });
+    return _this2;
   }
-  _createClass(BanksTray, [{
+  _inherits(BanksTray, _Component);
+  return _createClass(BanksTray, [{
     key: "renderTrayContent",
     value: function renderTrayContent() {
       var _this$props = this.props,
@@ -118,9 +131,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 +154,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 +192,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 +208,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,27 @@
+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(_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;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  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 React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
@@ -18,58 +35,75 @@ 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() {
-    var _this;
+  function DeleteStimulusModal(props) {
+    var _this2;
     _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();
-      var _this$props = _this.props,
-        quizId = _this$props.quizId,
-        stimulusEntry = _this$props.stimulusEntry,
-        childEntries = _this$props.childEntries;
-      if (_this.props.deletionMode === 'chooseWhich') {
-        _this.removeStimulus(_this.props.selectedChildren.toArray());
-      } else if (_this.props.deletionMode === 'deleteAll') {
-        _this.props.removeStimulus(quizId, stimulusEntry, childEntries);
-      } else if (_this.props.deletionMode === 'deleteNone' || childEntries.size === 0) {
-        _this.removeStimulus();
+    _this2 = _callSuper(this, DeleteStimulusModal, [props]);
+    /**
+     * @type {React.RefObject<RadioInput> | null}
+     */
+    _defineProperty(_this2, "radioInputRef", null);
+    _defineProperty(_this2, "handleSubmit", function (e) {
+      var _this2$props = _this2.props,
+        quizId = _this2$props.quizId,
+        stimulusEntry = _this2$props.stimulusEntry,
+        childEntries = _this2$props.childEntries;
+      if (!_this2.props.deletionMode && childEntries.size > 0) {
+        var _this2$radioInputRef;
+        (_this2$radioInputRef = _this2.radioInputRef) === null || _this2$radioInputRef === void 0 || (_this2$radioInputRef = _this2$radioInputRef.current) === null || _this2$radioInputRef === void 0 || _this2$radioInputRef.focus();
+        _this2.setState({
+          validationError: [{
+            text: t('Please choose a deletion mode.'),
+            type: 'newError'
+          }]
+        });
+        return;
       }
-    };
-    _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.props.setUi(DELETE_STIMULUS_MODAL_DELETION_MODE, value);
-    };
-    _this.toggleChildSelected = function (childEntry) {
+      _this2.closeAction();
+      if (_this2.props.deletionMode === 'chooseWhich') {
+        _this2.removeStimulus(_this2.props.selectedChildren.toArray());
+      } else if (_this2.props.deletionMode === 'deleteAll') {
+        _this2.props.removeStimulus(quizId, stimulusEntry, childEntries);
+      } else if (_this2.props.deletionMode === 'deleteNone' || childEntries.size === 0) {
+        _this2.removeStimulus();
+      }
+    });
+    _defineProperty(_this2, "closeAction", function () {
+      _this2.props.closeModal();
+      _this2.props.setUi(DELETE_STIMULUS_MODAL_DELETION_MODE, null);
+      _this2.props.setUi(DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, Set.of());
+      _this2.clearValidationError();
+    });
+    _defineProperty(_this2, "clearValidationError", function () {
+      if (_this2.state.validationError) {
+        _this2.setState({
+          validationError: null
+        });
+      }
+    });
+    _defineProperty(_this2, "setDeletionMode", function (event, value) {
+      _this2.clearValidationError();
+      _this2.props.setUi(DELETE_STIMULUS_MODAL_DELETION_MODE, value);
+    });
+    _defineProperty(_this2, "toggleChildSelected", function (childEntry) {
       return function (e) {
-        var selectedChildren = _this.props.selectedChildren;
-        var newSelectedChildren = e.target.checked ? selectedChildren.add(childEntry) : selectedChildren.delete(childEntry);
-        _this.props.setUi(DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, newSelectedChildren);
+        var selectedChildren = _this2.props.selectedChildren;
+        var newSelectedChildren = e.target.checked ? selectedChildren.add(childEntry) : selectedChildren["delete"](childEntry);
+        _this2.props.setUi(DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, newSelectedChildren);
       };
-    };
-    _this.renderCheckboxes = function () {
-      if (_this.props.childEntries.size <= 1) {
+    });
+    _defineProperty(_this2, "renderCheckboxes", function () {
+      if (_this2.props.childEntries.size <= 1) {
         return;
       }
-      if (_this.props.deletionMode !== 'chooseWhich') {
+      if (_this2.props.deletionMode !== 'chooseWhich') {
         return;
       }
-      var checkboxes = _this.props.childEntries.toArray().map(function (childEntry) {
-        var isChecked = _this.props.selectedChildren.has(childEntry);
+      var checkboxes = _this2.props.childEntries.toArray().map(function (childEntry) {
+        var isChecked = _this2.props.selectedChildren.has(childEntry);
         var entry = childEntry.getEntry();
         var itemBody = entry.itemBody;
         if (entry.quizEntry.isBankEntry) {
@@ -81,23 +115,28 @@ export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, gener
         }
         return jsx("div", {
           key: childEntry.id,
-          css: _this.props.styles.checkboxWrapper
+          css: _this2.props.styles.checkboxWrapper
         }, jsx(Checkbox, {
           checked: isChecked,
           label: extractTextFromHtml(itemBody),
-          onChange: _this.toggleChildSelected(childEntry),
+          onChange: _this2.toggleChildSelected(childEntry),
           value: "true",
           variant: "simple"
         }));
       });
       return jsx("div", {
         key: "checkboxes",
-        css: _this.props.styles.checkboxesWrapper
-      }, _ref, checkboxes, _ref2);
+        css: _this2.props.styles.checkboxesWrapper
+      }, jsx(PresentationContent, null, jsx("hr", null)), checkboxes, jsx(PresentationContent, null, jsx("hr", null)));
+    });
+    _this2.state = {
+      validationError: null
     };
-    return _this;
+    _this2.radioInputRef = React.createRef();
+    return _this2;
   }
-  _createClass(DeleteStimulusModal, [{
+  _inherits(DeleteStimulusModal, _Component);
+  return _createClass(DeleteStimulusModal, [{
     key: "confirmRemoveData",
     value: function confirmRemoveData() {
       var numKeepers = this.props.childEntries.size - this.props.selectedChildren.size;
@@ -131,11 +170,11 @@ export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "removeStimulus",
     value: function removeStimulus() {
-      var childEntriesToDelete = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-      var _this$props2 = this.props,
-        removeStimulus = _this$props2.removeStimulus,
-        quizId = _this$props2.quizId,
-        stimulusEntry = _this$props2.stimulusEntry;
+      var childEntriesToDelete = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var _this$props = this.props,
+        removeStimulus = _this$props.removeStimulus,
+        quizId = _this$props.quizId,
+        stimulusEntry = _this$props.stimulusEntry;
       if (this.anyImmutableKeepers()) {
         this.props.withConfirm(partial(removeStimulus, quizId, stimulusEntry, childEntriesToDelete), this.confirmRemoveData());
       } else {
@@ -154,12 +193,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 +221,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 +270,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 +282,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,24 @@
 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(_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;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  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';
@@ -13,39 +29,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;
+    var _this2;
     _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) {
-      var newFeedback = _this.props.feedback.set(key, content);
-      _this.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, newFeedback);
-    };
-    _this.onFeedbackWrapper = function (key) {
+    _this2 = _callSuper(this, ItemFeedbackModal, [].concat(args));
+    _defineProperty(_this2, "onFeedbackChange", function (key, content) {
+      var newFeedback = _this2.props.feedback.set(key, content);
+      _this2.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, newFeedback);
+    });
+    _defineProperty(_this2, "onFeedbackWrapper", function (key) {
       return function (_, map) {
-        return _this.onFeedbackChange(key, map.editorContent);
+        return _this2.onFeedbackChange(key, map.editorContent);
       };
-    };
-    _this.continueAction = function () {
-      _this.props.changeItemFeedback(_this.props.item.id, _this.props.feedback);
-      _this.closeAction();
-    };
-    _this.closeAction = function () {
-      _this.props.modalTrigger && _this.props.modalTrigger.focus();
-      _this.props.closeModal();
-    };
-    return _this;
+    });
+    _defineProperty(_this2, "continueAction", function () {
+      _this2.props.changeItemFeedback(_this2.props.item.id, _this2.props.feedback);
+      _this2.closeAction();
+    });
+    _defineProperty(_this2, "closeAction", function () {
+      _this2.props.modalTrigger && _this2.props.modalTrigger.focus();
+      _this2.props.closeModal();
+    });
+    return _this2;
   }
-  _createClass(ItemFeedbackModal, [{
+  _inherits(ItemFeedbackModal, _Component);
+  return _createClass(ItemFeedbackModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return jsx(Button, {
@@ -67,7 +81,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 +122,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 +132,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(),